.menu { width:auto; } .menu.pulled { width: 100%; } .menu.navigation { width: auto; margin-left:0; height:auto; } .m-nav ul.menu > li:first-child, .m-nav ul.menu > li:first-child .subtoggle:checked ~ label { background-color: #393634; } .m-nav ul.menu > li:nth-child(2), .m-nav ul.menu > li:nth-child(2) .subtoggle:checked ~ label { background-color: #9ecb84; } .m-nav ul.menu > li:nth-child(3), .m-nav ul.menu > li:nth-child(3) .subtoggle:checked ~ label { background-color: #23b9d6; } .m-nav ul.menu > li:nth-child(4), .m-nav ul.menu > li:nth-child(4) .subtoggle:checked ~ label { background: #f4972a; } /************** mob promo tab ****************/ .m-nav ul.menu > li:nth-child(4) a, .m-nav ul.menu > li:nth-child(4) .subtoggle:checked ~ label a { } /************** mob promo tab ****************/ /*.m-nav ul.menu > li:nth-child(4) a::after, .m-nav ul.menu > li:nth-child(4) .subtoggle:checked ~ label a::after { content:""; background: transparent url(LIB/css/revive-logo.png) no-repeat left center / contain; position:absolute; bottom:0; left:8px; width:100%; height:40px; display:block; }*/ .m-nav ul.menu > li:nth-child(5), .m-nav ul.menu > li:nth-child(5) .subtoggle:checked ~ label { background: #f18e22; } .m-nav ul.menu > li > label { color:#fff; } .m-nav ul.menu ul ul a, ul.menu ul ul label { border-bottom: 1px solid #fff; } .m-nav ul.menu li:nth-child(2) ul ul a, ul.menu li:nth-child(2) ul ul label { background-color: #EEF3E4; border-bottom: 1px solid #fff; } .m-nav ul.menu li:nth-child(2) ul ul { background-color: #EEF3E4; border-top: 2px solid #EEF3E4; } .m-nav ul.menu > li:nth-child(2) ul a:hover,.m-nav ul.menu > li:nth-child(2) ul ul a:hover, .m-nav ul.menu > li:nth-child(2) label:hover { color:#fff; background:#9ecb84; text-decoration:none; } .m-nav ul.menu li:nth-child(3) ul ul a, ul.menu li:nth-child(3) ul ul label { background-color: #E9F8FA; border-bottom: 1px solid #fff; } .m-nav ul.menu li:nth-child(3) ul ul { background-color: #E9F8FA; border-top: 2px solid #E9F8FA; } .m-nav ul.menu > li:nth-child(3) ul a:hover,.m-nav ul.menu > li:nth-child(3) ul ul a:hover, .m-nav ul.menu > li:nth-child(3) label:hover { color:#fff; background:#23b9d6; text-decoration:none; } .m-nav ul.menu > li:nth-child(4) { display:block; } /************** mob promo tab ****************/ .m-nav ul.menu ul ul a::before { content: ""; padding-right: 0; } .m-nav ul.menu > li:first-child > label::before, .m-nav ul.menu > li:nth-child(2) > label::before, .m-nav ul.menu > li:nth-child(3) > label::before, .m-nav ul.menu > li:nth-child(5) > label::before, .m-nav ul.menu > li:nth-child(6) > label::before, .m-nav ul.menu > li:nth-child(7) > a::before { content: "Denmaur " } /*right column pulled menu*/ .menu.pulled ul ul { display: none; } ul.menu.pulled .subtogglelabel + a { display: block;} ul.menu.pulled > li > .subtogglelabel + a { display: none; } /*right column pulled menu targetted content pages*/ #body0[class*=media_about-us_] ul.menu.pulled ul li:nth-child(2) ul { display: block; } #body0[class*=media_about-us_] ul.menu.pulled li:nth-child(2) .subtogglelabel + a { display: none;} #body0[class*=media_sourcing-your-own-paper_] ul.menu.pulled ul li:nth-child(3) ul { display: block; } #body0[class*=media_sourcing-your-own-paper_] ul.menu.pulled li:nth-child(3) .subtogglelabel + a { display: none;} #body0[class*=media_product_] ul.menu.pulled ul li:nth-child(4) ul { display: block; } #body0[class*=media_product_] ul.menu.pulled li:nth-child(4) .subtogglelabel + a { display: none;} #body0[class*=media_services_] ul.menu.pulled ul li:nth-child(5) ul { display: block; } #body0[class*=media_services_] ul.menu.pulled li:nth-child(5) .subtogglelabel + a { display: none;} #body0[class*=media_sustainability_] ul.menu.pulled ul li:nth-child(6) ul { display: block; } #body0[class*=media_sustainability_] ul.menu.pulled li:nth-child(6) .subtogglelabel + a { display: none;} .m-logo-unfixed { position:absolute; } ul.navarea { width: 72%; margin-top:19px; padding-top:14px; border-top: 1px solid #ccc; } ul.navarea .column { float: none; } .navigation > ul > li { min-width:180px; height:49px; } .navigation > ul > li:not(.navoff) > a:hover { color:#393634; } /*.navigation > ul > li > a:hover::before { background-color:rgba(0,0,0,0.1); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; } */ .navigation > ul > li:first-child > ul { background-color:#393634; } .navigation > ul > li:nth-child(2) > ul { background-color:#9ecb84; } .navigation > ul > li:nth-child(3) > ul { background-color:#23b9d6; } .navigation > ul > li:nth-child(4) > ul { background-color:#f4972a;} .navigation > ul > li:nth-child(5) > ul { background-color:#344695; } .navigation > ul > li:nth-child(6) > ul { background-color:#e7287c; } .navigation > ul > li:nth-child(7) > ul { background: #002c50 url(documents/Images/backgrounds/space-nav.jpg) no-repeat / cover; }/* FILM NAV */ .navigation ul > li > ul > li { width:100%; } /*.navigation > ul > li > ul > li > a:hover::before { background-color:rgba(0,0,0,0.1); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; } */ .navigation ul ul ul li { background-image:none; } .navigation ul ul li .subtogglelabel + a::after { margin-left:10px; } .navigation ul ul ul { left:250px; top:0; width:250px; } .navigation ul > li > ul > li > ul > li { width:100%; } .navigation ul li:first-child a { color:#fff; } .navigation ul ul { top:49px; } .navigation ul ul li { border-top:none; background-image:none; border-bottom:1px solid rgba(255,255,255,0.2); } .navigation ul ul ul li { border-top:none; } .navigation ul.menu ul li a { padding:18px 14px; } /*.navigation ul.menu ul li:hover::before { background-color:rgba(0,0,0,0.1); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; }*/ .navigation ul.menu ul ul li a { color:#393634; } .navigation > ul.menu > li a:hover { background-color:#efefef; } .navigation > ul.menu > li:nth-child(1) { background-color:#393634; } .navigation > ul.menu > li:nth-child(2) { background-color:#9ecb84; } .navigation > ul.menu > li:nth-child(3) { background-color:#23b9d6; } .navigation > ul.menu > li:nth-child(4) { background-color:#f4972a; } .navigation > ul.menu > li:nth-child(5) { background: #344695; } .navigation > ul.menu > li:nth-child(6) { background: #e7287c; } .navigation > ul.menu > li:nth-child(7) { background: #fff; } /*FILM NAV */ .navigation > ul.menu > li:nth-child(7) a { border-top: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #444; } .navigation > ul.menu > li:nth-child(1) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(2) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(3) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(4) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(5) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(6) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(7) a:hover { color:#000; background:transparent url(LIB/css/black-bg-20.png); }/* FILM NAV */ .navigation ul.menu li:first-child ul ul { background-color:#cbcaca; } .navigation ul.menu li:nth-child(2) ul ul { background-color:#C8E4C5; } .navigation ul.menu li:nth-child(3) ul ul { background-color:#82E0E9; } .navigation ul.menu ul ul li a:hover { color:#393634; background-color:#bbb; } .navigation > ul > li { min-width:166px; } /* change to 166px FILM NAV */ .navigation > ul > li > a { padding:18px 14px; text-align:center; } .navigation > ul > li > a:hover,.navigation > ul > li > label:hover { background-image:none; } /*.navigation > ul > li:hover::before { background-color:rgba(0,0,0,0.1); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; }*/ /*.navigation ul ul li .subtogglelabel::after { display:block; content:""; background:url(LIB/css/css_nav-arrow-white.png) no-repeat 0 0; background-size:12px auto; float:right; height:16px; width:16px; margin-left:10px; } WHITE ARROWS TO INDICATE FLYOUT SUBMENU */ .navigation ul ul li .subtogglelabel + a::after { width: 10px; } .navigation > ul.menu > li > a::before, .navigation > ul > li > label::before { content: "Denmaur "; } .navigation > ul.menu > li:nth-child(4) > a::before, .navigation > ul > li:nth-child(4) > label::before { content: ""; } .navigation > ul.menu > li:nth-child(5) > a::before, .navigation > ul > li:nth-child(5) > label::before { content: "Denmaur "; } .navigation > ul.menu > li:nth-child(6) > a::before, .navigation > ul > li:nth-child(6) > label::before { content: "Denmaur "; } .navigation > ul.menu > li:nth-child(7) > a::before, .navigation > ul > li:nth-child(7) > label::before { content: "Denmaur "; } /* FILM NAV */ #body0[class^=lamination] .navigation > ul.menu > li:nth-child(7)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=lamination] .navigation > ul.menu > li:nth-child(7)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } /* FILM NAV */ .navigation ul li:last-child ul ul { display:none; } /*page indicator*/ .navigation > ul.menu > li.navoff > a { outline:none; } .navigation ul.menu li.navoff > label { outline:none; } .m-nav ul.menu li.navoff > a,.navigation ul li.navoff > a,.navigation ul li.navoff > a:hover { outline:none; } .m-nav ul.menu li.navoff > a:hover,ul.menu li.navoff > label:hover { outline:none; } #tt_topdiv { height:181px; background-color:#fff; } #tt_topdiv.topdivscroll { height: 121px; background-color:#fff; } #tt_topdiv::before { margin-top: 181px; height: 50px; background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) repeat scroll 0 0; } #tt_topdiv.shadow::before { top:0; } #tt_topdiv.topdivscroll::before { margin-top: 121px; display:block; } #tt_topdiv.topdivscroll ul.navarea { margin-top:20px; padding-top:14px; transition:all 0.5s ease-out 0s; } #tt_topdiv.topdivscroll a.homelogo { margin-top: 25px; } #tt_topdiv.topdivscroll a.homelogo { background: transparent url("documents/logo_home_NEW.png") no-repeat scroll 0 0 / 55% auto; } #tt_mobdiv { border-top: 180px solid #393634; } .topdivinfo .topdivinfoarea span.tt_display,.topdivinfo .topdivinfoarea a.tt_display,.topdivinfo .topdivinfoarea p.tt_display { display:inline-block; } a.homelogo { background: transparent url("documents/logo_home_CB.png") no-repeat scroll 0 0 / 70% auto; margin-top:45px; } ul.footernavarea { display:none; } .media h1 { display:none; } #body0[class^=media] #tt_topbar .tt_topbarinner { background-color:#23b9d6; } #body0[class*=media_] #tt_topbar .tt_topbarinner { background-color:#23b9d6; } /*#body0[class^=media] .navigation ul ul li a:hover { color:#fff; background:#23b9d6; } #body0[class*=media_] .navigation ul ul li a:hover { color:#fff; background:#23b9d6; } */ #body0[class^=media] a.format1,#body0[class^=media] p.format1,#body0[class^=media] .editblock .edittext .text > p.format1,#body0[class^=media] span.format1 { color:#23b9d6; } #body0[class^=media] a.format3,#body0[class^=media] p.format3,#body0[class^=media] .editblock .edittext .text > p.format3,#body0[class^=media] span.format3 { color:#393634; } #body0[class^=media] a.format5,#body0[class^=media] p.format5,#body0[class^=media] .editblock .edittext .text > p.format5,#body0[class^=media] span.format5 { color:#23b9d6; } /*#body0[class*=media_] a.format1,#body0[class*=media_] p.format1,#body0[class*=media_] .editblock .edittext .text > p.format1#body0[class*=media_] ,span.format1 { color:#23b9d6; } #body0[class*=media_] a.format3,#body0[class*=media_] p.format3,#body0[class*=media_] .editblock .edittext .text > p.format3,#body0[class*=media_] span.format3 { color:#393634; } #body0[class*=media_] a.format5,#body0[class*=media_] p.format5,#body0[class*=media_] .editblock .edittext .text > p.format5,#body0[class*=media_] span.format5 { color:#23b9d6; }*/ #body0[class^=media] .topdivinfo .topdivinfoarea .edittext .text p.format3 { color:#333; } /*#body0[class*=media_] .topdivinfo .topdivinfoarea .edittext .text p.format3 { color:#333; }*/ #body0[class^=media] ul.contentarea.minheightsarea li.column a.edittextlink { background-color:#23b9d6; } /*#body0[class*=media_] ul.contentarea.minheightsarea li.column a.edittextlink { background-color:#23b9d6; }*/ #body0[class^=media] ul.contentarea.minheightsarea li.column a.edittextlink:hover { background-color:#393634; } /*#body0[class*=media_] ul.contentarea.minheightsarea li.column a.edittextlink:hover { background-color:#393634; } */ #body0[class^=media] a.homelogo { background: transparent url("documents/logo_media_NEW.png") no-repeat scroll 0 0 / 70% auto; } /*#body0[class*=media_] a.homelogo { background: transparent url("documents/logo_media.png") no-repeat scroll 0 0 / 70% auto; } */ #body0[class^=media] #tt_topdiv.topdivscroll a.homelogo { background-size: 55% auto; } /*#body0[class*=media_] #tt_topdiv.topdivscroll a.homelogo { background-size: 55% auto; } */ /*#body0[class^=media] .topdivinfo a { color:#23b9d6; display:inline-block; } */ #body0[class^=media] .crumb a { color:#23b9d6; } /*#body0[class*=media_] .crumb a { color:#23b9d6; }*/ #body0[class^=media] .section a:not(.edittextlink) { color:#23b9d6; } #body0[class^=media] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color:#a2a09f; } #body0[class^=media] .section .submenuarea a:not(.edittextlink) { color: #fff; } #body0.tt_unjs[class^=media] .section .submenuarea a:not(.edittextlink), #body0[class^=media] .section .submenuarea .menu a:not(.edittextlink) { color: #23b9d6; } /*#body0[class*=media_] .section a:not(.edittextlink) { color:#23b9d6; }*/ #body0[class^=media] .topsection { background-image:url(documents/Images/headers/header-2-bw.jpg); background-color:#efefef; } /*#body0[class*=media_] .topsection { background-image:none; background-color:#efefef; } */ /*#body0[class^=media] .topsection .sectiontopinner { border:none; max-width:none; padding:0; margin:0; } /*#body0[class*=media_] .topsection .sectiontopinner { border:none; max-width:none; padding:0; margin:0; } */ /*#body0[class*=media_] .navigation > ul.menu > li:nth-child(2) > a::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class*=media_] .navigation > ul.menu > li:nth-child(2) > a::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; }*/ #body0[class^=media] .navigation > ul.menu > li:nth-child(3)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=media] .navigation > ul.menu > li:nth-child(3)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=media] .tt_accordion > label { background-color:#23b9d6; } #body0[class^=media] .tt_accordion > label:hover { background-color:#393634; } #body0[class^=media] .tt_accordion > input[type=radio]:checked+label { background-color:#393634; } #body0[class^="media"] .section li.tt_cta-panel a { color: #fff; } #body0[class^="media"] .section li.tt_cta-panel a.edittextlink { color: #fff; background-color:#393634; } #body0[class^="media"] .section li.tt_cta-panel a.edittextlink:hover { color: #23b9d6; background-color:#fff; } #body0[class^="media"] .topsection .sectiontopinner { max-width:1200px; padding:0; margin:0 auto; } #body0.media .topsection .sectiontopinner { max-width:none; padding:0; margin:0; } #body0[class^="media"] a.edittextlink { background-color:#23b9d6; } #body0[class^="media"] a.edittextlink:hover { background-color:#393634; } #body0[class^=media] .sectorarea p::after { color: #23b9d6; content: "\2022"; padding: 0 10px; } #body0[class^=media] .sharebutton:hover { background-color:#23b9d6; } #body0[class^=media] .bloggerbutton, #body0[class^=media] .facebookbutton, #body0[class^=media] .twitterbutton, #body0[class^=media] .linkedinbutton, #body0[class^=media] .youtubebutton, #body0[class^=media] .instagrambutton, #body0[class^=media] .cookiebutton, #body0[class^=media] .googlebutton { background-image:url(LIB/css/logo_socialmedia_media.png); background-color:#fff; } /*#body0[class^=media] .sitemapbutton*/ #body0[class^=media] .emailbutton { background-image:url(LIB/css/logo_email_media.png); } #body0[class^=media] .bloggerbutton:hover,#body0[class^=media] .facebookbutton:hover, #body0[class^=media] .twitterbutton:hover, #body0[class^=media] .linkedinbutton:hover, #body0[class^=media] .youtubebutton:hover, #body0[class^=media] .instagrambutton:hover, #body0[class^=media] .cookiebutton:hover, #body0[class^=media] .sitemapbutton:hover, #body0[class^=media] .googlebutton:hover, #body0[class^=media] .emailbutton:hover { background-color:#393634; } #body0[class^=paper] #tt_topbar .tt_topbarinner { background-color:#9ecb84; } #body0[class^=paper_] #tt_topbar .tt_topbarinner { background-color:#9ecb84; } /*#body0[class^=paper] .navigation ul ul li a:hover { color:#fff; background:#9ecb84; } #body0[class*=paper_] .navigation ul ul li a:hover { color:#fff; background:#9ecb84; }*/ .paper h1 { display:none; } #body0[class^=paper] .contentarea h1 { color:#9ecb84; } #body0[class^=paper] a.format1,#body0[class^=paper] p.format1,#body0[class^=paper] .editblock .edittext .text > p.format1,#body0[class^=paper] span.format1 { color:#9ecb84; } #body0[class^=paper] a.format3,#body0[class^=paper] p.format3,#body0[class^=paper] .editblock .edittext .text > p.format3,#body0[class^=paper] span.format3 { color:#393634; } #body0[class^=paper] a.format5,#body0[class^=paper] p.format5,#body0[class^=paper] .editblock .edittext .text > p.format5,#body0[class^=paper] span.format5 { color:#9ecb84; } /*#body0[class*=paper_] a.format1,#body0[class*=paper_] p.format1,#body0[class*=paper_] .editblock .edittext .text > p.format1,#body0[class*=paper_] span.format1 { color:#9ecb84; } #body0[class*=paper_] a.format3,#body0[class*=paper_] p.format3,#body0[class*=paper_] .editblock .edittext .text > p.format3,#body0[class*=paper_] span.format3 { color:#393634; } #body0[class*=paper_] a.format5,#body0[class*=paper_] p.format5,#body0[class*=paper_] .editblock .edittext .text > p.format5,#body0[class*=paper_] span.format5 { color:#9ecb84; } */ #body0[class^=paper] .topdivinfo .topdivinfoarea .edittext .text p.format3 { color:#333; } /*#body0[class*=paper_] .topdivinfo .topdivinfoarea .edittext .text p.format3 { color:#333; }*/ #body0[class^=paper] ul.contentarea.minheightsarea li.column a.edittextlink { background-color:#9ecb84; } /*#body0[class*=paper_] ul.contentarea.minheightsarea li.column a.edittextlink { background-color:#9ecb84; } */ #body0[class^=paper] ul.contentarea.minheightsarea li.column a.edittextlink:hover { background-color:#393634; } /*#body0[class*=paper_] ul.contentarea.minheightsarea li.column a.edittextlink:hover { background-color:#393634; }*/ #body0[class^=paper] a.homelogo { background: transparent url("documents/logo_paper_NEW.png") no-repeat scroll 0 0 / 70% auto; } /*#body0[class*=paper_] a.homelogo { background: transparent url("documents/logo_paper.png") no-repeat scroll 0 0 / 70% auto; } */ #body0[class^=paper] #tt_topdiv.topdivscroll a.homelogo { background-size: 55% auto; } /*#body0[class*=paper_] #tt_topdiv.topdivscroll a.homelogo { background-size: 55% auto; } */ #body0[class^=paper] .topdivinfo a { color:#9ecb84; } #body0[class^=paper] .crumb a { color:#9ecb84; } /*#body0[class*=paper_] .crumb a { color:#9ecb84; }*/ #body0[class^=paper] .section a:not(.edittextlink) { color:#9ecb84; } #body0[class^=paper] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color:#a2a09f; } #body0[class^=paper] .section .submenuarea a:not(.edittextlink) { color: #fff; } #body0.tt_unjs[class^=paper] .section .submenuarea a:not(.edittextlink), #body0[class^=paper] .section .submenuarea .menu a:not(.edittextlink) { color: #9ecb84; } /*#body0[class*=paper_] .section a:not(.edittextlink) { color:#9ecb84; } */ #body0[class^=paper] .section .pagination { padding-left: 20px; } #body0[class^=paper] .section .pagination > div a { background: #ccc none repeat scroll 0 0; color: #fff; display: inline-block; line-height: 250%; padding: 0; text-align: center; width: 40px; } #body0[class^=paper] .section .pagination > div a:hover, .pagination a.hipage { background-color: #9ecb84; } #body0[class^=paper] .topsection { background-image:url(documents/Images/headers/header-4-bw.jpg); background-color:#efefef; } /*#body0[class*=paper_] .topsection { background-image:none; b 20px;ackground-color:#efefef; } */ /*#body0[class^=paper] .topsection .sectiontopinner { border:none; max-width:none; padding:0; margin:0; } /*#body0[class*=paper_] .topsection .sectiontopinner { border:none; max-width:none; padding:0; margin:0; } */ /*#body0[class^=paper_] .navigation > ul.menu > li:nth-child(3) > a::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=paper_] .navigation > ul.menu > li:nth-child(3) > a::before { border-bottom: 16px solid #ddd; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; }*/ #body0[class^=paper] .navigation > ul.menu > li:nth-child(2)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=paper] .navigation > ul.menu > li:nth-child(2)::before { border-bottom: 16px solid #ddd; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=paper]:not(.tt_editthis) .tt_accordion > label { background-color:#9ecb84; } #body0[class^=paper]:not(.tt_editthis) .tt_accordion > label:hover { background-color:#393634; } #body0[class^=paper]:not(.tt_editthis) .tt_accordion > input[type=radio]:checked+label { background-color:#393634; } #body0[class^="paper"] .section li.tt_cta-panel a { color: #fff; } #body0[class^="paper"] .section li.tt_cta-panel a.edittextlink { color: #fff; background-color:#393634; } #body0[class^="paper"] .section li.tt_cta-panel a.edittextlink:hover { color: #393634; background-color:#fff; } #body0[class^="paper"] .topsection .sectiontopinner { max-width:1200px; padding:0; margin:0 auto; } #body0.paper .topsection .sectiontopinner { max-width:none; padding:0; margin:0; } #body0[class^="paper"] a.edittextlink { background-color:#9ecb84; } #body0[class^="paper"] a.edittextlink:hover { background-color:#393634; } #body0[class^="paper"] a.editmore::after { background-color:#9ecb84; } #body0[class^="paper"] a.editmore:hover::after { background-color:#393634; } #body0[class^="paper"] .dkgreenbutton .edittextlink { background-color: #004e2e; } #body0[class^="paper"] .dkgreenlink .editlinkinline { color: #004e2e !important; } #body0[class^="paper"] li.tt_cta-panel > .row { background-color:#9ecb84; } /*#body0[class^=paper] li.tt_cta-panel::after { border-bottom: 32px solid transparent; border-right: 32px solid #fff; content: ""; display: block; height: 0; right: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=paper] li.tt_cta-panel > .row::before { border-bottom: 32px solid #ddd; border-right: 32px solid transparent; content: ""; display: block; height: 0; right: 0; position: absolute; top: 0; width: 0; }*/ #body0[class^=paper] .sectorarea p::after { color: #9ecb84; content: "\2022"; padding: 0 10px; } #body0[class^=paper] .productusearea p::after { color: #9ecb84; content: "\2022"; padding: 0 10px; } #body0[class^=paper] .productusearea div.edittext:first-child p::after { color: transparent; content: ""; padding: 0; } #body0[class^=paper] ul.tickbulletarea a.format0::before, #body0[class^=paper] ul.tickbulletarea p.format0::before, #body0[class^=paper] ul.tickbulletarea span.format0::before { color:#9ecb84; } #body0[class^=paper] ul.tickcolumnarea a.format0::before, #body0[class^=paper] ul.tickcolumnarea p.format0::before, #body0[class^=paper] ul.tickcolumnarea span.format0::before { color:#9ecb84; } #body0[class^=paper] .sharebutton:hover { background-color:#9ecb84; } #body0[class^=paper] .bloggerbutton,#body0[class^=paper] .facebookbutton, #body0[class^=paper] .twitterbutton, #body0[class^=paper] .linkedinbutton, #body0[class^=paper] .youtubebutton, #body0[class^=paper] .instagrambutton, #body0[class^=paper] .cookiebutton, #body0[class^=paper] .googlebutton { background-image:url(LIB/css/logo_socialmedia_paper.png); background-color:#fff; } #body0[class^=paper] .bloggerbutton:hover,#body0[class^=paper] .facebookbutton:hover, #body0[class^=paper] .twitterbutton:hover, #body0[class^=paper] .linkedinbutton:hover, #body0[class^=paper] .youtubebutton:hover, #body0[class^=paper] .instagrambutton:hover, #body0[class^=paper] .cookiebutton:hover, #body0[class^=paper] .sitemapbutton:hover, #body0[class^=paper] .googlebutton:hover { background-color:#393634; } #body0[class*=group_] .navigation > ul.menu > li:first-child::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class*=group_] .navigation > ul.menu > li:first-child::before { border-bottom: 16px solid #cdcdcd; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=index] .navigation > ul.menu > li:first-child::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=index] .navigation > ul.menu > li:first-child::before { border-bottom: 16px solid #cdcdcd; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class*=group_] .topdivinfo a { display:inline-block; } #body0[class^=index] .topdivinfo a { display:inline-block; } #body0[class*=group_] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color:#a2a09f; } #body0[class*=group_] .section .submenuarea a:not(.edittextlink) { color: #fff; } #body0.tt_unjs[class*=group_] .section .submenuarea a:not(.edittextlink), #body0[class*=group_] .section .submenuarea .menu a:not(.edittextlink) { color: #9ecb84; } #body0[class^="group"] .sharebutton:not(.clc):hover { background-color:#23b9d6; } #body0[class^=group] .topsection { background-image:url(documents/Images/headers/header-1-bw.jpg); background-color:#efefef; } #body0[class^="group"] ul:not(.cbcalcresultsarea) .facebookbutton, #body0[class^="group"] ul:not(.cbcalcresultsarea) .twitterbutton, #body0[class^="group"] ul:not(.cbcalcresultsarea) .linkedinbutton { display:none; } #body0[class^=group] #tt_topbar .search { right: 40px; } .fine-dining-competition .navigation > ul.menu > li:nth-child(4)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } .fine-dining-competition .navigation > ul.menu > li:nth-child(4)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } .group .section .sectiontopinner { margin: 0; max-width: none; padding: 0; } /*.topdivinfo .topdivinfoarea span.tt_display,.topdivinfo .topdivinfoarea a.tt_display,.topdivinfo .topdivinfoarea p.tt_display { display:inline-block; }*/ .topdivinfo .topdivinfoarea li .text { padding-right:130px; } /*text*/ .editblock .edittext .text > p.format0:last-child { margin-bottom: 10px; } /*text on background colour*/ #body0 .opt2bggrid p { color:#fff; } #body0 .opt2bggrid a.format0,#body0 .opt2bggrid p.format0,#body0 .opt2bggrid .editblock .edittext .text > p.format0,#body0 .opt2bggrid span.format0 { color:#fff; } #body0 .opt2bggrid a.format1,#body0 .opt2bggrid p.format1,#body0 .opt2bggrid .editblock .edittext .text > p.format1,#body0 .opt2bggrid span.format1 { color:#fff; } #body0 .opt2bggrid a.format2,#body0 .opt2bggrid p.format2,#body0 .opt2bggrid .editblock .edittext .text > p.format2,#body0 .opt2bggrid span.format2 { color:#fff; } #body0 .opt2bggrid a.format3,#body0 .opt2bggrid p.format3,#body0 .opt2bggrid .editblock .edittext .text > p.format3,#body0 .opt2bggrid span.format3 { color:#fff; } #body0 .opt2bggrid a.format4,#body0 .opt2bggrid p.format4,#body0 .opt2bggrid .editblock .edittext .text > p.format4,#body0 .opt2bggrid span.format4 { color:#fff; } #body0 .opt2bggrid a.format5,#body0 .opt2bggrid p.format5,#body0 .opt2bggrid .editblock .edittext .text > p.format5,#body0 .opt2bggrid span.format5 { color:#fff; } #body0 .opt2bggrid a.format6,#body0 .opt2bggrid p.format6,#body0 .opt2bggrid .editblock .edittext .text > p.format6,#body0 .opt2bggrid span.format6 { color:#fff; } #body0 .opt3bggrid p { color:#fff; } #body0 .opt3bggrid a.format0,#body0 .opt3bggrid p.format0,#body0 .opt3bggrid .editblock .edittext .text > p.format0,#body0 .opt3bggrid span.format0 { color:#fff; } #body0 .opt3bggrid a.format1,#body0 .opt3bggrid p.format1,#body0 .opt3bggrid .editblock .edittext .text > p.format1,#body0 .opt3bggrid span.format1 { color:#fff; } #body0 .opt3bggrid a.format2,#body0 .opt3bggrid p.format2,#body0 .opt3bggrid .editblock .edittext .text > p.format2,#body0 .opt3bggrid span.format2 { color:#fff; } #body0 .opt3bggrid a.format3,#body0 .opt3bggrid p.format3,#body0 .opt3bggrid .editblock .edittext .text > p.format3,#body0 .opt3bggrid span.format3 { color:#fff; } #body0 .opt3bggrid a.format4,#body0 .opt3bggrid p.format4,#body0 .opt3bggrid .editblock .edittext .text > p.format4,#body0 .opt3bggrid span.format4 { color:#fff; } #body0 .opt3bggrid a.format5,#body0 .opt3bggrid p.format5,#body0 .opt3bggrid .editblock .edittext .text > p.format5,#body0 .opt3bggrid span.format5 { color:#fff; } #body0 .opt3bggrid a.format6,#body0 .opt3bggrid p.format6,#body0 .opt3bggrid .editblock .edittext .text > p.format6,#body0 .opt3bggrid span.format6 { color:#fff; } #body0 .opt4bggrid p { color:#fff; } #body0 .opt4bggrid a.format0,#body0 .opt4bggrid p.format0,#body0 .opt4bggrid .editblock .edittext .text > p.format0,#body0 .opt4bggrid span.format0 { color:#fff; } #body0 .opt4bggrid a.format1,#body0 .opt4bggrid p.format1,#body0 .opt4bggrid .editblock .edittext .text > p.format1,#body0 .opt4bggrid span.format1 { color:#fff; } #body0 .opt4bggrid a.format2,#body0 .opt4bggrid p.format2,#body0 .opt4bggrid .editblock .edittext .text > p.format2,#body0 .opt4bggrid span.format2 { color:#fff; } #body0 .opt4bggrid a.format3,#body0 .opt4bggrid p.format3,#body0 .opt4bggrid .editblock .edittext .text > p.format3,#body0 .opt4bggrid span.format3 { color:#fff; } #body0 .opt4bggrid a.format4,#body0 .opt4bggrid p.format4,#body0 .opt4bggrid .editblock .edittext .text > p.format4,#body0 .opt4bggrid span.format4 { color:#fff; } #body0 .opt4bggrid a.format5,#body0 .opt4bggrid p.format5,#body0 .opt4bggrid .editblock .edittext .text > p.format5,#body0 .opt4bggrid span.format5 { color:#fff; } #body0 .opt4bggrid a.format6,#body0 .opt4bggrid p.format6,#body0 .opt4bggrid .editblock .edittext .text > p.format6,#body0 .opt4bggrid span.format6 { color:#fff; } /*caption*/ .wltcaption::after { content: "Image: \00A9 Natalie Singleton"; } /*nav*/ /*footer*/ .footersection a.edittextlink { background-color:#23b9d6; color:#fff; } .footersection a.edittextlink:hover { background-color:#fff; color:#000; } .footersection ul.threethreegrid > li { width: 40%; } .footersection ul.threethreegrid > li:nth-child(3) { width: 20%; } /*STACKER*/ .stackerarea .pulled .editimage.letterbox { margin: 8% 0; } /*ids*/ /*areas*/ ul.contentarea.minheightsarea .text { text-align:center; } /*.slideshowarea.homeslidearea .editblock:nth-child(3) .editimage .text { width:424px; height:83px; background-image:url(documents/Images/slideshow/FD-brand4.png); background-position:0 0; } .slideshowarea.homeslidearea li.slideholder { color:#fff; background-color:#23b9d6; font-size:20px; line-height:600%; } .slideshowarea.homeslidearea li.tt_slideshow-inner:first-child { background-image:url(documents/Images/backgrounds/demo-slide-bg1bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(2) { background-image:url(documents/Images/backgrounds/demo-slide-bg2bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(3) { background-image:url(documents/Images/backgrounds/demo-slide-bg3bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(4) { background-image:url(documents/Images/backgrounds/demo-slide-bg4bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(5) { background-image:url(documents/Images/backgrounds/demo-slide-bg5bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(6) { background-image:url(documents/Images/backgrounds/demo-slide-bg2bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(7) { background-image:url(documents/Images/backgrounds/demo-slide-bg3bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:first-child .editblock:first-child .edittext .text { width:400px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:first-child .editblock:nth-child(2) .edittext .text { width:290px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(2) .editblock:first-child .edittext .text { width:290px; ; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(2) .editblock:nth-child(2) .edittext .text { width:290px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(3) .editblock:first-child .edittext .text { width:540px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(3) .editblock:nth-child(2) .edittext .text { width:400px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(4) .editblock:first-child .edittext .text { width:364px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(4) .editblock:nth-child(2) .edittext .text { width:320px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(5) .editblock:first-child .edittext .text { width:524px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(5) .editblock:nth-child(2) .edittext .text { width:320px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(6) .editblock:first-child .edittext .text { width:364px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(6) .editblock:nth-child(2) .edittext .text { width:320px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(7) .editblock:first-child .edittext .text { width:524px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(7) .editblock:nth-child(2) .edittext .text { width:320px; }*/ .slideshowarea.homeslidearea.editimage { margin:0; } .slideshowarea .slideholder .editimage .text { background-repeat: repeat; background-position: center; background-size: auto; } ul.loanexamplearea { background:#efefef; } ul.pageheader,ul.headerarea { height:22vh; max-height: 240px; min-height:160px; } .certificationsarea { margin-top:0; } .certificationsarea .imagegrid a.imageitem { margin: 0 1% 0; padding-bottom: 16%; width: 13%; height:0; } .certificationsarea .imagegrid a.imageitem:last-child { width: 22%; } .certificationsarea .imagegrid { margin: 0 auto; } ul.contentarea.minheightsarea + ul.minheightsarea { padding-top: 0; } ul.revivepanelarea div.editblock:first-child { width: 25%; float: left; } ul.revivepanelarea div.editblock:last-child { width: 75%; float: left; } ul.socialmediaarea .editimage .text { background-color: #A2A09F; padding-bottom:100%; } ul.socialmediaarea .editimage .text:hover { background-color: #393634; } ul.socialmediaarea .editimage > .text > p,ul.socialmediaarea .editimage > .text > p > a { background: transparent; display: block; height: 0; margin: 0; padding: 0 0 100%; position: absolute; width: 100%; } ul.socialmediaarea > li { margin-bottom: 2%; padding: 1%; width: 60px; float:left; } ul.linkarea .editimage .text { } ul.linkarea .editimage .text:hover { background-color: #efefef; } ul.linkarea .editimage > .text > p,ul.linkarea .editimage > .text > p > a { background: transparent; display: block; height: 0; margin: 0; padding: 0 0 100%; position: absolute; width: 100%; } ul.linkarea > li { margin-bottom: 2%; padding: 1%; width: 100px; } ul.linkarea > li.landscape { width: 200px; } .link2area { border-bottom:1px solid #ccc; padding-bottom:20px; } .link2area .editimage .text:hover { background-color: #efefef; } .link2area .editimage > .text > p,ul.linkarea .editimage > .text > p > a { background: transparent; display: block; height: 0; margin: 0; padding: 0 0 100%; position: absolute; width: 100%; } .link2area > li.landscape { width: 200px; } .link2area > li:first-child { width:220px; position:absolute; left:0; } .link2area > li:first-child .editimage { width:100px; } .link2area > li:first-child .editimage.landscape { width:200px; } .link2area > li:nth-child(2) { width:100%; padding-left:220px; min-height:100px; } .link2area .editimage > .text { padding-bottom: 100%; } .link2area .editimage.landscape > .text { padding-bottom: 48.5%; } ul.accredarea li > .editblock > .editimage > .text { background:transparent none no-repeat left; margin-bottom:15px; } ul.accredarea li > .editblock > .editimage:nth-child(1) > .text { height:43px; background-size:110px auto; } ul.accredarea li > .editblock > .editimage:nth-child(2) > .text { height:77px; background-size:110px auto; } ul.accredarea li > .editblock > .editimage:nth-child(3) > .text { height:67px; background-size:88px auto; } ul.accredarea li > .editblock > .editimage:nth-child(4) > .text { height:50px; background-size:145px auto; } ul.addressblockarea .editblock .edittext .text > p, ul.addressblockarea .tt_ce-editor > p { padding-bottom:0; } ul.addressblockarea { padding-top: 0; border-left: 1px solid #ccc; padding: 0 2% 2%; } ul.addressblockarea > li:first-child { width:33%; } ul.addressblockarea > li:nth-child(2) { width:66%; } ul.contentarea.minheightsarea.fivefivegrid .editblock .edittext .text { padding:8%; } .sectorarea p { display: inline-block; font-size: 150%; line-height: 150%; } .productusearea p { display: inline; font-size: 120%; line-height: 150%; } .productusearea.containergrid { padding-bottom:20px; } .productuse2area div.edittext:first-child p.format5 { padding-top: 0; } .productuse2area.containergrid { padding-bottom:10px; } .productpullarea.stackerarea .tt_stacked { background-color: #efefef; border-left: 10px solid #fff; border-right: 10px solid #fff; margin-bottom: 20px; min-height:0; } .productpullarea.stackerarea .tt_stacked .row { background-color: transparent; padding:0; margin:0; } .productpullarea.stackerarea .tt_stacked .row .edittitle, .productpullarea.stackerarea .tt_stacked .row .edittext { padding: 20px; padding-bottom:0; } .productpullarea.stackerarea .tt_stacked > div:nth-child(2) .edittext { display:none;} .productpullarea.stackerarea .editimage, .productpullarea.stackerarea .edittitle { margin:0; } .productpullarea.stackerarea .pulled .text {text-align:center;} /*.productpullarea.stackerarea div.editimage:nth-child(2) { display: none; }*/ .productpullarea.stackerarea a { width:auto; display:block; } .productpullarea.stackerarea a.editmore::after { color: #fff; content: "LEARN MORE"; display: inline-block; width: auto; height: auto; margin:20px 0; padding: 8px 16px; text-align: center; max-width:160px; } .productpullarea.stackerarea a.editmore:hover::after { color: #fff; } .productpullarea.stackerarea .tt_stacked > div:first-child { bottom: 0; position: absolute; width:100%; } .productpullarea.stackerarea .tt_stacked > div:last-child { margin-bottom: 80px; } .stackerarea .pulled .editimage .text, .stackerarea .pulled .editimage .text:hover { border:none; } .productpagegrid > ul .editblock { padding-right:26%; } .productpagegrid .productpagearea + .productusearea .editblock { padding-right:inherit; } .productpagearea { overflow:visible; } .productpagearea > li { overflow:visible; margin-bottom:20px; } .productpagearea .editblock { overflow:visible; } .productpagearea div.editimage:first-child { position: absolute; right: 0; top: 200px; width: 200px; } .productpagearea div.editimage:nth-child(2) > .text { background-size:contain; } .productpagearea div.editimage:nth-child(2) { border: 1px solid #ccc; position: absolute; right: 0; top: 0; width: 200px; } .productpagearea .edittitle > .text { margin-top:0; } .productpagearea .edittext:nth-child(4) > .text > p { font-size:115%; line-height:130%; font-family:'head_regular'; color:#A2A09F; margin-bottom:10px ; padding-bottom:0; } .productpagegrid .wrappergrid { width:74%; margin:20px 0; margin-right: 26%; } .productpage2area .editblock { padding-right:25%; } .productpage2area div.editimage:first-child { position: absolute; right: 0; width: 22%; border: 1px solid #ccc; } .productpage2area div.editimage:first-child > .text { background-size:contain; } .productpage2area div.editimage:nth-child(2) { } .productpage2area div.editimage:nth-child(2) > .text {padding-bottom: 29.5%; } .productpage2area .edittext > .text > p:first-child { font-size:115%; line-height:130%; font-family:'head_regular'; color:#A2A09F; margin-bottom:10px ; padding-bottom:0; } .cbcalcarea,.cbcalcresultsarea { background: #efefef url(documents/Images/logos/WLT-cb-logo.png) no-repeat 95% 95% / 200px auto; padding: 20px; border-radius:20px; margin-bottom:40px !important; min-height:100px; } .cbcalcresultsarea { background-position: 95% 97%; } .cbcalcarea .partB,.cbcalcresultsarea .partA { display:none; } .cbcalcresultsarea .co2-icon { background: #fff url(documents/Images/icons/carbon-calc/co2-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .car-icon { background: #fff url(documents/Images/icons/carbon-calc/car-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .nocar-icon { background: #fff url(documents/Images/icons/carbon-calc/nocar-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .drive-icon { background: #fff url(documents/Images/icons/carbon-calc/drive-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .plane-icon { background: #fff url(documents/Images/icons/carbon-calc/plane-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .land-icon { background: #fff url(documents/Images/icons/carbon-calc/land-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .ball-icon { background: #fff url(documents/Images/icons/carbon-calc/ball-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea > li > div:last-child { min-height:80px; width:70%; } .cbcalcresultsarea > li > div:first-child { background-color:#e9e07b; min-height:100px; } .cbcalcresultsarea h2 { color:#fff; padding: 14px 0 10px 20px; margin-bottom:0; float:left; } .cbcalcresultshead { float:left; margin-top:12px; } .cbcalcheadarea { background: url(documents/Images/elements/cbc-temp-header-bg.jpg) no-repeat center / cover; height:150px; padding: 20px;} .cbcalcheadarea p.format1 { font-size:220% !important; } .cbcalcheadarea p.format4 { font-size:150% !important; } .cbcalcfootarea { height:100px; padding: 20px !important; background: url(documents/logo_home_NEW.png) no-repeat right center / 250px auto;} .cbcalcfootarea .editimage .text { background-size:contain; background-position: right; padding-bottom:15%; } .cbsection { width:1000px; height:1315px; padding:28px 28px 0 28px; background-color:#fff; } .cbsection .sectioninner { padding-top:0; } .calculator-results #tt_mobdiv { border-top:none; } .calculator-results .cbcalcresultsarea { margin: 40px; } .calculator-results div.wrappergrid:nth-child(2) { height: 1145px;} ul.contentarea.minheightsarea.mhbgoption6area .editblock { background-color:#D3F1F6; }/*background colour needs to support default text colour*/ ul.contentarea.minheightsarea.mhbgoption7area .editblock { background-color:#E4EED8; }/*background colour needs to support default text colour*/ .tt_footdivinner > div > div.onethreegrid:first-child { width:17%; } .tt_footdivinner > div > div.onethreegrid:nth-child(2) { width:37%; } .tt_footdivinner > div > div.onethreegrid:last-child { width:37%; } /*grids*/ .onefourgrid > .panelarea li:nth-child(3) .text { background-color:#949493; } .onefourgrid > .panelarea li:nth-child(3) .text p.format3{ color:#ffffff; } .onefourgrid.logogrid { border: 1px solid #ccc; } .onefourgrid.logogrid .editimage > .text { background-size:contain; } .containergrid .onefourgrid:last-child { float: right; margin-right: 0; } .containergrid { padding: 20px 20px 0; } div.containergrid > ul:last-child { margin-bottom: 20px; } .containergrid li:first-child .text p:first-child { margin-top: 0; padding-top: 0; } .containergrid.contentarea { margin: 0 0 2%; } .bbluegrid .editblock .text p.format1,.bbluegrid .editblock .text p.format2, .bbluegrid .editblock .text p.format3 { color: #fff; } .bgreygrid .introarea .editblock .text p.format3 { color: #fff; } .bdarkgreygrid .introarea .editblock .text p.format3 { color: #fff; } ul.introarea .editblock .edittext .text > p.format4 { color:#393634; } .editimage.landscape > .text { height:0; padding-bottom:48.5%; background-size:cover; background-repeat:no-repeat; background-position:center; } .editimage.portrait > .text { height:0; padding-bottom:152%; background-size: cover; background-repeat:no-repeat; background-position:center; } .editimage.icon1 > .text { height:90px; padding-bottom:0; background-size: auto 100%; background-repeat:no-repeat; background-position:center; margin-top:20px; } .editimage.icon2 > .text { height:70px; padding-bottom:0; background-size: auto 100%; background-repeat:no-repeat; background-position:center; } .editimage.icon3 > .text { height:50px; padding-bottom:0; background-size: auto 100%; background-repeat:no-repeat; background-position:center; } .editimage.hpindigo > .text { height:50px; padding-bottom:0; background-size: auto 100%; background-repeat:no-repeat; background-position:left; } .editimage.contain > .text { background-size:contain; } .editimage.left > .text { background-position:left; } .editimage.icon100 .text { background-size: contain; padding-bottom: 50%; max-height: 100px;} .dptopsection { background: url(documents/Images/slideshow/DP-Wall-bg.jpg) no-repeat; background-size:100% 100%; padding-bottom:10%; } .dptopsection::before {content:""; display:block; background-image:url(documents/Images/slideshow/dp-silhouettes.png); background-repeat: no-repeat; background-size: contain; background-position-y:105%; position:absolute; bottom:0; left:0; width: 100%; height:100%;} .dptopsection .dpintroarea { padding: 0 130px; } .dptopsection .dpintroarea .editimage .text { padding-bottom:12%; text-align:center; background-size: contain; max-width:550px; margin: 50px auto 0;} .dptopsection .dpintroarea .edittext .text { text-align:center;} .dptopsection .dpintroarea .edittext .text p.format1 { color:#3a3735 !important; font-family:'font_bold';} .dptopsection .roundelarea .editblock {padding:0.5vw;} .dptopsection .dproundelgrid .roundelarea .editblock > div .text > p.format2 {font-size: 145%;} .dproundelgrid .roundelarea.option1roundelarea > li { background-color: #1ba1db; } .dproundelgrid .roundelarea.option2roundelarea > li { background-color: #f18e22; } .dproundelgrid .roundelarea.option3roundelarea > li { background-color: #004e2e; } .dproundelgrid .roundelarea.option4roundelarea > li { background-color: #3a3735; } .dproundelgrid .roundelarea.option5roundelarea > li { background-color: #e52420; } .dproundelgrid .roundelarea.option6roundelarea > li { background:url(documents/Images/icons/cb-icon-lrg.png) no-repeat; background-size:cover; } .dproundelgrid .roundelarea .editblock > div .text > p.format1 { font-size: 400%; } .dproundelgrid .roundelarea .editblock > div .text > p.format2 { font-size: 180%; } .dptopsection .dproundelgrid ul.area::after { content: ""; background-image: url(documents/Images/icons/certified-roundel-sm.png);width: 60px; height: 60px; position: absolute; display: block; top: 0; right: 0; background-size: cover;} .section:not(.dptopsection) .dproundelgrid { max-width: 900px; margin: 0 auto;} #body0[class*=delipac] .section:nth-child(2) .twotwogrid { max-width: 600px; margin: 0 auto;} .dpawardsarea .editimage { padding:20px; } .dpawardsarea .editimage > .text { background-size:contain; padding-bottom:60%; } .dpdownloadarea .editimage .text {background-size:contain; background-position:left; } .dpcrsectionarea li { display: table; background:url(documents/Images/backgrounds/dp-cross-sec-bg.png) no-repeat center / 100% 100%; } .dpcrsectionarea li > div { display: table-row; } .dpcrsectionarea li > div > div { display: table-cell; vertical-align:middle;} .dpcrsectionarea li > div > div .text { text-align:center;} .dpcrsectionarea li > div:first-child > div { height:50px;} .dpcrsectionarea li > div:nth-child(2) > div { height:100px;} .dptempgaugearea li { display: table; padding-left:50px; border-bottom:1px solid #888; } .dptempgaugearea li::before { background: linear-gradient(to bottom, #ff0000 0%,#0000ff 100%); position:absolute; display:block; left:0; width:50px; height:100%; border-bottom:1px solid #888; border-top:1px solid #888; } .dptempgaugearea li > div { display: table-row; } .dptempgaugearea li > div > div { display: table-cell; vertical-align:middle; border-top:1px solid #888; height:61px; } .dptempgaugearea li > div > div .text { text-align:left;} .dptempgaugearea li > div > div .text p { margin-bottom: 0 !important; margin-left:10px; } .dpappsarea li > div:first-child div { margin-bottom:20px; } .dpappsarea li > div:first-child p { color:#ccc !important; text-transform:uppercase; float:left; display:inline-block; font-family: "head_regular"; font-size: 115%; line-height: 130%;margin-bottom: 0; margin-right:10px; padding-bottom: 0; clear:none; } .dpappsarea li > div:first-child p { background: #595654 none repeat scroll 0 0; margin-bottom: 10px !important; padding: 5px !important; } /*.dpappsarea li > div:first-child p::after { content:"/"; margin-left:10px; color:#999; }*/ .dpappsarea li > div:first-child p:last-child::after { content:""; } .dpgalleryarea .imagegrid a.imageitem { cursor:auto; } .dpwidarea li:last-child .editimage {padding-left:20%;} .deliproductarea .editblock {background-image:url(documents/Images/elements/dp-blank-bg.jpg) !important; background-size: 100% 100% !important; background-color:#fff !important;} .dpappgrid { margin-top:30px; padding-bottom:10px; } .dpappgrid .edittitle > .text { text-align: center; overflow: visible; } .dpappgrid .edittitle > .text > p.format2 { display: inline-block; position: relative; padding-bottom:0; } .dpappgrid .edittitle > .text > p.format2::before, .dpappgrid .edittitle > .text > p.format2::after { content: ""; position: absolute; height: 5px; border-top: 1px solid #FFF; top: 50%; width: 600px; } .dpappgrid .edittitle > .text > p.format2::before { right: 100%; margin-right: 15px; } .dpappgrid .edittitle > .text > p.format2::after { left: 100%; margin-left: 15px; } .dpcertgrid { background: #f18e22 url(documents/Images/logos/PEFC-WLT-logos-vert.png) no-repeat 97% center / 100px auto; } .dpcertgrid .editimage { max-width:400px; } .dpcertgrid .editimage > .text { max-width:300px; } .dpcertgrid .edittext > .text { width:80%; } .dplogogrid { margin-bottom:5vh; } .dplogogrid .fivefivegrid .row { background-color: #fff; } .dplogogrid .editimage > .text { background-size: 75% auto; padding-bottom:100%; } .dplogogrid .edittitle > .text { text-align: center; overflow: visible; } .dplogogrid .edittitle > .text > p.format3 { display: inline-block; position: relative; } .dplogogrid .edittitle > .text > p.format3::before, .dplogogrid .edittitle > .text > p.format3::after { content: ""; position: absolute; height: 5px; border-top: 1px solid #393634; top: 60%; width: 600px; } .dplogogrid .edittitle > .text > p.format3::before { right: 100%; margin-right: 15px; } .dplogogrid .edittitle > .text > p.format3::after { left: 100%; margin-left: 15px; } .dpproductgrid .editimage > .text { background-size:80%; padding-bottom:25%; margin-top:20px; } .dpproductgrid .edittext > div:first-child p.format0 { text-align: center; font-size:125%; } .dpproductgrid .edittext .text { padding-top:0 !important; } .dpproductgrid .edittext .text p.format4 { padding-top:0 !important;font-size:150%; } .dpproductgrid a.format0, .dpproductgrid p.format0, .dpproductgrid span.format0 { padding-left:30px;} /*.dpproductgrid a.format0::before, p.format0::before, span.format0::before { border-radius: 0; height: 0; width:0; left:-20px; background-color: #ccc; content: "\2713"; display: inline-block; margin-right: 0; margin-left:0; margin-top: 4px; padding-right:0; position: relative; font-size: 20px; } LEFT tick bullets*/ .dpproductgrid a.format0::before, .dpproductgrid p.format0::before, .dpproductgrid span.format0::before { background-color: #ccc; border-radius: 0; content: "\2713"; display: inline-block; height: 0; left: -20px; margin-top: 4px; padding-right: 0; position: relative; width: 8px; } .dpproductgrid .contentarea.minheightsarea.mhbuttonarea.threethreegrid .editblock .edittext:last-child .text p:first-child { padding-bottom: 40px; padding-top: 0; } #body0[class*=delipac] p.format1, #body0[class*=delipac] .editblock .edittext .text > p.format1 { font-size: 250%; color:#1ba1db; margin-top:20px; } #body0[class*=delipac] p.format2 { color: #f18e22; } #body0[class*=delipac] h1 { display:none; } #body0[class*=delipac] .section .sectiontopinner { border:none; max-width:none; padding:0; margin:0; } /*#body0[class*=delipac] .navigation > ul.menu > li:nth-child(5) { background-color: #f18e22; background-image:none; float:right; } #body0[class*=delipac] .navigation > ul > li { min-width:160px; } #body0[class*=delipac] .navigation > ul.menu > li:nth-child(5) a { color: transparent;} #body0[class*=delipac] .navigation > ul > li:nth-child(5) > a::after,#body0[class*=delipac] .navigation > ul > li:nth-child(5) > label::after { background: transparent url("LIB/css/dp-nav-icon.png") no-repeat scroll center center / 70% auto; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #body0[class*=delipac] .navigation > ul.menu > li:nth-child(5) a:hover { background: #1ba1db none repeat scroll 0 0; }*/ #body0[class*=delipac] .promonavarea { width: 72%; } #body0[class*=delipac] .promonavarea li { background-color: #F18E22; height:47px; width:auto; padding:0 20px; } #body0[class*=delipac] .promonavarea li a { padding: 15px 15px; text-align: center; display:inline-block; color:#fff; font-size:12px; line-height:140%; } #body0[class*=delipac] #tt_modal .modal-container { height: 98vh; margin: 2vh auto 0; position: relative; width: auto; background: transparent; border: medium none; box-shadow: none; } #body0[class*=delipac] #tt_modal .modal-container .editimage .text { background-size:contain; padding-bottom:0; height:150%; position:relative; } #body0[class*=delipac] #tt_modal.alertbox .modal-container > div { background-color:transparent; height:100%; } #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div,#body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li > div, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li > div > div { height:100%; } #body0[class*=delipac] #tt_modal.alertbox .modal-container > div { padding: 20px 0 0 0 ; } #body0[class*=delipac] #tt_modal #m-close { border: medium none; font-size: 60px; height: 60px; position: absolute; right: 2%; top: 4vh; color:#fff; } #body0[class*=delipac] .quotebox > .sub { background-color:transparent;} #body0[class*=delipac] span.facebookby a { font-size:0; } #body0[class*=delipac] span.facebookby a::after { content: "Delipac"; font-size:13px; } #body0[class*=delipac].tt_modalon #tt_modal .modal-container .editimage { height: 98vh !important; overflow-y: auto; } /*#body0[class*=delipac] .option6section {background-color:#f4972a;}*/ body.delipac.tt_modalon { overflow-y: hidden; } #body0[class*=delipac] .section:not(.dptopsection):not(.footersection)::before {content:""; background-image:url(documents/Images/elements/dp-left-border.png); background-repeat:no-repeat; background-position:left; background-size: 20% 100%; height:100%; width:50%; left: 0; top:0; position:absolute; display:block;} #body0[class*=delipac] .section:not(.dptopsection):not(.footersection)::after {content:""; background-image:url(documents/Images/elements/dp-right-border.png); background-repeat:no-repeat; background-position:right; background-size: 20% 100%; height:100%; width:50%; right: 0; top:0; position:absolute; display:block;} #body0[class*=delipac] .section .sectioninner {z-index:99;} #body0[class*=delipac] .pipanelarea { background-color:#be348b; padding:20px; max-width:800px; margin:0 auto; font-size:130%; } #body0[class*=delipac] .pipanelarea p,#body0[class*=delipac] .pipanelarea p.format2 {color:#fff !important; margin-bottom: 0 !important; } #body0[class*=delipac] .pipanelarea .edittext {width:64%; float:left; padding-left:5%; border-left: 1px solid #fff; } #body0[class*=delipac] .pipanelarea .editimage {width:35%; float:left; padding-right:5%; } .delipac.tt_editthis .productpagearea {min-height:200px;} #body0[class*=delipac]:not(.tt_editthis) .productpagearea {display:none;} #body0[class*=delipac] .productpagearea div.editimage.tt_erow:nth-child(2) {display:none;} #body0[class*=delipac] .productpagearea div.editimage.tt_erow:first-child {top:0;} #body0[class*=delipac] .productpagearea div.edittext.tt_erow {width:70%;} .delipacpanelgrid { background-color: #1ba1db; background: linear-gradient(90deg, rgba(141,208,237,1) 25%, rgba(27,161,219,1) 100%); padding: 20px; max-width:800px;} .delipacpanelgrid p {color:#ffffff;} .delipacpanelgrid p.format2 {color:#ffffff !important;} .delipacpanelgrid ul:first-child.twotwogrid > li:first-child {width: 33%; margin-bottom:0;} .delipacpanelgrid ul:first-child.twotwogrid > li:nth-child(2) {width: 66%; margin-bottom:0;} .delipacpanelgrid ul:first-child.twotwogrid > li:nth-child(2) .editimage.letterbox > .text {padding-bottom:25%;} .delipacpanelgrid .minheightsarea.twotwogrid .editblock { background: transparent;} .delipacpanelgrid .minheightsarea {padding-top:0 !important;} .delipacpanelgrid a.edittextlink {background-color: #f18e22 !important;} .delipacpanelgrid a.edittextlink:hover {background-color: #393634 !important;} .delipacpanelgrid ul:nth-child(2).twotwogrid > li:first-child {width: 80%; margin-bottom:0;} .delipacpanelgrid ul:nth-child(2).twotwogrid > li:nth-child(2) {width: 20%; margin-bottom:0;} .ecofoil p.format1, .ecofoil .editblock .edittext .text > p.format1 { font-size: 250%; color:#00c110; margin-top:20px; } .ecofoil p.format2 { color: #00c110; } .ecofoil h1 { display:none; } .ecofoil .section .sectiontopinner { border:none; max-width:none; padding:0; margin:0; } .ecofoil .promonavarea { width: 72%; float: right; } .ecofoil .promonavarea li { background-color: #00c110; height:47px; float:right; width:auto; padding:0 20px; } .ecofoil .promonavarea li a { padding: 15px 15px; text-align: center; display:inline-block; color:#fff; font-size:12px; line-height:140%; } .ecofoil #tt_modal .modal-container { height: 98vh; margin: 2vh auto 0; position: relative; width: auto; background: transparent; border: medium none; box-shadow: none; } .ecofoil #tt_modal .modal-container .editimage .text { background-size:contain; padding-bottom:0; height:150%; position:relative; } .ecofoil #tt_modal.alertbox .modal-container > div { background-color:transparent; height:100%; } .ecofoil #tt_modal.alertbox .modal-container > div > div,#body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li > div, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li > div > div { height:100%; } .ecofoil #tt_modal.alertbox .modal-container > div { padding: 20px 0 0 0 ; } .ecofoil #tt_modal #m-close { border: medium none; font-size: 60px; height: 60px; position: absolute; right: 2%; top: 4vh; color:#fff; } .ecofoil .quotebox > .sub { background-color:transparent;} .ecofoil span.facebookby a { font-size:0; } .ecofoil span.facebookby a::after { content: "Delipac"; font-size:13px; } .ecofoil.tt_modalon #tt_modal .modal-container .editimage { height: 98vh !important; overflow-y: auto; } body.ecofoil.tt_modalon { overflow-y: hidden; } .ecofoil .option5section {background-color:#00AE0E;} .ecofoil .option4section {background-color:#ff8c19;} body.ecofoil:not(.tt_editthis) .productpagegrid {display:none;} .efproductarea p.format2 {padding-bottom:0 !important; margin-bottom:0 !important;} .efproductarea .editimage > .text { background-size: contain; background-repeat: no-repeat; background-position: center;} .efproductarea.minheightsarea.threethreegrid li.column a.edittextlink, .efproductarea.minheightsarea.fourfourgrid li.column a.edittextlink { background-color: #ff8c19; color:#fff; } .efproductarea.minheightsarea.threethreegrid li.column a.edittextlink:hover, .efproductarea.minheightsarea.fourfourgrid li.column a.edittextlink:hover { background-color: #393634; } .efproductarea.minheightsarea.fivefivegrid li.column a.edittextlink,.efproductarea.minheightsarea.fivefivegrid li.column a.edittextlink:hover { background-color: #fff; color:#00c110; cursor:default; } .efproductarea.minheightsarea.fivefivegrid li.column .live a.edittextlink { background-color: #ff8c19; color:#fff; cursor:pointer; } .efproductarea.minheightsarea.fivefivegrid li.column .live a.edittextlink:hover { background-color: #393634; } .efsusgrid .editimage { width: 30%; float: left; clear: left; padding-right:7%; padding-left:3%; } .efsusgrid .edittext { width: 70%; float: left; } .efsusgrid .contentarea .editblock .text > p.format2 {padding-bottom: 10px; color: #ff8c19; font-size: 180%;} .efsusgrid .editblock { border-top: solid 2px #ccc; padding-top: 20px; padding-bottom: 40px;} .efsusgrid > div:nth-child(odd) ul { padding-right: 3%;} .efsusgrid > div:nth-child(even) ul { padding-left: 3%;} .eftopsection { background: rgb(136,136,136);} .eftopsection { background: linear-gradient(45deg, rgba(136,136,136,1) 0%, rgba(255,255,255,1) 16%, rgba(204,204,204,1) 50%, rgba(150,150,150,1) 70%, rgba(238,238,238,1) 83%, rgba(68,68,68,1) 100%);} .eftopsection::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-EC.png) no-repeat top right / contain; width:250px; height:250px; } .eftopsection p.format0 { font-size: 130%; padding-left:30px; padding-bottom: 16px !important; } .eftopsection p.format0::before, .eftopsection span.format0::before { width: 12px; height: 12px; border-radius: 6px; background-color: #ff8c19; margin-top: 6px;} .efbespokesection { background:url(documents/Images/elements/ecofoil-bespoke.jpg) no-repeat top right / 50%;} .efintroarea { background:url(documents/Images/elements/white-stroke-bg.png) no-repeat 10% / contain; padding:0 20%; min-height:500px; margin-bottom:40px !important;} .efintroarea .editimage.landscape > .text { background-size: auto; padding-bottom:35%; background-position: bottom; } .efintroarea p.format2 { color:#000; font-size:180% !important; font-family: "head_bold";} .efintroarea p.format3 { font-size:140% !important;} .efintroarea p {text-align:center !important;} .eficonstriparea .imagegrid { padding: 20px 10% 0; } .eficonstriparea .imagegrid a.imageitem { width: 23%; padding-bottom: 23%;} div.imagegrid[data-id="efmainimagebox"] a.imageitem { width: 18%; padding-bottom: 23%; margin:0 1%;} div.imagegrid[data-id="efbespokeimagebox"] { padding-right: 10%;} div.imagegrid[data-id="efbespokeimagebox"] a.imageitem { width: 48%; padding-bottom: 48%;} .plasticfactsgrid a, .plasticfactsgrid p { text-align:center !important; } .plasticfactsgrid .area.editablearea.contentarea { margin-top: 20vh; } .revivepanelgrid { background:#efefef; padding:20px; } .finewinegrid { background:#000 url("documents/Images/backgrounds/fine-wine-bg.jpg") no-repeat center / cover; padding:190px 40px 40px; position:relative; } .finewinegrid::after { background:rgba(0, 0, 0, 0) url("documents/Images/elements/Fine_wine_label.png") no-repeat scroll 0 0 / 100% auto;top:20px;content:"";height:600px;left:21%;position:absolute;width:58%;} .finewinegrid ul { background-color: rgba(241, 229, 211, 0.9); padding: 20px; } .finewinegrid li { background-color: transparent; border: 6px solid #231f20; padding-top:160px; } .finewinegrid .editblock { background-color: transparent; padding: 20px; } .finewinegrid .text { text-align:center; } .finewinegrid .text p.format4 { color:#801638 !important; letter-spacing:4px; margin:10px 0 20px !important; } .upm2grid div.edittext:last-child p {margin-bottom:20px; } .upmgrid { background:#000 url("documents/Images/elements/waiter-logo.jpg") no-repeat center top; padding:380px 40px 40px; position:relative; } .upmgrid::before { background:rgba(0, 0, 0, 0) url("documents/Images/elements/purple-silk-1.png") repeat scroll 0 0;bottom:0;content:"";height:300px;left:0;position:absolute;width:100%;} .upmgrid ul { background-color: #fff; padding: 20px; } .upmgrid li { background-color: #fff; border: 3px solid #e6b963; } .upmgrid .editblock { background-color: #fff; padding: 20px; } .upmgrid .text { text-align:center; } .upmgrid .text p.format4 { color:#e6b963 !important; letter-spacing:4px; margin:10px 0 20px !important; } .upm2grid div.edittext:last-child p {margin-bottom:20px; } .upmpanelgrid { background: #000 url(documents/Images/elements/UPM-fine-dining-roundel.png) no-repeat 90% center; background-size: 250px; } .upmpanelgrid .editblock { width: 60%; } .tt_upmfooterpanel { background:#000; } .tt_upmfooterpanel .text { text-align: center; } .tt_upmfooterpanel .editimage > .text { background-position:center; padding-bottom:100%; } .tt_upmfooterpanel::before { background:rgba(0, 0, 0, 0) url("documents/Images/elements/purple-silk-1.png") repeat scroll 0 0; background-size:cover;bottom:0;content:"";height:300px;left:0;position:absolute;width:100%;} li.tt_upm-dining-panel > .row { background-color: #e6b963; } li.tt_upm-dining-panel .editblock .edittext .text > p.format3 { font-size: 140%; } li.tt_upm-fine-wine-panel > .row { background-color: #801638; } li.tt_upm-fine-wine-panel .editblock .edittext .text > p.format3 { font-size: 140%; color: #fff; } .filmtopsection { background: url(documents/Images/slideshow/film-planet-space-bg.jpg) no-repeat; background-size: cover; background-position-y: 85%;} .filmtopsection .filmintroarea { padding: 90px; width:80%; float: right; } .filmtopsection .filmintroarea .editimage .text { padding-bottom:12%; text-align:center; background-size: contain; max-width:550px; margin: 50px auto 0;} .filmtopsection .filmintroarea .edittext .text { text-align:center;} .filmtopsection .filmintroarea .edittext .text p.format1 { color:#ffffff !important; font-family:'font_light'; letter-spacing:0.4em; font-size:350%;} .filmgrid .edittext .text p.format1 { color:#000000;} .filmgrid .titlearea { display:none;} .film1section { background: url(documents/Images/backgrounds/corp-bg.jpg) no-repeat; background-size: cover;} .film1section::before {content: ""; background-color: rgba(255,255,255,0.6); width: 100%; height: 100%; display: block; position: absolute;} .film1section .filmgrid .edittext .text p { text-align:center;} .film1section .contentarea.minheightsarea.fourfourgrid .editblock { background: transparent;} .film1section .edittext .text p.format2 { color:#393634; font-family:'head_bold';} .film2section .tablemobarea {display:none;} .film2section .tablemobarea table tr:first-child td, .film2section .tablemobarea table tr:nth-child(3) td { color:#191614; background-color:#999694; } .film2section .tablemobarea table td {color:#b9b6b4; background-color:#191614; padding: 2px; text-align:center; font-size:90%;} .film2section table {width:100%;} .film2section .tabledtparea table tr:first-child td, .film2section .tabledtparea table tr:nth-child(2) td { color:#191614; background-color:#999694; } .film2section .tabledtparea table td {color:#b9b6b4; background-color:#191614; padding: 5px; text-align:center;} .film2section .tabledtparea table td:nth-child(-n+3) {text-align:left;} .film3section .contentarea.minheightsarea.threethreegrid .editblock { background-color: rgba(57, 54, 52, 0.9);} .film3section .contentarea.minheightsarea.threethreegrid li:last-child .editblock { background-color: rgba(157, 154, 152, 0.9);} .film3section .edittitle .text p.format1 { letter-spacing:0.4em;} .film3section .edittext .text p.format2 { font-family:'head_bold';} .film3section .contentarea.minheightsarea.threethreegrid li.column a.edittextlink:hover { background-color: #000000;} .film3section .threethreegrid .editblock::before { content: ""; background: url(documents/Images/elements/film-planet.png) no-repeat bottom left / 30%; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0.5;} .film3section .threethreegrid .edittext {position:relative;} .film3section .prodblocksarea.threethreegrid .editblock .edittext:nth-last-child(2) .text { padding: 0;} .film3section .prodblocksarea.threethreegrid .editblock .edittext:first-child .text { padding: 20px;} .film3section .contentarea.minheightsarea.threethreegrid li:last-child .editblock .edittext:first-child { position: absolute; top: 50%; transform: translateY(-75%); width: 100%;} .film3section .contentarea.minheightsarea.threethreegrid li:last-child .editblock .edittext:last-child { position: absolute; top: 50%; transform: translateY(-1%); width: 100%;} /*.swatchpanelgrid { margin: 30px 0; background-image:url(LIB/css/mini-fold-64.png); background-position: top left; background-repeat:no-repeat; background-size: 44px auto; }*/ .swatchpanelgrid { margin: 30px 0; position:relative; background-color:#efefef; } .swatchpanelgrid .threefourgrid { padding-left: 24px; padding-top: 24px; margin-top: 20px; } .swatchpanelgrid .onefourgrid { margin-top: 20px; } .swatchpanelgrid .editblock .edittext p.format1 { margin-bottom: 0; } .swatchpanelgrid::after { border-bottom: 44px solid transparent; border-left: 44px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; width: 0; top:0; } .swatchpanelgrid::before { border-bottom: 44px solid rgba(58,55,53,0.2); border-left: 44px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; width: 0; } .swatchpanelgrid.containergrid { padding: 0 20px 0; } .swatchpanelgrid .threefourgrid,.swatchpanelgrid .threefourgrid ul,.swatchpanelgrid .threefourgrid ul li { overflow: visible; } .swatchpanelgrid .threefourgrid ul li > div:last-child { width: 140%; } .swatchpanelgrid .threefourgrid ul li > div:first-child { min-height: 150px; } /*trigger demo*/ .trigger1demo { display:none;} #trigger1.demo1scroll .trigger1demo { display:inline; position: fixed; left:0; right:0; background-color:#fff; padding: 30px 90px; top: 30%; z-index:1; margin: 0 auto; } .trigger2demo { display:none;} #trigger2.demo2scroll .trigger2demo { display:inline; position: fixed; left:0; right:0; background-color:#393634; padding: 30px 90px; top: 40%; z-index:1; margin: 0 auto; } .trigger3demo { display:none;} #trigger3.demo3scroll .trigger3demo { display:inline; position: fixed; left:0; right:0; background-color:#ccc; padding: 30px 90px; top: 50%; z-index:1; margin: 0 auto; } /*news*/ .news .stackerarea > .tt_stacked > div:first-child { bottom: 0; position: absolute; } .news .stackerarea > .tt_stacked > div:last-child { margin-bottom:30px; } /*columns*/ li.tt_revive-panel { background-color:#efefef; padding:20px !important; } li.tt_revive-panel .text { text-align: center; } li.tt_revive-panel .editimage.landscape > .text { background-size: 50% auto; padding-bottom:25%; } /*contact page maps*/ #body0[class*=contact-us] .mapsection iframe { margin-bottom:20px } /*accordions*/ .tt_accordion .format2 { font-size: 120%; padding-top:7px; } /*pulled images*/ .certificationsarea a:hover, .footercertificationsarea a:hover { cursor:default; } .footercertificationsarea .lightboxgrid .imageitem { border:none; } .footercertificationsarea .imagegrid a.imageitem { height: 0; margin: 0 1% 1% 0; padding-bottom: 9%; width: 9%; background-size:contain; opacity:0.7; } .footercertificationsarea .imagegrid a.imageitem:nth-child(n+4) { width:10%; } /*sections*/ .topsection { background:url(documents/Images/headers/header-group-640.jpg) no-repeat center / cover; } /*index & group home*/ .index h1,.group h1 { display:none; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(2) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(2) .editblock { background-color:#9ecb84; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock { background-color:#23b9d6; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock { background-color:#f4972a; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(5) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock { background-color:#344695; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(6) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock { background-color:#e7287c; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(2) .editblock p, .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock p, .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock p, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(2) .editblock p, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock p, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock p { color:#fff; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(5) .editblock p.format1, .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(6) .editblock p.format1 { color:#fff; } .index ul.homeblocksarea.minheightsarea.threethreegrid li .editblock p.format1, .group ul.homeblocksarea.minheightsarea.threethreegrid li .editblock p.format1 { color:#393634; font-family:"head_regular"; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:first-child .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:first-child .editblock { background-color:#393634; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(2) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(2) .editblock { background-color:#9ecb84; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(3) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(3) .editblock { background-color:#23b9d6; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(4) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(4) .editblock { background-color:#f4972a; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock { background-color:#344695; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock { background-color:#e7287c; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(7) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(7) .editblock { background-color:; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li .editblock p.format1, .group ul.homeblocksarea.minheightsarea.fourfourgrid li .editblock p.format1 { color:#393634; font-family:"head_regular"; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:first-child .editblock p, .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock p, .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock p, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:first-child .editblock p, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock p, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock p { color:#fff; } .index .cbarea .edittext,.group .cbarea .edittext { float: left; width: 70%; } .index .cbarea .editimage, .group .cbarea .editimage { float: left; margin-right: 5%; width: 25%; } .index .cbarea li > .row, .group .cbarea li > .row { margin: 20px auto; padding: 10px 20px 10px 0; } .index .facebookbutton,.index .twitterbutton,.index .linkedinbutton { display:none; } .index #tt_topbar .search { right: 40px; } /*slideshow*/ .mediaslideouter { border: none; height: 75vh; max-height: 650px; } .slideshowarea.mediaslidearea { min-height:240px; height:100%; } .slideshowarea.mediaslidearea .tt_slideshow-el { top:25%; width:100%; height:auto; min-height:auto; font-size:400%; opacity:0; } .slideshowarea.mediaslidearea li.tt_slideshow-inner .tt_slideshow-el .edittext .text > p.format1 { text-align:center; color:#fff !important; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text > p.format2, .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text > p.format2 { text-align:center; color:#fff; font-size:8vw; padding: 80px 0; position: relative; top: 50%; transform: translateY(-50%); } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text, .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text { height:35vh; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; background-color:rgba(35,185,214, 0.5); } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) div:nth-child(2) .edittext .text, .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) div:nth-child(2) .edittext .text { background-color:transparent; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s1],.slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s1].css-active { top:10%; left:0; font-size:300%; padding:0 20px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s2].css-active { top:5vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s3].css-active { top:5vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s4].css-active { top:5vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s5].css-active { top:5vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s6].css-active { top:14vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s7].css-active { top:14vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s8].css-active { top:14vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s9].css-active { top:14vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s10].css-active { top:23vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s11].css-active { top:23vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s12].css-active { top:23vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s13].css-active { top:23vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s14].css-active { top:32vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s15].css-active { top:32vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s16].css-active { top:32vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s17].css-active { top:32vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s19],.slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s19].css-active { top:15vh; left:0; width:66%; font-size:250%; padding:0 20px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s19] .edittext { text-align:center; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s19] .edittext .text { display:inline-block; width:60%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s20].css-active { top:20vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s21].css-active { top:20vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s22].css-active { top:20vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s23].css-active { top:20vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s24].css-active { top:29vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s25].css-active { top:29vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s26].css-active { top:29vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s27].css-active { top:29vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s28] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 45%; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s28] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s28] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s28] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s29] .edittext .text > p.format1 { text-align:center; color:#fff; background-color:rgba(35,185,214, 0.5); padding: 20px 30px; position: relative; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s29],.slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s29].css-active { font-size:250%; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 15%; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s30] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text { text-align:center; width:60%; margin:0 auto; padding: 60px 30px 20px; position: relative; background-color:rgba(35,185,214, 0.5) !important; overflow:visible; margin-top:50px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { content:""; width:125px; height:125px; border-radius:50%; top:-65px; left:44%; display:inline-block; background:#393634 url(documents/Images/icons/carbon-calc/calculator2-icon.png) no-repeat center center / auto 70%; position: absolute; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:200%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p { text-align:center; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31],.slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31].css-active { font-size:150%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s32] .edittext .text { text-align:center; width:50%; margin:0 auto; background-color:transparent !important; } .paperslideouter { border: none; height: 75vh; max-height: 650px; } .slideshowarea.paperslidearea { min-height:240px; height:100%; } .slideshowarea.paperslidearea .tt_slideshow-el { top:25%; width:100%; height:auto; min-height:auto; font-size:400%; opacity:0; } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text > p.format1, .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text > p.format1 { text-align:center; color:#fff !important; font-size:130%; } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text > p.format2 { text-align:center; color:#fff; font-size:8vw; line-height:100%; padding: 80px 0; position: relative; top: 50%; transform: translateY(-50%); } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:35vh; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; background-color:rgba(158,203,132, 0.7); } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) div:nth-child(2) .edittext .text { background-color:transparent; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s1],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s1].css-active { top:10%; left:0; font-size:300%; padding:0 20px; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s2].css-active { top:5vh; left:-36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s3].css-active { top:5vh; left:-12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s4].css-active { top:5vh; left:12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s5].css-active { top:5vh; left:36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s6].css-active { top:14vh; left:-36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s7].css-active { top:14vh; left:-12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s8].css-active { top:14vh; left:12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s9].css-active { top:14vh; left:36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s10].css-active { top:23vh; left:-36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s11].css-active { top:23vh; left:-12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s12].css-active { top:23vh; left:12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s13].css-active { top:23vh; left:36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s14].css-active { top:32vh; left:-36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s15].css-active { top:32vh; left:-12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s16].css-active { top:32vh; left:12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s17].css-active { top:32vh; left:36%; opacity:1; } /*.slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s18] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 45%; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s18] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s18] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s18] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19] .edittext .text > p.format1 { text-align:center; color:#fff; background-color:rgba(35,185,214, 0.5); padding: 20px 30px; position: relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19].css-active { font-size:250%; }*/ .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19] .editimage .text { background-image: url("documents/Images/slideshow/cogs-faded.png"); background-position: center center; background-size: 100% auto; height: 100%; width: auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19] .editimage { height: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext .text p { font-size: 220%; left: 46%; position: absolute; top: 39%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext .text p { font-size: 170%; left: 23%; position: absolute; top: 42%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext .text p { font-size: 90%; left: 72%; position: absolute; top: 32%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext .text p { font-size: 80%; left: 4%; position: absolute; top: 40%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext .text p { font-size: 90%; left: 85.25%; position: absolute; top: 61%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext .text p { font-size: 60%; left: 11%; position: absolute; top: 69%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext .text p { font-size: 80%; left: 69.3%; position: absolute; top: 65%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s27],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s27].css-active { top:75%; left:0; font-size:300%; padding:0 20px; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 15%; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s30] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text { text-align:center; width:60%; margin:0 auto; padding: 60px 30px 20px; position: relative; background-color:rgba(35,185,214, 0.5) !important; overflow:visible; margin-top:50px; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { content:""; width:125px; height:125px; border-radius:50%; top:-65px; left:44%; display:inline-block; background:#393634 url(documents/Images/icons/carbon-calc/calculator2-icon.png) no-repeat center center / auto 70%; position: absolute; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1 { text-align:center; color:#fff !important; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p { text-align:center; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31].css-active { font-size:150%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s32] .edittext .text { text-align:center; width:50%; margin:0 auto; background-color:transparent !important; } .groupslideouter {border: none; height: 75vh; max-height: 650px; } .slideshowarea.groupslidearea { min-height:240px; height:100%; } .slideshowarea.groupslidearea .tt_slideshow-el { top:25%; width:100%; height:auto; min-height:auto; font-size:400%; opacity:0; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 30%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el .editimage .text { height:180px; background-size:contain; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s3] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 30%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s3] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s3] .tt_slideshow-el .editimage .text { height:180px; background-size:contain; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s4] .tt_slideshow-el { background-color: transparent; opacity: 1; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s4] .editblock:not(.tt_slideshow-el) .editimage .text { background-size:100% 100%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s4] .tt_slideshow-el .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s5] { top:20%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s5] .editimage .text { background-size:contain; height:142px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s6] { top:50%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s6] .editimage .text { background-size:contain; height:150px; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s7] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 25%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s7] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s7] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s7] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text { text-align:center; width:90%; max-width:1200px; min-width:700px; margin:0 auto; padding: 40px; position: relative; background-color:rgba(35,185,214, 0.75) !important; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:200%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text > p.format3 { text-align:center; font-size:160%;; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s9] .edittext .text { text-align:center; width:50%; margin:0 auto; background-color:transparent !important; } /*REVIVE MAIL WRAP .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 0; height:100%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage { position:absolute; height:100%; top:0; width:50%; max-width:1200px; left:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text { background-size:contain; background-position:right; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11]::after { content:""; position:absolute; top:0; right:0; background:url(documents/Images/slideshow/NEW-TR-GREEN-LRG.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { position:absolute; top:25%; width:40%; max-width:800px; right:10%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage .text { background-size:contain; height:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { position:absolute; top:38%; width:40%; max-width:800px; right:10%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:78%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { position:absolute;top:50%; width:40%; max-width:800px; right:10%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text { text-align:center; width:90%; margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { text-align:center; font-size:160%;; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14]::after { content:""; position:absolute; top:0; right:0; background:url(documents/Images/slideshow/NEW-TR-GREEN-LRG.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14] .editimage { position:absolute; height:100%; top:0; width:50%; max-width:1200px; left:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14] .editimage .text { background-size:contain; background-position:right; }*/ .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 0; height:100%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 25%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el .edittext .text { display:inline-block; text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage { position:absolute; height:40%; width:55%; max-width:900px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text { background-size:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11]::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-EC.png) no-repeat top right / contain; width:250px; height:250px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { position:absolute; top:25%; width:55%; max-width:900px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage .text { background-size:contain; height:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { position:absolute; top:40%; width:55%; max-width:900px; padding:0 5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:78%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { position:absolute;top:70%; width:55%; max-width:900px; padding:0 5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text { text-align:center; width:90%; margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { text-align:center; font-size:160%;; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14]::after { content:""; position:absolute; top:0; right:0; background:url(documents/Images/slideshow/NEW-TR-GREEN-LRG.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14] .editimage { position:absolute; height:100%; top:0; width:50%; max-width:1200px; left:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14] .editimage .text { background-size:contain; background-position:right; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s15] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 0; height:100%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s15] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 25%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s15] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s15] .tt_slideshow-el .edittext .text { display:inline-block; text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s16] .editimage { position:absolute; height:40%; width:60%; max-width:925px; right:5%; top:5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s16] .editimage .text { background-size:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s16]::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-TL-GREEN-LRG.png) no-repeat top right / contain; width:250px; height:250px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17b] .editimage { position:absolute; height:125px; width:250px; left:2%; bottom: 2%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17b] .editimage .text { background-size:contain; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17] .edittext { position:absolute; top:40%; width:60%; max-width:925px; padding:0 5%; right:5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:78%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17] .edittext .text > p.format2 { color:#fff; background-color:#bbb; display:inline-block; padding-left:10px; padding-right:10px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext { position:absolute;top:40%; width:60%; max-width:925px; padding:0 5%; right:5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext .text { text-align:center; width:90%; margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext .text > p.format3 { text-align:center; font-size:140%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s19]::after { content:""; position:absolute; top:0; right:0; background:url(documents/Images/slideshow/NEW-TL-GREEN-LRG.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s19] .editimage { position:absolute; height:100%; top:0; width:50%; max-width:1200px; left:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s19] .editimage .text { background-size:contain; background-position:right; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 15%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s30] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text { text-align:center; width:60%; margin:0 auto; padding: 60px 30px 20px; position: relative; background-color:rgba(35,185,214, 0.5) !important; overflow:visible; margin-top:50px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { content:""; width:125px; height:125px; border-radius:50%; top:-65px; left:44%; display:inline-block; background:#393634 url(documents/Images/icons/carbon-calc/calculator2-icon.png) no-repeat center center / auto 70%; position: absolute; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:200%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s32] .edittext .text { text-align:center; width:50%; margin:0 auto; background-color:transparent !important; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 15%; left:15%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text { text-align:center; width:60%; margin:0 auto; padding: 60px 30px 20px; position: relative; overflow:visible; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p.format1 { text-align:center; color:#393634; font-size:200%; font-family: 'head_bold'; margin-bottom:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p.format2 { text-align:center; color:#fff; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p a.edittextlink { background-color:#1da0db; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p a.edittextlink:hover { background-color:#393634; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s35] { position:absolute; top:8% !important; padding:0; margin-bottom:0 } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s35] .editimage .text { height: 150px; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:25% auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s36] { position:absolute; top:55% !important; padding:0; margin-bottom:0 } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s37] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 10%; height:80%; max-height:480px; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s37] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s37] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s37] .tt_slideshow-el .editimage .text { background-size:contain; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 0; height:100%;font-size:160%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 25%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .tt_slideshow-el .edittext { text-align:right; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .tt_slideshow-el .edittext .text { display:inline-block; text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas2] .editimage { position: absolute; height: 30%; width: 35vw; max-width: 800px; right: 5%; top: 30%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas2] .editimage .text { background-size:contain; background-position-x: right; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3] .editimage { position:absolute; top:25%; width:55%; max-width:900px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3] .editimage .text { background-size:contain; height:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3] .edittext { position:absolute; top:35%; width:55%; max-width:900px; padding:0 5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:78%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext { position:absolute;top:65%; width:60%; max-width:925px; padding:0; right:5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext .text { margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext .text > p { text-align:right; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; margin-right:0; background-color:#BE1622; } .index .option2section::after { content:""; width:100%; height:100px; background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%); position:absolute; top:0; left:0; } .delipacslideouter {border: none; height: 75vh; max-height: 650px; } .slideshowarea.delipacslidearea { min-height:240px; height:100%; display:block; } .slideshowarea.delipacslidearea .tt_slideshow-el { top:15%; width:100%; height:auto; min-height:auto; font-size:200%; opacity:0; } .slideshowarea.delipacslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el { background-color: transparent; opacity: 1; } .slideshowarea.delipacslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] { position:relative; padding:0; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] .edittext .text { height: auto; overflow: visible; position: relative; width: 100%; padding:0 20%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] .edittext .text p { text-align:center; font-size: 3.6vh; line-height:120%; color:#fff; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s2] { position:relative; padding:0; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s2] .edittext .text { height: auto; overflow: visible; position: relative; width: 100%; padding:0 20%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s2] .edittext .text p { text-align:center; font-size: 3.6vh; line-height:120%; color:#fff; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s3] { position:relative; padding:0; margin-bottom:0; margin-top:20px; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s3] .editimage .text { height: 12vh; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:contain; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s4] { position:absolute; bottom:0; top:auto; padding:0; margin-bottom:0 } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s4] .editimage .text { height: 180px; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:45% auto; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s5] { height: 200px; padding: 0; position: absolute; width: 200px; top:50%; right: 12%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s5] .edittext .text { background: #f18e22 none repeat scroll 0 0; border-radius: 100px; height: 200px; overflow: visible; padding: 0; position: absolute; width: 200px; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s5] .edittext .text p { text-align:center; font-size: 75%; line-height:120%; color:#fff; transform:translateY(60%); } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s6] { height: 104px; padding: 0; position: absolute; width: 300px; top:57%; left: 6%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s6] .edittext .text { background: #f18e22 none repeat scroll 0 0; height: 104px; overflow: visible; padding: 0; position: absolute; width: 300px; background-size:cover; } .ecofoilslideouter {border: none; height: 75vh; max-height: 650px; } .slideshowarea.ecofoilslidearea { min-height:240px; height:100%; display:block; } .slideshowarea.ecofoilslidearea .tt_slideshow-el { top:15%; width:100%; height:auto; min-height:auto; font-size:200%; opacity:0; } .slideshowarea.ecofoilslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el { background-color: transparent; opacity: 1; } .slideshowarea.ecofoilslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s1] { position:relative; padding:0; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s1] .edittext .text { height: auto; overflow: visible; position: relative; width: 100%; padding:0 20%; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s1] .edittext .text p { text-align:center; font-size: 3.6vh; line-height:120%; color:#fff; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s2] { position:relative; padding:0; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s2] .edittext .text { height: auto; overflow: visible; position: relative; width: 100%; padding:0 20%; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s2] .edittext .text p { text-align:center; font-size: 3.6vh; line-height:120%; color:#fff; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s3] { position:relative; padding:0; margin-bottom:0; margin-top:20px; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s3] .editimage .text { height: 12vh; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:contain; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s4] { position:absolute; bottom:0; top:auto; padding:0; margin-bottom:0 } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s4] .editimage .text { height: 180px; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:45% auto; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s5] { height: 200px; padding: 0; position: absolute; width: 200px; top:50%; right: 12%; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s5] .edittext .text { background: #f18e22 none repeat scroll 0 0; border-radius: 100px; height: 200px; overflow: visible; padding: 0; position: absolute; width: 200px; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s5] .edittext .text p { text-align:center; font-size: 75%; line-height:120%; color:#fff; transform:translateY(60%); } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s6] { height: 104px; padding: 0; position: absolute; width: 300px; top:57%; left: 6%; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s6] .edittext .text { background: #f18e22 none repeat scroll 0 0; height: 104px; overflow: visible; padding: 0; position: absolute; width: 300px; background-size:cover; } .townsendslideouter {border: none; height: 55vh; max-height: 450px; } .slideshowarea.townsendslidearea { min-height:240px; height:100%; } .slideshowarea.townsendslidearea .tt_slideshow-el { top:25%; width:100%; height:auto; min-height:auto; font-size:400%; opacity:0; } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 30%; } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el .editimage .text { height:180px; background-size:contain; } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s3] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 30%; } .slideshowarea.townsendpslidearea .tt_slideshow-inner[data-list=s3] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s3] .tt_slideshow-el .editimage .text { height:180px; background-size:contain; } /*overlay slideshow*/ .overlayslideouter { height:auto } .overlayslidearea { min-height:650px; height:100%; background:#efefef; padding:2%; } .overlayslidearea p::before { position:relative; content:"\2713"; display:inline-block; color:transparent; background-color:transparent; font-size:14px; margin:0; } .overlayslidearea p.format0::before { position:relative; content:"\2713"; display:inline-block; color:#fff; background-color:transparent; font-size:14px; margin:0; } .css-prev { opacity:1; -webkit-animation:css-fadeout 500ms linear 0ms forwards; animation:css-fadeout 500ms linear 0ms forwards; transition-property:all; } .slideshowarea.overlayslidearea .slideholder,.slideshowarea.overlayslidearea .tt_slideshow-inner:not(.tt_undisplay) { display:table; width:70%; top:3.5%; bottom:3.5%; padding-top:40px; } .slideshowarea.overlayslidearea li.slideholder::after { background-color: #393634; color: #fff; content: "PAPER TYPES CHART"; font-size:120%; display: block; height: 30px; padding-left: 12px; padding-top: 8px; position: absolute; text-align: left; top: 0; width: 100%; } .slideshowarea.overlayslidearea .editblock { position:relative; display:table-row; height:19px; } .slideshowarea.overlayslidearea .editblock > div { display:table-cell; border-top:1px solid #fff; background:transparent; height:15px; } .slideshowarea.overlayslidearea .editblock > div:first-child { border-right:none; padding:0; } .slideshowarea.overlayslidearea .editblock > .edittext { width:18%; padding-right:2%; } .slideshowarea.overlayslidearea .editblock > .edittext:first-child { width:10%; } .slideshowarea.overlayslidearea .text { text-align:center; } .slideshowarea.overlayslidearea .editblock .edittext .text > p { font-size:13px; line-height:12px; padding:3px 0; } .slideshowarea.overlayslidearea .editblock > .edittext:first-child .text p { text-align:right; padding-right:5%; } .slideshowarea.overlayslidearea .editblock:not(:last-child) > .edittext:not(:first-child) .text p,.overlayslidearea .slideholder .tt_editingdiv.tt_hasmedium > p { background-color:#efefef; margin-bottom:0; line-height:12px; padding:3px 0; } .slideshowarea.overlayslidearea .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0,.overlayslidearea .slideholder .tt_editingdiv.tt_hasmedium > p.format0 { background-color:#ccc; line-height:12px; text-align:center; margin-bottom:0; padding:3px 0; } .slideshowarea.overlayslidearea .editblock:not(:last-child) > .edittext:not(:first-child) .text p::before { height:auto; } .slideshowarea.overlayslidearea .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0::before { height:auto; } .slideshowarea.overlayslidearea .text > p.format3,.overlayslidearea .tt_editingdiv.tt_hasmedium > p.format3 { margin-bottom:0; padding:0; text-align:center; } .slideshowarea.overlayslidearea .text > p.format4,.overlayslidearea .tt_editingdiv.tt_hasmedium > p.format4 { margin-bottom:0; padding:0; text-align:center; } .slideshowarea.overlayslidearea .text > p.format5,.overlayslidearea .tt_editingdiv.tt_hasmedium > p.format5 { margin-bottom:0; padding:0; text-align:center; } .slideshowarea.overlayslidearea .text > p.format6,.overlayslidearea .tt_editingdiv.tt_hasmedium > p.format6 { font-size:90%; line-height:10px; text-align:center; margin-bottom:0; padding:3px 0; } .slideshowarea.slideshowarea.overlayslidearea li.controller { width:24%; top:3.5%; right:2%; left:auto; height:auto; opacity:1; } .slideshowarea.slideshowarea.overlayslidearea li.controller .controlwrapper { display:inline-block; width:auto; height:auto; text-align:center; font-size:120%; margin:0 auto; margin-top:66px; } .slideshowarea.slideshowarea.overlayslidearea li.controller .controlwrapper::before { background-color: #393634; color: #fff; content: "INTERACTIVE KEY"; display: block; height: 30px; padding-left: 8px; padding-top: 8px; position: absolute; text-align: left; top: 0; width: 100%; } .slideshowarea.slideshowarea.overlayslidearea li.controller .controlwrapper::after { content: "Click below for description:"; display: block; height: 30px; padding-left: 8px; padding-top: 40px; position: absolute; text-align: left; top: 0; width: 100%; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol { display:block; width:100%; height:auto; background:#fff; border-radius:0; padding:12px 8px; line-height:120%; border-top:1px solid #efefef; text-align:left; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol.active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol:hover { background:#efefef; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="0"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="0"]:hover { background:#5690d6; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#5690d6; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="1"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="1"]:hover { background:#6daea7; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s1] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s1] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#6daea7; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="2"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="2"]:hover { background-color:#83cb77; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s2] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s2] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#83cb77; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="3"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="3"]:hover { background-color:#d6de23; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s3] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s3] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#d6de23; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="4"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="4"]:hover { background-color:#fac040; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s4] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s4] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#fac040; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="5"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="5"]:hover { background-color:#ff685e; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s5] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s5] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#ff685e; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="6"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="6"]:hover { background-color:#c72774; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s6] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s6] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#c72774; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="7"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="7"]:hover { background-color:#b364d2; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s7] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s7] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#b364d2; } .slideshowarea.overlayslidearea .tt_slideshow-inner > div:last-child { display: inline-block; height: auto; margin-left: 46%; margin-top: 350px; position: absolute; width: 52%; } .slideshowarea.overlayslidearea .tt_slideshow-inner > div:last-child > div.edittext { background-color: #fff; display: block; height: auto; padding: 20px; width: 100%; } .slideshowarea.overlayslidearea .tt_slideshow-inner > div:last-child > div.edittext .text p.format3 { font-size: 110%; line-height:120%; padding: 0; text-align: center; padding-bottom: 10px; } .slideshowarea.overlayslidearea .tt_slideshow-inner > div:last-child > div.edittext .text p { text-align: center; padding: 0; line-height:130%; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s0] div.edittext .text p.format3 { color:#5690d6 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s1] div.edittext .text p.format3 { color:#6daea7 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s2] div.edittext .text p.format3 { color:#83cb77 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s3] div.edittext .text p.format3 { color:#d6de23 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s4] div.edittext .text p.format3 { color:#fac040 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s5] div.edittext .text p.format3 { color:#ff685e !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s6] div.edittext .text p.format3 { color:#c72774 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s7] div.edittext .text p.format3 { color:#b364d2 !important; } #body0.tt_touch.scrolling .slideshowarea.overlayslidearea li.controller span.slidecontrol:hover { color:#454545; background-color:#fff; } /*product download area*/ .proddloadarea .editblock .edittext .text p.format4 { padding-top:30px; } .proddloadarea .text p.format6 { background: #fff none repeat scroll 0 0; display: inline-block; padding: 0 15px 0 0; margin-bottom:0; } .proddloadarea .edittitle .text::before { border-top: 1.5px dotted #ccc; bottom: 0; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 95%; z-index: -1; } .proddloadarea .edittitle > .text { font-size: 130%; line-height: 120%; margin: 20px 0 10px; background:transparent; position:relative; z-index:1; } .proddloadarea .edittitle { position:relative; } .proddloadarea .edittext .text a.edittextlink:nth-child(2) { background-color:#0095d9 !important;} .proddloadarea .edittext .text a.edittextlink:nth-child(2):hover { background-color:#393634 !important;} .proddloadarea .edittext .text p:nth-child(3) a.edittextlink { background-color: #0095d9 !important;} .proddloadarea .edittext .text p:nth-child(3) a.edittextlink:hover { background-color: #393634 !important;} .proddloadarea .edittext .text p {float:left;} .prodbox { padding: 0 20px 10px; background-color: #393634;} .prodbox p { color: #fff !important;} /*tablearea*/ ul.tablearea > li { display:table; } ul.tablearea > li > div { display:table-row; } ul.tablearea > li > div:nth-child(odd) > div { display:table-cell; border:1px solid #fff; background:#efefef; } ul.tablearea > li > div:nth-child(even) > div { display:table-cell; border:1px solid #fff; background:#ffffff; } ul.tablearea > li > div:first-child > div { background:#646262; } ul.tablearea > li > div:first-child > div.edittext .text p { color:#fff; } ul.tablearea > li > div.row > div.edittext { width:10%; } ul.tablearea > li > div.row > div.edittext:first-child { width:30%; } ul.tablearea > li > div.row > div.edittext:first-child .text p { text-align: left; padding-left:5%; } ul.tablearea .edittext .text > p.format2,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format2 { margin-bottom:0; padding:12px 0; text-align:center; color:#006540; font-family:"head_bold"; } ul.tablearea .edittext .text > p.format3,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format3 { margin-bottom:0; padding:15px 0; text-align:center; } ul.tablearea .edittext .text > p.format4,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format4 { margin-bottom:0; padding:15px 0; text-align:center; } ul.tablearea .edittext .text > p.format5,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format5 { margin-bottom:0; padding:15px 0; text-align:center; } ul.tablearea .edittext .text > p.format6,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format6 { margin-bottom:0; padding:15px 0; text-align:center; } ul.tickcolumnarea p.format0 { padding-left:0; } /*Paper Print Process Table*/ ul.pptablearea > li { display:table; } ul.pptablearea > li > div { display:table-row; } ul.pptablearea > li > div:nth-child(odd) > div { display:table-cell; border:1px solid #fff; background:#efefef; } ul.pptablearea > li > div:nth-child(even) > div { display:table-cell; border:1px solid #fff; background:#ffffff; } ul.pptablearea > li > div:first-child > div { background:#646262; } ul.pptablearea > li > div:first-child > div.edittext .text p { color:#fff; } ul.pptablearea .editblock .edittext .text > p.format0:last-child { margin-bottom:0; } ul.pptablearea > li > div.row > div.edittext { width:30%; } ul.pptablearea > li > div.row > div.edittext:first-child { width:70%; } ul.pptablearea > li > div.row > div.edittext:first-child .text p { text-align: left; padding-left:5%; } ul.pptablearea .edittext .text > p.format2,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format2 { margin-bottom:0; padding:12px 0; text-align:center; color:#006540; font-family:"head_bold"; } ul.pptablearea .edittext .text > p.format3,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format3 { margin-bottom:0; padding:15px 0; text-align:center; } ul.pptablearea .edittext .text > p.format4,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format4 { margin-bottom:0; padding:15px 0; text-align:center; } ul.pptablearea .edittext .text > p.format5,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format5 { margin-bottom:0; padding:15px 0; text-align:center; } ul.pptablearea .edittext .text > p.format6,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format6 { margin-bottom:0; padding:10px 0; text-align:center; } ul.tickcolumnarea p.format0 { padding-left:0; } /*diagramarea*/ ul.diagramarea .tt_accordion > label + div[class$="grid"] { background-color:transparent; } ul.diagramarea .tt_accordion > label + div[class$="grid"] > ul > li { margin-top:40px; } ul.diagramarea .tt_accordion > input[type="radio"]:checked + label + div[class$="grid"] { padding: 0; position:relative; } ul.diagramarea ul.tickcolumnarea a.format0::before, ul.diagramarea ul.tickcolumnarea p.format0::before, ul.diagramarea ul.tickcolumnarea span.format0::before { color: #fff; margin:0; } ul[class*="diagramtable"].tickcolumnarea a.format0::before, ul[class*="diagramtable"].tickcolumnarea p.format0::before, ul[class*="diagramtable"].tickcolumnarea span.format0::before { color: #fff; margin:0; } ul.diagramtable0area.tickcolumnarea a.format0::before, ul.diagramtable0area.tickcolumnarea p.format0::before, ul.diagramtable0area.tickcolumnarea span.format0::before { color: #fff; } ul[class*="diagramtable"] .editblock .edittext .text > p.format0:last-child { margin-bottom: 0; } ul[class*="diagramtable"] > li { display:table; } ul[class*="diagramtable"] > li > div { display:table-row; height:20px; } ul[class*="diagramtable"] > li > div > div { display:table-cell; border-top:1px solid #fff; background:transparent; height:19px; } ul[class*="diagramtable"] > li > div > div:first-child { border-right:none; } ul[class*="diagramtable"] > li > div.row > div.edittext { width:18%; padding-right:2%; } ul[class*="diagramtable"] > li > div.row > div.edittext:first-child { width:10%; } ul[class*="diagramtable"] > li > div.row > div.edittext:first-child .text p { text-align: right; padding-right:5%; } ul[class*="diagramtable"] .edittext .text > p { padding-bottom:0; font-size:14px; line-height:12px; padding:4px 0; } ul[class*="diagramtable"] .edittext .text > p.format3,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format3 { margin-bottom:0; padding: 0; text-align:center; } ul[class*="diagramtable"] .edittext .text > p.format4,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format4 { margin-bottom:0; padding: 0; text-align:center; } ul[class*="diagramtable"] .edittext .text > p.format5,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format5 { margin-bottom:0; padding: 0; text-align:center; } ul[class*="diagramtable"] .edittext .text > p.format6,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format6 { margin-bottom:0; padding: 4px 0; text-align:center; font-size:90%; line-height:10px; } ul[class*="diagramtable"] .edittext .text > p.format0,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format0 { margin-bottom:0; padding: 4px 0; text-align:center; line-height:12px } ul[class*="diagramtable"].tickcolumnarea a.format0::before, ul[class*="diagramtable"].tickcolumnarea p.format0::before, ul[class*="diagramtable"].tickcolumnarea span.format0::before { font-size: 14px; margin:0; } ul.diagramtable0area > li { background-color:#fff; } ul.diagramarea .tt_accordion > label + div[class$="grid"] > ul.diagramtable1area > li { background-color: rgba(0,189,213,0.8); } ul.diagramarea .tt_accordion > label + div[class$="grid"] > ul.diagramtable2area > li { background-color: rgba(145,203,137,0.8); } ul.diagramarea .tt_accordion > input[type="radio"]:checked + label + div[class$="grid"] ul::after { background-color: #ccc; color: #fff; content: ""; position: absolute; top: 0; left: 0; font-size: 120%; line-height: 140%; padding: 10px 20px; height: 40px; } ul.diagramarea .tt_accordion > input[type="radio"]:checked + label + div[class$="grid"] ul.diagramtable1area::after { background-color: #23b9d6; content: "THINPRINT"; } ul.diagramarea .tt_accordion > input[type="radio"]:checked + label + div[class$="grid"] ul.diagramtable2area::after { background-color: #9ecb84; content: "NEWSPRINT"; } ul.diagramtable0area > li > div > div > div > p { background-color: #efefef; } ul.diagramtable0area > li > div > div:first-child > div > p { background-color: #fff; } ul.diagramtable0area > li > div:last-child > div > div > p { background-color: #fff; } ul.diagramtable0area > li > div > div > div > p.format0 { background-color: #ccc; } ul.diagramtable1area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable2area > li > div > div > div > p.format0 { background-color: rgba(145,203,137,0.9); } ul.diagramtable3area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable4area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable5area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable6area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable7area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable8area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } .historyarea span { display:inline-block; position:absolute; left:0; margin-bottom:0; } .historyarea .tt_ce-editor span { position:relative; } .historyarea .editblock .edittext .text > p { border-bottom: 1px dotted #ccc; padding-top: 8px; padding-left:70px; } .finediningtabarea { background: transparent; display: block; position: fixed; left: 3vw; top: 150px; width:180px; height:180px; z-index:999999; } .finewinetabarea { background: transparent; display: block; position: fixed; left: 3vw; top: 150px; width:210px; height:auto; z-index:999999; } .finewinetabarea .editimage > .text { padding-bottom: 72%; } .paper_products_revive .finediningtabarea { right: 30vw; left: auto; position: absolute; top: 10px; z-index: 999; } .hrtitlearea { } .hrtitlearea li { z-index:0; width:100%; } .hrtitlearea li .text p.format5 { background: #fff; display: inline-block; max-width: 800px; padding: 0 20px 0 0; z-index:2; margin:0; font-family:"head_bold"; text-align:center; font-size: 130%; } .hrtitlearea .edittitle > .text { margin-top:0; z-index:2; text-align:left; } .hrtitlearea .edittitle .text::before { border-top: 1px solid #ccc; bottom: 0; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: auto; z-index: -1; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(1) .editblock::after { background: #A2A09F none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "1"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(2) .editblock::after { background: #A2A09F none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "2"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(3) .editblock::after { background: #A2A09F none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "3"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(4) .editblock::after { background: #A2A09F none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "4"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(5) .editblock::after { background: #A2A09F none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "5"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } /*processtable*/ .processtable { border-spacing:0;} .processtable td { font-size:120%; line-height:140%; padding:10px 5px;overflow:visible;word-break:normal;} .processtable th { font-weight:normal;padding:10px 5px;overflow:visible;word-break:normal;} .processtable .vtop { vertical-align:top} .processtable .content { background-color:#efefef; padding: 30px 20px 30px 100px; text-align:left;} .processtable td.arrow-down::before { border-top: 16px solid #23b9d6; border-left: 16px solid transparent; border-right: 16px solid transparent; content: ""; display: block; height: 0; position: relative; width: 0; margin:0 auto; } .processtable td.arrow-right { padding-right:0; } .processtable td.arrow-right::after { border-bottom: 12px solid transparent; border-left: 12px solid #23b9d6; border-top: 12px solid transparent; content: ""; display: inline; float: right; height: 0; margin-top: -22px; overflow: visible; position: relative; width: 0; } .processtable .forecasticon { background: #efefef url("documents/Images/icons/process/forecast-icon-100.png") no-repeat 10px center / 75px auto; } .processtable .papericon { background: #efefef url("documents/Images/icons/process/paper-icon-100.png") no-repeat 10px center / 75px auto; } .processtable .deliveryicon { background: #efefef url("documents/Images/icons/process/delivery-icon-100.png") no-repeat 10px center / 75px auto; } .processtable .reporticon { background: #efefef url("documents/Images/icons/process/report-icon-100.png") no-repeat 10px center / 75px auto; } .processtable .valueicon { background: #efefef url("documents/Images/icons/process/value-icon-100.png") no-repeat 10px center / 75px auto; } .papertypesgrid { display:none; } /*teamgrid*/ .teamgrid { border-top: 1px dotted #ccc; padding: 30px 0 !important; } .teamgrid .threefourgrid > ul:first-child .text p:nth-last-child(2) { margin-bottom: 5px; padding-bottom: 0; padding-top: 0; } .teamgrid .threefourgrid > ul:first-child .text p:last-child { padding-top: 0; } .tt_accordion .format2 { font-size: 100%; } .searchbutton:hover { background-color:#fff; } /*percentcountgrid*/ .percentcountgrid .roundelarea .editblock > div.counter .text > p.format1::after { content: "%"; } /*.tt_newspanel .facebookbutton,.tt_newspanel .twitterbutton, .tt_newspanel .linkedinbutton, .tt_newspanel .youtubebutton { -webkit-animation:fademein 1s ease-in forwards; animation:fademein 1s ease-in forwards; display:block; width:24px; height:24px; color:transparent; background:transparent; margin:5px 4px 4px; opacity:0; border-radius:0; cursor:pointer; clear:none; float:right; } .tt_newspanel .facebookbutton,.tt_newspanel .twitterbutton, .tt_newspanel .linkedinbutton, .tt_newspanel .youtubebutton { background:transparent url(LIB/css/logo_socialmedia.png) no-repeat scroll center center; background-size:234px 20px; margin-top:5px; } .tt_newspanel .facebookbutton a,.tt_newspanel .twitterbutton a, .tt_newspanel .linkedinbutton a, .tt_newspanel .youtubebutton a { display:block; } .tt_newspanel .facebookbutton { background-color:#a2a09f; background-position:25% center; } .tt_newspanel .linkedinbutton { background-color:#a2a09f; background-position:50% center; } .tt_newspanel .youtubebutton { background-color:#a2a09f; background-position:62% center; } .tt_newspanel .twitterbutton { background-color:#a2a09f; background-position:87% center; }*/ .tt_newspanel div > div:last-child .text a { background: transparent url("LIB/css/logo_socialmedia.png") no-repeat scroll center center / auto 24px; background-color:#a2a09f; } .tt_newspanel div > div:last-child .text a:first-child { background-position:50% center; } .tt_newspanel div > div:last-child .text a:nth-child(2) { background-position:87.5% center; } .tt_newspanel div > div:last-child .text a:nth-child(3) { background-position:24.5% center; } .tt_newspanel div > div:last-child .text a:first-child:hover { background-color:#007bb6 !important; } .tt_newspanel div > div:last-child .text a:nth-child(2):hover { background-color:#00aced !important; } .tt_newspanel div > div:last-child .text a:nth-child(3):hover { background-color:#3b5998 !important; } /*temp fix for index sub menu pages*/ .submenuarea .menu.pulled > li { display: none; } .submenuarea .menu.pulled > li:first-child { display: block; } .topdivinfoarea { overflow:visible; } .wltarea .edittextlink { margin-bottom: 10px; } /*ACCORDION*/ .tt_accordion.librarylevel0 { width:48%; float:left; margin-right:2%; } /*IMAGEBOX*/ .imagebox-wrapper{ height:90vh; max-height:842px; } .image-control-left:hover,.image-control-right:hover{ background:#393634; } .image-control-left,.image-control-right{ background:rgba(155, 155, 155, 0.5); width:8vh; height:8vh; } .image-control-left::after{ background-image:url("documents/Images/elements/arrow-left-rev.png"); width:8vh; height:4vh; top:2vh; } .image-control-right::after{ background-image:url("documents/Images/elements/arrow-right-rev.png"); width:8vh; height:4vh; top:2vh; } .image-control-left:hover::after{ width:8vh; height:4vh; top:2vh; } .image-control-right:hover::after{ width:8vh; height:4vh; top:2vh; } .image-slide a.imageitem > span{ background-color:#000; border:1px solid #000; display:none; } /*SHARE*/ #tt_sharewrapper { position:fixed; left:0; bottom:40px; width:36px; height:174px; background:#676767; z-index:20000; } input.sharer { position:absolute; top:-100px; opacity:0; } .share { position:relative; width:36px; height:150px; margin:32px 0 0 2px; overflow:hidden; clear:none; float:left; } .share > div:not(.form) { width:23px; height:24px; float:left; } .share .text { font-size:120%; padding:0; } .share a { display:block; height:100%; width:100%; } .sharebutton { display:block; position:absolute; top:0; left:0; width:36px; height:36px; background:transparent url(LIB/css/share.png) center no-repeat; background-size:24px auto; clear:none; float:left; } .share .linkedinbutton { background-color:#dd4b39; } .share .twitterbutton { background-color:#0084b4; } .share .facebookbutton { background-color:#3b5998; } .share .googlebutton { background-color:#dd4b39; } .share .linkedinbutton:hover,.share .twitterbutton:hover,.share .facebookbutton:hover,.share .googlebutton:hover { background-color:#393634; } /*SLIDE OUT SHARE BUTTONS - comment out below share code for static buttons*/ #tt_sharewrapper { position:fixed; left:0; bottom:10vh; width:auto; height:36px; background:transparent; z-index:200000; } .share { position:relative; width:0; height:36px; margin-left:0; margin-top:0; overflow:hidden; clear:none; float:left; } #sharebox0:checked + .share { width:132px; background:#ccc; } .sharebutton { display:block; position:relative; width:36px; height:36px; background:#929497 url(LIB/css/share.png) center no-repeat; background-size:24px auto; clear:none; float:left; } .share.clc { float: none; left: 248px; position: absolute; } .sharebutton.clc { width:auto; color:#fff; background:#CDC56C; font-size:120%; line-height:200%; padding:0 10px; float:left; } .clcshare { float: left; margin: 20px 20px 20px 0; } .sharebuttonwrapper { background: #23b9d6; float: left; height: 36px; margin-right:5px; padding:0 5px 0 0; } /*SEARCH*/ input.searcher { position:absolute; top:-100px; opacity:0; } #tt_topbar .search { position:absolute; bottom:50px; left:0; right:148px; height:36px; background:transparent; overflow:hidden; z-index:1; } .searchwrapperarea .search a { display:block; width:100%; height:100%; } #tt_topbar #searchbox0:checked + .search { bottom:0; } #tt_topbar .search > div:not(.form) { background-color:#fff; height:36px; padding-top:10px; position:absolute; right:0; width:200px; } #tt_topbar .search .text { font-size:120%; padding:6px 10px 0; } /*CONTACT*/ #tt_contactwrapper { position:absolute; right:0; width:auto; height:36px; background:transparent; z-index:200000; } input.contacter { position:absolute; top:-100px; opacity:0; } .contacttable { position:absolute; width:280px; left:-300px; height:0; margin-left:0; margin-top:37px; padding:0 10px; overflow:hidden; clear:none; color:#fff; } .contacttable table { border-collapse:collapse; width:100%; } .contacttable table td { border-bottom: 1px solid #a2a09f; padding:5px 0; } .contacttable table tr:last-child td { border-bottom: none; } .contacttable table tr td:first-child { color: #ccc; padding-left:10px; } .contacttable > div:not(.form) { height:auto; } .contacttable .text { font-size:120%; padding:0; } .contacttable a { display:block; height:100%; width:100%; } .contactbutton { display:block; position:absolute; top:0; right:0; width:150px; height:36px; clear:none; } #contactbox0:checked + .contacttable { height:270px; background-color:rgba(58, 55, 53, 0.8); color:#fff; padding:10px; } #contactbox0:checked + .contacttable.papercw { height:300px; } #contactbox0:checked + .contacttable.mediacw { height:235px; } .contactbutton { position: absolute; width: 110px; background-color: #a2a09f; color: #FFF; display: block; clear: none; height: 37px; font-family: "head_regular"; font-size: 100%; line-height: 180%; margin: 0 20px 0 0; padding: 8px; } .contactbutton:hover, #body0[class^=paper] .contactbutton:hover, #body0[class^=media] .contactbutton:hover { background-color:#393634; } #body0[class^=paper] .contactbutton { background-color: #9ecb84; } #body0[class^=media] .contactbutton { background-color: #23b9d6; } /*#tt_contactwrapper { position:relative; width:150px; height:36px; background:#676767; z-index:20000; } input.contacter { position:absolute; top:-100px; opacity:0; } .contact { position:absolute; bottom:50px; left:0; right:0; height:36px; background:transparent; overflow:hidden; z-index:1; } .contact a { display:block; width:100%; height:100%; } #contactbox0:checked + .contact { bottom:0; } .contact > div:not(.form) { background-color:#fff; height:36px; padding-top:10px; position:absolute; right:0; width:200px; } #body0.paper .topdivinfo .topdivinfoarea .contact .text { font-size: 120%; padding: 0; width: 250px; height:auto; background-color:#ccc; border-radius:0; display:block; padding:10px; } .contactbutton { display:block; position:absolute; right:0; width:auto; height:37px; background-color:#a2a09f; clear:none; } .contactbutton:hover { background-color:#23b9d6; } .contactbutton { color: #333; font-size: 140%; line-height: 120%; margin-bottom: 0; padding: 8px 20px; font-family:'head_regular'; }*/ /*input.contacter { position:absolute; top:-100px; opacity:0; } .contact { position:relative; width:36px; height:150px; margin:37px 0 0 2px; overflow:hidden; clear:none; float:left; } #body0.paper .topdivinfo .topdivinfoarea .contact .text { font-size: 120%; padding: 0; width: 250px; height:auto; background-color:transparent; border-radius:0; display:block; padding:10px; } .contact a { display:block; height:100%; width:100%; } #tt_contactwrapper { position:absolute; right:20px; top:0; width:auto; height:36px; background:transparent; z-index:200000; } .contact { position:relative; width:250px; height:0; margin-left:0; overflow:hidden; clear:none; float:left; } #contactbox0:checked + .contact { height:auto; background:#ccc; } .contact > div:not(.form) { width:23px; height:24px; float:left; } /*.contact .text { font-size:120%; padding:0; }*/ .contact .linkedinbutton { background-color:#dd4b39; } .contact .twitterbutton { background-color:#0084b4; } .contact .facebookbutton { background-color:#3b5998; } .contact .googlebutton { background-color:#dd4b39; } .contact .linkedinbutton:hover,.contact .twitterbutton:hover,.contact .facebookbutton:hover,.contact .googlebutton:hover { background-color:#23b9d6; } .topdivinfo .topdivinfoarea li .text { height:37px; } .topdivinfo .topdivinfoarea span { margin:0 5px; display:inline-block } /*li.tt_cta-panel > div > div:last-child { padding-right: 150px; }*/ .tt_a .editimage::before { display:inline-block; position:absolute; width:auto; content:'A'; color:#fff; background:#9ecb84; padding:4px 8px; } .tt_b .editimage::before { display:inline-block; position:absolute; width:auto; content:'B'; color:#fff; background:#e29a26; padding:4px 8px; } #askform { display:none; } /*XMAS*/ /*#tt_topdiv::after { background: url("documents/Images/slideshow/snow-flakes-border.png"); content: ""; display: block; height: 60px; left: 0; position: absolute; margin-top: 180px; width: 100%;} #tt_topdiv.topdivscroll::after { margin-top: 121px; } #tt_topdiv::after, .m-logo-unfixed::after { transition: all 0.5s ease-in-out 0s; } .m-logo-unfixed::after { content:""; display:block; width:98px; height:107px; background:rgba(0, 0, 0, 0) url("documents/Images/elements/baubles.png") no-repeat 0 0 / auto 100%; right:0; top:37px; position:absolute; } #tt_topdiv.topdivscroll .m-logo-unfixed::after { width: 125px; }*/ /*EDITTHIS*/ /*.tt_editthis .topdivinfoarea .editblock > .tt_erow { margin:0; min-height:30px; } .tt_editthis .tt_erow.contacttable { margin-top:73px; } .tt_editthis .tt_erow.contacttable table { margin-top: 40px; } .tt_editthis .contactbutton { margin-top:37px; }*/ .tt_editthis .editmodule.contacttable { display:none; min-height: 275px;} /*REVIVE BANNER LOGO*/ .paper_products_revive .sectiontopinner { background: transparent url(LIB/css/revive-logo-rev-lrg.png) no-repeat right center / auto 130px; } /*CARBON LIFESTYLE CALCULATOR*/ table.calculator { text-align:left; width:100%; border-collapse:collapse; } table.calculator:not(.calcbuttons) tbody > tr:last-child td { padding-bottom:15px; } table.calculator input { width:auto; max-width:125px; color:#23b9d6; font-size:110%; border:1px solid #23b9d6; padding:4px 8px; clear:none; float:left; } table.calculator input[type=text] { color:#090;font-weight:bold; text-align:right; border:none; margin-right:10px; } table.calculator input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity:0; pointer-events:none; } table.calculator tr:not(.partA) #sc-name,table.calculator tr:not(.partA) #sc-ref,table.calculator tr:not(.partA) #sc-tonnes { min-width:90%; } .reshead #sc-name,.reshead #sc-ref,.reshead #sc-tonnes { color:#565656; width:90% !important; max-width:90%; background:transparent; font-weight:normal; font-size:150%; line-height:120%; text-align:left; margin-left:15px; } .reshead #sc-ref,.reshead #sc-tonnes { color:#356356; font-size:120%; } table.calculator .sc-ref td { font-style:italic; font-size:90%; padding-left:5px; } table.calculator .sc-header td { font-weight:bold; padding:10px 0 10px 10px; } table.calculator .icon { display:block; width:16px; height:16px; color:#fff !important; background:#23b9d6; font-size:90%; line-height:130%; text-align:center; font-weight:bold; border-radius:8px; clear:none; float:left; } table.calculator .text.shared.linkedinbutton { margin-right:10px; } table.calculator.calcbuttons { margin-bottom:20px; } .sc-again, .sc-share, .sc-download { color:#fff !important; font-size:120%; line-height:140%; height:36px; background:#9e9e9e; text-align:center; padding:5px 18px; margin:0 5px 0 0; border:none; cursor:pointer; float:left; margin-bottom:5px; } .sc-again:hover, .sc-download:hover { background:#393634; } .sc-share { color:#fff; background:#CDC56C; padding: 0 5px 0 0; clear:none;} a.sc-download { color:#fff; background:#565656; float:left; } a.sc-download[disabled] { background: #0aa330 url(LIB/css/timer.png) center no-repeat; color:transparent !important; pointer-events:none; cursor:default; } /*DENMAUR DIGITAL*/ #body0[class*="digital"] .section.topsection::before { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0) 70%) repeat scroll 0 0; display: block; width: 100%; height: 300px; left: 0; position: absolute; top: 0; } #body0[class*="digital"] .topsection { background-color: #efefef; background-image: url("documents/Images/headers/dd-header1.jpg");} /*BREXIT & CALCULATOR TABS + NEW NAV*/ .m-logo-unfixed { margin: 48px 0 0; z-index: 999999; position:fixed; left: calc((100vw - 1200px) / 2); width:220px; min-width:220px; padding: 2px 10px 0; transition: all 0.5s ease-in-out 0s; } .scrolled .m-logo-unfixed { margin-top:0; background-color:#fff; padding: 5px 20px 0; } ul.navarea { float: left; } a.homelogo, #body0[class^="paper"] a.homelogo, #body0[class^="media"] a.homelogo { margin-top: 25px; background-size:contain; margin-top:0; height:64px; } ul.navarea { width: 100%; border-top:none; margin-top:20px;} #tt_topbar .tt_topbarinner { z-index: 999999;} #tt_topdiv.topdivscroll ul.navarea {margin-top: 21px;} /*TOWNSEND SECTION*/ #body0[class^=townsend] .navigation > ul.menu > li:nth-child(4)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=townsend] .navigation > ul.menu > li:nth-child(4)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=townsend] .section a:not(.edittextlink) {color: #f4972a;} #body0[class^=townsend] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color: #a2a09f;} #body0[class^=townsend] .section li.tt_cta-panel a {color: #fff;} #body0[class^=townsend] li.tt_cta-panel > .row { background-color: #f4972a;} #body0[class^=townsend] .contentarea h1 { color:#f4972a; } #body0[class^=townsend] a.format1,#body0[class^=townsend] p.format1,#body0[class^=townsend] .editblock .edittext .text > p.format1,#body0[class^=townsend] span.format1 { color:#f4972a; } #body0[class^=townsend] a.format3,#body0[class^=townsend] p.format3,#body0[class^=townsend] .editblock .edittext .text > p.format3,#body0[class^=townsend] span.format3 { color:#393634; } #body0[class^=townsend] a.format5,#body0[class^=townsend] p.format5,#body0[class^=townsend] .editblock .edittext .text > p.format5,#body0[class^=townsend] span.format5 { color:#f4972a; } #body0[class^=townsend]:not(.tt_editthis) .tt_accordion > label { background-color:#f4972a; } #body0[class^=townsend]:not(.tt_editthis) .tt_accordion > label:hover { background-color:#f4972a; } #body0[class^=townsend]:not(.tt_editthis) .tt_accordion > input[type=radio]:checked+label { background-color:#f4972a; } .townsend-board h1 {display: none;} #body0.townsend-board .topsection .sectiontopinner {max-width: none;padding: 0;margin: 0;} #body0[class^=townsend] a.editmore::after { background-color: #f4972a;} #body0[class^=townsend] a.editmore:hover::after { background-color: #393634;} #body0[class^=townsend] .topsection {background-image: url(documents/Images/headers/townsend-header-bg.jpg);background-color: #efefef;} #body0[class^="townsend-board_"] .topsection .sectiontopinner::after {content: ""; display: block; height: 100px; position: absolute; top: 30%; right: 0; background-image: url(documents/Images/logos/townsend-board-logo-500.png); background-repeat: no-repeat; width: 300px; background-size: contain;} /*TOWNSEND SECTION*/ /*MIDDLETON SECTION*/ #body0[class^=middleton] .navigation > ul.menu > li:nth-child(5)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=middleton] .navigation > ul.menu > li:nth-child(5)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=middleton] .section a:not(.edittextlink) {color: #717eb5;} #body0[class^=middleton] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color: #a2a09f;} #body0[class^=middleton] .section li.tt_cta-panel a {color: #fff;} #body0[class^=middleton] li.tt_cta-panel > .row { background-color: #9aa3ca;} #body0[class^=middleton] .contentarea h1 { color:#344695; } #body0[class^=middleton] a.format1,#body0[class^=middleton] p.format1,#body0[class^=middleton] .editblock .edittext .text > p.format1,#body0[class^=middleton] span.format1 { color:#344695; } #body0[class^=middleton] a.format3,#body0[class^=middleton] p.format3,#body0[class^=middleton] .editblock .edittext .text > p.format3,#body0[class^=middleton] span.format3 { color:#393634; } #body0[class^=middleton] a.format5,#body0[class^=middleton] p.format5,#body0[class^=middleton] .editblock .edittext .text > p.format5,#body0[class^=middleton] span.format5 { color:#344695; } #body0[class^=middleton]:not(.tt_editthis) .tt_accordion > label { background-color:#344695; } #body0[class^=middleton]:not(.tt_editthis) .tt_accordion > label:hover { background-color:#344695; } #body0[class^=middleton]:not(.tt_editthis) .tt_accordion > input[type=radio]:checked+label { background-color:#344695; } .middleton h1 {display: none;} #body0.middleton .topsection .sectiontopinner {max-width: none;padding: 0;margin: 0;} #body0[class^=middleton] a.editmore::after { background-color: #344695;} #body0[class^=middleton] a.editmore:hover::after { background-color: #393634;} #body0[class^=middleton] .topsection {background-image: url(documents/Images/headers/paper-header-6b.jpg);background-color: #efefef;} #body0[class^=middleton_] .topsection .sectiontopinner::after {content: ""; display: block; height: 100px; position: absolute; top: 30%; right: 0; background-image: url(documents/Images/logos/denmaur-middleton.png); background-repeat: no-repeat; width: 300px; background-size: contain;} .equiptablearea table {font-size:90%; border-collapse:collapse; text-align:center; margin-bottom:20px;} .equiptablearea td {background:#ddd; border:1px solid #ccc; width:20%; padding:5px 2px;} .equiptablearea th {background:#A2A09F; color:#fff; width:20%; padding:5px 2px;} .equiptablearea tr:nth-child(odd) td {background:#A2A09F; color:#fff; width:20%; padding:5px 2px;} /*MIDDLETON SECTION*/ /*VISION SECTION*/ #body0[class^=vision] .navigation > ul.menu > li:nth-child(6)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=vision] .navigation > ul.menu > li:nth-child(6)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=vision] .section a:not(.edittextlink) {color: #e7287c;} #body0[class^=vision] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color: #a2a09f;} #body0[class^=vision] .section li.tt_cta-panel a {color: #fff;} #body0[class^=vision] li.tt_cta-panel > .row { background-color: #ec5396;} #body0[class^=vision] .contentarea h1 { color:#e7287c; } #body0[class^=vision] a.format1,#body0[class^=vision] p.format1,#body0[class^=vision] .editblock .edittext .text > p.format1,#body0[class^=vision] span.format1 { color:#e7287c; } #body0[class^=vision] a.format3,#body0[class^=vision] p.format3,#body0[class^=vision] .editblock .edittext .text > p.format3,#body0[class^=vision] span.format3 { color:#393634; } #body0[class^=vision] a.format5,#body0[class^=vision] p.format5,#body0[class^=vision] .editblock .edittext .text > p.format5,#body0[class^=vision] span.format5 { color:#e7287c; } #body0[class^=vision]:not(.tt_editthis) .tt_accordion > label { background-color:#e7287c; } #body0[class^=vision]:not(.tt_editthis) .tt_accordion > label:hover { background-color:#e7287c; } #body0[class^=vision]:not(.tt_editthis) .tt_accordion > input[type=radio]:checked+label { background-color:#e7287c; } .vision h1 {display: none;} #body0.vision .topsection .sectiontopinner {max-width: none;padding: 0;margin: 0;} #body0[class*=vision] a.editmore::after { background-color: #e7287c;} #body0[class*=vision] a.editmore:hover::after { background-color: #393634;} #body0[class*=vision] .topsection {background-image: url(documents/Images/headers/paper-header-1b.jpg);background-color: #efefef;} #body0[class*="vision_"] .topsection .sectiontopinner::after {content: ""; display: block; height: 100px; position: absolute; top: 30%; right: 0; background-image: url(documents/Images/logos/denmaur-vision.png); background-repeat: no-repeat; width: 300px; background-size: contain;} #body0[class^=vision] .sectorarea p::after { color: #e7287c; content: "\2022"; padding: 0 10px; } #body0[class^=vision] .productusearea p::after { color: #e7287c; content: "\2022"; padding: 0 10px; } #body0[class^=vision] .productusearea div.edittext:first-child p::after { color: transparent; content: ""; padding: 0; } #body0[class^=vision] ul.tickbulletarea a.format0::before, #body0[class^=vision] ul.tickbulletarea p.format0::before, #body0[class^=vision] ul.tickbulletarea span.format0::before { color:#e7287c; } #body0[class^=vision] ul.tickcolumnarea a.format0::before, #body0[class^=vision] ul.tickcolumnarea p.format0::before, #body0[class^=vision] ul.tickcolumnarea span.format0::before { color:#e7287c; } #body0[class^=vision] .productpagearea div.editimage:first-child { position: absolute; right: 0; top: 0; width: 200px; } #body0[class^=vision] .productpagearea div.editimage:first-child > .text { background-size:contain; border:1px solid #ccc; } #body0[class^=vision] .productpagearea div.editimage:nth-child(2) { border: none; position: absolute; right: 0; top: 200px; width: 200px; } #body0[class^=vision] .productpagearea div.editimage:nth-child(2) > .text { background-size:cover; } #body0[class^=vision] .stackerarea .pulled .editimage .text { background-size:contain; background-color:#fff; border:1px solid #ccc;} .navigation > ul.menu > li:nth-child(6) .subtogglelabel+a::after { display:none;}/*loses the menu arrow indicating subpages*/ /*VISION SECTION*/ /*MIDDLETON & VISION LANDING PAGE*/ #body0[class^=middleton-and-vision] h1 {display:none;} #body0[class^=middleton-and-vision] .contentarea p {text-align:center;} #body0[class^=middleton-and-vision] .contentarea p.format1 {font-size:220%;} #body0[class^=middleton-and-vision] .contentarea .editimage { background-color:#efefef;} #body0[class^=middleton-and-vision] .contentarea .editimage:hover { background-color:#dedede;} #body0[class^=middleton-and-vision] .contentarea .editimage > .text { background-size:60% auto;} /*FOOTER NEWS*/ .footersection .footernewsarea li:nth-child(2) > div:first-child > .editimage {display:none;} .group .footernewsarea h1 {display:block;} .footersection .footernewsarea li:nth-child(2) > div:nth-child(3) {display: none;} .footersection .footernewsarea li:nth-child(2) > div:nth-child(2)::after {content:"READ MORE"; color:#ff0;} .footersection .footernewspullarea { transition: all 0.5s ease-in-out 0s; } /*FOOTER NEWS*/ .m-nav ul.menu > li:nth-child(4), .m-nav ul.menu > li:nth-child(4) .subtoggle:checked ~ label { background: #f4972a none repeat scroll 0 0; } .m-nav ul.menu > li:nth-child(5), .m-nav ul.menu > li:nth-child(5) .subtoggle:checked ~ label { background: #344695 none repeat scroll 0 0; } .m-nav ul.menu > li:nth-child(6), .m-nav ul.menu > li:nth-child(6) .subtoggle:checked ~ label { background: #e7287c none repeat scroll 0 0; } /*REVIVE PROMO { background: #544742 url("LIB/css/revive-bg.png") no-repeat scroll center center / cover ; }*/ /*ECOFOIL PROMO { background: linear-gradient(45deg, rgba(136,136,136,1) 0%, rgba(255,255,255,1) 16%, rgba(204,204,204,1) 50%, rgba(150,150,150,1) 70%, rgba(238,238,238,1) 83%, rgba(68,68,68,1) 100%); background-blend-mode: multiply; background-color: #00c110; } /*REVIVE PROMO { background: #544742 url("LIB/css/revive-bg.png") no-repeat scroll center center / cover ; }*/ .m-nav ul.menu > li:nth-child(7), .m-nav ul.menu > li:nth-child(7) .subtoggle:checked ~ label { background: #fff none repeat scroll 0 0; } /*.m-nav ul.menu > li:nth-child(5) a, .m-nav ul.menu > li:nth-child(5) .subtoggle:checked ~ label a, .m-nav ul.menu > li:nth-child(6) a, .m-nav ul.menu > li:nth-child(6) .subtoggle:checked ~ label a, .m-nav ul.menu > li:nth-child(7) a, .m-nav ul.menu > li:nth-child(7) .subtoggle:checked ~ label a{ color: #fff; }*/ /*DESIGN CLUB LANDING PAGE*/ .design-club .section.topsection { background-image:url(documents/Images/headers/DC_HEADER-LRG.jpg); background-position:top; background-size:100% auto; background-color:#efefef; padding-top:33%; padding-bottom:5%; } .design-club .sectiontopinner { background-color:#fff; padding:3%;} .design-club .tt_accordion > label { background: #23b9d6 url("LIB/css/arrow-accordion.png") no-repeat scroll right center / auto 100%; cursor: pointer; display: inline-block; font-size: 160%; margin-top: 5px; padding: 10px 55px 5px 25px; text-align: left; width: auto; } .design-club .tt_accordion > label::after { left: 0; margin-left: 15px; } .design-club .tt_accordion > label::before { margin-right: 15px; right: 0; } .design-club .tt_accordion > label::before, .design-club .tt_accordion > label::after { border-top: 1px solid #fff; content: ""; height: 5px; position: absolute; top: 30px; width: 30%; } .design-club .dccompgrid { padding:40px 20px;} .design-club .dccompgrid .text { text-align: center;} .design-club .dccompheaderarea p.format1 { letter-spacing:0.3em; font-size:150% !important; } .design-club .dccompheaderarea p.format1::after { left: 0; margin-left: 15px; } .design-club .dccompheaderarea p.format1::before { margin-right: 15px; right: 0; } .design-club .dccompheaderarea p.format1::before, .design-club .dccompheaderarea p.format1::after { border-top: 1px solid #fff; content: ""; height: 5px; position: absolute; top: 15px; width: 30%; } .design-club .dccomparea > li:first-child { background-color:rgba(227, 158, 110, 0.75); padding:4%; } .design-club .dcprintedonarea { background-color:#efefef; padding:20px; } .design-club .dcprintedonarea .text { text-align: center;} .design-club .dcprintedonarea > li > div.row.editblock { margin-bottom:0;} .design-club .dcprintedonarea > li > div:last-child p { margin-top:5px; font-size:130%; } .design-club .dcprintedonarea > li > div:last-child p::before, .design-club .dcprintedonarea > li > div:last-child p::after { border-top: 1px solid rgb(227, 158, 110); content: ""; height: 5px; position: absolute; top: 30px; width: 35%; } .design-club .dcprintedonarea > li > div:last-child p::after { left: 0; margin-left: 15px; } .design-club .dcprintedonarea > li > div:last-child p::before { margin-right: 15px; right: 0; } .design-club .dcbenefitarea { background-color:rgba(227, 158, 110, 1); } .design-club .dcbenefitarea hr { border-top:#fff solid 1px !important; margin:15px 0 !important; } .design-club .dcbenefitarea p.format3 { text-transform:uppercase; letter-spacing:0.2em;} .design-club .dcctagrid div.edittext:last-child p:nth-child(2)::before { background: #393634 url("LIB/css/phone-icon.png") no-repeat scroll center center / 15px auto; border-radius: 12px; content: ""; display: inline-block; height: 24px; margin-left: -30px; position: absolute; width: 24px; } .design-club .dcctagrid div.edittext:last-child p:nth-child(3)::before { background: #393634 url("LIB/css/email-icon.png") no-repeat scroll center center / 15px auto; border-radius: 12px; content: ""; display: inline-block; height: 24px; margin-left: -30px; position: absolute; width: 24px; } .design-club .dcctagrid div.edittext:last-child p:nth-child(4)::before { background: #393634 url("LIB/css/web-icon.png") no-repeat scroll center center / 15px auto; border-radius: 12px; content: ""; display: inline-block; height: 24px; margin-left: -30px; position: absolute; width: 24px;} .design-club .dcctagrid div.edittext:last-child p:nth-child(-n+4) { color: #fff; font-size: 120%; line-height: 140%; } .design-club .dcctagrid div.edittext:last-child p:nth-child(2), .design-club .dcctagrid div.edittext:last-child p:nth-child(3), .design-club .dcctagrid div.edittext:last-child p:nth-child(4) { padding-left: 30px; } .design-club .dcctagrid a { color: #fff; } .design-club .tt_accordion > label:hover { background-color: #1C94AB; color: #fff; } .design-club .tt_accordion > input[type="radio"]:checked + label { background: #23b9d6 url("LIB/css/arrow-accordion-down.png") no-repeat scroll right center / auto 100%; border-bottom-style: none; color: #fff; } .design-club .fli.inline { clear: none; display: inline-block; float: left; margin-top:10px; } .design-club label.css-check { margin: 0; } /*PAPER FACTS ROUNDELGRID*/ .pfroundelgrid .roundelarea > li {position: relative; border-radius: 50%; display: block; color: #fff; background-color: #9ecb84; text-align: center; margin: 0; background-size: cover; background-position: center; } .pfroundelgrid .onefivegrid p { text-align: center;} .pfroundelgrid .onefivegrid p.format1 { color: #fff !important;} .pfroundelgrid ul {margin-bottom:0 !important;} .tt_pfshow { display:none; } .tt_pfhide { display:block; } /*PAPER FACTS ROUNDELGRID*/ .pfblocksarea p.format5 {color:#393634 !important; font-family:"font_bold" !important; } /*CBS*/ .pulled .editimage.cbs::before { content: "Carbon Balanced at Source"; position: absolute; top: 0; width: 100%; display: block; background-color: rgba(0,0,0,0.5); padding: 15px; color: rgba(255,255,255,0.8); font-size: 15px;} .editimage.new::after { content: ""; background: url(LIB/css/NEW-TR-GREEN.png)no-repeat top right / contain; height: 80px; width: 80px; position: absolute; top: 0; right: 0; display: block; } .pulled .editimage.new::after { content: ""; background: url(LIB/css/NEW-BR-GREEN.png) no-repeat top right / contain; top:auto; bottom: 43px; } /*4 CORNERS*/ .cornersarea { padding:5% 20% 15% 10%; } .cornersarea li { width: 50%; padding: 0 1%; margin-bottom: 2%; float:left !important; clear:none !important;} .cornersarea li > div { background-color:#efefef; min-height:300px;} .cornersarea li:nth-child(2) > div { background-color:#eaeaea;} .cornersarea li:nth-child(3) > div { background-color:#e5e5e5;} .cornersarea li:nth-child(4) > div { background-color:#e0e0e0;} .cornersarea li > div:hover { background-color:#ddd;} .cornersarea p.format2 {text-align:center; font-size: 180% !important;color:#393634 !important;} .cornersarea .editimage.icon4 > .text {padding-bottom:90%; background-size:60%;} .cornersarea li:nth-child(3) .edittext, .cornersarea li:nth-child(4) .edittext {margin-top:-20%; margin-bottom:20%;} .cornersarea li:first-child .edittext, .cornersarea li:nth-child(2) .edittext {margin-top:20%; margin-bottom:-20%;} .cornersarea li .editblock::before, .cornersarea li .editblock::after {content: ""; display: block; height: 0; position: absolute; width: 0; } .cornersarea li:first-child .editblock::before { border-bottom: 64px solid #36a9e1; border-left: 64px solid transparent; left:0; top:0 } .cornersarea li:first-child .editblock::after { border-bottom: 64px solid transparent; border-left: 64px solid #fff; left:0; top:0; } .cornersarea li:nth-child(2) .editblock::before { border-bottom: 64px solid #ea5188; border-right: 64px solid transparent; right:0; top:0 } .cornersarea li:nth-child(2) .editblock::after { border-bottom: 64px solid transparent; border-right: 64px solid #fff; right:0; top:0; } .cornersarea li:nth-child(3) .editblock::before { border-top: 64px solid #95c11e; border-left: 64px solid transparent; left:0; bottom:0 } .cornersarea li:nth-child(3) .editblock::after { border-top: 64px solid transparent; border-left: 64px solid #fff; left:0; bottom:0; } .cornersarea li:nth-child(4) .editblock::before { border-top: 64px solid #f9b233; border-right: 64px solid transparent; right:0; bottom:0 } .cornersarea li:nth-child(4) .editblock::after { border-top: 64px solid transparent; border-right: 64px solid #fff; right:0; bottom:0; } /*.cornersarea::after { content: "The essential attributes to help determine the right paper grade for you"; position: absolute; width: 28vh; height: 28vh; display: table-cell; background-color: rgba(100,100,100,0.6); left: 0; top: 0; padding: 5% 5%; font-size: 2.5vh; line-height: 150%; color: #fff; bottom: 0; margin: auto; right: 0; }*/ /*CORONAVIRUS UPDATE .topdivinfo .topdivinfoarea li .text { clear: none; height: 37px; margin-left: 10px; } .topdivinfo .topdivinfoarea li div div div:last-child { padding:0 20px; background-color:#393634; } .topdivinfo .topdivinfoarea li div div div:last-child a { font-size: 90%; margin-top: 0; background-color:#9ecb84; color: #fff !important; } .topdivinfo .topdivinfoarea li .text p.format3 { color: #fff !important; } /*CORONAVIRUS UPDATE*/ /*XMAS 2020*/ .xmastopsection p {text-align:center; } .xmastopsection p.format2 { font-size: 52px !important; color:#fff !important; padding:12%; margin-top:5vw } .xmastopsection a.edittextlink { font-size: 18px; margin-top: 3vw;} .xmastopsection > div { border: none; height: 75vh; max-height: 650px; } /*XMAS 2022*/ .xmasgrid { background:rgba(40,92,77,1) url(documents/Images/elements/baubles-BG-01.png) no-repeat center right; padding:0; } .xmasgrid ul { background: rgb(40,92,77); background: linear-gradient(90deg, rgba(40,92,77,1) 0%, rgba(40,92,77,0.66) 66%, rgba(40,92,77,0) 100%); max-width: 800px; padding:30px 30px;} .xmasgrid p {color:#fff !important; } .xmasgrid p.format1 {color:#f3e09a !important; } .text.center {text-align:center;} @media screen and (max-width:1450px) { #body0[class*=delipac] .section:not(.dptopsection):not(.footersection)::before {display:none;} #body0[class*=delipac] .section:not(.dptopsection):not(.footersection)::after {display:none;} } @media screen and (max-width:1200px) { .m-logo-unfixed { left:0; padding: 2px 20px 0; } .scrolled .m-logo-unfixed { margin-top:48px; } } /*END*/ @media screen and (max-width:1300px) { .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage { height: 20vh;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list="s11"] .editimage .text { background-size: contain;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:25vh;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .editblock:not(.tt_slideshow-el) .editimage .text {background-position-x: 0; background-size: 110%;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: center !important; } } @media screen and (max-width:1250px) { #body0[class^="media"]:not(.media) .topsection .sectiontopinner { margin: 0 3%; } #body0[class^="paper"]:not(.paper) .topsection .sectiontopinner { margin: 0 3%; } .index #tt_topbar .search, #body0[class^=group] #tt_topbar .search { right: 60px; } #body0[class*=delipac] .promonavarea, .ecofoil .promonavarea { margin-right:2%; } .finediningtabarea,.finewinetabarea { position: absolute; top:10px; z-index:999; } body#body0[class*=delipac] .finediningtabarea { left: 0; position: absolute; top: 350px; z-index: 999; } } @media screen and (max-width:1200px) { .menu { width:auto; } #tt_topdiv { height: 121px; } #tt_topdiv::before { margin-top:121px; } /*#tt_topdiv::after { margin-top: 121px; }/*xmas*/ /*.m-logo-unfixed::after { right:-20px;}/*xmas*/ /*#tt_topdiv.topdivscroll .m-logo-unfixed::after { width:98px; }/*xmas*/ #tt_mobdiv { border-top: 120px solid #393634; } .topdivinfo { padding-right:90px; } a.homelogo { margin-top:0; } #tt_topdiv.topdivscroll .topdivinfo { margin-top: 16px; padding: 45px 90px 0 0; } .m-logo-unfixed { max-width:280px; } #tt_topdiv.topdivscroll a.homelogo { background-size: 70% auto; } #body0[class^=media] #tt_topdiv.topdivscroll a.homelogo { background-size: 70% auto; } #body0[class^=paper] #tt_topdiv.topdivscroll a.homelogo { background-size: 70% auto; } .slideshowarea.homeslidearea li.tt_slideshow-inner[data-list=s0_0] .tt_slideshow-el:nth-child(2n+1) .edittext .text { width: 50vw; } .slideshowarea.homeslidearea li.tt_slideshow-inner[data-list=s1_0] .tt_slideshow-el:nth-child(2n+1) .edittext .text { width: 50vw; } .slideshowarea.homeslidearea li.tt_slideshow-inner[data-list=s2_0] .tt_slideshow-el:nth-child(2n+1) .edittext .text { width: 50vw; } .slideshowarea.homeslidearea .tt_slideshow-el[data-list=s0_1] { } /*fade*/ .slideshowarea.homeslidearea .tt_slideshow-el[data-list=s0_2] { } /*up*/ .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext .text p { font-size: 5vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext .text p { font-size: 3.8vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext .text p { font-size: 2.2vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext .text p { font-size: 1.9vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext .text p { font-size: 2.1vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext .text p { font-size: 1.4vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext .text p { font-size: 1.9vw; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s20].css-active { top:22vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s21].css-active { top:22vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s22].css-active { top:22vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s23].css-active { top:22vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s24].css-active { top:32vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s25].css-active { top:32vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s26].css-active { top:32vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s27].css-active { top:32vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s19"] .edittext .text { width: 70%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] .edittext .text { padding:0 10%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s4"] .editimage .text { background-size: 65% auto; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] { right:5%; } /*.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { top:12%; width:50%; right:0%; padding:0 20px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:25%; width:50%; right:0%; padding:0 20px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext .text > p.format1 { font-size:75%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { top:36%; width:50%; right:0%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text { text-align:center; width:90%; margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { font-size:150%; }*/ .productpagearea div.editimage:first-child { top: 170px; width: 170px; } .productpagearea div.editimage:nth-child(2) { width: 170px; } #body0[class^=group] .topdivinfo .topdivinfoarea span.tt_display,#body0[class^=group] .topdivinfo .topdivinfoarea a.tt_display,#body0[class^=group] .topdivinfo .topdivinfoarea p.tt_display { display:none; } #body0.index .topdivinfo .topdivinfoarea span.tt_display,#body0.index .topdivinfo .topdivinfoarea a.tt_display,#body0.index .topdivinfo .topdivinfoarea p.tt_display { display:none; } .topdivinfo .topdivinfoarea li .text p.format3 { font-size:115%; } .topdivinfo .topdivinfoarea span { margin:0; } #body0[class*=delipac] .promonavarea, .ecofoil .promonavarea { top: 23px; margin-right:0; width:auto; } .delipacslideouterextra {height: 85vh; max-height: 800px; } .filmtopsection .filmintroarea { padding: 90px 0; width: 60%;} } @media screen and (max-width:1024px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:56vw; } ul.pageheader, ul.headerarea { height: 20vh; max-height: 240px; min-height: 120px; } .topdivinfo .topdivinfoarea li .text p.format3 { font-size:110%; } .productpagearea div.editimage:first-child { top: 160px; width: 160px; } .productpagearea div.editimage:nth-child(2) { width: 160px; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s2].css-active { top:5vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s3].css-active { top:5vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s4].css-active { top:5vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s5].css-active { top:5vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s6].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s7].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s8].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s9].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s10].css-active { top:25vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s11].css-active { top:25vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s12].css-active { top:25vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s13].css-active { top:25vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s14].css-active { top:36vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s15].css-active { top:36vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s16].css-active { top:36vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s17].css-active { top:36vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s2].css-active { top:5vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s3].css-active { top:5vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s4].css-active { top:5vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s5].css-active { top:5vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s6].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s7].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s8].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s9].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s10].css-active { top:25vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s11].css-active { top:25vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s12].css-active { top:25vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s13].css-active { top:25vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s14].css-active { top:36vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s15].css-active { top:36vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s16].css-active { top:36vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s17].css-active { top:36vh; } /*.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text {background-size: cover;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { top:18%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:30%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { top:46%; }*/ .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text { background-size:60%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11]::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-EC.png) no-repeat top right / contain; width:200px; height:200px; } .eftopsection::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-EC.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12].css-active { font-size:130%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { text-align:center; font-size:140%;; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13].css-active { font-size:130%; } .productpagepullgrid .productpullarea.stackerarea .tt_stacked { width: 33.3% !important; } .finewinegrid { padding-top:150px; } .finewinegrid li { border: 4px solid #231f20; padding-top:130px; } .dplogogrid ul.fivefivegrid > li { width: 25%; } .dplogogrid .editimage::after { background-color: #ccc; bottom: 0; content: "+"; font-size: 250%; height: 50px; line-height: 180%; position: absolute; right: 0; text-align: center; width: 50px; } .efintroarea { background: url(documents/Images/elements/white-stroke-bg.png) no-repeat left center / 100%; padding: 0 10% 0 20%;} .efintroarea .editimage.landscape > .text { background-size: 70%;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list="s10"] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 25%;background-size: cover;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list="s11"] .editimage {height: 40%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list="s12"] .edittext { top: 36%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas2] .editimage { width: 45vw !important; top: 35% !important;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext {top: 65% !important; font-size: 90% !important;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 65% !important; } } /*CORONAVIRUS UPDATE @media screen and (max-width:1010px) { .topdivinfo div.edittext > div:first-child { display:none; } .topdivinfo #tt_contactwrapper {display:none;} } /*CORONAVIRUS UPDATE*/ @media screen and (max-width:980px) { .imagebox-wrapper{ height:90vw; } /*.m-logo-unfixed::after { right:-40px;}/*xmas*/ .topdivinfo .topdivinfoarea span.tt_display,.topdivinfo .topdivinfoarea a.tt_display,.topdivinfo .topdivinfoarea p.tt_display { display:none; } ul.addressblockarea > li:first-child { width:50%; } ul.addressblockarea > li:nth-child(2) { width:50%; } .productpagearea div.editimage:first-child { top: 180px; width: 180px; } .productpagearea div.editimage:nth-child(2) { width: 180px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { left:40%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s2].css-active { top:3vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s3].css-active { top:3vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s4].css-active { top:3vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s5].css-active { top:3vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s6].css-active { top:9vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s7].css-active { top:9vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s8].css-active { top:9vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s9].css-active { top:9vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s10].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s11].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s12].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s13].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s14].css-active { top:21vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s15].css-active { top:21vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s16].css-active { top:21vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s17].css-active { top:21vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s20].css-active { top:18vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s21].css-active { top:18vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s22].css-active { top:18vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s23].css-active { top:18vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s24].css-active { top:24vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s25].css-active { top:24vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s26].css-active { top:24vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s27].css-active { top:24vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { left:40%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s2].css-active { top:3vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s3].css-active { top:3vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s4].css-active { top:3vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s5].css-active { top:3vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s6].css-active { top:9vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s7].css-active { top:9vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s8].css-active { top:9vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s9].css-active { top:9vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s10].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s11].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s12].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s13].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s14].css-active { top:21vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s15].css-active { top:21vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s16].css-active { top:21vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s17].css-active { top:21vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext .text p { top: 42%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext .text p { top: 44%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext .text p { top: 36%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext .text p { top: 43%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext .text p { top: 59%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext .text p { top: 65%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext .text p { top: 62%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { left:40%; } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:23vh;} .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text > p.format1 { font-size:6vw; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:23vh;} .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text > p.format1 { font-size:6vw; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(3) .tt_slideshow-el .edittext .text > p.format1 { font-size:6vw; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text, .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text { height:23vh;} .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s19"] .edittext .text { width: 100%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s19"], .slideshowarea.mediaslidearea .tt_slideshow-el.css-active[data-list="s19"] { top: 10vh; } .productpagearea div.editimage:first-child { top: 150px; width: 150px; } .productpagearea div.editimage:nth-child(2) { width: 150px; } .certificationsarea .imagegrid a.imageitem { padding-bottom: 22%; width: 18%; } .certificationsarea .imagegrid a.imageitem:last-child { width: 32%; } .dpgalleryarea .imagegrid a.imageitem { width: 23%; padding-bottom: 23%; } #body0[class*=delipac] .promonavarea li a { padding: 15px 2vw; } .delipacpanelgrid ul:nth-child(2).twotwogrid > li:first-child, .delipacpanelgrid ul:nth-child(2).twotwogrid > li:nth-child(2) {width: 100%;} .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] .edittext .text p { font-size: 3.6vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s2] .edittext .text p { font-size: 3.6vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s3] .editimage .text { height: 12vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] { right:2%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .tt_slideshow-el { left:10%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s35] .editimage .text { background-size:45% auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s36] .editimage .text { background-size:68% auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s16] .editimage .text { background-size:contain; } .dptopsection .dproundelgrid ul.area::after { width: 5vw; height: 5vw;} .filmtopsection { background-position-x: 50%; } .filmtopsection .filmintroarea .edittext .text p.format1 { font-size: 5.3vw;} .filmtopsection .filmintroarea {padding: 4vw 0;} } @media screen and (max-width:840px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:48vw; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text, .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text, .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text { width:80%; } .localpanelgrid ul.fivefivegrid > li { width: 33%; } .ctacertgrid .onetwogrid { float:none; width:100%; } .ctacertgrid .onetwogrid .tt_cta-panel { max-width: 575px; } .certificationsarea { margin-top:30px; } .certificationsarea .imagegrid a.imageitem { padding-bottom: 16%; width: 13%; } .certificationsarea .imagegrid a.imageitem:last-child { width: 22%; } .finewinegrid li{padding-top:25%; } .plasticfactsgrid .area.editablearea.contentarea { margin-top: 20px; } .plasticfactsgrid .editimage.portrait > .text { padding-bottom:50%; } .dplogogrid ul.fivefivegrid > li { width: 33.33%; float:left; } .paper_products_revive .finediningtabarea { right: 33vw; } .tt_pfshow { display:block; } .tt_pfhide { display:none; } /*.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage { top:0%; width:100%; height:45%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text { background-size: cover; background-position: bottom right;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { top:42%; width:100%; height:45%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:55%; width:100%; height:45%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { top:68%; width:100%; right:0%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { color:#000; }*/ .cornersarea { padding:5% 10% 10% 10%; } #body0[class*=media_media-blog_] .row.editblock.pulled { width: 48%; float: left; clear: none; margin: 20px 2% 0 0; } .eftopsection .sectioninner { margin:0; width:100%;} .eftopsection .twotwogrid {margin: 0 3%;} .efintroarea {background: url(documents/Images/elements/white-stroke-bg.png) no-repeat center / 120% 100%;} .efproductgrid ul.fivefivegrid > li {width: 33%;} .efbespokesection { background: url(documents/Images/elements/ecofoil-bespoke2.jpg) no-repeat top right / 100%; padding-top: 110%;} div.imagegrid[data-id="efbespokeimagebox"] {padding-right: 0;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .editblock:not(.tt_slideshow-el) .editimage .text {background-image:url(documents/Images/slideshow/ecofoil-slide-bg1-mob.jpg) !important; background-position-x: 50%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:36%; padding:0 5% 0 0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { top:72%; padding:0 5% 0 0; } .dptopsection .dproundelgrid .roundelarea .editblock > div .text > p.format2 {font-size: 100%;} } @media screen and (max-width:800px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:46vw; } .paperslideouter { height: 48vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list="s1"], .slideshowarea.paperslidearea .tt_slideshow-el.css-active[data-list="s1"] { position:absolute; } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:22vh; max-height:280px; } .mediaslideouter { height: 48vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s1"], .slideshowarea.mediaslidearea .tt_slideshow-el.css-active[data-list="s1"] { position:absolute; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:22vh; max-height:280px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s19"], .slideshowarea.mediaslidearea .tt_slideshow-el.css-active[data-list="s1"] { position:absolute; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text { height:22vh; max-height:280px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1, .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1, .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1 { font-size:5vw; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after, .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after, .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { } .slideshowarea.overlayslidearea .editblock > div:first-child { padding:0; } .slideshowarea.overlayslidearea .editblock > div:first-child .text { padding-right:15%; } .slideshowarea.overlayslidearea .editblock .edittext .text > p { font-size:12px; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol { font-size: 95%; } .slideshowarea.slideshowarea.overlayslidearea li.controller .controlwrapper::after { font-size: 80%; } .slideshowarea.overlayslidearea li:first-child div.editblock:last-child > div:first-child .text { padding-right: 15%; } .slideshowarea.overlayslidearea div.editblock:last-child > div:first-child .text { padding-right: 0; } .finewinegrid { padding-top:160px; } .finewinegrid li { border: 5px solid #231f20; padding-top:20%; } #body0[class*=delipac] .promonavarea li a { padding: 15px 1.5vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s4"] .editimage .text { background-size: 85% auto; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] { top: 60%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] .edittext .text { background-color: rgba(241,142,34,0.9); } .delipacslideouterextra .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s6] { top:63%; } .design-club .tt_accordion > label::before, .design-club .tt_accordion > label::after { width: 25%; } .design-club .dccompheaderarea p.format1::before, .design-club .dccompheaderarea p.format1::after { width: 20%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas2] .editimage { width: 45vw !important; top: 45% !important;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext {top: 75% !important; font-size: 90% !important;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 55% !important; } .dptopsection .dproundelgrid .roundelarea .editblock > div .text > p.format2 {font-size: 95%;} } @media screen and (max-width:768px) { ul.addressblockarea > li:first-child { width:100%; } ul.addressblockarea > li:nth-child(2) { width:100%; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text > p.format1 { font-size:6vw; } .footersection ul.threethreegrid > li { width: 50%; } .footersection ul.threethreegrid > li:nth-child(3) { width: 100%; } .tt_upmfooterpanel .text { text-align: left; } .tt_upmfooterpanel div.editblock:nth-child(1) { width:25%; float: left; } .tt_upmfooterpanel div.editblock:nth-child(2) { width:75%; float: left; } .tt_upmfooterpanel .editimage > .text { background-position:center; padding-bottom:100%; } .tt_upmfooterpanel::before { background:rgba(0, 0, 0, 0) url("documents/Images/elements/purple-silk-1.png") repeat scroll 0 0; background-size:cover;bottom:0;content:"";height:300px;left:0;position:absolute;width:100%;} .dproundelgrid .onethreegrid { float: left !important; width:31.33% !important; } .dpgalleryarea .imagegrid a.imageitem { width: 31%; padding-bottom: 31%; } .efsusgrid .onetwogrid { width: auto; margin-bottom: 0; } } @media screen and (max-width:766px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:56vw; } .onefourgrid.logogrid .editimage { clear: none; float: left; width: 50%; } .topdivinfo { display:none; } .localpanelgrid ul.fivefivegrid > li { width: 100%; } .datasearch .fli input { width: 80%; } .swatchpanelgrid .threefourgrid,.swatchpanelgrid .threefourgrid ul,.swatchpanelgrid .threefourgrid ul li { overflow:hidden; } .swatchpanelgrid .threefourgrid ul li > div:last-child { width: auto; } .swatchpanelgrid .onefourgrid:last-child { float: none; } #body0[class*=delipac] .promonavarea { top: 121px; } .dptempgaugearea { margin-bottom: 30px !important; } #body0[class*=delipac] .promonavarea, .ecofoil .promonavarea { display: none; } .delipacslideouterextra {height: 75vh; max-height: 700px; } .design-club .containergrid .onefourgrid:last-child { float: none;} .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid { width: 100%; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid > ul { clear: none; float: left; width: 50%; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid p.format2 { font-size: 4vw; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid ul { border-right: none; padding-top:10px; } .pfroundelgrid.bordergrid .onefivegrid { border-bottom:1px solid #ccc; padding-right:2%; border-right:none; } .pfroundelgrid.bordergrid .onefivegrid:nth-child(5n) { border-bottom:none; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid ul { margin-bottom: 0; padding: 0 5% 10px; border-right: none; padding-top: 10px; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid ul { } .pfroundelgrid .roundelarea .editblock > div .text > p.format1 { font-size:8vw; } .pfroundelgrid .roundelarea .editblock > div .text > p.format6 { font-size:3vw; } .pfroundelgrid.fivefivegrid.bordergrid, .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid { width: 100%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child { clear: none; float: left; width: 50%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child > li:after { content:""; display:block; width:100%; height:0; padding-bottom:100%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child .editblock { position:absolute; top:0; bottom:0; left:0; width:100%; right:0; padding:2vw; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child .editblock > div { display:table; width:100%; height:94%; overflow:hidden; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child .editblock > div .text { display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child { clear: none; float: left; width: 50%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child > li:after { content:""; display:block; width:100%; height:0; padding-bottom:100%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child .editblock { position:absolute; top:0; bottom:0; left:0; width:100%; right:0; padding:2vw; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child .editblock > div { display:table; width:100%; height:94%; overflow:hidden; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child .editblock > div .text { display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; } .eftopsection .sectioninner { padding-top:0;} .efproductgrid ul.fivefivegrid > li {float: left;} ul.fourfourgrid.prodiconarea > li { width: 49%; padding: 0 1%; margin-bottom: 2%; float: left; clear: none;} .editimage.icon100 .text { background-size: auto; padding-bottom: 50%;} #body0.middleton-and-vision ul.twotwogrid > li {width: 50%;} /*CORONAVIRUS UPDATE .topdivinfo { display:block; } /*CORONAVIRUS UPDATE*/ } /*XMAS 2020*/ @media screen and (max-width:740px) { .xmastopsection > div { height: 95vw; max-height: 400px; } .xmastopsection p.format2 { font-size: 28px !important; color:#fff !important; padding:5%; margin-top:5vw } } @media screen and (max-width:640px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:56vw; } .productpagegrid > ul .editblock { padding-right: 32%; } .productpagegrid .wrappergrid { margin: 20px 32% 20px 0; width: 68%; } .productpagearea div.editimage:first-child { top: 140px; width: 140px; } .productpagearea div.editimage:nth-child(2) { width: 140px; } .productpagearea .editimage > .text { padding-bottom: 100%; } .editimage > .text { padding-bottom: 50%; } .datasearch .fli input { width: 76%; } .tt_accordion.librarylevel0 { width:100%; float:none; margin-right:0; } .papertypesgrid { display:block; } .overlayslideouter { display:none; } .paperslideouter, .mediaslideouter { display:none; } .groupslideouter { height:60vw !important;} .index .topsection,.group .topsection { background:url(documents/Images/headers/EVO-header-640.jpg) no-repeat center / cover; min-height:50vw; } #body0.paper .topsection { background:url(documents/Images/headers/header-paper-640.jpg) no-repeat center / cover; min-height:50vw; } #body0.media .topsection { background:url(documents/Images/headers/header-media-640.jpg) no-repeat center / cover; min-height:50vw; } .index div.section:nth-child(2) .sectioninner,.group div.section:nth-child(2) .sectioninner { padding-top:0; } .finewinegrid { padding-top:130px; } .finewinegrid li { border: 5px solid #231f20; padding-top:20%; } .finediningtabarea .editimage > .text { padding-bottom: 100%; } .dproundelgrid .roundelarea .editblock > div .text > p.format1 { font-size: 7vw; } .dproundelgrid .roundelarea .editblock > div .text > p.format2 { font-size: 3.5vw; } .design-club .dcprintedonarea > li > div:last-child p::before, .design-club .dcprintedonarea > li > div:last-child p::after { width: 25%; } /*CARBON CALCULATOR*/ table.calculator tbody > tr > td.mobhide { display:none; } .cbcalcresultsarea > li > div:last-child { width:100%; min-height: 150px; } table.calculator:not(.calcbuttons) tbody > tr:last-child td { padding: 0 0 30px; } #cal-reset, #cal-submit, #cal-again { margin-right:10px !important; } .design-club .tt_accordion > label::before, .design-club .tt_accordion > label::after { width: 0; } .design-club .dccompheaderarea p.format1::before, .design-club .dccompheaderarea p.format1::after { width: 0; } .design-club .section.topsection { background-image:url(documents/Images/headers/DC_HEADER-SM.jpg); background-size:100% auto; padding-top:50%; } .delipacpanelgrid { background-color: #1ba1db; background: linear-gradient(180deg, rgba(141,208,237,1) 25%, rgba(27,161,219,1) 100%); padding: 20px;} .delipacpanelgrid ul:first-child.twotwogrid > li:first-child, .delipacpanelgrid ul:first-child.twotwogrid > li:nth-child(2) {width: 100%;} .delipacpanelgrid .twotwogrid { margin: 0 !important;} .delipacpanelgrid .editimage.landscape > .text { padding-bottom:33%;} .mobslideshowlinkarea, .mobslideshowlinkarea li {width:100% !important; height:100% !important; } .mobslideshowlinkarea .editblock .editlink {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; background: transparent;} .cornersarea { padding:0; padding-top:0; } .cornersarea p.format2 {text-align:center; font-size: 140% !important; padding:10px !important;} .cornersarea li:nth-child(3) .edittext, .cornersarea li:nth-child(4) .edittext {margin-top:-15%; margin-bottom:25%;} .cornersarea li:first-child .edittext, .cornersarea li:nth-child(2) .edittext {margin-top:30%; margin-bottom:-30%;} .cornersarea li > div { min-height: 200px; } .cornersarea li:first-child .editimage.icon4 > .text, .cornersarea li:nth-child(2) .editimage.icon4 > .text {margin-top:10%;} .cornersarea li:first-child .editblock::before { border-bottom: 44px solid #36a9e1; border-left: 44px solid transparent; left:0; top:0 } .cornersarea li:first-child .editblock::after { border-bottom: 44px solid transparent; border-left: 44px solid #fff; left:0; top:0; } .cornersarea li:nth-child(2) .editblock::before { border-bottom: 44px solid #ea5188; border-right: 44px solid transparent; right:0; top:0 } .cornersarea li:nth-child(2) .editblock::after { border-bottom: 44px solid transparent; border-right: 44px solid #fff; right:0; top:0; } .cornersarea li:nth-child(3) .editblock::before { border-top: 44px solid #95c11e; border-left: 44px solid transparent; left:0; bottom:0 } .cornersarea li:nth-child(3) .editblock::after { border-top: 44px solid transparent; border-left: 44px solid #fff; left:0; bottom:0; } .cornersarea li:nth-child(4) .editblock::before { border-top: 44px solid #f9b233; border-right: 44px solid transparent; right:0; bottom:0 } .cornersarea li:nth-child(4) .editblock::after { border-top: 44px solid transparent; border-right: 44px solid #fff; right:0; bottom:0; } .efproductgrid ul.fivefivegrid > li {width: 49%;} .efsusgrid .editimage .text { padding-bottom:100%;} #body0[class*=delipac] .pipanelarea { padding:10px 20px; font-size:100%; } #body0[class*=delipac] .pipanelarea .edittext {width:auto; float:left; padding-left:5%; border-left: 1px solid #fff; } #body0[class*=delipac] .pipanelarea .editimage {width:70%; float:left; padding-right:5%; } #body0.middleton .topsection { background:url(documents/Images/headers/Middleton-640.jpg) no-repeat center / cover; min-height:50vw; background-size:cover; } #body0.vision .topsection { background:url(documents/Images/headers/Vision-640.jpg) no-repeat center / cover; min-height:50vw; background-size:cover; } #body0.townsend-board .topsection { background:url(documents/Images/headers/townsend-640.jpg) no-repeat center / cover; min-height:50vw; background-size:cover; } .townsendslideouter {border: none; height: auto; max-height: none; } } /*CORONAVIRUS UPDATE @media screen and (max-width:620px) { #tt_topdiv { height: 171px; } #tt_mobdiv { border-top: 170px solid #393634; } .topdivinfo { clear: both; display: block; float: none; margin-top: 85px; width: 100%; padding-right:0; } .topdivinfo .topdivinfoarea li div div.edittext { width:100%; text-align:center; } .topdivinfo .topdivinfoarea li div div div:last-child { float:none; margin:0 auto; } } /*CORONAVIRUS UPDATE*/ @media screen and (max-width:480px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:56vw; } .productpagegrid > ul .editblock { padding-right:0; } .productpagearea > li > div:first-child { padding-top:60%; } .productpagearea div.editimage:first-child { left: 50%; top: 0; width: 50%; } .productpagearea div.editimage:nth-child(2) { left: 0; top: 0; width: 50%; } .pptablearea > li { width:100%; } .productpagegrid .wrappergrid { margin: 20px 0; width: 100%; } .certificationsarea .imagegrid a.imageitem { padding-bottom: 22%; width: 18%; } .certificationsarea .imagegrid a.imageitem:last-child { width: 32%; } .footercertificationsarea {padding-left:10%;} .footercertificationsarea .imagegrid a.imageitem { padding-bottom: 28%; width: 28%; } .footercertificationsarea .imagegrid a.imageitem:nth-child(n+4) { width:28%; } #tt_topbar .search { left: 40px; right: 0; } .index #tt_topbar .search, #body0[class^=group] #tt_topbar .search { right: 0; } .datasearch .fli input { width:78%; } li.tt_cta-panel > div > div:last-child { padding-right:0; } .link2area > li:first-child { width:110px; position:absolute; left:0; } .link2area > li:first-child .editimage { width:100px; } .link2area > li:first-child .editimage.landscape { width:100px; } .link2area > li:nth-child(2) { width:100%; padding-left:110px; min-height:100px; } .link2area .editimage > .text { background-size:contain; } .link2area .editimage.landscape > .text { background-size:contain; } .finewinegrid{padding:30% 10px 10px;} .finewinegrid ul{padding:10px;} .finewinegrid li{border:3px solid #231f20;padding-top:20%;} .finewinegrid::after{left:15%;width:70%;} #body0[class^="media"] .finediningtabarea, #body0[class^="paper"] .finediningtabarea { display:none; } body#body0[class*=delipac] .finediningtabarea, .paper_products_revive .finediningtabarea { display:none; } #body0[class*=delipac] p.format1, #body0[class*=delipac] .editblock .edittext .text > p.format1 { font-size: 160%;} #body0[class*=delipac] p.format2, #body0[class*=delipac] .editblock .edittext .text > p.format2 { font-size: 150% !important;} .dpproductgrid .contentarea.minheightsarea.mhbuttonarea.threethreegrid .editblock .edittext:last-child .text p:first-child { padding-bottom: 20px;} .dptempgaugearea li { width:100%;} .dptopsection .dpintroarea { padding: 0;} .dptopsection .dpintroarea .edittext { padding: 0 45px;} .dptopsection .sectioninner {padding-top:0;padding-bottom:0;} .dptopsection .dproundelgrid {display:none;} .dpwidarea li:last-child .editimage { padding-left: 20px; padding-right:20px;} .dpwidgrid .containergrid {padding: 10px 0 0 ;} .dproundelgrid .onethreegrid { float: none !important; margin: 0 auto; width: 60% !important; } .dproundelgrid .roundelarea .editblock > div .text > p.format1 { font-size: 12vw; } .dproundelgrid .roundelarea .editblock > div .text > p.format2 { font-size: 6vw; } .dpdownloadarea.twotwogrid li {float:left; width: 50%;} .dpdownloadarea .editimage .text { padding-bottom:100%;} .roundelarea .editblock > div .text > p.format5 { font-size: 3vw; } .dpgalleryarea .imagegrid a.imageitem { padding-bottom: 48%; width: 48%; } .dpcertgrid { background: #f18e22 url("documents/Images/logos/PEFC-WLT-logos.png") no-repeat scroll 20px 93% / 250px auto; padding-bottom:90px; } .dpcertgrid .edittext > .text { width: 100%; } .dplogogrid ul.fivefivegrid > li { padding: 0 1%; width: 50%; } .dplogogrid .editmodule.slider { padding:5%; } .dplogogrid p.format6, .dplogogrid .editblock .edittext .text > p.format6 { font-size:80%; line-height:110%; } .slideshowarea.delipacslidearea .tt_slideshow-inner[data-list="s0"] .editblock:not(.tt_slideshow-el) .editimage .text { background-size: cover; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s1"] .edittext .text, .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s2"] .edittext .text { padding: 0 5%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s1"] .edittext .text p,.slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s2"] .edittext .text p { font-size: 6vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s3"] .editimage .text { height: 15vw; background-size:contain; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s4"] .editimage .text { height: 90px; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] { display: none; } .delipacslideouterextra {height: 95vh; max-height: 700px; } .delipacslideouterextra .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s6] { top:69%; } .design-club .dcprintedonarea > li > div:last-child p::before, .design-club .dcprintedonarea > li > div:last-child p::after { width: 15%; } #body0[class^="townsend-board_"] .topsection .sectiontopinner::after {top: 10%; width: 150px;} #body0[class^="middleton_"] .topsection .sectiontopinner::after {top: 10%; width: 150px;} #body0[class*="vision_"] .topsection .sectiontopinner::after {top: 10%; width: 150px;} #body0[class*=media_media-blog_] .row.editblock.pulled { width: auto; float: none; clear: left; margin: 20px 0 0 0; } .efintroarea { padding: 5% 5% 0 15%; } .efintroarea .editimage.landscape > .text { background-size: contain;} .eficonstriparea .imagegrid a.imageitem {width: 48%;padding-bottom: 48%;} .efproductgrid ul.fivefivegrid > li {height:260px; float: left; padding: 0 1%;} .efsusgrid .edittext {width: 100%;} .efsusgrid > div:nth-child(2n+1) ul { padding-right: 0; padding-left: 3%; } .imagebox-wrapper{ height:100vw; } ul.fourfourgrid.prodiconarea > li { height: 58vw;} #body0.middleton-and-vision ul.twotwogrid > li {width: 49%; margin-right: 2%; float: left;} #body0.middleton-and-vision ul.twotwogrid > li:last-child {margin-right:0;} /*CARBON CALCULATOR*/ table.calculator td { padding: 5px 10px !important; } table.calculator .icon { display: none !important; } .cbcalcresultshead { margin-top: 0; } .cbcalcresultsarea table.calculator input { width:85px; } .cbcalcresultsarea > li > div:last-child { min-height: 200px; } .cbcalcarea, .cbcalcresultsarea { background-position: 5% 99%; } .cbcalcarea table.calculator:not(.calcbuttons) tbody > tr:last-child td { padding-bottom:90px !important; } .cbcalcarea table.calculator tbody > tr:first-child td { padding-top: 15px !important; } /*REVIVE BANNER LOGO*/ .paper_products_revive .sectiontopinner { background-size: auto 80px; } #body0[class^=vision] .productpagearea div.editimage:first-child { position: absolute; left: 0; top: 0; width: 50%; } #body0[class^=vision] .productpagearea div.editimage:nth-child(2) { border: none; position: absolute; left: 50%; top: 0; width: 50%; } .filmgrid .edittext .text p.format1 {font-size: 115%;} .film2section .tablemobarea {display:block;} .film2section .tabledtparea {display:none;} .xmasgrid ul { background: linear-gradient(90deg, rgba(40,92,77,1) 0%, rgba(40,92,77,0.66) 100%); padding:20px 20px;} }