/* Importing Google Fonts */ @import url('https://fonts.googleapis.com/css?family=Hind+Guntur:300,400,600,700'); /* Page Setup Styles */ html { background-color: #303030; } .clear { height: 0px; } /* Button Class Styles */ section.main div.content .button { margin: 0.444em 0% 0% 0.167em; padding: 0.563em 3.375em 0.313em 1.056em; min-width: auto; font-size: 0.889em; line-height: 1.5em; font-weight: 400; color: #FFFFFF; background-color: #DC8F31; background-image: url('../images/home-intro-button.png'); background-position: right center; background-repeat: no-repeat; } section.main div.content a.button.blue, section.main div.content button.blue { padding: 0.25em 1.25em; line-height: 1.875em; color: #FFFFFF; background-color: #208cf5; border-radius:12px; min-width:0%; background-image: none;} section.main div.content a.button.blue:hover, section.main div.content button.blue:hover { background-color: #1A72CA; text-decoration: none;} section.main div.content a.button.darkblue, section.main div.content button.darkblue { width:230px; font-size: 1.125rem; padding: 0.25em 1.25em 0.25em 3em; margin: auto 1em 1.5em; line-height: 1.875em; color: #FFFFFF; background-color: #004275; border-radius:12px; min-width:0%; background-image: none; position: relative; text-align: left;} section.main div.content a.button.darkblue:hover, section.main div.content button.darkblue:hover { background-color: #002A4B; text-decoration: none;} section.main div.content a.button.darkblue.product::before { top: 9px; left: 15px; height: 26px; width:26px; content: url('/images/icons/book-reader.svg'); position: absolute; } section.main div.content a.button.darkblue.buy::before { top: 9px; left: 15px; height: 26px; width:26px; content: url('/images/icons/buy.svg'); position: absolute; } section.main div.content a.button.darkblue.try::before { top: 9px; left: 15px; height: 26px; width:26px; content: url('/images/icons/try.svg'); position: absolute; } section.main div.content a.button.darkblue.question::before { top: 9px; left: 15px; height: 26px; width:26px; content: url('/images/icons/question.svg'); position: absolute; } section.main div.content a.button.darkblue.downloads::before { top: 9px; left: 15px; height: 26px; width:26px; content: url('/images/icons/downloads.svg'); position: absolute; } section.main div.content a.button.darkblue.support::before { top: 9px; left: 15px; height: 26px; width:26px; content: url('/images/icons/support.svg'); position: absolute; } section.main div.content a.button.darkblue.knowledge::before { top: 9px; left: 15px; height: 26px; width:26px; content: url('/images/icons/knowledge.svg'); position: absolute; } section.main div.content a.button.darkblue.licence::before { top: 9px; left: 15px; height: 26px; width:26px; content: url('/images/icons/licence.svg'); position: absolute; } /* Header Styles */ header.main-et1a { background-color: #004275; } header.main-et1a div.offset { padding: 0% 1rem 0 1rem; max-width:1500px;} header.main-et1a div.header-logo { padding: 0% 0% 6px 0%; vertical-align: middle; } header.main-et1a div.header-details { vertical-align: middle; } header.main-et1a div.header-contact { padding: 0.25em 0% 0.688em 0%; } header.main-et1a div.header-contact div.block1 { margin: 0% 0.813em 0% 0%; display: inline-block; vertical-align: bottom; } header.main-et1a div.header-contact div.block1 button { padding: 0.875rem 1.5rem; min-width: auto; font-family: 'Lato', sans-serif; font-weight:900; font-size: 1.25em; line-height:1rem; text-transform: uppercase; color: #FFFFFF; background-color: #0181FD; border-radius:12px; margin-top: 1.25rem; } header.main-et1a div.header-contact div.block1 button:hover { background-color: #EEA955; } header.main-et1a a.store-basket { margin: 1.25em 0% 0% 0%; } header.main-et1a a.store-basket div.basket-count { padding: 5px 8px 5px 10px; right: -5px; color: #FFFFFF; background-color: #DC8F31; } header.main-et1a a.store-basket div.basket-total { padding: 1em 34px 0.857em 47px; color: #FFFFFF; background-color: #DC8F31; background-position: 9px 9px; } header.main-et1a div.header-contact span.icon, header.main-et1a div.header-contact a.icon { color: #ffffff; font-weight: lighter; font-size: 30px; margin: 0 0 0 2rem; cursor: pointer;} div.page .search-popup { background-color: rgba(0, 66, 117, 0.9); } div.page .popup-container, div.page .search-popup input, div.page .search-popup span.icon { color: #ffffff; } div.page .search-popup form { border-bottom: 1px solid #ffffff; } /* Navigation Styles */ nav.main-et1a { background-color: transparent; padding: 0 1em 1.5rem 1em;} nav.main-et1a div.offset { padding: 0% 13px 0% 10px; max-width: 1500px; border-radius: 12px; background-image: linear-gradient(to bottom, rgba(240,240,240,1), rgba(209,209,209,1)); transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; } nav.main-et1a .offset > ul { text-align: center; } nav.main-et1a .offset > ul > li { border-left:0; } nav.main-et1a ul li a { padding: 0.875rem 2.75rem 0.875rem 2.75rem; color:#303030; font-family: 'Lato', sans-serif; font-size: 1em; transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; } nav.main-et1a ul li:hover a { background-color: transparent;} nav.main-et1a ul li a.current { color: #EEA955; font-weight: bold;} nav.main-et1a ul li div.drop { padding: 1.25em 1.25em; width: auto; left: auto; right: auto !important; background-color: #d1d1d1; border-radius: 0 0 12px 12px; transition: all 600ms ease;} nav.main-et1a ul li div.drop ul { padding: 0%; min-width: 224px; color:#303030; transition: all 600ms ease;} nav.main-et1a ul li div.drop ul li a { padding: 0.286em 0.5em 0.357em 0.5em; font-family: 'Open Sans', sans-serif; color:#303030; line-height: 1.5em; letter-spacing: 0.025em; } nav.main-et1a ul > li > a:after { content: ''; width: 0%; height: 2px; bottom: 8px; left: 50%; position: absolute; background-color: #004275; opacity: 0; transform: translateX(-50%); transition: width 0.2s ease; } nav.main-et1a ul > li:hover > a:after { width: 65%; opacity: 1; } nav.main-et1a li:hover a { background-color: transparent; text-decoration: none; position: relative; cursor: pointer; } nav.main-et1a ul li div.drop ul li a:hover { color:#303030; text-decoration: underline; } nav.main-et1a ul li div.drop ul li a:hover::after { width: 100%; opacity: 0; bottom: 0px; left:50%; } /* Footer Styles */ footer.main-et1a { margin: 0%; background-color: #0c304b; } footer.main-et1a div.offset { max-width:1500px; } footer.main-et1a div.footer-container { padding: 2.063em 0% 2.375em 0%; } footer.main-et1a div.footer-top { background-color: #0c304b; } footer.main-et1a div.footer-left { padding: 0% 0% 0% 1.688em; width: 70%; } footer.main-et1a div.footer-left li { font-family: 'Lato', sans-serif; font-size: 0.875rem; font-weight: 300;} footer.main-et1a div.footer-left li.footer-heading { color: #EFA954; font-weight: 900;} footer.main-et1a div.footer-left ul.col-3:nth-of-type(1) { max-width: 238px; } footer.main-et1a div.footer-left ul.col-3:nth-of-type(2) { max-width: 263px; } footer.main-et1a div.footer-right { padding: 0.375em 5.85% 0% 0%; width: 30%; } footer.main-et1a div.footer-right div.content { width: 100%; text-align: right; } footer.main-et1a div.footer-right div.content p { margin: 0 0 1.5rem; font-size: 0.813em; line-height: 1.5rem; font-weight: 300; text-transform: none; color: #FFFFFF; letter-spacing: 0.025em; } footer.main-et1a div.footer-right div.content:nth-of-type(2) { display: none; } footer.main-et1a div.footer-copyright { display: none; } footer.main-et1a div.footer-top p.social { margin-top: 0.563rem; padding-left: 2px; } footer.main-et1a div.footer-top p.social a.icon { font-size: 0px; line-height: 0px; font-weight: 400; color: #FFFFFF; } footer.main-et1a div.footer-top p.social a.icon:before { content: ''; font-family: 'Font Awesome 5 Pro'; font-size: 1.125rem; line-height: 1.5rem; font-weight: 400; color: #FFFFFF; } footer.main-et1a div.footer-top p.social a.icon.brands:before { font-family: 'Font Awesome 5 Brands'; } footer.main-et1a div.footer-top p.social a.instagram { margin-right: 5.5%; } footer.main-et1a div.footer-top p.social a.instagram:before { content: '\f16d'; } footer.main-et1a div.footer-top p.social a.youtube { margin-left: 5.4%; } footer.main-et1a div.footer-top p.social a.youtube:before { content: '\f167'; } footer.main-et1a div.footer-top p.social a.linkedin { margin-left: 5.7%; } footer.main-et1a div.footer-top p.social a.linkedin:before { content: '\f0e1'; } footer.main-et1a .footer-right img { margin-right: 0; } /* Home Template Styles */ section.main.home { padding:0; } section.main.home div.wg-slider { margin: 0% 0% 1px 0%; } section.main.home div.content.intro { margin: 0% 0% 1.8% 0%; padding: 3em 4.375em 0.25em 4.375em; background-image: url('../images/home-intro-bg.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; } section.main.home div.content.intro * { font-family: 'Hind Guntur', sans-serif; } section.main.home div.content.intro h1 { margin: 0% 0% 0.469em 0%; font-size: 2em; line-height: 1.5em; font-weight: 300; color: #151515; } section.main.home div.content.intro p { margin: 0% 0% 0.833em 0%; padding: 0% 0% 0% 0.278em; max-width: 610px; font-size: 1.125em; } section.main.home div.content.intro ul { margin: 0% 0% 1.563em 0%; padding: 0% 0% 0% 1.375em; list-style: none; } section.main.home div.content.intro li { padding: 0.5em 0% 0% 2.889em; font-size: 1.125em; line-height: 1.722em; list-style-image: none; background-image: url('../images/home-intro-bullet.png'); background-position: left center; background-repeat: no-repeat; } section.main.home div.content.intro p.bundle { margin: 0% 0% 0.5em 0%; padding: 0%; } section.main.home div.content.panels { padding: 0% 14px 0% 0%; width: 79%; display: inline-block; vertical-align: top; } section.main.home div.content.panels a.tile { margin: 3.2% 0% 0% 3.34%; padding: 0%; width: 22.484%; display: inline-block; vertical-align: middle; } section.main.home div.content.panels a.tile img { margin: 0%; width: 100% !important; height: auto !important; display: block; } section.main.home div.content.panels a.tile:nth-of-type(4n+1) { margin: 3.2% 0% 0% 0%; } section.main.home div.content.panels a.tile:nth-of-type(1) { margin: 0%; } section.main.home div.content.panels a.tile:nth-of-type(2) { margin: 0% 0% 0% 3.34%; } section.main.home div.content.panels a.tile:nth-of-type(3) { margin: 0% 0% 0% 3.34%; } section.main.home div.content.panels a.tile:nth-of-type(4) { margin: 0% 0% 0% 3.34%; } section.main.home div.content.links { padding: 0%; width: 21%; display: inline-block; vertical-align: top; } section.main.home div.content.links * { font-family: 'Hind Guntur', sans-serif; } section.main.home div.content.links div.container { width: 100%; background-color: #034E7A; } section.main.home div.content.links div.container h2 { margin: 0%; padding: 0.45em 0% 0.1em 0%; font-size: 1.25em; text-align: center; color: #FFFFFF; border-bottom: 2px solid #FFFFFF; } section.main.home div.content.links div.container ul { padding: 0.75em 0% 2.188em 0.938em; list-style: none; } section.main.home div.content.links div.container li { margin: 0% 0% 1.125em 0%; padding: 0.188em 0% 0% 1.313em; font-size: 1em; line-height: 1.313em; list-style-image: none; background-image: url('../images/home-links-bullet.png'); background-position: left top; background-repeat: no-repeat; } section.main.home div.content.links div.container a { color: #FFFFFF; } .wg-slider .slide-caption.caption-float-box .content { margin: 0 auto; width: 100%; max-width: 1300px; background-color: transparent; } .wg-slider .slide-caption div.content h1 { font-size: 4.5rem; font-weight: 400; color: #ffffff; } /* Standard Template Styles */ section.main { padding: 0.75em 0% 2.188em 0%; } section.main div.content { } section.main div.offset { max-width: 1360px; } section.main div.content.standard-left { padding: 1em 32px 0% 0%; width: 74%; float: left; } section.main div.content.standard-right { padding: 1em 0% 0% 32px; width: 26%; float: right; } section.main div.content div.submenu-listright { margin-top: 40px; } section.main div.content div.submenu-listright h2 { margin: 0%; padding: 0%; color: #005885; font-weight: normal; } section.main div.content div.submenu-listright ul { margin: 15px 0% 0% 16px; padding: 0%; list-style: none; } section.main div.content div.submenu-listright ul li { margin: 0% 0% 5px 0%; padding: 0% 0% 0% 5px; width: 100%; font-size: 13px; line-height: 24px; list-style-image: none; } section.main div.content div.submenu-listright ul li div.arrow { position: absolute; display: none; margin-left: -20px; width: 13px; height: 18px; line-height: 1px; background-image: url('../images/section-menu-arrow.png'); background-repeat: no-repeat; background-position: 0px 9px; } section.main div.content div.submenu-listright ul li:hover div.arrow { display: block; } section.main div.content div.submenu-listright ul li.active div.arrow { display: block; } section.main div.content div.submenu-listright ul li.active div.link a { color: #F5811F; text-decoration: none; } section.main div.content div.submenu-listright ul li div.link { border-bottom: 1px solid #E7E7E7; } section.main div.content div.submenu-listright ul li div.link a { float: left; margin: 0px; padding: 0%; color: #000000; } section.main div.content div.submenu-listright ul li div.link a:hover { color: #F5811F; text-decoration: none; } section.main div.content #quicklinks-subpage { margin-top: 10px; margin-right: 25px; width: 209px; height: 194px; font-size: 12px; float: right; color: #FFFFFF; background-image: url('../images/quick_links_subpage.jpg'); background-repeat: no-repeat; } section.main div.content #quicklinks-subpage a { font-size: 12px; color: #FFFFFF; } section.main div.content div.case-study { padding: 1.5em 0.75em; border-bottom: 2px solid #E0E0E0; } section.main div.content div.case-study div.summary { width: 70%; display: inline-block; vertical-align: top; } section.main div.content div.case-study div.summary h2 { display: none; } section.main div.content div.case-study div.summary p { margin: 0%; } section.main div.content div.case-study div.summary a.read-more { margin: 20px 0% 0% 0%; display: inline-block; } section.main div.content div.case-study div.summary img { display: none; } section.main div.content div.case-study div.image { width: 30%; display: inline-block; vertical-align: top; } section.main div.content a.button.back { margin: 0% 0% 1em 0%; padding: 0.5em 1em; min-width: 0%; color: #FFFFFF; background-color: #0181FD; } /* Blog Template Styles */ section.main div.content h1 { font-size: 24px; color: #B3B3B3; } section.main div.content h2 { margin-bottom: 20px; font-size: 18px; color: #A4A4A4; } section.main div.content a { color: #FF6004; } section.main div.content li { list-style-image: url('../images/tick-small.png'); } section.main div.content li.monitor-tick { list-style:none; font-size: 1.5rem; } section.main div.content ul.monitor-ticks { position:relative; } section.main div.content ul.monitor-ticks li { font-size: 1.5rem; list-style: none; padding-left:2rem; line-height: 3rem;} section.main div.content ul.monitor-ticks li:before { left:0; height: 44px; width: 45px; content: url('/images/icons/monitor-tick.png'); position: absolute; } section.main div.content h2.blog-latest { margin-bottom: 20px; font-size: 17px; color: #000000; } section.main div.content.blog-left { padding: 1em 32px 0% 0%; width: 74%; float: left; } section.main div.content.blog-right { margin-top: 60px; padding: 28px 32px 32px 32px; width: 26%; min-height: 500px; font-family: "Myriad W01 Regular", Arial, sans-serif; float: right; background-color: #696969; } section.main div.content.blog-right h3 { font-size: 17px; color: #CBCBCB; } section.main div.content.blog-right p { margin-bottom: 10px; } section.main div.content.blog-right p a { font-size: 14px; color: #EEEEEE; } section.main div.content table td { padding: 3px; height: auto; font-size: 13px; line-height: 20px; background-color: #CCCCCC; border: 0; } section.main div.content table.tbl_whitebg th, section.main div.content table.tbl_whitebg td, section.main div.content table.white th, section.main div.content table.white td { background-color: #FFFFFF; } section.main div.content table.transparent th, section.main div.content table.transparent td { background-color: transparent; } section.main.shop { min-height:500px; } /* Min height required for PO confirmation and nominating expected delivery */ /* Popup Panel Styles */ div.popup-panel { padding: 1em 32px 2em 32px; max-width: 520px; text-align: center; border-radius: 0px; box-shadow: none; } div.popup-panel .field-block { text-align: left; } div.popup-panel button { margin: 1.75em 2.5% 0% 2.5%; width: 45%; display: inline-block; color: #000000; background-color: #E1E1E1; border: 1px solid #E0E0E0; border-radius: 4px; } div.popup-panel button.close { color: #000000; background-color: #E1E1E1; } div.popup-panel button.close:hover { background-color: #EAEAEA; } div.popup-panel button.add_address_submit:hover { background-color: #EAEAEA; } div.popup-panel form h2 { margin: 1.5em 0% 0.5em 0%; } div.popup-panel form input { margin: 0.188em 0% 0% 0%; padding: 0.125em 0.25em; width: 100%; border-radius: 3px; } div.popup-panel form select { margin: 0.188em 0% 0% 0%; padding: 0.125em 0.25em; width: 100%; border-radius: 3px; } div.popup-panel form table { margin: 0%; padding: 0%; width: 100%; display: block; } div.popup-panel form tbody { margin: 0%; padding: 0%; width: 100%; display: block; } div.popup-panel form tr { margin: 0%; padding: 0%; width: 100%; display: block; } div.popup-panel form td { margin: 0%; padding: 0.5em 0%; width: 50%; display: inline-block; text-align: left; } /* Twitter Feed Styles */ #twitter-feed { max-width: 660px; } #twitter-feed img { display: none; } #twitter-feed #twitter-top { display: none; } section.main div.content ul.collapse { margin: 0% 0% 24px 0%; padding: 0%; overflow-y: hidden; transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; } section.main div.content ul.collapse li { margin: 0% 0% 24px 42px; padding: 0% 24px 0% 0%; list-style-image: url('../images/tick-small.png'); } section.main div.content ul.collapse li:first-of-type { margin: 0% 0% 24px 0%; padding: 8px 24px; font-size: 1em; line-height: 24px; font-weight: 600; position: relative; list-style: none; color: #FFFFFF; background-color: #303030; cursor: pointer; } section.main div.content ul.collapse li:first-of-type:after { right: 20px; content: '\f055'; font-family: 'Font Awesome 5 Pro'; font-size: 1.25em; font-weight: 700; position: absolute; } section.main div.content ul.collapse li:first-of-type.open:after { content: '\f056'; } section.main div.content ul.collapse.light { margin: 0% 0% 24px 0%; padding: 0%; overflow-y: hidden; transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; } section.main div.content ul.collapse.light li { margin: 0% 0% 24px 42px; padding: 0% 24px 0% 0%; list-style-image: url('../images/tick-small.png'); } section.main div.content ul.collapse.light li:first-of-type { margin: 0% 0% 24px 42px; padding: 0% 24px 0% 0%; font-size: 0.875em; line-height: 1.375em; font-weight: 400; position: relative; color: #232021; background-color: transparent; list-style: none; cursor: pointer; } section.main div.content ul.collapse.light li:first-of-type:after { left: -24px; content: '\f055'; font-family: 'Font Awesome 5 Pro'; font-size: 1.25em; font-weight: 700; position: absolute; } section.main div.content ul.collapse.light li:first-of-type.open:after { content: '\f056'; } div.popup-panel.mailing-list { text-align: center; padding: 1rem; } div.popup-panel.mailing-list .field-block { text-align: center; } div.popup-panel.mailing-list .g-recaptcha > div { margin: 0% auto; } div.popup-panel.mailing-list button { padding: 0.5em 0.25em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #FFFFFF; background-color: #DC8F31; border: 0px; border-radius: 0px; margin: 0; } /* 1500px Resolution Specific Baheviours */ @media only screen and (min-width: 0px) and (max-width: 1500px) { /* Navigation Styles */ .wg-slider .slide-caption div.content h1 { font-size: 3.5rem; } /* 900px Resolution Specific Baheviours */ }@media only screen and (min-width: 0px) and (max-width: 1400px) { /* Navigation Styles */ nav.main-et1a div.offset { padding: 0% 0% 0% 10px; max-width: 1200px;} nav.main-et1a ul li a { padding: 0.875rem 1rem 0.875rem 1rem; } .wg-slider .slide-caption div.content h1 { font-size: 3rem; } section.main div.content ul.monitor-ticks li { font-size: 1.25rem; list-style: none; padding-left:2rem; line-height: 2.5rem;} section.main div.content ul.monitor-ticks li:before { left:0; height: 44px; width: 45px; content: url('/images/icons/monitor-tick.png'); position: absolute; } /* 1100px Resolution Specific Baheviours */ } @media only screen and (min-width: 0px) and (max-width: 1100px) { /* Navigation Styles */ nav.main-et1a div.offset { padding: 0% 0% 0% 10px; max-width: 1000px;} nav.main-et1a ul li a { padding: 0.875rem 1.25rem 0.875rem 1.25rem; } .wg-slider .slide-caption div.content h1 { font-size: 3rem; } section.main div.content ul.monitor-ticks li { font-size: 1.25rem; list-style: none; padding-left:2rem; line-height: 2.5rem;} section.main div.content ul.monitor-ticks li:before { left:0; height: 44px; width: 45px; content: url('/images/icons/monitor-tick.png'); position: absolute; } /* 900px Resolution Specific Baheviours */ } @media only screen and (min-width: 0px) and (max-width: 900px) { /* Navigation Styles */ nav.main-et1a ul li a { padding: 0.813em 0.413em 0.875em 0.413em; } /* 800px Resolution Specific Baheviours */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Page Setup Mobile Styles */ div.offset { padding: 0%; } /* Header Mobile Styles */ header.main-et1a div.offset { padding: 0%; } header.main-et1a div.header-logo { margin: 0% auto; padding: 0%; width: 80%; max-width: 222px; height: auto; } header.main-et1a div.header-logo a { padding: 10% 0%; } header.main-et1a div.header-details { background-color: transparent; } header.main-et1a div.mobile-commerce .commerce-button { padding: 0.75em 0.5em 0.5em 0.5em; color: #FFFFFF; border-left:0;} /* Navigation Mobile Styles */ #mobile-nav #menu-container ul.slicknav_nav { background-color: #d1d1d1; border-top: 0px; } #mobile-nav #menu-container ul.slicknav_nav li { border-bottom: 2px solid #A7A7A7; } #mobile-nav #menu-container ul.slicknav_nav a { padding: 0.75em 1em 0.75em 1em; font-family: 'Lato', sans-serif !important; font-size: 1.125rem !important; color: #303030 !important; } #mobile-nav #menu-container ul.slicknav_nav a.slicknav_row a { padding: 0%; } #mobile-nav #menu-container ul.slicknav_nav li ul { padding: 0.5em 0%; background-color: #d1d1d1; } #mobile-nav #menu-container ul.slicknav_nav li ul li { border-top: 0px; border-bottom: 0px; } #mobile-nav #menu-container ul.slicknav_nav li ul li a { padding: 0.75em 24px 0.75em 2em; font-size: 1rem !important; } #mobile-nav #menu-container .slicknav_nav .slicknav_arrow { max-width: 14px; } #mobile-search-container button.mobile-search { line-height: 1.75em; color: #FFFFFF; background-color: #DC8F31; } /* Footer Mobile Styles */ footer.main-et1a div.footer-left { padding: 0% 0% 1em 0%; width: 100%; text-align: center; } footer.main-et1a div.footer-left ul.col-3 { padding: 1.5em 0% 0% 0%; width: 100%; } footer.main-et1a div.footer-left ul.col-3:nth-of-type(1) { padding: 0%; max-width: none; } footer.main-et1a div.footer-left ul.col-3:nth-of-type(2) { max-width: none; } footer.main-et1a div.footer-right { padding: 0.375em 0% 0% 0%; width: 100%; text-align: center; } footer.main-et1a div.footer-right div.content { text-align: center; } footer.main-et1a div.footer-right div.content a { display: inline-block; } footer.main-et1a div.footer-right div.content a:first-of-type img { margin: 1em -3px 0% 0%; } /* Home Template Mobile Styles */ section.main.home { padding: 0% 0% 2.188em 0%; } section.main.home div.wg-slider { margin: 0% 0% 1px 0%; } section.main.home div.content.intro { margin: 0% 0% 1.8% 0%; padding: 3em 1em 0.25em 1em; } section.main.home div.content.panels { padding: 0% 1em; width: 100%; } section.main.home div.content.panels a.tile { margin: 4% 0% 0% 4%; width: 48%; } section.main.home div.content.panels a.tile:nth-of-type(2n+1) { margin: 4% 0% 0% 0%; } section.main.home div.content.panels a.tile:nth-of-type(4n+1) { margin: 4% 0% 0% 0%; } section.main.home div.content.panels a.tile:nth-of-type(1) { margin: 0%; } section.main.home div.content.panels a.tile:nth-of-type(2) { margin: 0% 0% 0% 4%; } section.main.home div.content.panels a.tile:nth-of-type(3) { margin: 4% 0% 0% 0%; } section.main.home div.content.panels a.tile:nth-of-type(4) { margin: 4% 0% 0% 4%; } section.main.home div.content.links { padding: 1em 1em 0% 1em; width: 100%; } .wg-slider .slide-caption div.content h1 { font-size: 2.5rem; } /* Standard Template Mobile Styles */ section.main div.content { padding: 1em 1em; } section.main div.content.standard-left { padding: 1em 1em 0% 1em; width: 100%; float: none; } section.main div.content.standard-right { padding: 1em 1em 0% 1em; width: 100%; float: none; } section.main div.content #quicklinks-subpage { margin-left: 1em; float: none; } /* Blog Template Mobile Styles */ section.main div.content.blog-left { padding: 1em 16px 0% 16px; width: 100%; float: none; } section.main div.content.blog-right { padding: 28px 32px 32px 32px; width: 100%; float: none; } div.popup-panel .field-block { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 600px) { div.popup-background.full { display: flex; justify-content: center; align-items: center; } div.popup-background.full .popup-panel { width: 80%; min-height: 0; } .wg-slider .slide-caption div.content h1 { font-size: 2.0rem; } section.main div.content table.transparent td { width:100%; display: block; } section.main div.content table.transparent td ul { margin:0; } section.main div.content ul.monitor-ticks li { font-size: 1.25rem; } section.main.shop { min-height:650px; } /* Min height required for PO confirmation and nominating expected delivery */ }