@font-face { font-family: 'BookmanDemi'; src: url('../fonts/BookmanStd-Demi.eot'); /* IE9 Compat Modes */ src: url('../fonts/BookmanStd-Demi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BookmanStd-Demi.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BookmanStd-Demi.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/BookmanStd-Demi.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BookmanStd-Demi.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'BookmanMedium'; src: url('../fonts/BookmanStd-Medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/BookmanStd-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/BookmanStd-Medium.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/BookmanStd-Medium.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/BookmanStd-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/BookmanStd-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */ } /* GOTHAM: two closest google fonts are MONTSERRAT and RALEWAY*/ @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap'); @font-face { font-family: 'cascade'; src: url('../fonts/cascade.eot?28299124'); src: url('../fonts/cascade.eot?28299124#iefix') format('embedded-opentype'), url('../fonts/cascade.woff2?28299124') format('woff2'), url('../fonts/cascade.woff?28299124') format('woff'), url('../fonts/cascade.ttf?28299124') format('truetype'), url('../fonts/cascade.svg?28299124#cascade') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'cascade'; src: url('../font/cascade.svg?62030993#cascade') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; margin-top: .3em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-search:before { content: '\e800'; } /* '' */ .icon-print:before { content: '\e803'; } /* '' */ .icon-mail:before { content: '\e804'; } /* '' */ .icon-tag:before { content: '\e805'; } /* '' */ .icon-share:before { content: '\e807'; } /* '' */ .icon-down-open:before { content: '\f004'; } /* '' */ .icon-up-open:before { content: '\f005'; } /* '' */ .icon-right-open:before { content: '\f006'; } /* '' */ .icon-left-open:before { content: '\f007'; } /* '' */ .icon-twitter:before { content: '\e801'; } /* '' */ .icon-facebook:before { content: '\e802'; } /* '' */ .icon-linkedin:before { content: '\f05c'; } /* '' */ .icon-youtube:before { content: '\f315'; } /* '' */ .icon-instagram:before { content: '\f32d'; } /* '' */ .icon-pinterest:before { content: '\e809'; } /* '' */ .icon-check:before { content: '\e806'; } /* '' */ .icon-check-empty:before { content: '\f096'; } /* '' */ /* ############################################################################################################# # # # # # # # # # # # B A S E D E S I G N # # # # # # # # # # # ############################################################################################################# */ /* ############################################################################### # # # # # STANDARDS # # # # # ############################################################################### */ BODY, TD { font-family: 'Montserrat', sans-serif; font-weight: 400; letter-spacing: .01em; color: #322E21; } H1 { color: #004539; /*hunter*/ font-family: 'BookmanDemi', serif; letter-spacing: .02em; font-size: 2.2em; line-height: 1em; margin-bottom: 0.2em; } H2 { font-family: 'Montserrat', sans-serif; letter-spacing: .10em; color: #007483; /*ultra teal*/ font-weight: 700; font-size: 1.4em; line-height: 1.2em; margin-bottom: 0.7em; } H3, H4, H5, H6 { color: #007483; } A { text-decoration: underline; } A:link, A:visited, A:active { color: #007483; font-weight: 500; } A:hover, A:focus { color: #004539; } A H1 { text-decoration: underline; } P { padding-bottom: 1em; } DIV.clear { clear: both; } DIV.covid19 { padding: 2em 0 0.6em 0; } DIV.covid19 div { margin: 0 auto; width: auto; text-align: center; font-size: 1.5em; font-weight: 700; } DIV.covid19 div br { display: none; } DIV.covid19 div a { font-size: .55em; margin-top: -.5em; } @media screen and (max-width: 45em) { DIV.covid19 div a { clear: both; margin-top: 1em; } DIV.covid19 div br { display: block; } } /* ############################################################################################################# # # # # # # # # # # # L A Y O U T & W R A P P E R # # # # # # # # # # # ############################################################################################################# */ /* ############################################################################### # # # # # MAIN LAYOUT # # # # # ############################################################################### */ HTML, BODY { height: 100%; line-height: 1.55em; background: #fff; } DIV#fullOuter { position: relative; min-height: 100%; /* height: 100%; -- put in for old IE only! */ } DIV#topOuter { background-color: #fff; padding-bottom: 38.25em; padding-top: 3em; -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in; } DIV#bottomOuter { position: absolute; bottom: 0; height: 38.25em; width: 100%; background-color: #004539; } DIV.layoutMain { padding: 0 1.3em 1em 1.3em; } DIV.layoutSide { padding: 0 1.2em 1em 1.2em; } DIV.layoutMainForm { padding: 0 1.2em 1em 1.2em; } DIV.layoutSideForm { padding: 0 1.2em 1em 1.2em; } DIV.layoutHome { padding: 0; } DIV.layoutClear { clear: both; } DIV.layoutInner { width: 100%; } /* ############################################################################### # # # # # HEADER # # # # # ############################################################################### */ SECTION#header { position: fixed; top: 0; left: 0; z-index: 1100; background-color: #fff; height: 5rem; width: 100%; /* border-width: 0 0 1px 0; border-style: solid; border-color: #007483; */ -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } SECTION#header.scrolled { -webkit-box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.15); -moz-box-shadow: 0px 0 1.5em 0 rgba(0,0,0,0.15); box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.15); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } /* ################################################# # # # LOGO # # # ################################################# */ H1#logo { font-size: 1em; float: left; display: block; padding: 0.9em 0 0.2em 0.8em; margin: 0 auto; } H1#logo A { display: inline-block; width: 7.0em; height: 3.65384706em; background: url(/themes/default/images/logo@2x.png) no-repeat center center; background-size: 100% 100%; } H1#logo A SPAN { display: none; } /* ################################################# # # # FUNC NAVIGATION # # # ################################################# */ DIV#funcNav.navShow, DIV#searchNav.navShow { width: 40rem; overflow: hidden; float: right; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity: 1; white-space: nowrap; display: none; } DIV#funcNav.navHide, DIV#searchNav.navHide { width: 0em; overflow: hidden; float: right; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; white-space: nowrap; } NAV.funcnav > HEADER { display: none; } UL.funcnav { list-style-type: none; margin: 0; padding: 1.4em 0 0.3em 0; overflow: hidden; float: right; text-align: right; position: relative; font-weight: 500; font-style: italic; font-size: 0.75em; border-style: solid; border-color: #CDCECE; border-width: 0 0 1px 0; } DIV#searchNav > DIV { margin: 0; padding: 1.1em 0 0.3em 1em; float: right; text-align: right; position: relative; font-weight: 500; font-style: italic; font-size: 0.75em; border-style: solid; border-color: transparent; border-width: 0 0 1px 0; } UL.funcnav LI, DIV#searchNav SPAN { display: inline-block; font-size: 1em; } UL.funcnav LI A, DIV#searchNav SPAN A { display: inline-block; text-align: center; padding: 0.4em 0.8em; text-decoration: none; transition: 0.3s; color: #322E21; line-height: 1em; } UL.funcnav LI A:hover, DIV#searchNav SPAN A:hover { color: #007483; } UL.funcnav LI.searchIcon { font-family: "cascade"; font-style: normal; font-weight: 500; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2em; margin-top: -0.2em; } DIV#searchNav SPAN.searchIcon { font-family: "cascade"; font-style: normal; font-weight: 500; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2em; } INPUT#search { border-radius: 2em; font-size: 1.2em; border-width: 1px; padding: 0.3em 0.45em 0.3em 1em; border-color: #ccc; border-style: solid; width: 20em; color: #322E21; } INPUT#search.empty { color: #aaa; } NAV.funcnav a.icon-text-button { margin-left: 1rem; } /* ################################################# # # # TOP NAVIGATION # # # ################################################# */ DIV#navHeader { padding-top: 1.2em; float: right; text-align: right; margin-right: 1em; clear: right; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity: 0; } SECTION#header.scrolled DIV#navHeader { padding-top: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } NAV.topnav UL.level3 { list-style-type: none; margin: 0; padding: 0; overflow: hidden; float: right; font-weight: 300; } NAV.topnav UL LI.level3 { display: none; font-size: 1em; } NAV.topnav UL LI.level3 > A { display: inline-block; text-align: center; font-weight: 500; padding: 0.8em 0 0.7em 1.2em; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #2E354E; } NAV.topnav UL LI.level3 > A:hover { color: #007483; } NAV.topnav DIV.level4 { display: block; position: absolute; opacity: .95; top: 112px; left: 0; right: 0; width: 100%; overflow: hidden; height: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } SECTION#header.scrolled NAV.topnav DIV.level4 { top: 93px; } NAV.topnav DIV.level4:hover { opacity: 1; } NAV.topnav UL.level5 { display: none !important; } NAV.topnav UL LI.level3:hover DIV.level4 { height: 15em; background-color: #004539; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } NAV.topnav UL LI.level3 UL.level4 { max-width: 70em; text-align: left; margin: 1.75em auto 0 auto; padding: 0 1em; columns: auto 2; -webkit-columns: auto 2; -moz-columns: auto 2; } NAV.topnav UL LI.level4 { font-size: 1em; display: block; } NAV.topnav UL LI.level4 > A { display: inline-block; text-align: center; font-weight: 500; padding: 0.25em 1em 0.25em 0; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #fff; } NAV.topnav UL LI.level4 > A:hover { color: #EABC4E; } NAV.topnav UL LI.level3 UL LI.level4 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; } NAV.topnav UL LI.level3:hover UL LI.level4 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1; } LI#topnav197GPtop15 > A SPAN { display: none; } LI#topnav197GPtop15 > A:before { display: inline; content: 'Employers & HR'; } #topnav197GPtop3, #topnav197GPtop62 { display: inline-block; text-align: center; font-weight: 400; font-size: .9em; padding: 0.277em 1.11em 0.1em 0; text-decoration: none; font-style: italic; color: #fff; } #topnav197GPtop3sub, #topnav197GPtop62sub { padding-bottom: 1em; } /* ################################################# # # # MOBILE NAVIGATION # # # ################################################# */ DIV#mobileNav { display: block; float: right; } DIV#mobileNavDropdown { display: block; position: absolute; z-index: 999; width: 100%; top: -500px; opacity: 0; background-color: #111628; color: #fff; padding: 0.25em 1em 1em 1em; line-height: 1.5em; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } DIV#mobileNavDropdown.open { display: block; top: 5rem; height: 80%; opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #nav-icon1 { width: 2em; height: 1.5em; position: relative; margin: 1em 2rem 0 0 ; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon1 span { display: block; position: absolute; height: .3em; width: 100%; background: #007483; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon1 span:nth-child(1) { top: 0; } #nav-icon1 span:nth-child(2) { top: 0.6em; } #nav-icon1 span:nth-child(3) { top: 1.2em; } #nav-icon1.open span:nth-child(1) { top: 0.6em; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } #nav-icon1.open span:nth-child(2) { opacity: 0; left: -2em; } #nav-icon1.open span:nth-child(3) { top: 0.6em; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } DIV#mobileNavDropdown SPAN.searchIcon { font-family: "cascade"; font-style: normal; font-weight: 400; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2em; display: inline-block; } DIV#mobileNavDropdown A { text-decoration: none; font-size: 1.2em; display: block; padding: 0.5em 0; border-width: 0 0 1px 0; border-style: solid; font-weight: 500; border-color: rgba(89, 203, 232, 0.2); cursor: pointer; } DIV#mobileNavDropdown SPAN.searchIcon A { display: inline-block; border-width: 0; padding: 0.7em 0 0.3em 0.5em; } INPUT#search2 { margin-top: 0.5em; border-radius: 2em; font-size: 1.2em; border-width: 1px; padding: 0.3em 0.45em 0.3em 1em; border-color: #ccc; border-style: solid; width: 15em; color: #322E21; } INPUT#search2.empty { color: #aaa; } DIV#mobileNavDropdown A.icon-text-button { display: block; text-decoration: none; margin-top: 1rem; margin-bottom: 2rem; padding: .5rem 1rem .7rem 1rem !important; line-height: 1.2rem; } SPAN.mobileNavDropdownSmaller { display: block; font-size: 0.8em; font-weight: 400; } SPAN.mobileNavDropdownSmaller A { color: rgba(0, 169, 224, 0.6); } SPAN.mobileNavDropdownSmaller A:hover, SPAN.mobileNavDropdownSmaller A:focus { color: #59CBE8; } /* ################################################# # # # MASTHEAD IMAGE BLOCK # # # ################################################# */ DIV#lowerHeader { /* background-image: url(/themes/default/images/headerTemp2.jpg); */ background-color: #fff; background-size: cover; background-repeat: no-repeat; width: 100%; height: 6em; } DIV#lowerHeaderTop { padding: 1em; } DIV#lowerHeaderBottom { background: url(/themes/default/images/headerCover.gif) no-repeat 0px 0px; background-size: cover; width: 100%; } /* ###################################### # HEADER KICKER ###################################### */ SPAN.headerKickerTop { display: block; font-weight: 700; color: #fff; line-height: 0.9em; text-transform: uppercase; } SPAN.headerKickerBottom { display: block; font-weight: 700; color: #00a4d8; line-height: 0.9em; text-transform: uppercase; } /* ###################################### # HEADER ROTATOR ###################################### */ DIV.headerRotOuter { background: url(/themes/default/images/headerRotatorBG.png) no-repeat left bottom; background-size: cover; width: 40%; max-width: 29.6em; padding: 1em 1em 0 1em; display: none; } DIV.headerRotInner { font-size: 0.9em; line-height: 1.3em; } DIV.headerRotText { padding-bottom: 4.1em; } DIV.headerRotInner H1 { font-weight: 400; font-size: 1.35em; line-height: 1em; color: #22a5d6; } DIV.headerRotInner H2 { font-weight: 700; font-size: 1.05em; line-height: 1em; color: #322E21; padding-top: 0.2em; } DIV.headerRotInner SUMMARY { padding-top: 0.75em; color: #322E21; } DIV.headerRotInner A.readMore { display: block; padding-top: 0.75em; padding-bottom: 0; } /* ############################################################################### # # # # # SIDEBAR # # # # # ############################################################################### */ NAV.sidenav { padding-bottom: 4em; } NAV.sidenav UL { text-transform: uppercase; font-weight: 700; font-size: 0.9em; } NAV.sidenav LI.lvl1 { display: none; } NAV.sidenav LI.lvl2 { } NAV.sidenav LI.lvl3 { padding-left: 1.3em; font-size: 0.9em; } NAV.sidenav LI.last3 { padding-bottom: 0.75em; } NAV.sidenav LI A { text-decoration: none; color: #636463 !important; } NAV.sidenav LI A:hover, NAV.sidenav LI A:active { text-decoration: underline; color: #59CBE8 !important; } NAV.sidenav LI.current A, NAV.sidenav LI.current A:hover, NAV.sidenav LI.current A:active { text-decoration: none; color: #59CBE8 !important; } /* ################################################# # # # HEADER BREADCRUMB # # # ################################################# */ NAV.topBread { font-size: 0.8em; padding-left: 0.7em; width: 100%; } NAV.topBread UL LI { float: left; padding-left: 0.5em; padding-top: 0.4em; padding-bottom: 0.4em; } NAV.topBread UL LI.FIRST, NAV.topBread UL LI.MID { padding-right: 1.5em; background: url(/themes/default/images/breadcrumbDivider.gif) no-repeat center right; } NAV.topBread A { font-weight: 500; } NAV.topBread A:link, NAV.topBread A:visited, NAV.topBread A:active { color: #666; text-decoration: none; } NAV.topBread A:hover, NAV.topBread A:focus { color: #59CBE8; text-decoration: underline; } /* HOMEPAGE + NON-STRUCTURE MOD */ BODY#bodytop0 NAV.topBread { display: none; } BODY#bodytop0 NAV.topBread.forceBread { display: block; } /* ################################################# # # # FOOTER BREADCRUMB # # # ################################################# */ NAV.bottomBread { font-size: 0.8em; padding-left: 0em; } NAV.bottomBread UL LI { float: left; padding-left: 0.5em; padding-top: 0.4em; padding-bottom: 0.4em; } NAV.bottomBread UL LI.FIRST, NAV.bottomBread UL LI.MID { padding-right: 1.5em; background: url(/themes/default/images/breadcrumbDividerAlt3.gif) no-repeat center right; } NAV.bottomBread A { font-weight: 500; } NAV.bottomBread A:link, NAV.bottomBread A:visited, NAV.bottomBread A:active { text-decoration: none; } NAV.bottomBread A:hover, NAV.bottomBread A:focus { color: #59CBE8; text-decoration: underline; } /* ############################################################################### # # # # # FOOTER # # # # # ############################################################################### */ SECTION#footer { color: #fff; font-weight: 500; padding: 2.5em 0 0 0; font-size: 0.9em; line-height: 1.3em; } SECTION#footer B { color: #fff; font-weight: 700; } SECTION#footer A, div.navDropDownLogin A { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-decoration: none; color: #fff; } SECTION#footer A:hover, SECTION#footer A:active { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: #EABC4E; text-decoration: none; } DIV.footerBlockA1, DIV.footerBlockA2, DIV.footerBlockB1, DIV.footerBlockB2 { padding: 0; } SECTION#footer { font-size: 1em; padding: 1.7em 1.5em; } DIV.footerBlockA1 { font-size: 0.8em; height: auto; } DIV.footerBlockA2 { font-size: 0.85em; font-weight: 400; padding-top: 1.5em; } DIV.footerBlockB1 { font-size: 0.9em; clear: both; padding-top: 2.5em; } DIV.footerBlockB1 I { color: #DFF2FA; } DIV.footerBlockB2 { font-size: 0.85em; font-weight: 400; width: 21em; line-height: 1.4em; padding-top: 2.5em; color: #DFF2FA; } DIV.footerBlockB2 B { color: #fff; } DIV.fotterBlockB1a, DIV.fotterBlockB1b { padding-right: 3em; float: left; margin-bottom: 1.5em; } DIV.fotterBlockB1c { clear: left; margin-bottom: 1.5em; } DIV.fotterBlockB1c A { margin-right: 3em; } A.footerButton, div.navDropDownLogin A.footerButton { display: block; margin-top: 0.15em; border-radius: 0.3em; background-color: #E3E1DB; color: #007483 !important; border-width: 1px; border-style: solid; border-color: #007483; padding: 0.4em 1.2em; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } A.footerButton:hover, A.footerButton:focus, A.footerButton:active, div.navDropDownLogin A.footerButton:hover, div.navDropDownLogin A.footerButton:focus, div.navDropDownLogin A.footerButton:active { background-color: #007483; color: #fff !important; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } SPAN.dropdownFooter SELECT { color: #007483 !important; display: inline-block; -webkit-appearance: none; -moz-appearance: treeline; padding: 0 2.8em 0 0; margin: 0; border: 0; font-size: 1em; width: 100%; background: url(/themes/default/images-std/uiDropdownArrowNew.png) no-repeat right center; background-size: auto 50%; cursor: pointer; } SPAN.dropdownFooter { margin-top: 0.15em; } SPAN.dropdownFooter span { padding: 0.4em 1.2em !important; width: 12.5em !important; background-color: #E3E1DB !important; color: #007483 !important; } /* ###################################### # FOOTER EBLAST ###################################### */ DIV#mc_embed_signup FORM, DIV#mc_embed_signup_scroll { height: 4em; } DIV.eblastBlockSizer { padding: .4rem; color: #007483; font-weight: 500; font-size: 1.0rem; } DIV.eblastBlock { border-radius: 0.4em; background-color: #E3E1DB; color: #322E21; padding: 0.75em; float: left; } DIV.eblastBlock INPUT.eblastInput { border-radius: 0.3em; background-color: #E3E1DB; color: #322E21; font-size: 1.3em; padding: 0.5em; border-width: 0; border-style: solid; margin-right: 0.4em; width: 14em; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } DIV.eblastBlock:hover INPUT.eblastInput { background-color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } INPUT.eblastInput:focus { color: #000 !important; background-color: #fff !important; } DIV.eblastBlock INPUT.eblastInput::-webkit-input-placeholder { font-style: italic !important; color: #322E21 !important; font-weight: 400 !important; cursor: pointer; } DIV.eblastBlock INPUT.eblastInput:-webkit-input-placeholder { font-style: italic !important; color: #322E21 !important; font-weight: 400 !important; cursor: pointer; } DIV.eblastBlock INPUT.eblastInput::-moz-input-placeholder { font-style: italic !important; color: #322E21 !important; font-weight: 400 !important; cursor: pointer; } DIV.eblastBlock INPUT.eblastInput:-moz-input-placeholder { font-style: italic !important; color: #322E21 !important; font-weight: 400 !important; cursor: pointer; } DIV.eblastBlock INPUT.eblastInput::-ms-input-placeholder { font-style: italic !important; color: #322E21 !important; font-weight: 400 !important; cursor: pointer; } DIV.eblastBlock INPUT.eblastInput:-ms-input-placeholder { font-style: italic !important; color: #322E21 !important; font-weight: 400 !important; cursor: pointer; } DIV.eblastBlock INPUT.eblastInput::placeholder { font-style: italic !important; color: #322E21 !important; font-weight: 400 !important; cursor: pointer; } DIV.eblastBlock INPUT.eblastSubmit, DIV.eblastBlock A.eblastSubmit { border-radius: 0.3em; background-color: #007483; color: #fff; border-width: 0; border-style: solid; font-size: 1.1rem !important; padding: 0.5em 1.5em; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } DIV.eblastBlock INPUT.eblastSubmit:hover { background-color: #004539; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } /* ###################################### # FOOTER SOCIAL ###################################### */ A.footerSocial { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: #E3E1DB; color: #007483 !important; font-size: 1.5em; border-style: solid; border-width: 0; border-radius: 3em; display: inline-block; padding: 0.3em 0.1em; height: 1.6em; width: 1.6em; margin-right: 0.15em; margin-top: 0.35em; } A.footerSocial:hover, A.footerSocial:focus { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background-color: #007483; color: #fff !important; } A.footerSocial:nth-child(6) { margin-right: 0; } /* ###################################### # APP BADGES ###################################### */ DIV.footerBlockB1 H2 { color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; padding: 0; font-style: italic; } DIV.footerBlockB1 A IMG { margin-right: 0.4em; margin-bottom: 0.4em; } /* ############################################################################################################# # # # # # # # # # # # D O C U M E N T I T E M S # # # # # # # # # # # ############################################################################################################# */ /* ################################################# # # # BODY CONTENT # # # ################################################# */ ARTICLE.catItem, SECTION.contact, SECTION.extendedInfo { padding-top: 1em; padding-bottom: 0em; padding-right: 0em; padding-left: 0em; } ARTICLE.catItemBio { padding-top: 0 !important; padding-bottom: 0em; padding-right: 0em; padding-left: 0em; } ASIDE.docFoot { padding: 1em 0; } ARTICLE.catItem SPAN.kicker { display: block; font-size: .7em; font-weight: bold; color: #22a5d6 } ARTICLE.catItem H1 { font-family: 'BookmanDemi', serif; letter-spacing: .02em; font-size: 2em; font-weight: 400; line-height: 1em; } ARTICLE.catItemSubF H1, ARTICLE.catItemSubA H1, ARTICLE.catItemSubT H1 { font-size: 2em !important; letter-spacing: .04em; margin-bottom: .1em; } DIV.layoutMarigold ARTICLE.catItemSubF H1, DIV.layoutMarigold ARTICLE.catItemSubA H1, DIV.layoutMarigold ARTICLE.catItemSubT H1, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubF H1, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubA H1, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubT H1, DIV.layoutMossGradient1 ARTICLE.catItemSubF H1, DIV.layoutMossGradient1 ARTICLE.catItemSubA H1, DIV.layoutMossGradient1 ARTICLE.catItemSubT H1, DIV.layoutMossGradient1PlusOverlay ARTICLE.catItemSubF H1, DIV.layoutMossGradient1PlusOverlay ARTICLE.catItemSubA H1, DIV.layoutMossGradient1PlusOverlay ARTICLE.catItemSubT H1, DIV.layoutMossGradient2 ARTICLE.catItemSubF H1, DIV.layoutMossGradient2 ARTICLE.catItemSubA H1, DIV.layoutMossGradient2 ARTICLE.catItemSubT H1, DIV.layoutMossGradient2PlusOverlay ARTICLE.catItemSubF H1, DIV.layoutMossGradient2PlusOverlay ARTICLE.catItemSubA H1, DIV.layoutMossGradient2PlusOverlay ARTICLE.catItemSubT H1, DIV.layoutMossGradient3 ARTICLE.catItemSubF H1, DIV.layoutMossGradient3 ARTICLE.catItemSubA H1, DIV.layoutMossGradient3 ARTICLE.catItemSubT H1, DIV.layoutMossGradient3PlusOverlay ARTICLE.catItemSubF H1, DIV.layoutMossGradient3PlusOverlay ARTICLE.catItemSubA H1, DIV.layoutMossGradient3PlusOverlay ARTICLE.catItemSubT H1, DIV.layoutMossGradient4 ARTICLE.catItemSubF H1, DIV.layoutMossGradient4 ARTICLE.catItemSubA H1, DIV.layoutMossGradient4 ARTICLE.catItemSubT H1, DIV.layoutMossGradient4PlusOverlay ARTICLE.catItemSubF H1, DIV.layoutMossGradient4PlusOverlay ARTICLE.catItemSubA H1, DIV.layoutMossGradient4PlusOverlay ARTICLE.catItemSubT H1, DIV.layoutWhite ARTICLE.catItemSubF H1, DIV.layoutWhite ARTICLE.catItemSubA H1, DIV.layoutWhite ARTICLE.catItemSubT H1, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubF H1, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubA H1, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubT H1 { color: #322E21 !important; } SECTION.tlTab2 > HEADER > H1 { padding-top: 1.5em; font-weight: 400; font-size: 1.4em !important; } ARTICLE.catItem H2 { color: #322e21; font-size: 1em; font-weight: 400; line-height: 1em; padding-top: 0.3em; } DIV.layoutHeader ARTICLE.catItemTopic H2 { color: #322e21 !important; font-size: 1.8em; font-weight: 400; line-height: 1em; padding-top: 0.0em; } ARTICLE.catItemSubF H2, ARTICLE.catItemSubA H2, ARTICLE.catItemSubT H2 { font-size: 1.5em !important; font-weight: 500; color: #322E21; } DIV.layoutMoss ARTICLE.catItemSubF H2, DIV.layoutMoss ARTICLE.catItemSubA H2, DIV.layoutMoss ARTICLE.catItemSubT H2, DIV.layoutMossPlusOverlay ARTICLE.catItemSubF H2, DIV.layoutMossPlusOverlay ARTICLE.catItemSubA H2, DIV.layoutMossPlusOverlay ARTICLE.catItemSubT H2, DIV.layoutMarigold ARTICLE.catItemSubF H2, DIV.layoutMarigold ARTICLE.catItemSubA H2, DIV.layoutMarigold ARTICLE.catItemSubT H2, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubF H2, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubA H2, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubT H2, DIV.layoutWhite ARTICLE.catItemSubF H2, DIV.layoutWhite ARTICLE.catItemSubA H2, DIV.layoutWhite ARTICLE.catItemSubT H2, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubF H2, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubA H2, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubT H2 { font-size: 1em !important; color: #322E21; } ARTICLE.catItem TIME { display: block; padding-top: .8em; color: #322E21; font-size: .8em; font-weight: 400; line-height: 1em; font-style: italic; } ARTICLE.catItem.catItemSubF TIME, ARTICLE.catItem.catItemSubA TIME, ARTICLE.catItem.catItemSubT TIME { color: #fff; } DIV.layoutMoss ARTICLE.catItemSubF TIME, DIV.layoutMoss ARTICLE.catItemSubA TIME, DIV.layoutMoss ARTICLE.catItemSubT TIME, DIV.layoutMossPlusOverlay ARTICLE.catItemSubF TIME, DIV.layoutMossPlusOverlay ARTICLE.catItemSubA TIME, DIV.layoutMossPlusOverlay ARTICLE.catItemSubT TIME, DIV.layoutMarigold ARTICLE.catItemSubF TIME, DIV.layoutMarigold ARTICLE.catItemSubA TIME, DIV.layoutMarigold ARTICLE.catItemSubT TIME, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubF TIME, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubA TIME, DIV.layoutMarigoldPlusOverlay ARTICLE.catItemSubT TIME, DIV.layoutWhite ARTICLE.catItemSubF TIME, DIV.layoutWhite ARTICLE.catItemSubA TIME, DIV.layoutWhite ARTICLE.catItemSubT TIME, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubF TIME, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubA TIME, DIV.layoutWhitePlusOverlay ARTICLE.catItemSubT TIME { color: #322E21; } DL.articleContacts, DL.articleCompanies { margin: .8em 0 0 0; font-size: .8em; line-height: 1.4em; } DL.articleContacts DT, DL.articleCompanies DT { display: inline-block; font-weight: bold; color: #322E21; } DL.articleContacts DD, DL.articleCompanies DD { display: inline-block; } DL.articleContactsExt, DL.articleCompaniesExt { margin: .8em 0 0 0; font-size: .8em; line-height: 1.4em; border-color: #bbb; border-width: 0 0 1px 0; border-style: dotted; padding-bottom: 1em; margin-top: 1.5em; } DL.articleContactsExt DT, DL.articleCompaniesExt DT { display: inline-block; width: 30%; font-weight: bold; color: #322E21; padding-bottom: .3em; } DL.articleContactsExt DT.relPer, DL.articleCompaniesExt DT.relPer { margin-top: 1em; padding-top: 1em; border-color: #bbb; border-width: 1px 0 0 0; border-style: dotted; } DL.articleContactsExt DD.relPer, DL.articleCompaniesExt DD.relPer { margin-top: 1em; padding-top: 1em; border-color: #bbb; border-width: 1px 0 0 0; border-style: dotted; } DL.articleContacts DD.relPer DIV.relPerThumb, DL.articleCompanies DD.relPer DIV.relPerThumb, DL.articleContactsExt DD.relPer DIV.relPerThumb, DL.articleCompaniesExt DD.relPer DIV.relPerThumb { display: inline-block; background-size: cover; background-position: 50% 50%; background-color: #aaa; width: 3em; height: 3em; margin: 0 0.5em 0 0; border-radius: 1.5em; } DIV.bottomBio { margin-top: 3em; } DIV.bottomBio DL { font-size: 1em; } DL.articleContacts DD.relPer DIV.relPerImg, DL.articleCompanies DD.relPer DIV.relPerImg, DL.articleContactsExt DD.relPer DIV.relPerImg, DL.articleCompaniesExt DD.relPer DIV.relPerImg { display: inline-block; background-size: cover; background-position: 50% 50%; background-color: #aaa; float: left; width: 8em; height: 8em; margin: 0 1em 1em 0; border-radius: 4em; } DIV.bottomBio DL DD.relPer A#blogBottomBio { display: block !important; } DIV.bottomBio DL DD.relPer A#blogBottomBio { font-weight: bold; color: #322E21; text-decoration: none; font-size: 1.1em; } DIV.bottomBio DL DD.relPer SUMMARY { clear: none; margin: auto; font-size: 0.95em; } DIV.bottomBio DL DD.relPer SUMMARY A { display: inline !important; } DIV.bottomBio DL DD.relPer SUMMARY A { font-weight: 500; font-size: 0.95em; color: #007483; } DL.articleContactsExt DD, DL.articleCompaniesExt DD { display: inline-block; padding-bottom: .3em; width: 69%; } /* ############################################### # # # BODY COPY # # # ############################################### */ ARTICLE.catItem SECTION.copyLrg, ARTICLE.catItem SECTION.form { padding-top: 2em; padding-bottom: 1.5em; color: #322E21; /* onyx */ font-weight: 400; font-size: .9em; line-height: 1.6em; } ARTICLE.catItem SECTION.copyHeader { padding-bottom: 3em; color: #322E21; /* onyx */ } ARTICLE.catItemBio SECTION.copyLrg { padding-top: 0 !important; } ARTICLE.catItem SECTION.copyForm { padding-top: 1.5em; padding-bottom: 0; color: #322E21; font-weight: 400; font-size: .9em; line-height: 1.5em; } ARTICLE.catItem SECTION.copySub { color: #322E21; font-weight: 400; font-size: .9em; line-height: 1.5em; } ARTICLE.catItem SECTION.copy UL:not(.formSet), ARTICLE.catItem SECTION.copyLrg UL:not(.formSet), ARTICLE.catItemBio SECTION.copyLrg UL:not(.formSet), ARTICLE.catItem SECTION.copyForm UL:not(.formSet), ARTICLE.catItem SECTION.copySub UL:not(.formSet) { list-style-type: disc; margin-left: 2em; margin-top: 0em; margin-bottom: 2em; } ARTICLE.catItem SECTION.copy OL:not(.formSet), ARTICLE.catItem SECTION.copyLrg OL:not(.formSet), ARTICLE.catItemBio SECTION.copyLrg OL:not(.formSet), ARTICLE.catItem SECTION.copyForm OL:not(.formSet), ARTICLE.catItem SECTION.copySub OL:not(.formSet) { list-style-type: decimal; margin-left: 0em; margin-top: 1em; margin-bottom: 2em; } ARTICLE.catItem SECTION.copy ASIDE BLOCKQUOTE.pull { clear: right; float: right; margin-left: 1em; margin-top: 1.6em; line-height: 1.8em; width: 35%; background: url(/themes/default/images-std/pullquoteBG.gif) no-repeat top left; } ARTICLE.catItem SECTION.copy ASIDE BLOCKQUOTE.pull SPAN.pull { display: block; padding: 1em 0 1.5em 1em; font-size: 1.4em; color: #666; background: url(/themes/default/images-std/pullquoteBG.gif) no-repeat bottom right; } ARTICLE.catItem SECTION.copySub SUMMARY { padding-top: 1em; } ARTICLE.catItem SECTION.copyForm H2 { padding-bottom: .5em; } /* ################################################# # # # BODY IMAGERY # # # ################################################# */ SPAN.bodyimage { display: block; float: left; padding: 1em 1em 1em 0; max-width: 100% !important; } SPAN.bodyimagetop { display: block; float: left; padding: 0 0 1em 0; max-width: 100% !important; width: 100%; } SPAN.bodyimageleft { clear: both; display: block; float: left; padding: 1em 1em 1em 0; max-width: 100% !important; } SPAN.bodyimageright { display: block; float: right; padding: 1em 0 1em 1em; max-width: 100% !important; } SPAN.bodyimage IMG, SPAN.bodyimageleft IMG, SPAN.bodyimageright IMG { max-width: 100% !important; height: auto !important; } SPAN.bodyimagetop IMG { width: 100% !important; height: auto !important; } /* ############################################### # # # BODY CONTENT ADDITIONS # # # ############################################### */ /* ######## # SIZES */ DIV.header-large-ultrateal, DIV.header-large-hunter, DIV.header-large-moss, DIV.header-large-marigold, DIV.header-large-gypsum, DIV.header-large-onyx, DIV.header-large-blue, DIV.header-large-green, DIV.header-large-red { font-size: 3em; line-height: 1em; font-weight: 900; padding: 1em 0 0.3em 0; } DIV.header-medium-ultrateal, DIV.header-medium-hunter, DIV.header-medium-moss, DIV.header-medium-marigold, DIV.header-medium-gypsum, DIV.header-medium-onyx, DIV.header-medium-blue, DIV.header-medium-green, DIV.header-medium-red { font-size: 2em; line-height: 1em; font-weight: 700; padding: 1em 0 0.3em 0; } DIV.header-small-ultrateal, DIV.header-small-hunter, DIV.header-small-moss, DIV.header-small-marigold, DIV.header-small-gypsum, DIV.header-small-onyx, DIV.header-small-blue, DIV.header-small-green, DIV.header-small-red { font-size: 1.5em; line-height: 1em; font-weight: 500; padding: 1em 0 0.3em 0; } /* ######## # COLORS */ DIV.header-large-white, DIV.header-medium-white, DIV.header-small-white { color: #fff !important; -webkit-text-fill-color: #fff !important; } DIV.header-large-white, DIV.header-large-white.embeddedHeader { font-size: 3em; line-height: 1em; font-weight: 900; padding: 1em 0 0.3em 0; color: #fff !important; -webkit-text-fill-color: #fff !important; } DIV.header-medium-white, DIV.header-medium-white.embeddedHeader { font-size: 2em; line-height: 1em; font-weight: 700; padding: 1em 0 0.3em 0; color: #fff !important; -webkit-text-fill-color: #fff !important; } DIV.header-small-white, DIV.header-small-white.embeddedHeader { font-size: 1.5em; line-height: 1em; font-weight: 500; padding: 1em 0 0.3em 0; color: #fff !important; -webkit-text-fill-color: #fff !important; } /* canopy colors */ DIV.header-large-ultrateal, DIV.header-medium-ultrateal, DIV.header-small-ultrateal { color: #007483; } DIV.header-large-hunter, DIV.header-medium-hunter, DIV.header-small-hunter { color: #004539; } DIV.header-large-moss, DIV.header-medium-moss, DIV.header-small-moss { color: #AADDB3; } DIV.header-large-marigold, DIV.header-medium-marigold, DIV.header-small-marigold { color: #EABC4E; } DIV.header-large-gypsum, DIV.header-medium-gypsum, DIV.header-small-gypsum { color: #E3E1DB; } DIV.header-large-onyx, DIV.header-medium-onyx, DIV.header-small-onyx { color: #322E21; } /* cascade colors some converted to canopy colors some not*/ DIV.header-large-blue, DIV.header-medium-blue, DIV.header-small-blue { color: #007483; } DIV.header-large-green, DIV.header-medium-green, DIV.header-small-green { color: #004539; } DIV.header-large-red, DIV.header-medium-red, DIV.header-small-red { background: rgb(119, 37, 131); background: -moz-linear-gradient(142deg, rgb(119, 37, 131, 1) 0%, rgba(206, 15, 105, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(119, 37, 131, 1) 0%, rgba(206, 15, 105, 1) 100%); background: linear-gradient(142deg, rgba(119, 37, 131, 1) 0%, rgba(206, 15, 105, 1) 100%); } DIV.embeddedHeader + BR { display: none; } DIV.layoutUltraTealGradient1 DIV.embeddedHeader, DIV.layoutUltraTealGradient1PlusOverlay DIV.embeddedHeader, DIV.layoutMossGradient2 DIV.embeddedHeader, DIV.layoutMossGradient2PlusOverlay DIV.embeddedHeader, DIV.layoutUltraTealGradient3 DIV.embeddedHeader, DIV.layoutUltraTealGradient3PlusOverlay DIV.embeddedHeader, DIV.layoutHunterGradient2 DIV.embeddedHeader, DIV.layoutHunterGradient2PlusOverlay DIV.embeddedHeader, DIV.layoutHunterGradient2 DIV.embeddedHeader, DIV.layoutHeader DIV.embeddedHeader { } /* ######################################################################################### # # # # # C O N T E N T E X T R A S # # # # # ######################################################################################### */ /* ###################################### # BIO ADDITIONS ###################################### */ DIV.bioHeader { padding-bottom: 1em; } DIV.bioHeader H1 { font-size: 1.15em; } DIV.bioHeader H2 { font-size: 0.85em; padding-top: 0.2em; font-weight: 400; } DIV.bioHeader A { display: block; font-size: 0.75em; padding-top: 1.5em; text-decoration: none; } A.bioBack { float: right; font-size: 0.8em; text-decoration: none; font-weight: 500; } /* ###################################### # EVENT DETAILS ###################################### */ ASIDE#event { border-width: 1px; border-style: solid; border-color: #b2b2b2; -webkit-border-radius: .3em; -moz-border-radius: .3em; -o-border-radius: .3em; border-radius: .3em; margin: 0 -.6em 1em -.6em; padding: .5em .6em; background-color: #f3f4f6; line-height: 1.1em; } ASIDE#event DL { font-size: .9em; line-height: 1.1em; } ASIDE#event DL DT { display: inline-block; width: 30%; font-weight: bold; color: #322E21; padding: .3em 0; } ASIDE#event DL DD { display: inline-block; width: 60%; padding: .3em 0; } /* ###################################### # EMBEDDED IMAGES ###################################### */ DIV.bioPicAlt DIV { width: 100%; padding-top: 100%; background-size: contain; } DIV.embImgJustcenter { clear: both; padding: 2em 0 1em 0; width: 100% !important; } DIV.embImgFloatleftSpacer { width: 1px; float: left; } DIV.embImgFloatrightSpacer { width: 1px; float: right; } DIV.embImgFloat, DIV.embImgFloatleft { clear: both; float: left; padding: 2em 1em 1em 0; max-width: 60%; } DIV.embImgFloatright { clear: both; float: right; padding: 2em 0 1em 1em; max-width: 60%; } DIV.embImgFIRST, DIV.embImgSOLO { padding-top: 0 !important; } DIV.embImgJustcenter IMG { width: 100%; height: auto; } DIV.embImgFloat IMG, DIV.embImgFloatleft IMG, DIV.embImgFloatright IMG { max-width: 100%; height: auto; } DIV.embImg FIGCAPTION { background-color: #f3f4f6; font-size: .8em; padding: .7em 1em; line-height: 1.5em; } SECTION.copy iframe { max-width: 100%; } /* ###################################### # EMBEDDED VIDEO ###################################### */ .youtubeWrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 1.2em; } .youtubeVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .youtubeClicker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; background-color: #fff; } /* ###################################### # DOCUMENT FUNCTIONS ###################################### */ DIV.stdDocFunctions { padding: 1em 0.3em 1em 0; float: left; } DIV.stdDocFunctions A { color: #fff; background-color: #007483; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid #322e21; } DIV.stdDocFunctions A.docFuncPrint:before, DIV.stdDocFunctions A.docFuncEmail:before { text-decoration: none !important; font-size: 1em; display: inline-block; line-height: 1em; border-radius: .15em; width: 1.4em; height: 1.6em; padding-top: 0; padding-right: 0.4em; font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } DIV.stdDocFunctions A SPAN { color: #fff; } DIV.stdDocFunctions A.docFuncPrint:before { content: '\e803'; } DIV.stdDocFunctions A.docFuncEmail:before { content: '\e804'; } DIV.stdDocFunctions A { color: #fff !important; } DIV.stdDocFunctions A:hover, DIV.stdDocFunctions A:focus { color: #fff !important; } DIV.stdDocFunctions A SPAN { font-size: 0.85em; line-height: 1.2em; padding-top: 0.25em; } /* ###################################### # PHONES & ADDRESSES (+SKILLS) ###################################### */ DL.personPhones, DL.companyPhones, DL.companyAddresses, DL.personSkills { font-size: .8em; line-height: 1.1em; margin-bottom: 1.5em; /* margin: 0 -.6em 1em -.6em; padding: .5em .6em; background-color: #f3f4f6; border-width: 1px; border-style: solid; border-color: #b2b2b2; -webkit-border-radius: .3em; -moz-border-radius: .3em; -o-border-radius: .3em; border-radius: .3em; */ margin: 0 0 1em 0; padding: .5em 0; border-color: #bbb; border-width: 1px 0; border-style: solid; } DL.personPhones DT.Phone, DL.companyPhones DT.Phone, DL.companyAddresses DT.Address, DL.companyAddresses DT.Phone, DL.personSkills DT.SkillType { display: inline-block; width: 35%; font-weight: bold; color: #322E21; padding: .5em 3em .5em 0; } DL.personPhones DD.Phone, DL.companyPhones DD.Phone, DL.companyAddresses DD.Address, DL.companyAddresses DD.Phone, DL.personSkills DD.SkillList { display: inline-block; width: 60%; padding: .5em 0; } /* ###################################### # ACCOUNT CONTENT WRAPPER ###################################### */ VIDEO { width: 100%; height: auto; margin-bottom: 1em; } /* ###################################### # SOCIAL NETWORKS - BAR ###################################### */ DIV#snBar { padding: 1em 0 1em 0; } DIV.snBarClear { clear: both; } .sharrre { margin: 0.65em 0 0 0; font-size: .9em; } .sharrre .box { height: 2.55em; line-height: 2.55em; display: inline-block; position: relative; clear: both; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .sharrre .icon-share { margin-right: 0.4em; color: #fff; } .sharrre .left { height: 2.8em; line-height: 2.8em; padding: 0 1em 0 0.6em; cursor: default; /* background-color: #574061; */ -webkit-border-radius: .35em; -moz-border-radius: .35em; border-radius: .35em; display: block; white-space: nowrap; color: #fff; font-weight: normal; font-size: .85em; text-transform: uppercase; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background-color: #007483; border: 1px solid #322e21; } .sharrre .middle { position: absolute; height: 2.8em; line-height: 2.8em; top: 0; right: 0.15em; font-size: .85em; width: 0; /* background: #3d2a45; */ color: #fff; white-space: nowrap; text-align: left; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-border-radius: .35em; -moz-border-radius: .35em; border-radius: .35em; background-color: #007483; } .sharrre .middle A { color: #fff; font-weight: normal; text-transform: uppercase; text-decoration: none; padding: 0 1.01em 0 1.01em; text-align: center; float: left; height: 2.8em; line-height: 2.8em; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .sharrre .right { position: absolute; /* background-color: #906ba2; */ -webkit-border-radius: .35em; -moz-border-radius: .35em; border-radius: .35em; height: 2.8em; line-height: 2.8em; color: #fff; font-weight: bold; right: 0; top: 0; width: 3em; text-align: center; background-color: #EABC4E; } .sharrre .box:hover { padding-right: 18.55em; } .sharrre .box:hover .middle { width: 21.4em; overflow: visible; } .sharrre .middle A:hover, .sharrre .middle A:focus { text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; background-color: #004539; -webkit-border-radius: .35em; -moz-border-radius: .35em; border-radius: .35em; } /* ###################################### # COMMENTS ENGINE : READ ###################################### */ SECTION#commentRead { clear: both; line-height: 1.3em; margin: 1.5em 0 0 0; } SECTION#commentRead HEADER { padding: 1em 0; } SECTION#commentRead HEADER H1 { font-size: .9em; } SECTION#commentRead HEADER H1 SPAN.icons { font-size: 1.5em; font-weight: 100 !important; } SECTION#commentRead OL.commentRoll LI { border-color: #bbb; border-width: 1px 0 0 0; border-style: solid; padding: .7em 0; } SECTION#commentRead OL.commentRoll LI.Odd { } SECTION#commentRead OL.commentRoll LI.Even { } SECTION#commentRead OL.commentRoll LI.owner { } SECTION#commentRead OL.commentRoll LI DIV.commentPic { display: none; } SECTION#commentRead OL.commentRoll LI DIV.commentText { line-height: 1em; } SECTION#commentRead OL.commentRoll LI DIV.commentText SPAN.poster { font-size: .9em; font-weight: bold; } SECTION#commentRead OL.commentRoll LI DIV.commentText SPAN.comment { display: block; line-height: 1.3em; font-size: .8em; color: #69747d; padding: .5em 0; } SECTION#commentRead OL.commentRoll LI DIV.commentText SPAN.comment IMG { max-width: 8em; max-height: 8em; cursor: pointer; margin: .5em .5em .5em 0; } SECTION#commentRead OL.commentRoll LI DIV.commentText SPAN.comment IMG.clicked { max-width: 100% !important; max-height: 35em !important; margin: .5em .5em .5em 0; } SECTION#commentRead OL.commentRoll LI DIV.commentText SPAN.comment DIV.iframe { margin: .5em .5em .5em 0; position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; } SECTION#commentRead OL.commentRoll LI DIV.commentText SPAN.comment DIV.iframe IFRAME, SECTION#commentRead OL.commentRoll LI DIV.commentText SPAN.comment DIV.iframe OBJECT, SECTION#commentRead OL.commentRoll LI DIV.commentText SPAN.comment DIV.iframe EMBED { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } SECTION#commentRead OL.commentRoll LI DIV.commentText TIME { display: block; line-height: 1.3em; color: #a5a9ac; font-style: normal; font-size: .7em; } /* ###################################### # COMMENTS ENGINE : POST ###################################### */ SECTION#commentPost { clear: both; line-height: 1.3em; color: #59646d; padding: 1em 0; border-color: #bbb; border-width: 1px 0 0 0; border-style: solid; } SECTION#commentPost SPAN.membersOnly { font-size: .8em; } LI#cfliComment LABEL { display: inline-block; line-height: 1.8em; font-size: .9em; font-weight: bold; } LI#cfliComment TEXTAREA { display: inline-block; width: 100%; box-sizing: border-box; padding: .4em .4em; font-size: .85em; border-width: 1px; border-style: solid; -webkit-border-radius: .15em; -moz-border-radius: .15em; -o-border-radius: .15em; border-radius: .15em; height: 8em; margin-bottom: 1em; color: #555; background: #fff; border-color: #b2b2b2; -webkit-box-shadow: inset 0 0.2em 0.35em 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 0.2em 0.35em 0 rgba(0, 0, 0, 0.15); } LI#cfliComment TEXTAREA:focus, LI#cfliComment TEXTAREA:active { color: #322E21; background: #f0f0f0; border-color: #c276e9; -webkit-box-shadow: inset 0 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); box-shadow: inset 0 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); } /* ############################################################################### # # # # # RELATED ITEMS # # # # # ############################################################################### */ ASIDE.docFoot { font-size: .9em; line-height: 1.5em; } ASIDE.docFoot > H1 { font-size: 1.15em; line-height: 1em; font-weight: 400; color: #322E21; margin-top: 0; margin-bottom: .4em; } /* ###################################### # RELATED DOCS ###################################### */ SECTION.enhancedDocs, SECTION.relDocs { margin: 0 0 3em 0; } SECTION.catItemExt SECTION.relDocs { } SECTION.catItemExt > SECTION.tlTab2 > DIV.catList { padding-bottom: 0; } SECTION.enhancedDocs HEADER, SECTION.relDocs HEADER { } SECTION.enhancedDocs HEADER H1, SECTION.relDocs HEADER H1 { font-size: 1.25em; line-height: 1em; font-weight: 700; color: #007483; padding-bottom: .5em; } SECTION.enhancedDocs DIV UL, SECTION.relDocs DIV UL { list-style: none; } SECTION.enhancedDocs DIV UL LI, SECTION.relDocs DIV UL LI { padding: .5em 0 1.5em 0; } SECTION.enhancedDocs DIV UL LI A, SECTION.relDocs DIV UL LI A { display: block; line-height: 1em; text-decoration: none; } SECTION.enhancedDocs DIV UL LI A:link, SECTION.enhancedDocs DIV UL LI A:visited, SECTION.enhancedDocs DIV UL LI A:active, SECTION.relDocs DIV UL LI A:link, SECTION.relDocs DIV UL LI A:visited, SECTION.relDocs DIV UL LI :active { } SECTION.enhancedDocs DIV UL LI A:hover, SECTION.enhancedDocs DIV UL LI A:focus, SECTION.relDocs DIV UL LI A:hover, SECTION.relDocs DIV UL LI A:focus { } SECTION.enhancedDocs DIV UL LI A SPAN.title, SECTION.relDocs DIV UL LI A SPAN.title { line-height: 1em; display: block; font-weight: normal; text-decoration: underline; } SECTION.enhancedDocs DIV UL LI A:hover SPAN.title, SECTION.enhancedDocs DIV UL LI A:focus SPAN.title, SECTION.relDocs DIV UL LI A:hover SPAN.title, SECTION.relDocs DIV UL LI A:focus SPAN.title { text-decoration: underline; } SECTION.enhancedDocs DIV UL LI A SPAN.subtitle, SECTION.relDocs DIV UL LI A SPAN.subtitle { line-height: 1em; display: block; text-decoration: none; font-weight: bold; margin-top: .3em; color: #322E21; font-size: .9em; } SECTION.enhancedDocs DIV UL LI A TIME, SECTION.relDocs DIV UL LI A TIME { display: block; color: #777777; line-height: 1em; text-decoration: none; } SECTION.enhancedDocs DIV UL LI A SUMMARY, SECTION.relDocs DIV UL LI A SUMMARY { display: block; margin: .75em 0 0 0; text-decoration: none; font-size: .9em; line-height: 1.4em; color: #322E21; } /* ###################################### # RELATED URLS ###################################### */ SECTION.relURLs { margin: 0 0 3em 0; } SECTION.relURLs SECTION { } SECTION.relURLs HEADER { } SECTION.relURLs HEADER H1 { font-size: 1.5em; line-height: 1em; font-weight: 700; color: #007483; padding-bottom: 0em; } SECTION.relURLs DIV UL { list-style: none; } SECTION.relURLs DIV UL LI { padding: .5em 0 1.5em 0; } SECTION.relURLs DIV UL LI A { display: block; line-height: 1em; text-decoration: none; } SECTION.relURLs DIV UL LI A:link, SECTION.relURLs DIV UL LI A:visited, SECTION.relURLs DIV UL LI A:active { } SECTION.relURLs DIV UL LI A:hover, SECTION.relURLs DIV UL LI A:focus { } SECTION.relURLs DIV UL LI A SPAN.intro { display: block; text-decoration: none; font-size: .9em; line-height: 1.2em; color: #322E21; } SECTION.relURLs DIV UL LI A SPAN.link { margin-top: .4em; line-height: 1em; display: block; font-weight: normal; text-decoration: none; } SECTION.relURLs DIV UL LI A:hover SPAN.link, SECTION.relURLs DIV UL LI A:focus SPAN.link { text-decoration: underline; } SECTION.relURLs DIV UL LI A SPAN.link SPAN.linkIcon { text-decoration: none !important; display: inline-block; line-height: 1.7em; background-color: #007483; color: #fff; border-radius: .15em; width: 1.4em; height: 1.4em; margin-top: -0.15em; padding-top: 0.2em; padding-left: 0.25em; padding-right: 0.15em; margin-right: 0.5em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } SECTION.relURLs DIV UL LI A SPAN.link SPAN.linkIcon:before { text-decoration: none; content: '\f006'; } SECTION.relURLs DIV UL LI A:hover SPAN.link SPAN.linkIcon, SECTION.relURLs DIV UL LI A:focus SPAN.link SPAN.linkIcon { background-color: #004539; color: #fff; text-decoration: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; padding-left: 0.35em; padding-right: 0.05em; } SECTION.relURLs DIV UL LI A SPAN.domain { line-height: 1em; display: block; text-decoration: none; font-weight: bold; margin-top: .3em; color: #322E21; font-size: .9em; } /* ###################################### # RELATED DOWNLOADS ###################################### */ SECTION.downloads { margin: 0 0 3em 0; } SECTION.downloads SECTION { } SECTION.downloads HEADER { } SECTION.downloads HEADER H1 { font-size: 1.25em; line-height: 1em; font-weight: 700; color: #007483; padding-bottom: .5em; } SECTION.downloads DIV UL { list-style: none !important; } SECTION.downloads DIV UL LI { clear: left; padding: .5em 1em 1.5em 0; } SECTION.downloads DIV UL LI A { display: block; line-height: 1em; text-decoration: none; } SECTION.downloads DIV UL LI A:link, SECTION.downloads DIV UL LI A:visited, SECTION.downloads DIV UL LI :active { } SECTION.downloads DIV UL LI A:hover, SECTION.downloads DIV UL LI A:focus { } SECTION.downloads DIV UL LI A SPAN.thumb-vertical { float: left; border-style: solid; border-color: #004539; border-width: 1px; border-radius: .25em; margin: 0 .7em .6em 0; overflow: hidden; /* -webkit-box-shadow: 0 0 .5em 0.25em rgba(0,0,0,0.05); box-shadow: 0 0 0.5em 0.25em rgba(0,0,0,0.05); */ } SECTION.downloads DIV UL LI A SPAN.thumb-vertical IMG { float: left; width: 5em; height: auto; } SECTION.downloads DIV UL LI A SPAN.thumb-horizontal { border-style: solid; border-color: #007483; border-width: 1px; border-radius: .25em; margin: 0 1em 1em 0; overflow: hidden; width: 100%; display: block; /* -webkit-box-shadow: 0 0 .5em 0.25em rgba(0,0,0,0.05); box-shadow: 0 0 0.5em 0.25em rgba(0,0,0,0.05); */ } SECTION.downloads DIV UL LI A SPAN.thumb-horizontal IMG { width: 100%; height: auto; } SECTION.downloads DIV UL LI A SPAN.title { line-height: 1em; display: block; font-weight: 500; text-decoration: none; color: #383838; } SECTION.downloads DIV UL LI A:hover SPAN.title, SECTION.downloads DIV UL LI A:focus SPAN.title { text-decoration: none; } SECTION.downloads DIV UL LI A SUMMARY { display: block; margin: .2em 0 0 0; text-decoration: none; font-size: .9em; line-height: 1.4em; color: #322E21; } SECTION.downloads DIV UL LI A SPAN.instructions { margin-top: 0.5em; font-size: 0.8em; display: inline-block; line-height: 1.7em; background-color: #007483; color: #fff; border-radius: .25em; height: 2.3em; padding: 0.3em 0.9em 0.35em 0.25em; text-align: center; cursor: pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } SECTION.downloads DIV UL LI A:hover SPAN.instructions, SECTION.downloads DIV UL LI A:focus SPAN.instructions { background-color: #004539; color: #fff; } SECTION.downloads DIV UL LI A SPAN.instructionsIcon { width: 1.7em; height: 1.5em; font-size: 1.2em; display: inline-block; padding-top: 0.2em; padding-bottom: 0.35em; margin-right: 0.1em; -webkit-transition: color 0s, padding 0.4s; -moz-transition: color 0s, padding 0.4s; -o-transition: color 0s, padding 0.4s; transition: color 0s, padding 0.4s; font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } SECTION.downloads DIV UL LI A SPAN.instructionsIcon:before { content: '\f004'; } SECTION.downloads DIV UL LI A:hover SPAN.instructionsIcon, SECTION.downloads DIV UL LI A:focus SPAN.instructionsIcon { -webkit-transition: color 0s, padding 0.4s; -moz-transition: color 0s, padding 0.4s; -o-transition: color 0s, padding 0.4s; transition: color 0s, padding 0.4s; padding-top: 0.35em; padding-bottom: 0.2em; } /* ###################################### # RELATED TAGS ###################################### */ SECTION.relTags { margin: 0 0 3em 0; } SECTION.relTags { } SECTION.relTags HEADER { } SECTION.relTags HEADER H1 { font-size: 1.5em; line-height: 1em; font-weight: 700; color: #007483; padding-bottom: 0em; } SECTION.relTags DIV UL { list-style: none; } SECTION.relTags DIV UL LI { padding: .2em 0 0 0; } SECTION.relTags DIV UL LI A { display: block; line-height: 1em; font-weight: normal; text-decoration: none; } SECTION.relTags DIV UL LI A:link, SECTION.relTags DIV UL LI A:visited, SECTION.relTags DIV UL LI :active { } SECTION.relTags DIV UL LI A:hover, SECTION.relTags DIV UL LI A:focus { } SECTION.relTags DIV UL LI A SPAN.tagLink { margin-top: .4em; line-height: 1em; display: block; font-weight: normal; text-decoration: none; } SECTION.relTags DIV UL LI A:hover SPAN.tagLink, SECTION.relTags DIV UL LI A:focus SPAN.tagLink { text-decoration: underline; } SECTION.relTags DIV UL LI A SPAN.tagLink SPAN.tagLinkIcon { text-decoration: none !important; display: inline-block; line-height: 1.7em; background-color: #007483; color: #fff; border-radius: .15em; width: 1.4em; height: 1.4em; margin-top: -0.15em; padding-top: 0.2em; padding-left: 0.2em; padding-right: 0.2em; margin-right: 0.5em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } SECTION.relTags DIV UL LI A SPAN.tagLink SPAN.tagLinkIcon:before { font-size: 0.85em; text-decoration: none; content: '\e805'; } SECTION.relTags DIV UL LI A:hover SPAN.tagLink SPAN.tagLinkIcon, SECTION.relTags DIV UL LI A:focus SPAN.tagLink SPAN.tagLinkIcon { background-color: #004539; color: #fff; text-decoration: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } SECTION.relTags DIV UL LI A SPAN.tagLink SPAN.checkLinkIcon, SECTION.relTags DIV UL LI A SPAN.tagLink SPAN.checkLinkIconON { text-decoration: none !important; display: inline-block; line-height: 1.7em; border-radius: .15em; width: 1.4em; height: 1.4em; margin-top: -0.15em; padding-top: 0.2em; padding-left: 0.2em; padding-right: 0.2em; margin-right: 0.5em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } SECTION.relTags DIV UL LI A SPAN.tagLink SPAN.checkLinkIcon { background-color: #2F3650; color: #004539; } SECTION.relTags DIV UL LI A SPAN.tagLink SPAN.checkLinkIconON { background-color: #004539; color: #fff; } SECTION.relTags DIV UL LI A SPAN.tagLink SPAN.checkLinkIcon:before { font-size: 0.85em; text-decoration: none; content: '\f096'; } SECTION.relTags DIV UL LI A SPAN.tagLink SPAN.checkLinkIconON:before { font-size: 0.85em; text-decoration: none; content: '\e806'; } SECTION.relTags DIV UL LI A:hover SPAN.tagLink SPAN.checkLinkIcon, SECTION.relTags DIV UL LI A:focus SPAN.tagLink SPAN.checkLinkIcon { background-color: #004539; color: #fff; text-decoration: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } SECTION.relTags DIV UL LI A:hover SPAN.tagLink SPAN.checkLinkIconON, SECTION.relTags DIV UL LI A:focus SPAN.tagLink SPAN.checkLinkIconON { background-color: #004539; color: #fff; text-decoration: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } /* ###################################### # CALLOUTS ###################################### */ SECTION.calloutDocs { margin: 0 0 3em 0; } SECTION.calloutDocs UL LI { background-color: #fff; border-radius: .5em; -webkit-box-shadow: 0 0 .5em 0.25em rgba(0,0,0,0.05); box-shadow: 0 0 0.5em 0.25em rgba(0,0,0,0.05); margin-right: 1em; margin-bottom: 1em; padding: 1em 0 0 0; border-bottom-color: transparent !important; height: 100%; border-width: 0; overflow: hidden; } SECTION.calloutDocs UL LI SECTION { height: 100%; margin: 0; position: relative; } SECTION.calloutDocs UL LI SECTION IMG { } SECTION.calloutDocs UL LI SECTION H1 { display: block; font-size: 1em; font-weight: 500; line-height: 1.2em; margin: 0 1em 0 1em; } SECTION.calloutDocs UL LI SECTION H1 SPAN { padding: 0 0 0 0; font-size: 1.25em; } SECTION.calloutDocs UL LI SECTION H2 { display: block; font-size: 1em; font-weight: 500; color: #007483; margin: 0.3em 1em 0 1em; } SECTION.calloutDocs UL LI SECTION SPAN.tImg + H1 { margin: 0 0 0 0; } SECTION.calloutDocs UL LI SECTION SPAN.tImg + H1 SPAN { margin: 0 0 0 0; padding: 0 0.8em 0 0.8em; } SECTION.calloutDocs UL LI SECTION H1:before { display: block; content: ''; width: 100%; height: 5px; background: #007483; margin-bottom: 1em; } SECTION.calloutDocs UL LI SECTION SUMMARY { padding: 1em 1.15em 7em 1.15em; font-size: 0.9em; line-height: 1.5em; color: #5F5F5F; } SECTION.calloutDocs UL LI SECTION A.readMore { position: absolute; font-size: .75em; bottom: 1.3em; left: 1.3em; background-color: #fff; border-color: #322E21; border-radius: 0.35em; border-width: 1px; border-style: solid; color: #322E21; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } SECTION.calloutDocs UL LI SECTION A.readMore:hover, SECTION.calloutDocs UL LI SECTION A.readMore:focus { background-color: #004539; border-color: #004539; border-radius: 0.35em; border-width: 1px; border-style: solid; color: #fff; } SECTION.calloutDocs UL LI SECTION SPAN.tImg ~ A.readMore { /* bottom: 0; */ } /* ###################################### # GENERIC & CUSTOM FORM TWEAKS ###################################### */ DIV.catGenForm H2 { color: #22a5d6; font-size: 1.5em; font-weight: 500; line-height: 1em; } TABLE.basket { width: 100%; } TABLE.basket TD.label { vertical-align: middle; padding: .3em 1em .3em 0; } TABLE.basket TD.price { vertical-align: middle; padding: .3em 1em .3em 1em; } TABLE.basket TD.quantity { width: 5em; padding: .15em 0 .15em 1em; vertical-align: middle; } TABLE.basket TD.info { vertical-align: middle; padding: .3em 0 .3em 1em; text-align: right; } TABLE.basket TR.Even TD.label { background-image: -webkit-linear-gradient(left, #ffffff, #e8e8e8); background-image: -moz-linear-gradient(left, #ffffff, #e8e8e8); background-image: -ms-linear-gradient(left, #ffffff, #e8e8e8); background-image: -o-linear-gradient(left, #ffffff, #e8e8e8); } TABLE.basket TR.Even TD.price { background-color: #e8e8e8; } TABLE.basket TR.Even TD.quantity, TABLE.basket TR.Even TD.info { background-image: -webkit-linear-gradient(left, #e8e8e8, #ffffff); background-image: -moz-linear-gradient(left, #e8e8e8, #ffffff); background-image: -ms-linear-gradient(left, #e8e8e8, #ffffff); background-image: -o-linear-gradient(left, #e8e8e8, #ffffff); } TABLE.basket TR TD HR { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #d6dade, #ffffff); background-image: -moz-linear-gradient(left, #d6dade, #ffffff); background-image: -ms-linear-gradient(left, #d6dade, #ffffff); background-image: -o-linear-gradient(left, #d6dade, #ffffff); } /* ###################################### # EMBEDDED LISTS ###################################### DL.embListPeople { line-height: 1.1em; } DL.embListPeople DT { margin-top: .4em; font-weight: bold; display: block; } DL.embListPeople DD { display: block; } DL.embListPeople DT.embListPeoplePer { margin-top: 2.2em; } */ /* ###################################### # EXTENDED DOWNLOADS ###################################### */ SECTION.ext-downloads { margin: 0 0 3em 0; } SECTION.ext-downloads SECTION { } SECTION.ext-downloads HEADER { } SECTION.ext-downloads HEADER H1 { font-size: 1.25em; line-height: 1em; font-weight: 500; color: #22a5d6; padding-bottom: .5em; } SECTION.ext-downloads HEADER H2 { font-size: .9em; line-height: 1em; font-weight: bold; color: #666; padding-bottom: .5em; margin-top: -.65em; } SECTION.ext-downloads DIV UL { list-style: none; } SECTION.ext-downloads DIV UL LI { clear: left; padding: .5em 0 .3em 0; } SECTION.ext-downloads DIV UL LI.multiThumb { clear: none; padding: .5em 0 .3em 3.8em; } SECTION.ext-downloads DIV UL LI.multiThumbPrefix, SECTION.ext-downloads DIV UL LI.soloThumb { padding-top: 2em; } SECTION.ext-downloads DIV UL LI A { display: block; line-height: 1em; text-decoration: none; } SECTION.ext-downloads DIV UL LI A:link, SECTION.ext-downloads DIV UL LI A:visited, SECTION.ext-downloads DIV UL LI :active { } SECTION.ext-downloads DIV UL LI A:hover, SECTION.ext-downloads DIV UL LI A:focus { } SECTION.ext-downloads DIV UL LI A SPAN.thumb, SECTION.ext-downloads DIV UL LI SPAN.fileThumb { float: left; } SECTION.ext-downloads DIV UL LI A SPAN.thumb IMG, SECTION.ext-downloads DIV UL LI SPAN.fileThumb IMG { float: left; width: 3em; margin: 0 .7em .6em 0; height: auto; } SECTION.ext-downloads DIV UL LI A SPAN.miniIcon { float: left; } SECTION.ext-downloads DIV UL LI A SPAN.miniIcon IMG { float: left; margin: 0 .7em 0 0; height: auto; } SECTION.ext-downloads DIV UL LI SPAN.title { line-height: 1em; display: block; font-weight: normal; text-decoration: none; color: #444; } SECTION.ext-downloads DIV UL LI A SPAN.title { line-height: 1em; display: block; font-weight: normal; text-decoration: none; color: #444; padding-bottom: .5em; } SECTION.ext-downloads DIV UL LI A:hover SPAN.title, SECTION.ext-downloads DIV UL LI A:focus SPAN.title { text-decoration: none; color: #444; } SECTION.ext-downloads DIV UL LI A SUMMARY { display: block; margin: .2em 0 0 0; text-decoration: none; font-size: .9em; line-height: 1.4em; color: #322E21; } SECTION.ext-downloads DIV UL LI A SPAN.instructions { display: block; color: #777777; font-size: .8em; line-height: 1em; text-decoration: underline; } /* ############################################################################################################# # # # # # # # # # # # D O C U M E N T L I S T S # # # # # # # # # # # ############################################################################################################# */ /* ###################################### # DOCUMENT LIST TABLE ###################################### */ DIV.catList { padding: 2em 0 7em 0; } SECTION.list DIV.catList { padding: 0; } DIV.tlTable TABLE, DIV.tlSearch3 TABLE { width: 100%; } SECTION.subtopicList ARTICLE { padding: 3em 0 2em 0; margin-bottom: 2em; } SECTION.subtopicList ARTICLE.catItemSubA { padding-bottom: 0; } SECTION.subtopicList ARTICLE.catItemSubA SUMMARY { padding-bottom: 1em; color: #322E21; } SECTION.subtopicList DIV.layoutMain ARTICLE.catItemSubA SUMMARY { padding-bottom: 2em; color: #fff; } div.layoutWhite ARTICLE.catItemSubA SUMMARY, div.layoutWhitePlusOverlay ARTICLE.catItemSubA SUMMARY, DIV.layoutMoss ARTICLE.catItemSubA SUMMARY, DIV.layoutMossPlusOverlay ARTICLE.catItemSubA SUMMARY, DIV.layoutMossGradient1 ARTICLE.catItemSubA SUMMARY, DIV.layoutMossGradient1PlusOverlay ARTICLE.catItemSubA SUMMARY, DIV.layoutMossGradient2 ARTICLE.catItemSubA SUMMARY, DIV.layoutMossGradient2PlusOverlay ARTICLE.catItemSubA SUMMARY, DIV.layoutMossGradient3 ARTICLE.catItemSubA SUMMARY, DIV.layoutMossGradient3PlusOverlay ARTICLE.catItemSubA SUMMARY, DIV.layoutMossGradient4 ARTICLE.catItemSubA SUMMARY, DIV.layoutMossGradient4PlusOverlay ARTICLE.catItemSubA SUMMARY { padding-bottom: 2em; color: #322E21 !important; } /* ###################################### # GRID 1,2,3,4 ###################################### */ SECTION.tlGrid1 DIV.tlTable TABLE TD, SECTION.sidebarBlock DIV.sidebarBlockHighlight { width: 100%; text-align: left; } SECTION.tlGrid2 DIV.tlTable TABLE TD.left, SECTION.tlGrid2 DIV.tlTable TABLE TD.col1, SECTION.tlGrid2 DIV.tlTable TABLE TD.col1.left { width: 50%; text-align: left; } SECTION.tlGrid2 DIV.tlTable TABLE TD.right, SECTION.tlGrid2 DIV.tlTable TABLE TD.col2, SECTION.tlGrid2 DIV.tlTable TABLE TD.col2.right { width: 50%; text-align: left; } SECTION.tlGrid3 DIV.tlTable TABLE TD.left, SECTION.tlGrid3 DIV.tlTable TABLE TD.col1, SECTION.tlGrid3 DIV.tlTable TABLE TD.col1.left, SECTION.tlGrid3 DIV.tlTable TABLE TD.col2, SECTION.tlGrid3 DIV.tlTable TABLE TD.col2.left { width: 33.333% !important; text-align: left; } SECTION.tlGrid3 DIV.tlTable TABLE TD.right, SECTION.tlGrid3 DIV.tlTable TABLE TD.col3, SECTION.tlGrid3 DIV.tlTable TABLE TD.col3.right { width: 33.333%; text-align: left; } SECTION.tlGrid4 DIV.tlTable TABLE TD.left, SECTION.tlGrid4 DIV.tlTable TABLE TD.col1, SECTION.tlGrid4 DIV.tlTable TABLE TD.col1.left, SECTION.tlGrid4 DIV.tlTable TABLE TD.col2, SECTION.tlGrid4 DIV.tlTable TABLE TD.col2.left, SECTION.tlGrid4 DIV.tlTable TABLE TD.col3, SECTION.tlGrid4 DIV.tlTable TABLE TD.col3.left { width: 25%; text-align: left; } SECTION.tlGrid4 DIV.tlTable TABLE TD.right, SECTION.tlGrid4 DIV.tlTable TABLE TD.col4, SECTION.tlGrid4 DIV.tlTable TABLE TD.col4.right { width: 25%; text-align: left; } SECTION.tlGrid1 DIV.tlTable TABLE { border-spacing: 0; width: 100%; height: 100%; } SECTION.tlGrid2 DIV.tlTable TABLE, SECTION.tlGrid3 DIV.tlTable TABLE, SECTION.tlGrid4 DIV.tlTable TABLE { border-spacing: 1em; border-collapse: separate; margin: -1em; width: calc(100% + 2em); height: 100%; } /* ########################################## # FIX FOR JAMIE FOR SMALLER RESULT SETS ########################################## */ SECTION.tlGrid2 DIV.tlTable.has1cols TABLE { width: calc(50% + 1em); } SECTION.tlGrid3 DIV.tlTable.has1cols TABLE { width: calc(33.3333% + 1em); } SECTION.tlGrid4 DIV.tlTable.has1cols TABLE { width: calc(25% + 1em); } SECTION.tlGrid3 DIV.tlTable.has2cols TABLE { width: calc(3366.6666% + 1em); } SECTION.tlGrid4 DIV.tlTable.has2cols TABLE { width: calc(50% + 1em); } SECTION.tlGrid4 DIV.tlTable.has3cols TABLE { width: calc(75% + 1em); } SECTION.tlGrid3 DIV.tlTable.has2cols TABLE { width: calc(100% + 1em); } SECTION.tlGrid1 DIV.tlTable TABLE TD { padding: 1em 0 2.5em 0; border-bottom-color: transparent !important; height: 100%; border-width: 0; overflow: hidden; } SECTION.sidebarBlock DIV.sidebarBlockHighlight { background-color: #fff; border-radius: .5em; -webkit-box-shadow: 0 0 .5em 0.25em rgba(0,0,0,0.05); box-shadow: 0 0 0.5em 0.25em rgba(0,0,0,0.05); margin-right: 1em; padding: 1em 0 1em 0; border-bottom-color: transparent !important; height: 100%; border-width: 0; overflow: hidden; } SECTION.tlGrid2 DIV.tlTable TABLE TD, SECTION.tlGrid3 DIV.tlTable TABLE TD, SECTION.tlGrid4 DIV.tlTable TABLE TD { background-color: #fff; border-radius: .5em; -webkit-box-shadow: 0 0 .5em 0.25em rgba(0,0,0,0.05); box-shadow: 0 0 0.5em 0.25em rgba(0,0,0,0.05); margin-right: 1em; padding: 1em 0 0 0; border-bottom-color: transparent !important; height: 100%; border-width: 0; overflow: hidden; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION, SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION { height: 100%; margin: 0; position: relative; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION H1 { display: block; font-size: 1.3em; line-height: 1.2em; margin: 0; } SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION H1, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION H1, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION H1, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION H1, SECTION.tlSlider LI.tlSlide SECTION H1, SECTION.tlGridSlider LI.tlSlide SECTION H1 { display: block; font-size: 1em; line-height: 1.2em; margin: 0 1em 0 1em; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION H2 { display: block; font-size: 1.1em; font-weight: 500; color: #007483; margin: 0.3em 0 0 0; } SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION H2, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION H2, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION H2, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION H2, SECTION.tlSlider LI.tlSlide SECTION H2, SECTION.tlGridSlider LI.tlSlide SECTION H2 { display: block; font-size: 1em; font-weight: 700; color: #007483; margin: 0.3em 1em 0 1em; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION SPAN.tImg + H1, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION SPAN.tImg + H1, SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION SPAN.tImg + H1, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION SPAN.tImg + H1, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION SPAN.tImg + H1, SECTION.tlSlider LI.tlSlide SECTION SPAN.tImg + H1, SECTION.tlGridSlider LI.tlSlide SECTION SPAN.tImg + H1 { margin: 0 0 0 0; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION H1 SPAN,, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION H1 SPAN, SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION H1 SPAN, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION H1 SPAN, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION H1 SPAN, SECTION.tlSlider LI.tlSlide SECTION H1 SPAN, SECTION.tlGridSlider LI.tlSlide SECTION H1 SPAN { padding: 0 0 0 0; font-size: 1.25em; display: block; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION SPAN.tImg + H1 SPAN { margin: 0 0 0 0; padding: 0 0 0 0; } SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION SPAN.tImg + H1 SPAN, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION SPAN.tImg + H1 SPAN, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION SPAN.tImg + H1 SPAN, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION SPAN.tImg + H1 SPAN, SECTION.tlSlider LI.tlSlide SECTION SPAN.tImg + H1 SPAN, SECTION.tlGridSlider LI.tlSlide SECTION SPAN.tImg + H1 SPAN { font-size: 1.2em; margin: 0 0 0 0; padding: 0 0.8em 0 .8em; display: block; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION H1:before, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION H1:before, SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION H1:before, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION H1:before, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION H1:before, SECTION.tlSlider LI.tlSlide SECTION H1:before, SECTION.tlGridSlider LI.tlSlide SECTION H1:before { display: block; content: ''; width: 100%; height: 5px; background: #007483; margin-bottom: 1em; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION SUMMARY { padding: 1em 0 1.5em 0; font-size: 0.9em; line-height: 1.5em; color: #5F5F5F; } SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION SUMMARY, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION SUMMARY, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION SUMMARY, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION SUMMARY { padding: 1em 1.15em 7em 1.15em; font-size: 0.9em; line-height: 1.5em; color: #5F5F5F; } SECTION.tlSlider LI.tlSlide SECTION SUMMARY, SECTION.tlGridSlider LI.tlSlide SECTION SUMMARY { padding: 1em 1.15em 7em 1.15em; font-size: 0.9em; line-height: 1.5em; color: #5F5F5F; } SECTION.tlSlider LI.tlSlide SECTION SUMMARY SPAN, SECTION.tlGridSlider LI.tlSlide SECTION SUMMARY SPAN { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION A.readMore { font-size: .75em; background-color: #fff; border-color: #322E21; border-radius: 0.35em; border-width: 1px; border-style: solid; color: #322E21; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 3em; } SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION A.readMore, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION A.readMore, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION A.readMore, SECTION.tlSlider LI.tlSlide SECTION A.readMore, SECTION.tlGridSlider LI.tlSlide SECTION A.readMore, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION A.readMore { font-size: .75em; position: absolute !important; bottom: 1.3em !important; left: 1.3em !important; background-color: #fff; border-color: #322E21; border-radius: 0.35em; border-width: 1px; border-style: solid; color: #322E21; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION A.readMore:hover, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION A.readMore:hover, SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION A.readMore:hover, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION A.readMore:hover, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION A.readMore:hover, SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION A.readMore:focus, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION A.readMore:focus, SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION A.readMore:focus, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION A.readMore:focus, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION A.readMore:focus, SECTION.tlSlider LI.tlSlide SECTION A.readMore:hover, SECTION.tlSlider LI.tlSlide SECTION A.readMore:focus, SECTION.tlGridSlider LI.tlSlide SECTION A.readMore:hover, SECTION.tlGridSlider LI.tlSlide SECTION A.readMore:focus { background-color: #004539; border-color: #fff; border-radius: 0.35em; border-width: 1px; border-style: solid; color: #fff; } SECTION.tlGrid1 DIV.tlTable TABLE TD SECTION SPAN.tImg ~ A.readMore, SECTION.sidebarBlock DIV.sidebarBlockHighlight SECTION SPAN.tImg ~ A.readMore, SECTION.tlGrid2 DIV.tlTable TABLE TD SECTION SPAN.tImg ~ A.readMore, SECTION.tlGrid3 DIV.tlTable TABLE TD SECTION SPAN.tImg ~ A.readMore, SECTION.tlGrid4 DIV.tlTable TABLE TD SECTION SPAN.tImg ~ A.readMore { bottom: 0; } UL#slider1cnpytop5 { height: 19rem; } UL#slider1cnpytop5 section.abstr { padding-top: 0rem; } #slider1cnpytop5 LI.tlSlide SECTION H1 {display: none !important;} #slider1cnpytop5 LI.tlSlide span.tImg.tImgBANNER { background-color: #fff; height: 100%; margin: auto; } #slider1cnpytop5 LI.tlSlide span.tImgBannerBlock { height: 90%; background-size: contain; background-repeat: no-repeat; margin-top: 5%; margin-bottom: 5%; } SPAN.tImgBANNER, SPAN.tImgTEASER { display: block; background-color: #322E21; width: 90%; height: 10em; margin-top: -1em } SPAN.tImgBannerBlock, SPAN.tImgTeaserBlock { display: block; height: 100%; width: 100%; background-size: cover; background-position: center center; } SECTION.sidebarBlock { padding-bottom: 2.5em; padding-right: 1.5em; } SECTION.sidebarBlock > H4 { color: #1C2441; padding-bottom: 1em; padding-left: 1em; } DIV.sidebarBlockExtra { font-size: 0.9em !important; padding: 0.75em 0; border-style: solid; border-width: 1px 0 0 0; border-color: #C0CEDB; margin: 0 1em; } DIV.sidebarBlockExtra A { display: block; text-decoration: none; line-height: 1.3em; } DIV.sidebarBlockExtra A:hover, DIV.sidebarBlockExtra A:focus { text-decoration: underline; } DIV.sidebarBlockExtra:nth-child(3) { border-width: 0 0 0 0 !important; padding-top: 1.5em; } SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TD { padding-top: 0; } SECTION.tlGrid2.tlContactGrid2 DIV.catList { padding-top: 0 !important; } SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TD SECTION SPAN.tImgContactBANNER { margin: 0 1em 0 0; padding: 0 0 0 0; width: 35%; display: block; float: left; height: 12em; } SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TD SECTION H1 { width: auto; margin: 0 1em 0 calc(35% + 1em); padding-top: 1em; font-size: 0.85em; } SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TD SECTION H1:before { display: none; } SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TD SECTION H1 SPAN:before { display: block; content: ''; width: 100%; height: 5px; background: rgb(111,209,236); background: -moz-linear-gradient(60deg, rgba(111,209,236,1) 74%, rgba(220,220,220,1) 74%); background: -webkit-linear-gradient(60deg, rgba(111,209,236,1) 74%, rgba(220,220,220,1) 74%); background: linear-gradient(60deg, rgba(111,209,236,1) 74%, rgba(220,220,220,1) 74%); margin-bottom: 0.6em; } SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TD SECTION H2 { font-size: 0.9em; } /* ###################################### # LIST TABLE HEADER ###################################### */ DIV.tlTable TABLE TH { padding: 1em 0 .5em 0; border-color: transparent transparent #C0CEDB transparent; border-style: solid; border-width: 1px; border-collapse: collapse; text-align: left; line-height: 1em; } DIV.tlTable TABLE TH.catalogListRight, DIV.tlTable TABLE TD.relev, DIV.tlTable TABLE TD.relev SPAN { text-align: right; } DIV.tlTable TABLE TH A { display: block; text-decoration: none; font-size: .8em; padding-top: .2em; } DIV.tlTable TABLE TH A:link, DIV.tlTable TABLE TH A:visited, DIV.tlTable TABLE TH A:active { text-decoration: none; color: #004539; } DIV.tlTable TABLE TH A:hover, DIV.tlTable TABLE TH A:focus { text-decoration: underline; color: #004539; } DIV.tlTable TABLE TH.catalogListCol2DESC A, DIV.tlTable TABLE TH.catalogListCol3DESC A { float: right; padding-left: 1.7em; color: #EABC4E; } DIV.tlTable TABLE TH.catalogListCol2ASC A, DIV.tlTable TABLE TH.catalogListCol3ASC A { float: right; padding-left: 1.7em; color: #EABC4E; } DIV.tlTable TABLE TH.catalogListCol1DESC A:before, DIV.tlTable TABLE TH.catalogListCol1ASC A:before, DIV.tlTable TABLE TH.catalogListCol2DESC A:before, DIV.tlTable TABLE TH.catalogListCol3DESC A:before, DIV.tlTable TABLE TH.catalogListCol2ASC A:before, DIV.tlTable TABLE TH.catalogListCol3ASC A:before { font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; } DIV.tlTable TABLE TH.catalogListCol2DESC A:before, DIV.tlTable TABLE TH.catalogListCol3DESC A:before { content: '\f004'; } DIV.tlTable TABLE TH.catalogListCol2ASC A:before, DIV.tlTable TABLE TH.catalogListCol3ASC A:before { content: '\f005'; } DIV.tlTable TABLE TH.catalogListCol1DESC A, SECTION.tlSearch3 DIV.tlTable TABLE TH.catalogListCol2DESC A { float: left; padding-right: 1.7em; padding-left: 0; color: #EABC4E; } DIV.tlTable TABLE TH.catalogListCol1ASC A, SECTION.tlSearch3 DIV.tlTable TABLE TH.catalogListCol2ASC A { float: left; padding-right: 1.7em; padding-left: 0; color: #EABC4E; } /* ###################################### # LIST TABLE ###################################### */ SECTION.tlTab1 HEADER, SECTION.tlTab2 HEADER, SECTION.tlTab3 HEADER, SECTION.tlTab4 HEADER { padding-top: 3em; } SECTION.tlTab1 HEADER H1, SECTION.tlTab2 HEADER H1, SECTION.tlTab3 HEADER H1, SECTION.tlTab4 HEADER H1 { font-size: 1.5em; } /* ###################################### # LIST TABLE COLUMNS & ROWS ###################################### */ SECTION.tlTab3 DIV.tlTable TABLE TH.catalogListCol2, SECTION.tlTab3 DIV.tlTable TABLE TD.col2 { display: none; } DIV.tlTable TABLE TD { padding: 1em .5em 1em 0; border-color: transparent transparent #C0CEDB transparent; border-style: solid; border-width: 1px; line-height: 1em; border-collapse: collapse; } DIV.tlTable TABLE TR:last-child TD { border-color: transparent transparent transparent transparent; } DIV.tlTable TABLE TD.right { padding-right: 0; text-align: right; } SECTION.tlGrid2 DIV.tlTable TABLE TD.right { text-align: left; } DIV.tlTable TABLE TD.relev { text-align: center !important; } SECTION.tlTab2 DIV.tlTable TABLE TD.date, SECTION.tlTab3 DIV.tlTable TABLE TD.date { min-width: 9em; } SECTION.tlTab1 DIV.tlTable TABLE TR TH { display: none; } /* ###################################### # LIST TABLE CONTENT ###################################### */ SECTION.tlTab1 DIV.tlTable TABLE TD TIME { display: none; } SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.title A, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr A, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.title A, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr A, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.title A, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr A, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.title A, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr A { text-decoration: none; } SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.title H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.title H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.title H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.title H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr H1 { font-weight: normal; } SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.title A:link H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.title A:visited H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.title A:active H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr A:link H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr A:visited H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr A:active H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.title A:link H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.title A:visited H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.title A:active H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr A:link H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr A:visited H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr A:active H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.title A:link H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.title A:visited H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.title A:active H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr A:link H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr A:visited H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr A:active H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.title A:link H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.title A:visited H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.title A:active H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr A:link H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr A:visited H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr A:active H1 { text-decoration: none; color: #004539; font-size: 1.0em; } SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.title A:hover H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.title A:focus H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr A:hover H1, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr A:focus H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.title A:hover H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.title A:focus H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr A:hover H1, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr A:focus H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.title A:hover H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.title A:focus H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr A:hover H1, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr A:focus H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.title A:hover H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.title A:focus H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr A:hover H1, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr A:focus H1 { text-decoration: underline; color: #007483; font-size: 1.0em; } SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.title H2, SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr H2, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.title H2, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr H2, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.title H2, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr H2, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.title H2, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr H2 { color: #322E21; font-size: .8em; margin-top: .3em; font-weight: bold; } SECTION.tlTab1 DIV.tlTable TABLE TD SECTION.abstr SUMMARY, SECTION.tlTab2 DIV.tlTable TABLE TD SECTION.abstr SUMMARY, SECTION.tlTab3 DIV.tlTable TABLE TD SECTION.abstr SUMMARY, SECTION.tlSearch3 DIV.tlTable TABLE TD SECTION.abstr SUMMARY { font-size: .8em; padding-top: .6em; line-height: 1.4em; color: #322E21; } SECTION.tlTab1 DIV.tlTable TABLE TD.date TIME, SECTION.tlTab2 DIV.tlTable TABLE TD.date TIME, SECTION.tlTab3 DIV.tlTable TABLE TD.date TIME, SECTION.tlSearch3 DIV.tlTable TABLE TD.date TIME { font-size: .8em; color: #666; font-style: italic; } SECTION.tlTab1 SPAN.tImgThumb, SECTION.tlTab2 SPAN.tImgThumb, SECTION.tlTab3 SPAN.tImgThumb, SECTION.tlSearch3 SPAN.tImgThumb { display: block; margin: 0 1em 1em 0; float: left; } SECTION.tlTab1 SPAN.tImgThumb IMG, SECTION.tlTab2 SPAN.tImgThumb IMG, SECTION.tlTab3 SPAN.tImgThumb IMG, SECTION.tlSearch3 SPAN.tImgThumb IMG { width: 5em; height: auto; } /* LINK BLOCK */ ARTICLE.catItem > A { text-decoration: none; } ARTICLE.catItem > A:link > HEADER > H1, ARTICLE.catItem > A:visited > HEADER > H1, ARTICLE.catItem > A:focus > HEADER > H1, ARTICLE.catItem > HEADER > A:link > H1, ARTICLE.catItem > HEADER> A:visited > H1, ARTICLE.catItem > HEADER > A:focus > H1 { color: #007483; text-decoration: none; } ARTICLE.catItem > A:hover > HEADER > H1, ARTICLE.catItem > A:focus > HEADER > H1, ARTICLE.catItem > HEADER > A:hover > H1, ARTICLE.catItem > HEADER > A:focus > H1 { color: #59CBE8; text-decoration: underline; } /* ###################################### # LIST : FLEXBOX ###################################### */ DIV.tlFlexbox { overflow: hidden; } DIV.tlFlexboxInner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -4px -4px 0; } DIV.flexItem, DIV.flexHighlight { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } SECTION.tlFlex2 DIV.flexItem, SECTION.tlFlex3 DIV.flexItem, SECTION.tlFullFlex DIV.flexItem { width: 100%; padding: 0.15em 0.15em 0.15em 0.15em; } SECTION.tlFlex4 DIV.flexItem { width: 100%; padding: 0.15em 0.15em 1.2em 0.15em; } /* SECTION.tlFlex2 DIV.flexItem.LAST, SECTION.tlFlex3 DIV.flexItem.LAST, SECTION.tlFlex4 DIV.flexItem.LAST, SECTION.tlFullFlex DIV.flexItem.LAST { border-width: 0 0 0 0; } */ SECTION.tlFlex3 DIV.flexItem { position: relative; } SECTION.tlFlex4rel DIV.flexItem { position: relative; } SECTION.tlFlex3 DIV.flexItem SECTION A { text-decoration: none; } SECTION.tlFlex4rel DIV.flexItem SECTION A { text-decoration: none; } SECTION.tlFlex3 DIV.flexItem SECTION A H1 { position: absolute; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; text-align: center; color: #322E21; font-size: 1.3em; font-weight: 300; text-decoration: none; } SECTION.tlFlex4rel DIV.flexItem SECTION A H1 { position: absolute; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; text-align: center; color: #322E21; font-size: 1.3em; font-weight: 300; text-decoration: none; } SECTION.tlFlex3 DIV.flexItem SECTION A:hover H1, SECTION.tlFlex3 DIV.flexItem SECTION A:focus H1 { opacity: 1; } SECTION.tlFlex4rel DIV.flexItem SECTION A:hover H1, SECTION.tlFlex4rel DIV.flexItem SECTION A:focus H1 { opacity: 1; } SECTION.tlFlex3 DIV.flexItem SECTION H2 { display: none; } SECTION.tlFlex4rel DIV.flexItem SECTION H2 { display: none; } SECTION.tlFlex4 DIV.flexItem SECTION A { text-decoration: none; } SECTION.tlFlex4 DIV.flexItem SECTION A H1 { padding-top: 0.3em; text-decoration: none; font-size: 0.9em; color: #322E21; font-weight: normal; } SECTION.tlFlex4 DIV.flexItem SECTION A H2 { padding-top: 0.3em; text-decoration: none; font-size: 0.8em; color: #6b6b6b; font-weight: 400; } DIV.flexItem SECTION DIV, DIV.flexItem SECTION SUMMARY { padding: 0 0.5em 0.5em 0.5em; } /* AUTO IMAGES */ DIV.flexItem SECTION A SPAN.tImgAutoBlock, DIV.flexItem SECTION A SPAN.tTmbAutoBlock, DIV.flexItem SECTION A SPAN.tTmbBlock { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1; } SECTION.tlFlex3 DIV.flexItem SECTION A:hover SPAN.tImgAutoBlock, SECTION.tlFlex3 DIV.flexItem SECTION A:focus SPAN.tImgAutoBlock, SECTION.tlFlex3 DIV.flexItem SECTION A:hover SPAN.tTmbAutoBlock, SECTION.tlFlex3 DIV.flexItem SECTION A:focus SPAN.tTmbAutoBlock, SECTION.tlFlex3 DIV.flexItem SECTION A:hover SPAN.tTmbBlock, SECTION.tlFlex3 DIV.flexItem SECTION A:focus SPAN.tTmbBlock { opacity: 0.3; } SECTION.tlFlex4 DIV.flexItem SECTION A:hover SPAN.tImgAutoBlock, SECTION.tlFlex4 DIV.flexItem SECTION A:focus SPAN.tImgAutoBlock, SECTION.tlFlex4 DIV.flexItem SECTION A:hover SPAN.tTmbAutoBlock, SECTION.tlFlex4 DIV.flexItem SECTION A:focus SPAN.tTmbAutoBlock, SECTION.tlFlex4 DIV.flexItem SECTION A:hover SPAN.tTmbBlock, SECTION.tlFlex4 DIV.flexItem SECTION A:focus SPAN.tTmbBlock { opacity: 0.5; } DIV.flexItem SPAN.tImgAutoBlock, DIV.flexItem SPAN.tTmbAutoBlock { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } DIV.flexItem SPAN.tTmbBlock { background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } DIV.flexItem SPAN.tTmbAutoBlock, DIV.flexItem SPAN.tTmbBlock { display: block; width: 100%; } SECTION.flexItem DIV.flexItem SPAN.tImgAUTO SPAN.tImgAutoBlock, DIV.flexItem SPAN.tImgAUTO SPAN.tImgAutoBlock IMG { display: none; } DIV.flexItem SPAN.tImgAUTO SPAN.tTmbAutoBlock IMG, DIV.flexItem SPAN.tImgAUTO SPAN.tTmbBlock IMG { width: 100%; } /* ###################################### # Topic Jumplist topic_subtopic_jumper ###################################### */ div.jumplist { padding-top: 0rem; padding-bottom: 2rem; } div.jumplist A { display: inline-block; } /* ############################################################################################################# # # # # # # # # # # # E T C E T E R A # # # # # # # # # # # ############################################################################################################# */ /* ################################################# # # # SEARCH RELEVANCE # # # ################################################# */ SPAN.relText { display: block; font-size: .8em; margin: .2em 0 0 0; } SPAN.relPic { display: block; width: 20px; height: 20px; margin-left: auto; background-image: url(/themes/default/images-std/relevance.gif); } SPAN.relPic1 { background-position: 0 0; } SPAN.relPic2 { background-position: 0 -50px; } SPAN.relPic3 { background-position: 0 -100px; } SPAN.relPic4 { background-position: 0 -150px; } SPAN.relPic5 { background-position: 0 -200px; } SPAN.relPic6 { background-position: 0 -250px; } SPAN.relPic7 { background-position: 0 -300px; } SPAN.relPic8 { background-position: 0 -350px; } SPAN.relPic9 { background-position: 0 -400px; } SPAN.relPic10 { background-position: 0 -450px; } /* ################################################# # # # SITE MAP # # # ################################################# */ NAV.sitemap { } NAV.sitemap UL { list-style: none; padding: 0; margin: 0; } NAV.sitemap UL LI { padding: 0 0 .3em 2em; } NAV.sitemap UL LI.last, NAV.sitemap UL LI.solo { background-image: url(/themes/default/images-std/hierEnd.gif); background-repeat: no-repeat; } NAV.sitemap UL LI.first, NAV.sitemap UL LI.mid { background-image: url(/themes/default/images-std/hierMid.gif); background-repeat: no-repeat; } NAV.sitemap UL LI.cap1 { background-image: none !important; } /* ################################################# # # # PAGINATION # # # ################################################# */ SECTION.pagerA, SECTION.pagerN { line-height: 1em; padding: 1em 0 4em 0; } SECTION.pagerA::after, SECTION.pagerN::after { content: ''; display: block; height: 0; clear: both; } SECTION.pagerA DIV.feedback { padding-top: .7em; float: left; font-size: .7em; color: #666; } SECTION.pagerA DIV.controls, SECTION.pagerN DIV.controls { float: right; font-size: .8em; } SECTION.pagerA DIV.controls A, SECTION.pagerN DIV.controls A { text-decoration: none; color: #007483; } SECTION.pagerA DIV.controls A, SECTION.pagerA DIV.controls SPAN.current, SECTION.pagerA DIV.controls SPAN.disabled, SECTION.pagerA DIV.controls SPAN.elipses, SECTION.pagerN DIV.controls A, SECTION.pagerN DIV.controls SPAN.current, SECTION.pagerN DIV.controls SPAN.disabled, SECTION.pagerN DIV.controls SPAN.elipses { display: block; float: left; height: 2em; margin-left: .2em; } SECTION.pagerA DIV.controls SPAN.current, SECTION.pagerN DIV.controls SPAN.current { } SECTION.pagerA DIV.controls SPAN.current > SPAN, SECTION.pagerN DIV.controls SPAN.current > SPAN { font-weight: bold; color: #fff; } SECTION.pagerA DIV.controls A > SPAN, SECTION.pagerA DIV.controls SPAN.current > SPAN, SECTION.pagerN DIV.controls A > SPAN, SECTION.pagerN DIV.controls SPAN.current > SPAN { display: block; padding: .35em .8em 0 .8em; } SECTION.pagerA DIV.controls A.arrow > SPAN, SECTION.pagerA DIV.controls SPAN.arrow > SPAN, SECTION.pagerN DIV.controls A.arrow > SPAN, SECTION.pagerN DIV.controls SPAN.arrow > SPAN { display: block; padding: .35em .35em 0 .35em !important; } SECTION.pagerA DIV.controls A.arrow > SPAN.arrowPrev, SECTION.pagerA DIV.controls SPAN.arrow > SPAN.arrowPrev, SECTION.pagerN DIV.controls A.arrow > SPAN.arrowPrev, SECTION.pagerN DIV.controls SPAN.arrow > SPAN.arrowPrev, SECTION.pagerA DIV.controls A.arrow > SPAN.arrowNext, SECTION.pagerA DIV.controls SPAN.arrow > SPAN.arrowNext, SECTION.pagerN DIV.controls A.arrow > SPAN.arrowNext, SECTION.pagerN DIV.controls SPAN.arrow > SPAN.arrowNext { padding: .35em .85em 0 .35em !important; } SECTION.pagerA DIV.controls SPAN.elipses > SPAN, SECTION.pagerN DIV.controls SPAN.elipses > SPAN { display: block; color: #bbb; padding: .1em .3em 0 .3em; } SECTION.pagerA DIV.controls SPAN.disabled, SECTION.pagerN DIV.controls SPAN.disabled { color: #bbb; } SECTION.pagerA DIV.controls SPAN.arrowPrev:before, SECTION.pagerA DIV.controls SPAN.arrowNext:before, SECTION.pagerN DIV.controls SPAN.arrowPrev:before, SECTION.pagerN DIV.controls SPAN.arrowNext:before { font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; } SECTION.pagerA DIV.controls SPAN.arrowPrev:before, SECTION.pagerN DIV.controls SPAN.arrowPrev:before { content: '\f007'; } SECTION.pagerA DIV.controls SPAN.arrowNext:before, SECTION.pagerN DIV.controls SPAN.arrowNext:before { content: '\f006'; } /* ################################################# # # # BUTTON COLOR & ANIMATION # # # ################################################# */ DIV.stdDocFunctions A { margin: .7em 0 .7em 0; padding: 0.65em 1em 0.05em 0.75em; line-height: 1em; font-size: .85em; font-weight: normal; text-transform: uppercase; text-decoration: none; display: inline-block; clear: both; -webkit-border-radius: .35em; -moz-border-radius: .35em; -o-border-radius: .35em; border-radius: .35em; } A.bodyButton { margin: .7em 0 .7em 0; padding: 1em 1.2em; line-height: 1em; font-weight: normal; text-decoration: none; display: inline-block; clear: both; } A.primaryAction { margin: 0 .7em .7em 0; padding: 1.2em 1.9em; line-height: 1em; font-size: .85em; font-weight: normal; text-transform: uppercase; text-decoration: none; display: block; float: left; } A.deleteAction { margin: 0 .7em .7em 0; padding: 1.2em 1.9em; line-height: 1em; font-size: .85em; font-weight: normal; text-transform: uppercase; text-decoration: none; display: block; float: left; } A.secondaryAction { margin: 0 .7em .7em 0; padding: 1.2em 1.9em; line-height: 1em; font-size: .85em; font-weight: normal; text-transform: uppercase; text-decoration: none; display: block; float: left; } TABLE A.readMore, ARTICLE A.readMore, ASIDE A.readMore, SECTION A.readMore { display: inline-block; line-height: 1em !important; padding: 1em 1.2em; font-weight: normal; text-transform: uppercase; text-decoration: none; margin-top: .6em; } ARTICLE.catItem A.readMore { margin-top: 1.0em; } TABLE A.readMore, ARTICLE A.readMore, ASIDE A.readMore, SECTION A.readMore, SECTION.pagerA DIV.controls A, SECTION.pagerN DIV.controls A, DIV.searchBar INPUT#searchButton { color: #322E21; background-color: #fff; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid #322e21; } A.bodyButton, A.primaryAction { color: #fff; background-color: #007483; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid #322e21; } DIV.layoutWhite TABLE A.readMore, DIV.layoutWhite ARTICLE A.readMore, DIV.layoutWhite ASIDE A.readMore, DIV.layoutWhite SECTION A.readMore, DIV.layoutWhite SECTION.pagerA DIV.controls A, DIV.layoutWhite SECTION.pagerN DIV.controls A, DIV.layoutWhite DIV.searchBar INPUT#searchButton, DIV.layoutWhite A.primaryAction, DIV.layoutWhite A.bodyButton, DIV.layoutWhite DIV.stdDocFunctions A { color: #fff; background-color: #007483; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid #fff; } DIV.layoutMarigold TABLE A.readMore, DIV.layoutMarigold ARTICLE A.readMore, DIV.layoutMarigold ASIDE A.readMore, DIV.layoutMarigold SECTION A.readMore, DIV.layoutMarigold SECTION.pagerA DIV.controls A, DIV.layoutMarigold SECTION.pagerN DIV.controls A, DIV.layoutMarigold DIV.searchBar INPUT#searchButton, DIV.layoutMarigold A.primaryAction, DIV.layoutMarigold A.bodyButton, DIV.layoutMarigold DIV.stdDocFunctions A { color: #322E21; background-color: #fff; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } A.deleteAction { color: #fff; background-color: #646464; border-radius: 0.35em; } A.secondaryAction { color: #fff; background-color: #646464; border-radius: 0.35em; } TABLE A.readMore:hover, ARTICLE A.readMore:hover, ASIDE A.readMore:hover, SECTION A.readMore:hover, SECTION.pagerA DIV.controls A:hover, SECTION.pagerN DIV.controls A:hover, DIV.searchBar INPUT#searchButton:hover, A.primaryAction:hover, A.bodyButton:hover, DIV.stdDocFunctions A:hover, DIV.layoutWhite TABLE A.readMore:hover, DIV.layoutWhite ARTICLE A.readMore:hover, DIV.layoutWhite ASIDE A.readMore:hover, DIV.layoutWhite SECTION A.readMore:hover, DIV.layoutWhite SECTION.pagerA DIV.controls A:hover, DIV.layoutWhite SECTION.pagerN DIV.controls A:hover, DIV.layoutWhite DIV.searchBar INPUT#searchButton:hover, DIV.layoutWhite A.primaryAction:hover, DIV.layoutWhite A.bodyButton:hover, DIV.layoutWhite DIV.stdDocFunctions A:hover { background-color: #004539; color: #fff; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid #fff; } DIV.layoutHunterPlusOverlay TABLE A.readMore:hover, DIV.layoutHunterPlusOverlay ARTICLE A.readMore:hover, DIV.layoutHunterPlusOverlay ASIDE A.readMore:hover, DIV.layoutHunterPlusOverlay SECTION A.readMore:hover, DIV.layoutHunterPlusOverlay SECTION.pagerA DIV.controls A:hover, DIV.layoutHunterPlusOverlay SECTION.pagerN DIV.controls A:hover, DIV.layoutHunterPlusOverlay DIV.searchBar INPUT#searchButton:hover, DIV.layoutHunterPlusOverlay A.primaryAction:hover, DIV.layoutHunterPlusOverlay A.bodyButton:hover, DIV.layoutHunterPlusOverlay DIV.stdDocFunctions A:hover, DIV.layoutHunter TABLE A.readMore:hover, DIV.layoutHunter ARTICLE A.readMore:hover, DIV.layoutHunter ASIDE A.readMore:hover, DIV.layoutHunter SECTION A.readMore:hover, DIV.layoutHunter DIV.covid19 A.readMore:hover, DIV.layoutHunter SECTION.pagerA DIV.controls A:hover, DIV.layoutHunter SECTION.pagerN DIV.controls A:hover, DIV.layoutHunter DIV.searchBar INPUT#searchButton:hover, DIV.layoutHunter A.primaryAction:hover, DIV.layoutHunter A.bodyButton:hover, DIV.layoutHunter DIV.stdDocFunctions A:hover { background-color: #007483; color: #fff; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid #fff; } DIV.layoutMarigoldPlusOverlay TABLE A.readMore:hover, DIV.layoutMarigoldPlusOverlay ARTICLE A.readMore:hover, DIV.layoutMarigoldPlusOverlay ASIDE A.readMore:hover, DIV.layoutMarigoldPlusOverlay SECTION A.readMore:hover, DIV.layoutMarigoldPlusOverlay SECTION.pagerA DIV.controls A:hover, DIV.layoutMarigoldPlusOverlay SECTION.pagerN DIV.controls A:hover, DIV.layoutMarigoldPlusOverlay DIV.searchBar INPUT#searchButton:hover, DIV.layoutMarigoldPlusOverlay A.primaryAction:hover, DIV.layoutMarigoldPlusOverlay A.bodyButton:hover, DIV.layoutMarigoldPlusOverlay DIV.stdDocFunctions A:hover, DIV.layoutMarigold TABLE A.readMore:hover, DIV.layoutMarigold ARTICLE A.readMore:hover, DIV.layoutMarigold ASIDE A.readMore:hover, DIV.layoutMarigold SECTION A.readMore:hover, DIV.layoutMarigold SECTION.pagerA DIV.controls A:hover, DIV.layoutMarigold SECTION.pagerN DIV.controls A:hover, DIV.layoutMarigold DIV.searchBar INPUT#searchButton:hover, DIV.layoutMarigold A.primaryAction:hover, DIV.layoutMarigold A.bodyButton:hover, DIV.layoutMarigold DIV.stdDocFunctions A:hover { background-color: #007483; color: #fff; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } A.deleteAction:hover { background-color: #3b3c3b; border-radius: 0.35em; } A.secondaryAction:hover { background-color: #3b3c3b; border-radius: 0.35em; } TABLE A.readMore:active, ARTICLE A.readMore:active, ASIDE A.readMore:active, SECTION A.readMore:active, SECTION.pagerA DIV.controls A:active, SECTION.pagerN DIV.controls A:active, DIV.searchBar INPUT#searchButton:active, A.primaryAction:active, A.bodyButton:active, DIV.stdDocFunctions A:active { background-color: #fff; color: #004539; border-radius: 0.35em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } A.deleteAction:active { background-color: #646464; border-radius: 0.35em; } A.secondaryAction:active { background-color: #646464; border-radius: 0.35em; } SECTION.pagerA DIV.controls SPAN.current, SECTION.pagerN DIV.controls SPAN.current { background-color: #97999B; border-radius: 0.35em; } SECTION DIV.layoutHunterGradient2 A.readMore { background-color: #fff; color: #322e21; } SECTION DIV.layoutHunterGradient2 A.readMore:hover { background-color: #007483; color: #fff; } SECTION DIV.layoutHunterGradient2 A.readMore:active { background-color: #fff; color: #007483; } DIV.layoutHunter DIV.covid19 A.readMore { background-color: #E3E1DB; /* gypsum EXPERIMENTAL */ color: #007483; font-weight: 500; } .icon-up-open, .icon-down-open { margin-top: 0; display: inline-block; } .icon-button, .icon-text-button { font-size: 1em; text-decoration: none !important; } .icon-text-button { overflow: hidden; text-align: left; } .icon-button-medium, .icon-text-button-medium { font-size: 1.4em; text-decoration: none !important; } .icon-button-large, .icon-text-button-large, SECTION.tlExpand SPAN.plusMinusOFF, SECTION.tlExpand SPAN.plusMinusON { font-size: 2em; text-decoration: none !important; } .icon-text-button .button-text { font-size: 1em; padding-right: 1em; } .icon-text-button-medium .button-text { font-size: 0.8em; padding-right: 1em; } .icon-text-button-large .button-text { font-size: 0.6em; padding-right: 1em; } .icon-button, .icon-button-medium, .icon-button-large, SECTION.tlExpand SPAN.plusMinusOFF, SECTION.tlExpand SPAN.plusMinusON { display: inline-block; line-height: 1.7em; background-color: #007483; color: #fff; border-radius: .15em; width: 1.7em; height: 1.7em; text-align: center; cursor: pointer; } .icon-text-button, .icon-text-button-medium, .icon-text-button-large { display: inline-block; line-height: 1.7em; background-color: #007483; color: #fff !important; border-radius: .15em; height: 1.7em; text-align: center; cursor: pointer; margin-right: 0.35em; margin-bottom: 0.35em; } div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button-medium, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button-large { display: inline-block; line-height: 1.7em; background-color: #E3E1DB; color: #322E21 !important; border-radius: .15em; height: 1.7em; text-align: center; cursor: pointer; margin-right: 0.35em; margin-bottom: 0.35em; } DIV.layoutSmall .icon-text-button { line-height: 2.3em; height: 2.3em; } .icon-button:hover, .icon-button:focus, .icon-button-medium:hover, .icon-button-medium:focus, .icon-button-large:hover, .icon-button-large:focus, .icon-text-button:hover, .icon-text-button:focus, .icon-text-button-medium:hover, .icon-text-button-medium:focus, .icon-text-button-large:hover, .icon-text-button-large:focus, SECTION.tlExpand SPAN.plusMinusOFF:hover, SECTION.tlExpand SPAN.plusMinusON:hover, SECTION.tlExpand SPAN.plusMinusOFF:focus, SECTION.tlExpand SPAN.plusMinusON:focus { background-color: #004539; color: #fff; } div.layoutGypsumUltraTealGradient1PlusOverlay .icon-button:hover, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-button:focus, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-button-medium:hover, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-button-medium:focus, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-button-large:hover, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-button-large:focus, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button:hover, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button:focus, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button-medium:hover, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button-medium:focus, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button-large:hover, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button-large:focus { background-color: #fff; color: #004539; } .icon-button, .icon-button-medium, .icon-button-large, .icon-text-button, .icon-text-button-medium, .icon-text-button-large, SECTION.tlExpand SPAN.plusMinusOFF, SECTION.tlExpand SPAN.plusMinusON { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .icon-button .icon-up-open, .icon-button .icon-down-open, .icon-button .icon-left-open, .icon-button .icon-right-open, .icon-button-medium .icon-up-open, .icon-button-medium .icon-down-open, .icon-button-medium .icon-left-open, .icon-button-medium .icon-right-open, .icon-button-large .icon-up-open, .icon-button-large .icon-down-open, .icon-button-large .icon-left-open, .icon-button-large .icon-right-open, .icon-text-button .icon-up-open, .icon-text-button .icon-down-open, .icon-text-button .icon-left-open, .icon-text-button .icon-right-open, .icon-text-button-medium .icon-up-open, .icon-text-button-medium .icon-down-open, .icon-text-button-medium .icon-left-open, .icon-text-button-medium .icon-right-open, .icon-text-button-large .icon-up-open, .icon-text-button-large .icon-down-open, .icon-text-button-large .icon-left-open, .icon-text-button-large .icon-right-open, SECTION.tlExpand SPAN.plusMinusOFF:before, SECTION.tlExpand SPAN.plusMinusON:before { margin-top: 0em; margin-left: 0em; margin-right: 0em; width: 0; -webkit-transition: color 0s, margin 0.4s; -moz-transition: color 0s, margin 0.4s; -o-transition: color 0s, margin 0.4s; transition: color 0s, margin 0.4s; } .icon-button:hover .icon-left-open, .icon-button:focus .icon-left-open, .icon-button-medium:hover .icon-left-open, .icon-button-medium:focus .icon-left-open, .icon-button-large:hover .icon-left-open, .icon-button-large:focus .icon-left-open, .icon-text-button:hover .icon-left-open, .icon-text-button:focus .icon-left-open, .icon-text-button-medium:hover .icon-left-open, .icon-text-button-medium:focus .icon-left-open, .icon-text-button-large:hover .icon-left-open, .icicon-texton-button-large:focus .icon-left-open { -webkit-transition: color 0s, margin 0.4s; -moz-transition: color 0s, margin 0.4s; -o-transition: color 0s, margin 0.4s; transition: color 0s, margin 0.4s; margin-left: -0.2em; } .icon-button:hover .icon-right-open, .icon-button:focus .icon-right-open, .icon-button-medium:hover .icon-right-open, .icon-button-medium:focus .icon-right-open, .icon-button-large:hover .icon-right-open, .icon-button-large:focus .icon-right-open { -webkit-transition: color 0s, margin 0.4s; -moz-transition: color 0s, margin 0.4s; -o-transition: color 0s, margin 0.4s; transition: color 0s, margin 0.4s; margin-right: -0.2em; } .icon-text-button:hover .icon-right-open, .icon-text-button:focus .icon-right-open, .icon-text-button-medium:hover .icon-right-open, .icon-text-button-medium:focus .icon-right-open, .icon-text-button-large:hover .icon-right-open, .icon-text-button-large:focus .icon-right-open { -webkit-transition: color 0s, margin 0.4s; -moz-transition: color 0s, margin 0.4s; -o-transition: color 0s, margin 0.4s; transition: color 0s, margin 0.4s; margin-left: 0.2em; margin-right: -0.2em; } .icon-button:hover .icon-down-open, .icon-button:focus .icon-down-open, .icon-button-medium:hover .icon-down-open, .icon-button-medium:focus .icon-down-open, .icon-button-large:hover .icon-down-open, .icon-button-large:focus .icon-down-open, .icon-text-button:hover .icon-down-open, .icon-text-button:focus .icon-down-open, .icon-text-button-medium:hover .icon-down-open, .icon-text-button-medium:focus .icon-down-open, .icon-text-button-large:hover .icon-down-open, .icon-text-button-large:focus .icon-down-open, SECTION.tlExpand SPAN.plusMinusON:hover:before, SECTION.tlExpand SPAN.plusMinusON:focus:before { -webkit-transition: color 0s, margin 0.4s; -moz-transition: color 0s, margin 0.4s; -o-transition: color 0s, margin 0.4s; transition: color 0s, margin 0.4s; margin-top: 0.1em; } .icon-button:hover .icon-up-open, .icon-button:focus .icon-up-open, .icon-button-medium:hover .icon-up-open, .icon-button-medium:focus .icon-up-open, .icon-button-large:hover .icon-up-open, .icon-button-large:focus .icon-up-open, .icon-text-button:hover .icon-up-open, .icon-text-button:focus .icon-up-open, .icon-text-button-medium:hover .icon-up-open, .icon-text-button-medium:focus .icon-up-open, .icon-text-button-large:hover .icon-up-open, .icon-text-button-large:focus .icon-up-open SECTION.tlExpand SPAN.plusMinusOFF:hover:before, SECTION.tlExpand SPAN.plusMinusOFF:focus:before { -webkit-transition: color 0s, margin 0.4s; -moz-transition: color 0s, margin 0.4s; -o-transition: color 0s, margin 0.4s; transition: color 0s, margin 0.4s; margin-top: -0.1em; } .icon-text-button .button-text B, .icon-text-button-medium .button-text B, .icon-text-button-large .button-text B { font-weight: 500; color: #fff !important; } div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button .button-text B, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button-medium .button-text B, div.layoutGypsumUltraTealGradient1PlusOverlay .icon-text-button-large .button-text B { font-weight: 500; color: #007483 !important; } /* ###################################### # FORM ITEM SIZING & FORMATTING ###################################### */ SPAN.na { font-style: italic; color: #322E21; font-size: .9em; } /* ######################################################################################### # # # # # J U M B O T R O N : L A Y O U T S # # # # # ######################################################################################### */ /* ###################################### # JUMBOTRON : LAYOUT: HEADER ###################################### */ DIV.layoutLarge ARTICLE.catItemTopic H2.killBottomMargin { font-family: 'Montserrat', sans-serif; color: #322e21 !important; font-size: 1.9em !important; font-weight: 400; margin-top: 2em; } DIV.layout3P7T.layoutLarge H2.killBottomMargin { font-family: 'Montserrat', sans-serif; color: #fff !important; font-size: 1.9em !important; font-weight: 400; } /* quick canopy tests */ DIV.layoutHeader { overflow: hidden; background-size: cover; background-position: center center; color: #322e21; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } DIV.layoutHeader-1 { padding-top: 2em; } DIV.layoutHeader-1 ARTICLE { min-height: 10vw; } DIV.layoutHeader-1 H1 { opacity: 0; -webkit-animation: fadeinright 2s; -moz-animation: fadeinright 2s; -ms-animation: fadeinright 2s; -o-animation: fadeinright 2s; animation: fadeinright 2s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } DIV.layoutHeader-1 H2 { opacity: 0; -webkit-animation: fadeinright 2s; -moz-animation: fadeinright 2s; -ms-animation: fadeinright 2s; -o-animation: fadeinright 2s; animation: fadeinright 2s; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -ms-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } DIV.layoutHeader-1 SECTION.copyHeader { opacity: 0; -webkit-animation: fadeinright 2s; -moz-animation: fadeinright 2s; -ms-animation: fadeinright 2s; -o-animation: fadeinright 2s; animation: fadeinright 2s; -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -ms-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } DIV.layoutHeader-2 { display: none; position: relative; } DIV.layoutPhotoHeader { display: block; width: 300%; height: 97%; position: absolute; opacity: 0; bottom: 0; left: calc(10vw - 3em); background-repeat: no-repeat; background-position: bottom left; background-size: contain; z-index: 100; transform-origin: bottom left; -webkit-animation: fadeup 2s; -moz-animation: fadeup 2s; -ms-animation: fadeup 2s; -o-animation: fadeup 2s; animation: fadeup 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; max-width: 97%; z-index: 100; } DIV.layoutVideoHeader { display: block; width: 300%; height: 97%; position: absolute; opacity: 0; bottom: 0; left: calc(10vw - 3em); max-width: 97%; z-index: 110; } DIV.layoutVideoHeader section.embeddedVideos div.youtubeWrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 1.2em; } DIV.layoutVideoHeader section.embeddedVideos div.youtubeWrapper iframe.youtubeVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; } DIV.layoutLarge H1 { color: #fff !important; font-weight: 900; font-size: 4.5em; line-height: 1em; margin-bottom: 0.4em; } DIV.layout3P7T.layoutLarge H1, DIV.layout7T3P.layoutLarge H1 { margin-top: 0.4em; font-size: 3em; font-weight: 700; } DIV.layout H1.killBottomMargin, DIV.layoutLarge H1.killBottomMargin { margin-bottom: 0; } DIV.closeToTheButton { margin-bottom: 0.8em; } DIV.layoutLarge H2 { color: #007483; font-weight: 400; font-size: 1.8em; line-height: 1.2em; margin-bottom: 0.7em; } DIV.layout3P7T.layoutLarge H2, DIV.layout7T3P.layoutLarge H2 { color: #fff !important; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 2em; } /* ###################################### # PARALLAX LAYOUT ANIMATION ###################################### */ DIV.layoutOverflowvisible, DIV.layoutOverflowparallaxImageBottom { overflow: visible; } DIV.layoutOverflowhidden, DIV.layoutOverflowparallaxImageCenterRight, DIV.layoutOverflowparallaxImageCenterLeft { overflow: hidden; } DIV.layoutMain DIV.layout3P7T, DIV.layoutMain DIV.layout7T3P { margin-top: 2em; border-radius: .5em; } DIV.layout5P5T-1, DIV.layout5T5P-2, DIV.layout4P6T-1, DIV.layout6T4P-2, DIV.layout3P7T-1, DIV.layout7T3P-2 { display: none; } DIV.layout4P6T-1, DIV.layout6T4P-2 { position: relative; } DIV.layout4P6T-1 DIV.layoutPhotoTrapOuter { position: absolute; bottom: 0px; } DIV.layout6T4P-2 DIV.layoutPhotoTrapOuter { position: absolute; top: 0px; } DIV.layout5T5P-1, DIV.layout5P5T-2, DIV.layout6T4P-1, DIV.layout4P6T-2 { padding-top: 2em; padding-bottom: 2em; } DIV.layout3P7T-2, DIV.layout7T3P-1 { padding-top: 1em; padding-bottom: 1em; } DIV.layout5T5P-1.showOnScroll, DIV.layout6T4P-1.showOnScroll { opacity: 0; margin-left: -2em; margin-right: 2em; transition: 1.3s ease-out; } DIV.layout5P5T-2.showOnScroll, DIV.layout4P6T-2.showOnScroll, DIV.layout3P7T-2.showOnScroll, DIV.layout7T3P-1.showOnScroll { opacity: 0; margin-left: 2em; margin-right: -2em; transition: 1.3s ease-out; } DIV.layout5P5T-2.showOnScroll.is-visible, DIV.layout6T4P-1.showOnScroll.is-visible, DIV.layout4P6T-2.showOnScroll.is-visible, DIV.layout3P7T-2.showOnScroll.is-visible, DIV.layout7T3P-1.showOnScroll.is-visible { opacity: 1; margin-left: 0; margin-right: 0; padding-left: 3em; } DIV.layout5T5P-1.showOnScroll.is-visible { opacity: 1; margin-left: 0; margin-right: 0; padding-left: 0em; } .showOnScroll SECTION.tlGrid3 TR:nth-child(1) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; } .showOnScroll SECTION.tlGrid3 TR:nth-child(1) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(2) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(1) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(2) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(3) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(2) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(3) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(4) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(3) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(4) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(5) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(4) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(5) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(6) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(5) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(6) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(7) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(6) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(7) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(8) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(7) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(8) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(9) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(8) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(9) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(10) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .showOnScroll SECTION.tlGrid3 TR:nth-child(9) TD:nth-child(3), .showOnScroll SECTION.tlGrid3 TR:nth-child(10) TD:nth-child(2), .showOnScroll SECTION.tlGrid3 TR:nth-child(11) TD:nth-child(1) { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .showOnScroll.is-visible SECTION.tlGrid3 TR TD { opacity: 1 !important; } /* ###################################### # PARALLAX IMAGE OPTIONS ###################################### */ DIV.layoutPhotoCenterLeft, DIV.parallaxImageCenterRight { display: block; min-width: calc(100% + 20em); width: 150%; height: 100%; position: absolute; top: 0; left: 4em; background-repeat: no-repeat; background-position: center left; background-size: contain; z-index: 100; transition: 1s ease-out; opacity: 0; } DIV.layoutPhotoCenterRight, DIV.parallaxImageCenterLeft { display: block; min-width: calc(100% + 20em); width: 150%; height: 100%; position: absolute; top: 0; right: 4em; background-repeat: no-repeat; background-position: center right; background-size: contain; z-index: 100; transition: 1s ease-out; opacity: 0; } DIV.layoutPhotoBottom, DIV.parallaxImageBottom { display: block; width: 100%; height: 90%; position: absolute; bottom: 0; background-repeat: no-repeat; background-position: bottom center; background-size: contain; z-index: 100; transition: 1s ease-out; opacity: 0; } DIV.layoutPhotoTrapOuterOFF /* TRAPEZOID */ { display: block; min-width: calc(100% + 10em); width: 100%; height: 100%; max-height: 38em; /* DO NOT GO OVER 58em, but can be set smaller */ position: absolute; z-index: 100; transform: skewX(5deg); overflow: hidden; } DIV.layoutPhotoTrapInnerOFF /* TRAPEZOID */ { display: block; min-width: calc(100%); width: calc(110% + 10em); height: 100%; background-repeat: no-repeat; background-size: cover; z-index: 100; transform: skewX(-5deg) scale(1.2); transition: 1.3s ease-out; position: absolute; } DIV.layoutPhotoTrapOuter /* CIRCLE */ { display: block; min-width: calc(100% + 10em); min-height: calc(100%); width: 100%; height: 100%; max-height: 38em; /* DO NOT GO OVER 58em, but can be set smaller */ position: absolute; z-index: 100; clip-path: circle(50% at 50% 50%); /* clip-path: circle(35.5% at 50% 50%); */ } DIV.layoutPhotoTrapInner /* CIRCLE */ { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; z-index: 100; transition: 1.3s ease-out; } DIV.layout4P6T-1 DIV.layoutPhotoTrapOuter { bottom:0; right:15em; transform-origin: 100% 100%; opacity:0; transition: 1.3s ease-out; } DIV.layout6T4P-2 DIV.layoutPhotoTrapOuter { top:0; left:15em; transform-origin: 0% 0%; opacity:0; transition: 1.3s ease-out; } DIV.layout4P6T-1 DIV.layoutPhotoTrapInner { transform-origin: 100% 100%; right: 0; } DIV.layout6T4P-2 DIV.layoutPhotoTrapInner { transform-origin: 100% 100%; right: 0; } DIV.layout4P6T-1 DIV.layoutPhotoTrapInner { background-position: calc(50% + 12em - 8vw) center; } DIV.layout6T4P-2 DIV.layoutPhotoTrapInner { background-position: calc(50% - 13em + 15vw) center; } @media screen and (min-width: 106em) { DIV.layout4P6T-1 DIV.layoutPhotoTrapInner { background-position: calc(50% + 3em) center; } DIV.layout6T4P-2 DIV.layoutPhotoTrapInner { /* background-position: calc(50% + 2.3em) center; */ background-position: calc(50% + 3.5em) center; } } DIV.is-visible DIV.layoutPhotoCenterLeft, DIV.is-visible DIV.parallaxImageCenterRight { opacity: 1; left: 0; } DIV.is-visible DIV.layoutPhotoCenterRight, DIV.is-visible DIV.parallaxImageCenterLeft { opacity: 1; right: 0; } DIV.is-visible DIV.layoutPhotoBottom, DIV.is-visible DIV.parallaxImageBottom { opacity: 1; height: 115%; height: calc(100% + 2.5em); } DIV.layout4P6T-1 DIV.layoutPhotoTrapOuterOFF.is-visible /* Trapezpoid */ { opacity: 1; right:0; transform: skewX(20deg); } DIV.layout6T4P-2 DIV.layoutPhotoTrapOuterOFF.is-visible /* Trapezpoid */ { opacity: 1; left:0; transform: skewX(20deg); } DIV.layoutPhotoTrapOuterOFF.is-visible DIV.layoutPhotoTrapInner /* Trapezpoid */ { transform: skewX(-20deg) scale(1); } DIV.layout4P6T-1 DIV.layoutPhotoTrapOuter.is-visible /* Circle */ { opacity: 1; right:0; clip-path: circle(105% at 95% 50%); /* clip-path: circle(55.5% at 50% 50%); */ /*clip-path: ellipse(100% 75% at 110% 50%); clip-path: circle(55.5% at 50% 50%); */ } /* clip-path: circle(Radias at X Y); */ DIV.layout6T4P-2 DIV.layoutPhotoTrapOuter.is-visible /* Circle */ { opacity: 1; left:0; clip-path: circle(95% at 14% 50%); /* clip-path: circle(85% at 20% 50%); */ /* clip-path: circle(55.5% at 50% 50%); */ } DIV.layoutPhotoTrapOuter.is-visible DIV.layoutPhotoTrapInner /* Circle */ { } /* ############################################### # # # JUMBOTRON : BACKGROUNDS # # # ############################################### */ /* ###################################### # SOLID BLOCKS ###################################### */ /* # CANOPY ################## */ DIV.layoutWhite { background-color: #fff; color: #322E21; } DIV.layoutWhitePlusOverlay { background-color: #fff; color: #322E21; background: url(/themes/default/images/logoOverlay.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutGypsum { background-color: #E3E1DB; color: #322E21; } DIV.layoutGypsumPlusOverlay { background-color: #E3E1DB; color: #322E21; background: url(/themes/default/images/logoOverlay.png), #E3E1DB; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutUltraTeal { background-color: #007483; color: #fff; } DIV.layoutUltraTealPlusOverlay { background: url(/themes/default/images/logoOverlay.png), #007483; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutHunter { background-color: #004539; color: #fff; } DIV.layoutHunterPlusOverlay { background: url(/themes/default/images/logoOverlay.png), #004539; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutMoss { background-color: #AADDB3; color: #fff; } DIV.layoutMossPlusOverlay { background: url(/themes/default/images/logoOverlay.png), #AADDB3; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutMarigold { background-color: #EABC4E; color: #fff; } DIV.layoutMarigoldPlusOverlay { background: url(/themes/default/images/logoOverlay.png), #EABC4E; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* # CASCADE ################## */ DIV.layoutGrey { background-color: #F4F6F8; } DIV.layoutCoolGrey { background-color: #63666A; color: #fff; } DIV.layoutDarkBlue { background-color: #1C2441; color: #fff; } DIV.layoutGreyPlusOverlay { background: url(/themes/default/images/logoOverlay.png), #F4F6F8; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutCoolGreyPlusOverlay { background: url(/themes/default/images/logoOverlay.png), #63666A; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutDarkBluePlusOverlay { background: url(/themes/default/images/logoOverlay.png), #1C2441; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* ###################################### # BLUE GRADIENT BLOCKS ###################################### */ DIV.layoutBlue1Blue3Gradient { background: rgb(0, 60, 113); background: -moz-linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(89, 203, 232, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(89, 203, 232, 1) 100%); background: linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(89, 203, 232, 1) 100%); color: #fff; } DIV.layoutBlue2Blue3Gradient { background: rgb(0, 169, 224); background: -moz-linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(89, 203, 232, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(89, 203, 232, 1) 100%); background: linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(89, 203, 232, 1) 100%); color: #fff; } DIV.layoutBlue3Blue1Gradient { background: rgb(89, 203, 232); background: -moz-linear-gradient(142deg, rgba(170, 221, 179, 1) 0%, rgba(0, 116, 131, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(170, 221, 179, 1) 0%, rgba(0, 116, 131, 1) 100%); background: linear-gradient(142deg, rgba(170, 221, 179, 1) 0%, rgba(0, 116, 131, 1) 100%); color: #fff; } DIV.layoutBlue3Blue2Gradient { background: rgb(89, 203, 232); background: -moz-linear-gradient(142deg, rgba(89, 203, 232, 1) 0%, rgba(0, 169, 224, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(89, 203, 232, 1) 0%, rgba(0, 169, 224, 1) 100%); background: linear-gradient(142deg, rgba(89, 203, 232, 1) 0%, rgba(0, 169, 224, 1) 100%); color: #fff; } DIV.layoutBlue2Blue1Gradient { background: rgb(0, 169, 224); background: -moz-linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(0, 60, 113, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(0, 60, 113, 1) 100%); background: linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(0, 60, 113, 1) 100%); color: #fff; } DIV.layoutBlue1Blue3GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(0, 60, 113); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(89, 203, 232, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(89, 203, 232, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(89, 203, 232, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutBlue2Blue3GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(0, 169, 224); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(89, 203, 232, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(89, 203, 232, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(89, 203, 232, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutBlue3Blue1GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(89, 203, 232); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(170, 221, 179, 1) 0%, rgba(0, 116, 131, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(170, 221, 179, 1) 0%, rgba(0, 116, 131, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(170, 221, 179, 1) 0%, rgba(0, 116, 131, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutBlue3Blue2GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(89, 203, 232); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(89, 203, 232, 1) 0%, rgba(0, 169, 224, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(89, 203, 232, 1) 0%, rgba(0, 169, 224, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradi0, 116, 131,ent(142deg, rgba(89, 203, 232, 1) 0%, rgba(0, 169, 224, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutBlue2Blue1GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(0, 169, 224); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(0, 60, 113, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(0, 60, 113, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(0, 169, 224, 1) 0%, rgba(0, 60, 113, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* ###################################### # GREEN GRADIENT BLOCKS ###################################### */ DIV.layoutGreen1Green2Gradient { background: rgb(59, 210, 61); background: -moz-linear-gradient(142deg, rgba(59, 210, 61, 1) 0%, rgba(38, 208, 124, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(59, 210, 61, 1) 0%, rgba(38, 208, 124, 1) 100%); background: linear-gradient(142deg, rgba(59, 210, 61, 1) 0%, rgba(38, 208, 124, 1) 100%); color: #fff; } DIV.layoutGreen2Green1Gradient { background: rgb(38, 208, 124); background: -moz-linear-gradient(142deg, rgba(38, 208, 124, 1) 0%, rgba(59, 210, 61, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(38, 208, 124, 1) 0%, rgba(59, 210, 61, 1) 100%); background: linear-gradient(142deg, rgba(38, 208, 124, 1) 0%, rgba(59, 210, 61, 1) 100%); color: #fff; } DIV.layoutGreen1Green2GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(59, 210, 61); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(59, 210, 61, 1) 0%, rgba(38, 208, 124, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(59, 210, 61, 1) 0%, rgba(38, 208, 124, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(59, 210, 61, 1) 0%, rgba(38, 208, 124, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutGreen2Green1GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(38, 208, 124); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(38, 208, 124, 1) 0%, rgba(59, 210, 61, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(38, 208, 124, 1) 0%, rgba(59, 210, 61, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(38, 208, 124, 1) 0%, rgba(59, 210, 61, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* ###################################### # RED GRADIENT BLOCKS ###################################### */ DIV.layoutRed1Red2Gradient { background: rgb(119, 37, 131); background: -moz-linear-gradient(142deg, rgb(0, 69, 57, 1) 0%, rgba(0, 116, 131, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(0, 69, 57, 1) 0%, rgba(0, 116, 131, 1) 100%); background: linear-gradient(142deg, rgba(0, 69, 57, 1) 0%, rgba(0, 116, 131, 1) 100%); color: #fff; } DIV.layoutRed2Red1Gradient { background: rgb(206, 15, 105); background: -moz-linear-gradient(142deg, rgba(206, 15, 105, 1) 0%, rgba(119, 37, 131, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(206, 15, 105, 1) 0%, rgba(119, 37, 131, 1) 100%); background: linear-gradient(142deg, rgba(206, 15, 105, 1) 0%, rgba(119, 37, 131, 1) 100%); color: #fff; } DIV.layoutRed1Red2GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png),rgb(119, 37, 131); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgb(119, 37, 131, 1) 0%, rgba(206, 15, 105, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(119, 37, 131, 1) 0%, rgba(206, 15, 105, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(119, 37, 131, 1) 0%, rgba(206, 15, 105, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutRed2Red1GradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(206, 15, 105); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(206, 15, 105, 1) 0%, rgba(119, 37, 131, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(206, 15, 105, 1) 0%, rgba(119, 37, 131, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(206, 15, 105, 1) 0%, rgba(119, 37, 131, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* ###################################### # MULTI-COLOR GRADIENT BLOCKS ###################################### */ /* # CANOPY Gradients ################## */ /* Ultra Teal gradient 1 */ DIV.layoutUltraTealGradient1 { background: rgb(10,79,89); background: -moz-linear-gradient(140deg, rgba(10,79,89,1) 0%, rgba(0,116,131,1) 46%, rgba(11,90,100,1) 100%); background: -webkit-linear-gradient(140deg, rgba(10,79,89,1) 0%, rgba(0,116,131,1) 46%, rgba(11,90,100,1) 100%); background: linear-gradient(140deg, rgba(10,79,89,1) 0%, rgba(0,116,131,1) 46%, rgba(11,90,100,1) 100%); color: #fff; } DIV.layoutUltraTealGradient1PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(10, 79, 89); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(140deg, rgba(10,79,89,1) 0%, rgba(0,116,131,1) 46%, rgba(11,90,100,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(140deg, rgba(10,79,89,1) 0%, rgba(0,116,131,1) 46%, rgba(11,90,100,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(140deg, rgba(10,79,89,1) 0%, rgba(0,116,131,1) 46%, rgba(11,90,100,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* canopy UltraTeal 2 */ DIV.layoutUltraTealGradient2 { background: rgb(11,91,102); background: -moz-linear-gradient(220deg, rgba(11,91,102,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(11,91,102,1) 100%); background: -webkit-linear-gradient(220deg, rgba(11,91,102,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(11,91,102,1) 100%); background: linear-gradient(220deg, rgba(11,91,102,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(11,91,102,1) 100%); color: #fff; } DIV.layoutUltraTealGradient2PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(11, 91, 102); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(220deg, rgba(11,91,102,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(11,91,102,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(220deg, rgba(11,91,102,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(11,91,102,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(220deg, rgba(11,91,102,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(11,91,102,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* Canopy UltraTeal 3 */ DIV.layoutUltraTealGradient3 { background: rgb(6,46,51); background: -moz-linear-gradient(220deg, rgba(6,46,51,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(6,46,51,1) 100%); background: -webkit-linear-gradient(220deg, rgba(6,46,51,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(6,46,51,1) 100%); background: linear-gradient(220deg, rgba(6,46,51,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(6,46,51,1) 100%); color: #fff; } DIV.layoutUltraTealGradient3PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(6, 46, 51); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(220deg, rgba(6,46,51,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(6,46,51,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(220deg, rgba(6,46,51,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(6,46,51,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(220deg, rgba(6,46,51,1) 0%, rgba(0,116,131,1) 30%, rgba(0,116,131,1) 67%, rgba(6,46,51,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* canopy HUNTER 2 */ DIV.layoutHunterGradient2 { background: rgb(101,153,125); background: -moz-linear-gradient(220deg, rgba(101,153,125,1) 0%, rgba(0,69,57,1) 28%, rgba(0,69,57,1) 69%, rgba(101,153,125,1) 100%); background: -webkit-linear-gradient(220deg, rgba(101,153,125,1) 0%, rgba(0,69,57,1) 28%, rgba(0,69,57,1) 69%, rgba(101,153,125,1) 100%); background: linear-gradient(220deg, rgba(101,153,125,1) 0%, rgba(0,69,57,1) 28%, rgba(0,69,57,1) 69%, rgba(101,153,125,1) 100%); color: #fff; } DIV.layoutHunterGradient2PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(101,153,125); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(220deg, rgba(101,153,125,1) 0%, rgba(0,69,57,1) 28%, rgba(0,69,57,1) 69%, rgba(101,153,125,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(220deg, rgba(101,153,125,1) 0%, rgba(0,69,57,1) 28%, rgba(0,69,57,1) 69%, rgba(101,153,125,1) 100%); linear-gradient(220deg, rgba(101,153,125,1) 0%, rgba(0,69,57,1) 28%, rgba(0,69,57,1) 69%, rgba(101,153,125,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* MOSS gradient 1 */ DIV.layoutMossGradient1 { background: rgb(158,180,157); background: -moz-linear-gradient(117deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 48%, rgba(158,180,157,1) 100%); background: -webkit-linear-gradient(117deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 48%, rgba(158,180,157,1) 100%); background: linear-gradient(117deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 48%, rgba(158,180,157,1) 100%); color: #fff; } DIV.layoutMossGradient1PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(158, 180, 157); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(117deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 48%, rgba(158,180,157,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(117deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 48%, rgba(158,180,157,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(117deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 48%, rgba(158,180,157,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* MOSS gradient 2 */ DIV.layoutMossGradient2 { background: rgb(158,180,157); background: -moz-linear-gradient(220deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 28%, rgba(170,221,179,1) 69%, rgba(158,180,157,1) 100%); background: -webkit-linear-gradient(220deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 28%, rgba(170,221,179,1) 69%, rgba(158,180,157,1) 100%); background: linear-gradient(220deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 28%, rgba(170,221,179,1) 69%, rgba(158,180,157,1) 100%); color: #fff; } DIV.layoutMossGradient2PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(158, 180, 157); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(220deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 28%, rgba(170,221,179,1) 69%, rgba(158,180,157,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(220deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 28%, rgba(170,221,179,1) 69%, rgba(158,180,157,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(220deg, rgba(158,180,157,1) 0%, rgba(170,221,179,1) 28%, rgba(170,221,179,1) 69%, rgba(158,180,157,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* MOSS gradient 3 */ DIV.layoutMossGradient3 { background: rgb(33,50,41); background: -moz-linear-gradient(220deg, rgba(33,50,41,1) 0%, rgba(170,221,179,1) 25%, rgba(170,221,179,1) 69%, rgba(33,50,41,1) 100%); background: -webkit-linear-gradient(220deg, rgba(33,50,41,1) 0%, rgba(170,221,179,1) 25%, rgba(170,221,179,1) 69%, rgba(33,50,41,1) 100%); background: linear-gradient(220deg, rgba(33,50,41,1) 0%, rgba(170,221,179,1) 25%, rgba(170,221,179,1) 69%, rgba(33,50,41,1) 100%); color: #fff; } DIV.layoutMossGradient3PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(33,50,41); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(220deg, rgba(33,50,41,1) 0%, rgba(170,221,179,1) 25%, rgba(170,221,179,1) 69%, rgba(33,50,41,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(220deg, rgba(33,50,41,1) 0%, rgba(170,221,179,1) 25%, rgba(170,221,179,1) 69%, rgba(33,50,41,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(220deg, rgba(33,50,41,1) 0%, rgba(170,221,179,1) 25%, rgba(170,221,179,1) 69%, rgba(33,50,41,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* MOSS gradient 4 light BRAND BRAND light */ DIV.layoutMossGradient4 { background: rgb(213,255,221 ); background: -moz-linear-gradient(291deg, rgba(213,255,221,1) 0%, rgba(170,221,179,1) 20%, rgba(170,221,179,1) 80%, rgba(213,255,221,1) 100%); background: -webkit-linear-gradient(291deg, rgba(213,255,221,1) 0%, rgba(170,221,179,1) 20%, rgba(170,221,179,1) 80%, rgba(213,255,221,1) 100%); background: linear-gradient(291deg, rgba(213,255,221,1) 0%, rgba(170,221,179,1) 20%, rgba(170,221,179,1) 80%, rgba(213,255,221,1) 100%); color: #fff; } DIV.layoutMossGradient4PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(213,255,221); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(291deg, rgba(213,255,221,1) 0%, rgba(170,221,179,1) 20%, rgba(170,221,179,1) 80%, rgba(213,255,221,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(291deg, rgba(213,255,221,1) 0%, rgba(170,221,179,1) 20%, rgba(170,221,179,1) 80%, rgba(213,255,221,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(291deg, rgba(213,255,221,1) 0%, rgba(170,221,179,1) 20%, rgba(170,221,179,1) 80%, rgba(213,255,221,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* MOSS ULTRATEAL gradient 1 */ DIV.layoutMossUltraTealGradient1 { background: rgb(170,221,179); background: -moz-linear-gradient(306deg, rgba(170,221,179,1) 0%, rgba(0,116,131,1) 33%, rgba(0,116,131,1) 62%, rgba(170,221,179,1) 100%); background: -webkit-linear-gradient(306deg, rgba(170,221,179,1) 0%, rgba(0,116,131,1) 33%, rgba(0,116,131,1) 62%, rgba(170,221,179,1) 100%); background: linear-gradient(306deg, rgba(170,221,179,1) 0%, rgba(0,116,131,1) 33%, rgba(0,116,131,1) 62%, rgba(170,221,179,1) 100%); color: #fff; } DIV.layoutMossUltraTealGradient1PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(170, 221, 179); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(306deg, rgba(170,221,179,1) 0%, rgba(0,116,131,1) 33%, rgba(0,116,131,1) 62%, rgba(170,221,179,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(306deg, rgba(170,221,179,1) 0%, rgba(0,116,131,1) 33%, rgba(0,116,131,1) 62%, rgba(170,221,179,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(306deg, rgba(170,221,179,1) 0%, rgba(0,116,131,1) 33%, rgba(0,116,131,1) 62%, rgba(170,221,179,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* MOSS ULTRATEAL gradient 2 */ DIV.layoutMossUltraTealGradient2 { background: rgb(0,116,131); background: -moz-linear-gradient(291deg, rgba(0,116,131,1) 0%, rgba(170,221,179,1) 22%, rgba(170,221,179,1) 76%, rgba(0,116,131,1) 100%); background: -webkit-linear-gradient(291deg, rgba(0,116,131,1) 0%, rgba(170,221,179,1) 22%, rgba(170,221,179,1) 76%, rgba(0,116,131,1) 100%); background: linear-gradient(291deg, rgba(0,116,131,1) 0%, rgba(170,221,179,1) 22%, rgba(170,221,179,1) 76%, rgba(0,116,131,1) 100%); color: #fff; } DIV.layoutMossUltraTealGradient2PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(170, 221, 179); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(291deg, rgba(0,116,131,1) 0%, rgba(170,221,179,1) 22%, rgba(170,221,179,1) 76%, rgba(0,116,131,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(291deg, rgba(0,116,131,1) 0%, rgba(170,221,179,1) 22%, rgba(170,221,179,1) 76%, rgba(0,116,131,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(291deg, rgba(0,116,131,1) 0%, rgba(170,221,179,1) 22%, rgba(170,221,179,1) 76%, rgba(0,116,131,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* Gupsum ULTRATEAL gradient 1 */ DIV.layoutGypsumUltraTealGradient1 { background: rgb(227,225,219); background: -moz-linear-gradient(291deg, rgba(227,225,219,1) 0%, rgba(0,116,131,1) 22%, rgba(0,116,131,1) 76%, rgba(227,225,219,1) 100%); background: -webkit-linear-gradient(291deg, rgba(227,225,219,1) 0%, rgba(0,116,131,1) 22%, rgba(0,116,131,1) 76%, rgba(227,225,219,1) 100%); background: linear-gradient(291deg, rgba(227,225,219,1) 0%, rgba(0,116,131,1) 22%, rgba(0,116,131,1) 76%, rgba(227,225,219,1) 100%); color: #fff; } DIV.layoutGypsumUltraTealGradient1PlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(227, 225, 219); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(291deg, rgba(227,225,219,1) 0%, rgba(0,116,131,1) 22%, rgba(0,116,131,1) 76%, rgba(227,225,219,1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(291deg, rgba(227,225,219,1) 0%, rgba(0,116,131,1) 22%, rgba(0,116,131,1) 76%, rgba(227,225,219,1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(291deg, rgba(227,225,219,1) 0%, rgba(0,116,131,1) 22%, rgba(0,116,131,1) 76%, rgba(227,225,219,1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* # CASCADE ################## */ DIV.layoutBlueYellowGradient { background: rgb(0, 60, 113); background: -moz-linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(0, 60, 113, 1) 15%, rgba(0, 169, 224, 1) 75%, rgba(89, 203, 232, 1) 90%, rgba(219, 246, 200, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(0, 60, 113, 1) 15%, rgba(0, 169, 224, 1) 75%, rgba(89, 203, 232, 1) 90%, rgba(219, 246, 200, 1) 100%); background: linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(0, 60, 113, 1) 15%, rgba(0, 169, 224, 1) 75%, rgba(89, 203, 232, 1) 90%, rgba(219, 246, 200, 1) 100%); color: #fff; } DIV.layoutPurpleBlueGradient { background: rgb(119, 37, 131); background: -moz-linear-gradient(142deg, rgba(119, 37, 131, 1) 0%, rgba(0, 60, 113, 1) 100%); background: -webkit-linear-gradient(142deg, rgba(119, 37, 131, 1) 0%, rgba(0, 60, 113, 1) 100%); background: linear-gradient(142deg, rgba(119, 37, 131, 1) 0%, rgba(0, 60, 113, 1) 100%); color: #fff; } DIV.layoutBluePurpleGradient { background: rgb(0, 60, 113); background: -moz-linear-gradient(322deg, rgba(119, 37, 131, 1) 0%, rgba(0, 60, 113, 1) 100%); background: -webkit-linear-gradient(322deg, rgba(119, 37, 131, 1) 0%, rgba(0, 60, 113, 1) 100%); background: linear-gradient(322deg, rgba(119, 37, 131, 1) 0%, rgba(0, 60, 113, 1) 100%); color: #fff; } DIV.layoutBlueYellowGradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(0, 60, 113); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(0, 60, 113, 1) 15%, rgba(0, 169, 224, 1) 75%, rgba(89, 203, 232, 1) 90%, rgba(219, 246, 200, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(0, 60, 113, 1) 15%, rgba(0, 169, 224, 1) 75%, rgba(89, 203, 232, 1) 90%, rgba(219, 246, 200, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(0, 60, 113, 1) 0%, rgba(0, 60, 113, 1) 15%, rgba(0, 169, 224, 1) 75%, rgba(89, 203, 232, 1) 90%, rgba(219, 246, 200, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } DIV.layoutPurpleBlueGradientPlusOverlay { background: url(/themes/default/images/logoOverlay.png), rgb(119, 37, 131); background: url(/themes/default/images/logoOverlay.png), -moz-linear-gradient(142deg, rgba(227, 225, 219, 1) 0%, rgba(234, 188, 78, 1) 100%); background: url(/themes/default/images/logoOverlay.png), -webkit-linear-gradient(142deg, rgba(227, 225, 219, 1) 0%, rgba(234, 188, 78, 1) 100%); background: url(/themes/default/images/logoOverlay.png), linear-gradient(142deg, rgba(227, 225, 219, 1) 0%, rgba(234, 188, 78, 1) 100%); color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* ############################################### # # # JUMBOTRON : TEXT # # # ############################################### */ DIV.layoutHeader H1 { color: #004539 !important; } DIV.layoutHeader H1.homeTitle { color: #004539 !important; font-size: 3rem !important; } DIV.layoutHeader H1.homeSubTitle { color: #004539 !important; font-size: 1.5rem !important; } DIV.layoutCoolGrey H1, DIV.layoutCoolGreyPlusOverlay H1, DIV.layoutGypsumUltraTealGradient1 H1, DIV.layoutGypsumUltraTealGradient1PlusOverlay H1, DIV.layoutUltraTealGradient1 H1, DIV.layoutUltraTealGradient1PlusOverlay H1, DIV.layoutUltraTealGradient3 H1, DIV.layoutUltraTealGradient3PlusOverlay H1, DIV.layoutHunterGradient2 H1, DIV.layoutHunterGradient2PlusOverlay H1, DIV.layoutPurpleBlueGradient H1, DIV.layoutPurpleBlueGradientPlusOverlay H1, DIV.layoutBluePurpleGradient H1, DIV.layoutHunterGradient2 H1, DIV.layoutUltraTealPlusOverlay H1, DIV.layoutUltraTeal H1, DIV.layoutHunterPlusOverlay H1, DIV.layoutHunter H1 { color: #fff !important; } DIV.layoutMossPlusOverlay H1, DIV.layoutMossPlus H1, DIV.layoutMossGradient2 H1, DIV.layoutMossGradient2PlusOverlay H1 { color: #322e21 !important; } DIV.layoutMossPlusOverlay H2, DIV.layoutMossPlus H2, DIV.layoutMossGradient2 H2, DIV.layoutMossGradient2PlusOverlay H2 { color: #322e21 !important; font-size: 1.3em !important; } DIV.layoutHeader H2, section.copyHeader DIV.vidInfo H2 { margin-top: 1em; color: #007483 !important; /* ultra teal */ } section.copyHeader DIV.vidInfo summary { color: #322e21 !important; /* onyx */ } section.copyHeader.whiteBG { color: #322e21 !important; /* onyx */ } DIV.layoutCoolGrey H2, DIV.layoutCoolGreyPlusOverlay H2, DIV.layoutUltraTealGradient1 H2, DIV.layoutUltraTealGradient1PlusOverlay H2, DIV.layoutUltraTealGradient3 H2, DIV.layoutUltraTealGradient3PlusOverlay H2, DIV.layoutHunterGradient2 H2, DIV.layoutHunterGradient2PlusOverlay H2, DIV.layoutHunterGradient2 H2, DIV.layoutUltraTealPlusOverlay H2, DIV.layoutUltraTeal H2, DIV.layoutHunterPlusOverlay H2, DIV.layoutHunter H2 { color: #fff !important; font-size: 1.3em !important; } DIV.layoutCoolGrey ARTICLE.catItem SECTION.copySub, DIV.layoutCoolGreyPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutDarkBlue ARTICLE.catItem SECTION.copySub, DIV.layoutDarkBluePlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutBlue1Blue3Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutBlue1Blue3GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutBlue2Blue3Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutBlue2Blue3GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutUltraTealGradient1 ARTICLE.catItem SECTION.copySub, DIV.layoutUltraTealGradient1PlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutBlue3Blue1Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutBlue3Blue1GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutBlue3Blue2Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutBlue3Blue2GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutBlue2Blue1Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutBlue2Blue1GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutGreen1Green2Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutGreen1Green2GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutGreen2Green1Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutGreen2Green1GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutRed1Red2Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutRed1Red2GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutRed2Red1Gradient ARTICLE.catItem SECTION.copySub, DIV.layoutRed2Red1GradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutBlueYellowGradient ARTICLE.catItem SECTION.copySub, DIV.layoutBlueYellowGradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutMossGradient2 ARTICLE.catItem SECTION.copySub, DIV.layoutMossGradient2PlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutUltraTealGradient3 ARTICLE.catItem SECTION.copySub, DIV.layoutUltraTealGradient3PlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutHunterGradient2 ARTICLE.catItem SECTION.copySub, DIV.layoutHunterGradient2PlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutPurpleBlueGradient ARTICLE.catItem SECTION.copySub, DIV.layoutPurpleBlueGradientPlusOverlay ARTICLE.catItem SECTION.copySub, DIV.layoutBluePurpleGradient ARTICLE.catItem SECTION.copySub, DIV.layoutHunterGradient2 ARTICLE.catItem SECTION.copySub, DIV.layoutHeader ARTICLE.catItem SECTION.copySub { color: #fff !important; } DIV.contentMasthead { height: 30vw; max-height: 25em; width: 100%; background-size: cover; background-position: center center; margin-bottom: 1.5em; position: relative; } DIV.contentMastheadEmpty { height: 3em; } DIV.trayDEFAULT DIV.contentMastheadEmpty, DIV.trayTOPIC_LANDING DIV.contentMastheadEmpty, DIV.trayTOPIC_HIGHLIGHT DIV.contentMastheadEmpty { height: 0; } DIV.contentMastheadOuter { position: absolute; bottom: 0; left: 0; width: 100%; } DIV.contentMastheadInner { width: 100%; } DIV.contentMasthead DIV.mastheadSpacer { } DIV.contentMasthead DIV.titleBlock { padding: 0.5em 1.3em; } DIV.contentMasthead DIV.titleBlock H1 { font-size: 4vw; color: #fff; text-shadow: 0 0 0.5em rgba(0,0,0,0.6); font-weight: 700; line-height: 0.9em; } DIV.contentMasthead DIV.titleBlock H2 { font-size: 2.6vw; color: #fff; text-shadow: 0 0 1.6em rgba(0,0,0,0.8); font-weight: 500; line-height: 0.9em; } HGROUP.mastheadhideMe H1, HGROUP.mastheadhideMe H2 { display: none; } DIV#catTitle197GP241 H1, SECTION#ukraine1cnpy31 { display: none !important; /* hide me */ } DIV.layoutSmall DIV.layout3P7T-2, DIV.layoutSmall DIV.layout7T3P-1 { line-height: 1.2em; } DIV.layoutSmall DIV.layout3P7T-2 H2, DIV.layoutSmall DIV.layout7T3P-1 H2 { color: #CCE7FC !important; font-weight: 500; font-size: 1.1em; } /* ######################################################################################### # # # # # A N I M A T I O N # # # # # ######################################################################################### */ /* ###################################### # ANIMATION : FADE UP ###################################### */ @keyframes fadeup { from { opacity: 0; bottom: -2em; transform: scale(0.9); } to { opacity: 1; bottom: 0; transform: scale(1); } } @-moz-keyframes fadeup { from { opacity: 0; bottom: -2em; transform: scale(0.9); } to { opacity: 1; bottom: 0; transform: scale(1); } } @-webkit-keyframes fadeup { from { opacity: 0; bottom: -2em; transform: scale(0.9); } to { opacity: 1; bottom: 0; transform: scale(1); } } @-ms-keyframes fadeup { from { opacity: 0; bottom: -2em; transform: scale(0.9); } to { opacity: 1; bottom: 0; transform: scale(1); } } @-o-keyframes fadeup { from { opacity: 0; bottom: -2em; transform: scale(0.9); } to { opacity: 1; bottom: 0; transform: scale(1); } } /* ###################################### # ANIMATION : FADE IN ###################################### */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* ###################################### # ANIMATION : MOVE RIGHT ###################################### */ @keyframes moveright { from { padding-left: 0; padding-right: 2em; } to { padding-left: 1em; padding-right: 1em; } } @-moz-keyframes moveright { from { padding-left: 0; padding-right: 2em; } to { padding-left: 1em; padding-right: 1em; } } @-webkit-keyframes moveright { from { padding-left: 0; padding-right: 2em; } to { padding-left: 1em; padding-right: 1em; } } @-ms-keyframes moveright { from { padding-left: 0; padding-right: 2em; } to { padding-left: 1em; padding-right: 1em; } } @-o-keyframes moveright { from { padding-left: 0; padding-right: 2em; } to { padding-left: 1em; padding-right: 1em; } } /* ###################################### # ANIMATION : FADE IN ###################################### */ @keyframes fadeinright { from { opacity: 0; margin-left: -30px; margin-right: 30px } to { opacity: 1; margin-left: 0; margin-right: 0 } } @-moz-keyframes fadeinright { from { opacity: 0; margin-left: -30px; margin-right: 30px } to { opacity: 1; margin-left: 0; margin-right: 0 } } @-webkit-keyframes fadeinright { from { opacity: 0; margin-left: -30px; margin-right: 30px } to { opacity: 1; margin-left: 0; margin-right: 0 } } @-ms-keyframes fadeinright { from { opacity: 0; margin-left: -30px; margin-right: 30px } to { opacity: 1; margin-left: 0; margin-right: 0 } } @-o-keyframes fadeinright { from { opacity: 0; margin-left: -30px; margin-right: 30px } to { opacity: 1; margin-left: 0; margin-right: 0 } to { opacity: 1; margin-left: 0; } } /* ############################################################################################################# # # # # # # # # # # # R E S P O N S I V E D E S I G N A D D I T I O N S # # # # # # # # # # # ############################################################################################################# # # # # ################################################# # # BASE DESIGN INCLUDES "MOBILE FIRST" SOLUTION # */ @media screen and (min-width: 27em) { SECTION.tlFlex3 DIV.flexItem { width: 50%; } } @media screen and (min-width: 30em) { SECTION.tlFlex4 DIV.flexItem { width: 50%; } } /* ################################################# # # # PHONE / MINI # # # ################################################# */ @media screen and (max-width: 37em) { /* ###################################### # TABLE LIST : GRID 2 | 3 ###################################### */ SECTION.tlGrid2 DIV.tlTable TABLE, SECTION.tlGrid2 DIV.tlTable TABLE TBODY, SECTION.tlGrid2 DIV.tlTable TABLE TR, SECTION.tlGrid2 DIV.tlTable TABLE TR TD, SECTION.tlGrid3 DIV.tlTable TABLE, SECTION.tlGrid3 DIV.tlTable TABLE TBODY, SECTION.tlGrid3 DIV.tlTable TABLE TR, SECTION.tlGrid3 DIV.tlTable TABLE TR TD { display: block; } SECTION.tlGrid2 DIV.tlTable TABLE TD.left, SECTION.tlGrid2 DIV.tlTable TABLE TD.right, SECTION.tlGrid3 DIV.tlTable TABLE TD.left, SECTION.tlGrid3 DIV.tlTable TABLE TD.right { width: 100% !important; margin-bottom: 1em; } } /* ################################################# # # # TABLET # # # ################################################# */ @media screen and (max-width: 44em) { SECTION.tlFlex4 DIV.flexItem { width: 33.3333%; } /* ###################################### # SMALL SCREEN FONT SIZE FIXES ###################################### */ DIV.layoutLarge H1 { font-size: 10vw; } DIV.layoutLarge H2 { font-size: 4.5vw; } /* ###################################### # TABLE LIST : GRID 4 ###################################### */ SECTION.tlGrid4 DIV.tlTable TABLE, SECTION.tlGrid4 DIV.tlTable TABLE TBODY, SECTION.tlGrid4 DIV.tlTable TABLE TR, SECTION.tlGrid4 DIV.tlTable TABLE TR TD, SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE, SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TBODY, SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TR, SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TR TD, { display: block; } SECTION.tlGrid4 DIV.tlTable TABLE TD.left, SECTION.tlGrid4 DIV.tlTable TABLE TD.right, SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TD.left, SECTION.tlGrid2.tlContactGrid2 DIV.tlTable TABLE TD.right, { width: 100% !important; margin-bottom: 1em; } DIV.contentMasthead DIV.titleBlock H1 { font-size: 2em; } DIV.contentMasthead DIV.titleBlock H2 { font-size: 1.4em; } SECTION.tlGrid2 DIV.tlTable.has1cols TABLE, SECTION.tlGrid3 DIV.tlTable.has1cols TABLE, SECTION.tlGrid4 DIV.tlTable.has1cols TABLE, SECTION.tlGrid3 DIV.tlTable.has2cols TABLE, SECTION.tlGrid4 DIV.tlTable.has2cols TABLE, SECTION.tlGrid4 DIV.tlTable.has3cols TABLE { width: calc(100% + 2em); } } /* ################################################# # # # LARGE FORMAT PHONE # # # ################################################# */ @media screen and (min-width: 29em) { } /* ################################################# # # # TABLET # # # ################################################# */ @media screen and (min-width: 39em) { /* ###################################### # DOCUMENT LISTS ###################################### */ SECTION.tlTab3 DIV.tlTable TABLE TH.catalogListCol2, SECTION.tlTab3 DIV.tlTable TABLE TD.col2 { display: table-cell; padding-right: 0; padding-left: 1em; width: 20%; } } /* ################################################# # # # DUAL COLUMN START (LARGE TABLET/SMALL STD) # # # ################################################# */ @media screen and (min-width: 44em) { /* ###################################### # MAIN LAYOUT ###################################### */ DIV.layout1-1 { display: block; width: 100%; } DIV.layout11-1 { display: block; width: 50%; float: right; padding-bottom: 3em; } DIV.layout11-2 { display: block; width: 50%; float: left; padding-bottom: 3em; } DIV.layout21-1 { display: block; width: 69%; float: right; padding-bottom: 3em; } DIV.trayCONTENT_FULL_WIDTH DIV.layout21-1 { display: block; width: 100%; float: right; padding-bottom: 3em; } DIV.layout21-2 { width: 31%; float: left; padding-bottom: 3em; } DIV.layout12-1 { display: block; width: 31%; float: left; padding-bottom: 3em; } DIV.layout12-2 { width: 69%; float: right; padding-bottom: 3em; } DIV.layoutSide { padding: 8em 0 1em 1.2em; } SECTION.mastheadFixhideMe DIV.layoutSide { padding-top: 3.5em; } DIV.titleBlock { display: block; width: 69%; float: right; } DIV.mastheadSpacer { width: 31%; float: left; } /* ###################################### # SIDEBAR ###################################### */ SECTION.enhancedDocs, SECTION.relDocs, SECTION.relURLs, SECTION.downloads, SECTION.relTags, SECTION.calloutDocs { margin-bottom: 5em; } DIV.trayBLOG SECTION.enhancedDocs, DIV.trayBLOG SECTION.relDocs, DIV.trayBLOG SECTION.relURLs, DIV.trayBLOG SECTION.downloads, DIV.trayBLOG SECTION.relTags, DIV.trayBLOG SECTION.calloutDocs { padding-left: 1em; } /* ###################################### # SPECIAL LAYOUT ###################################### */ DIV.layout5P5T, DIV.layout5T5P, DIV.layout4P6T, DIV.layout6T4P, DIV.layoutHeader { display: flex; } DIV.layout5P5T-1 { display: flex; align-items: stretch; width: 50%; float: left; padding-bottom: 0em; position: relative; height: 100%; padding-right: 0; } DIV.layout5T5P-2 { display: flex; align-items: stretch; width: 50%; float: right; padding-bottom: 0em; position: relative; height: 100%; padding-left: 0; } DIV.layout5P5T-2 { align-items: stretch; width: 50%; float: right; padding-top: 4em; padding-bottom: 4em; } DIV.layout5T5P-1 { align-items: stretch; width: 50%; float: left; padding-top: 4em; padding-bottom: 4em; } DIV.layout4P6T-1 { display: flex; align-items: stretch; width: 40%; float: left; padding-bottom: 0em; position: relative; height: 100%; padding-right: 0; } DIV.layout6T4P-2 { display: flex; align-items: stretch; width: 40%; float: right; padding-bottom: 0em; position: relative; height: 100%; padding-left: 0; } DIV.layout4P6T-2 { align-items: stretch; width: 60%; float: right; padding-top: 4em; padding-bottom: 4em; } DIV.layout6T4P-1 { align-items: stretch; width: 60%; float: left; padding-top: 4em; padding-bottom: 4em; } DIV.layoutHeader-1 { align-items: stretch; width: 60%; float: left; padding-top: 8em; padding-bottom: 4em; color: #fff; } DIV.layoutHeader-2 { display: flex; align-items: stretch; width: 40%; float: right; padding-bottom: 0em; position: relative; height: 100%; padding-left: 0; } /* ###################################### # HEADER LAYOUT ###################################### */ /* ###################################### # HEADER ###################################### */ /* ###################################### # TOPNAV ###################################### */ /* ###################################### # SIDEBAR ###################################### */ ASIDE.docFoot { padding: 1em 2em 1em 0; } DIV.bioHeader { text-align: right; } /* ###################################### # FORMS ###################################### */ DIV.checkboxList { width: 50%; } } /* ################################################# # # # TOP NAVIGATION SWITCH 1 # # # ################################################# */ @media screen and (min-width: 45em) { DIV#topOuter { padding-top: 7em; -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in; } SECTION#header { height: 8em; } SECTION#header.scrolled { height: 7em; } DIV#logoHeader { } DIV#navHeader { float: right; text-align: right; margin-right: 0.7em; opacity: 1; -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in; } /* ###################################### # FUNC NAVIGATION ###################################### */ DIV#funcNav.navShow, DIV#searchNav.navShow { display: block; } DIV#funcNav.navHide, DIV#searchNav.navHide { display: block; } /* ###################################### # TOP NAVIGATION ###################################### */ NAV.topnav UL LI.level3 { display: inline-block; } /* ###################################### # MOBILE NAVIGATION ###################################### */ DIV#mobileNav { display: none; } } /* ################################################# # # # TOP NAVIGATION SWITCH 2 # # # ################################################# */ @media screen and (min-width: 62em) { NAV.topnav UL LI.level3 > A { padding: 0.8em 0 0.7em 2em; } LI#topnav197GPtop15 > A SPAN { display: inline; } LI#topnav197GPtop15 > A::before { display: none; } } /* ################################################# # # # LOGO SWITCH # # # ################################################# */ @media screen and (min-width: 45em) { /* ###################################### # HEADER : LOGO ###################################### */ H1#logo { float: left; padding: 0.7em 0 0.2em 0.8em; margin: 0em 0 0 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } SECTION#header.scrolled H1#logo { margin: 0em 0 0 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } H1#logo A { width: 11.0em; height: 5.741759666em; background-size: 100% 100%; } } /* ################################################# # # # LAYOUT SWITCH # # # ################################################# */ @media screen and (min-width: 50em) { DIV.layout3P7T, DIV.layout7T3P { display: flex; } DIV.layout3P7T-1 { display: flex; align-items: stretch; width: 36%; float: left; padding-bottom: 0em; position: relative; height: 100%; padding-right: 0; } DIV.layout7T3P-2 { display: flex; align-items: stretch; width: 36%; float: right; padding-bottom: 0em; position: relative; height: 100%; padding-right: 0; } DIV.layout3P7T-2 { align-items: stretch; width: 64%; float: right; padding-top: 2em; padding-bottom: 2em; padding-left: 3em !important; } DIV.layout7T3P-1 { align-items: stretch; width: 64%; float: left; padding-top: 2em; padding-bottom: 2em; padding-left: 2em !important; } } /* ################################################# # # # FOOTER SWITCH 1 # # # ################################################# */ @media screen and (min-width: 47.75em) { /* ###################################### # FOOTER ###################################### */ DIV#topOuter { padding-bottom: 27.25em; } DIV#bottomOuter { height: 27.25em; } SECTION#footer { padding: 2.7em 1.5em; } DIV.footerBlockA1 { float: left; height: 8.5em; } DIV.footerBlockA2 { width: 21em; padding-left: 4em; padding-top: 0; height: 8.5em; float: right; } DIV.footerBlockB1 { padding-top: 0; float: left; } DIV.footerBlockB2 { border-left: 1px; border-color: #5F6D84; border-style: solid; float: right; padding-top: 0; padding-left: 4em; } DIV.footerBlockB1 H2 { margin: 1.5em 0 0.5em 0; } } /* ################################################# # # # FOOTER SWITCH 2 # # # ################################################# */ @media screen and (min-width: 59em) { DIV#topOuter { padding-bottom: 25em; } DIV#bottomOuter { height: 25em; } DIV.fotterBlockB1c { float: left; clear: none; } DIV.fotterBlockB1c A { display: block; } } /* ################################################# # # # STANDARD # # # ################################################# */ @media screen and (min-width: 70em) { SECTION.tlFlex4 DIV.flexItem { width: 25%; } DIV.fullOuter { } /* ###################################### # HEADER & BODY ###################################### */ DIV#upperHeader, DIV#lowerHeaderTop { width: 70em; margin: 0 auto; } SECTION#body DIV.layoutInner { width: 70em; margin: 0 auto; } DIV.masthead3 { width: 67em; margin: 0 auto; } DIV.contentMastheadInner { width: 70em; margin: 0 auto; } DIV.contentMasthead DIV.titleBlock H1 { font-size: 3em; } DIV.contentMasthead DIV.titleBlock H2 { font-size: 1.8em; } NAV.topnav UL LI#topnav197GPtop2:hover DIV.level4 { height: 12.6em; } NAV.topnav UL LI#topnav197GPtop15:hover DIV.level4 { height: 11.7em; } NAV.topnav UL LI#topnav197GPtop19:hover DIV.level4 { height: 13.7em; } NAV.topnav UL LI.level3 UL.level4 { columns: auto 3; -webkit-columns: auto 3; -moz-columns: auto 3; } #topnav197GPtop3sub { padding-bottom: 3em; } #topnav197GPtop62sub { padding-bottom: 5em; } div.navDropDownLogin { color: #fff; margin-top: .7em; } div.navDropDownLogin A.footerButton { width: 75%; } DIV.level4 span.dropdown span { background-color: #E3E1DB !important; color: #007483 !important; border-width: 1px; border-style: solid; border-color: #007483; } /* ###################################### # FOOTER ###################################### */ SECTION#footer { width: 70em; margin: 0 auto; } } /* ################################################# # # # FULL - SCREEN Banner adjustment # # # ################################################# */ @media screen and (min-width: 100em) { DIV.contentMasthead { height: 30vw; max-height: 40em; width: 100%; background-size: cover; background-position: center center; margin-bottom: 1.5em; position: relative; } } /* ############################################################################################################# # # # # # # # # # # # P R I N T A B L E # # # # # # # # # # # ############################################################################################################# */ @media print { SECTION#header, DIV.snBar, DIV.stdDocFunctions, DIV.layoutSide { display: none; } } /* ###################################### # LIST : EXPAND ###################################### */ SECTION.tlExpand { padding-top: 3em; margin-bottom: -1.5em; max-width: 50em; } .showOnScroll SECTION.tlExpand DIV.main { opacity: 0; padding-left: 2em; transition: 1s ease; } .showOnScroll.is-visible SECTION.tlExpand DIV.main { opacity: 1; padding-left: 0; } .showOnScroll SECTION.tlExpand > HEADER > H1 { opacity: 0; padding-left: 1em; transition: 1s ease; } .showOnScroll.is-visible SECTION.tlExpand HEADER > H1 { opacity: 1; padding-left: 0; } .showOnScroll SECTION.tlExpand DIV.main1 { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .showOnScroll SECTION.tlExpand DIV.main2 { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 02s; transition-delay: 0.2s; } .showOnScroll SECTION.tlExpand DIV.main3 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .showOnScroll SECTION.tlExpand DIV.main4 { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .showOnScroll SECTION.tlExpand DIV.main5 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .showOnScroll SECTION.tlExpand DIV.main6 { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .showOnScroll SECTION.tlExpand DIV.main7 { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .showOnScroll SECTION.tlExpand DIV.main8 { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .showOnScroll SECTION.tlExpand DIV.main9 { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .showOnScroll SECTION.tlExpand DIV.main10 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } SECTION.tlExpand DIV.FIRST, SECTION.tlExpand DIV.MID, SECTION.tlExpand DIV.SOLO, SECTION.tlExpand DIV.LAST { clear: both; } SECTION.tlExpand DIV.MID, SECTION.tlExpand DIV.LAST { padding-top: 1em; /* BORDER */ } SECTION.tlExpand DIV.FIRST, SECTION.tlExpand DIV.MID, SECTION.tlExpand DIV.SOLO { padding-bottom: 3em; } SECTION.tlExpand DIV.main:before { display: block; content: ''; width: 58%; height: 5px; background: #007483; margin-bottom: 1em; } SECTION.tlExpand DIV.main { position: relative; } SECTION.tlExpand SPAN.plusMinusON:before, SECTION.tlExpand SPAN.plusMinusOFF:before { font-family: "cascade"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } SECTION.tlExpand SPAN.plusMinusOFF:before { content: '\f004'; } /* '' */ SECTION.tlExpand SPAN.plusMinusON:before { content: '\f005'; } /* '' */ SECTION.tlExpand SPAN.plusMinusOFF, SECTION.tlExpand SPAN.plusMinusON { float: left; margin-right: 0.5em; } SPAN.plusMinus:hover { color: #FF5400; } SECTION.tlExpand DIV SUMMARY { color: #fff; clear: both; font-size: 0.9em; line-height: 1.6em; display: none; padding-top: 1.5em; margin-bottom: 1em; } SECTION.tlExpand H1 { font-size: 1.6em; line-height: 1em; padding: 0.2em 0 0 0; font-weight: 700; color: #fff; } SECTION.tlExpand H2 { font-size: 1.1em; line-height: 1em; padding: 0 0 0 0; margin-top: -0.25em; margin-bottom: 0; } SPAN.tabExpanderToggle H1 { cursor: pointer; } .showOnScroll DIV.tlSliderOuter { opacity: 0; transition: 0.5s ease-in; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .showOnScroll.is-visible DIV.tlSliderOuter { opacity: 1; } /* ############################################### # # # TOPIC LIST : SLIDER # # # ############################################### */ SECTION.tlSlider, SECTION.tlGridSlider { padding-top: 2em; } SECTION.tlSlider HEADER H1, SECTION.tlGridSlider HEADER H1 { font-size: 1.5em; padding-left: 0.4em; } SECTION.tlSlider DIV.catList, SECTION.tlGridSlider DIV.catList { padding-top: 0; padding-bottom: 2em; } DIV.tlSliderOuter { display: block; width: 100%; padding:0 2.2em; } @media screen and (min-width: 74.4em) { DIV.tlSliderOuter { width: calc(100% + 4.4em); margin-left: -2.2em; margin-right: -2.2em; } } UL.tlSliderInner { position: relative; padding: 0; list-style: none; padding: 1em 0 1em 0; width: 100%; } SECTION.tlSlider UL.tlSliderInner { height: 22em; } DIV.tlSliderControlWrapper, DIV.tlSliderControlWrapperMAIN, DIV.tlSliderControlWrapperRESPONSIVE, INPUT.tlSliderActivator { display: none; } /* ###################################### # SLIDER : SLIDE ###################################### */ DIV.tlSliderTrack LI.tlSlide { height: 100%; position: absolute; overflow: hidden; overflow-y: auto; display: block; top: 0; left: 0; opacity: 1; } LI.tlSlide SECTION { background-color: #fff; border-radius: .5em; -webkit-box-shadow: 0 0 .3em 0.15em rgba(0,0,0,0.05); box-shadow: 0 0 0.3em 0.15em rgba(0,0,0,0.05); border-bottom-color: transparent !important; height: calc(100% - 3em); border-width: 0; margin: 0.5em 0.5em 0 0.5em; padding-top: 1em; overflow: hidden; position: relative; } SECTION.tlSlider DIV.tlSliderTrack LI.tlSlide { right: 0; } /* ###################################### # SLIDER : CONTROLS ###################################### */ LABEL.tlSliderControl { margin-top: -15px; top: 42%; position: absolute; display: block; cursor: pointer; z-index: 3; } LABEL.tlSliderControl:hover { } LABEL.tlSliderControlBackward { left: -2em; } LABEL.tlSliderControlForward { right: -2em; } /* Disable controls if not enough elements */ SECTION.tlSlider DIV.sliderCount1 DIV.tlSliderControlWrapper, SECTION.tlGridSlider DIV.sliderCount1 DIV.tlSliderControlWrapperMAIN, SECTION.tlGridSlider DIV.sliderCount2 DIV.tlSliderControlWrapperMAIN, SECTION.tlGridSlider DIV.sliderCount3 DIV.tlSliderControlWrapperMAIN, SECTION.tlGridSlider DIV.sliderCount1 DIV.tlSliderControlWrapperRESPONSIVE { display: none !important; } /* ###################################### # SLIDER : INDICATORS ###################################### */ DIV.tlSliderIndicatorWrapper { position: absolute; bottom: 0; width: 100%; text-align: center; } LABEL.tlSliderIndicator { height: 0.85em; width: 0.85em; border-radius: 100%; display: inline-block; z-index: 2; cursor: pointer; opacity: 0.35; margin: 0 0.4em 0 0.4em; background-color: #322E21; } LABEL.tlSliderIndicator:hover { opacity: 0.75; } /* Disable indicators if not enough elements */ SECTION.tlSlider DIV.sliderCount1 DIV.tlSliderIndicatorWrapper, SECTION.tlGridSlider DIV.sliderCount1 DIV.tlSliderIndicatorWrapperMAIN, SECTION.tlGridSlider DIV.sliderCount2 DIV.tlSliderIndicatorWrapperMAIN, SECTION.tlGridSlider DIV.sliderCount3 DIV.tlSliderIndicatorWrapperMAIN, SECTION.tlGridSlider DIV.sliderCount1 DIV.tlSliderIndicatorWrapperRESPONSIVE { display: none !important; } /* ###################################### # SLIDER : ACTIVATOR (do not alter) ###################################### */ SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(1):checked ~ LI.tlSlide:nth-of-type(1), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(2):checked ~ LI.tlSlide:nth-of-type(2), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(3):checked ~ LI.tlSlide:nth-of-type(3), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(4):checked ~ LI.tlSlide:nth-of-type(4), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(5):checked ~ LI.tlSlide:nth-of-type(5), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(6):checked ~ LI.tlSlide:nth-of-type(6), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(7):checked ~ LI.tlSlide:nth-of-type(7), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(8):checked ~ LI.tlSlide:nth-of-type(8), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(9):checked ~ LI.tlSlide:nth-of-type(9), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(10):checked ~ LI.tlSlide:nth-of-type(10), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(11):checked ~ LI.tlSlide:nth-of-type(11), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(12):checked ~ LI.tlSlide:nth-of-type(12), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(13):checked ~ LI.tlSlide:nth-of-type(13), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(14):checked ~ LI.tlSlide:nth-of-type(14), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(15):checked ~ LI.tlSlide:nth-of-type(15), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(16):checked ~ LI.tlSlide:nth-of-type(16), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(17):checked ~ LI.tlSlide:nth-of-type(17), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(18):checked ~ LI.tlSlide:nth-of-type(18), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(19):checked ~ LI.tlSlide:nth-of-type(19), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(20):checked ~ LI.tlSlide:nth-of-type(20) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(1):checked ~ DIV.tlSliderControlWrapper:nth-of-type(1), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(2):checked ~ DIV.tlSliderControlWrapper:nth-of-type(2), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(3):checked ~ DIV.tlSliderControlWrapper:nth-of-type(3), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(4):checked ~ DIV.tlSliderControlWrapper:nth-of-type(4), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(5):checked ~ DIV.tlSliderControlWrapper:nth-of-type(5), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(6):checked ~ DIV.tlSliderControlWrapper:nth-of-type(6), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(7):checked ~ DIV.tlSliderControlWrapper:nth-of-type(7), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(8):checked ~ DIV.tlSliderControlWrapper:nth-of-type(8), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(9):checked ~ DIV.tlSliderControlWrapper:nth-of-type(9), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(10):checked ~ DIV.tlSliderControlWrapper:nth-of-type(10), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(11):checked ~ DIV.tlSliderControlWrapper:nth-of-type(11), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(12):checked ~ DIV.tlSliderControlWrapper:nth-of-type(12), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(13):checked ~ DIV.tlSliderControlWrapper:nth-of-type(13), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(14):checked ~ DIV.tlSliderControlWrapper:nth-of-type(14), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(15):checked ~ DIV.tlSliderControlWrapper:nth-of-type(15), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(16):checked ~ DIV.tlSliderControlWrapper:nth-of-type(16), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(17):checked ~ DIV.tlSliderControlWrapper:nth-of-type(17), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(18):checked ~ DIV.tlSliderControlWrapper:nth-of-type(18), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(19):checked ~ DIV.tlSliderControlWrapper:nth-of-type(19), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(20):checked ~ DIV.tlSliderControlWrapper:nth-of-type(20) { display: block; opacity: 1; } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(1):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(1), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(2):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(2), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(3):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(3), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(4):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(4), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(5):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(5), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(6):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(6), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(7):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(7), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(8):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(8), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(9):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(9), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(10):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(10), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(11):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(11), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(12):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(12), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(13):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(13), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(14):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(14), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(15):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(15), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(16):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(16), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(17):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(17), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(18):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(18), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(19):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(19), SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(20):checked ~ DIV.tlSliderIndicatorWrapper LABEL.tlSliderIndicator:nth-of-type(20) { opacity: 1; } /* ###################################### # SLIDER : TRACK (do not alter) ###################################### */ DIV.tlSliderTrackOuter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; overflow: hidden; } DIV.tlSliderTrack { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(1):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(0%); transform: translateX(0%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(2):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-100%); transform: translateX(-100%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(3):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-200%); transform: translateX(-200%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(4):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-300%); transform: translateX(-300%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(5):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-400%); transform: translateX(-400%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(6):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-500%); transform: translateX(-500%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(7):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-600%); transform: translateX(-600%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(8):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-700%); transform: translateX(-700%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(9):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-800%); transform: translateX(-800%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(10):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-900%); transform: translateX(-900%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(11):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1000%); transform: translateX(-1000%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(12):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1100%); transform: translateX(-1100%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(13):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1200%); transform: translateX(-1200%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(14):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1300%); transform: translateX(-1300%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(15):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1400%); transform: translateX(-1400%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(16):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1500%); transform: translateX(-1500%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(17):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1600%); transform: translateX(-1600%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(18):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1700%); transform: translateX(-1700%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(19):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1800%); transform: translateX(-1800%); } SECTION.tlSlider INPUT.tlSliderActivator:nth-of-type(20):checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1900%); transform: translateX(-1900%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(1) { -webkit-transform: translateX(0%); transform: translateX(0%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(2) { -webkit-transform: translateX(100%); transform: translateX(100%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(3) { -webkit-transform: translateX(200%); transform: translateX(200%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(4) { -webkit-transform: translateX(300%); transform: translateX(300%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(5) { -webkit-transform: translateX(400%); transform: translateX(400%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(6) { -webkit-transform: translateX(500%); transform: translateX(500%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(7) { -webkit-transform: translateX(600%); transform: translateX(600%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(8) { -webkit-transform: translateX(700%); transform: translateX(700%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(9) { -webkit-transform: translateX(800%); transform: translateX(800%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(10) { -webkit-transform: translateX(900%); transform: translateX(900%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(11) { -webkit-transform: translateX(1000%); transform: translateX(1000%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(12) { -webkit-transform: translateX(1100%); transform: translateX(1100%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(13) { -webkit-transform: translateX(1200%); transform: translateX(1200%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(14) { -webkit-transform: translateX(1300%); transform: translateX(1300%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(15) { -webkit-transform: translateX(1400%); transform: translateX(1400%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(16) { -webkit-transform: translateX(1500%); transform: translateX(1500%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(17) { -webkit-transform: translateX(1600%); transform: translateX(1600%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(18) { -webkit-transform: translateX(1700%); transform: translateX(1700%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(19) { -webkit-transform: translateX(1800%); transform: translateX(1800%); } DIV.tlSliderTrack LI.tlSlide:nth-of-type(20) { -webkit-transform: translateX(1900%); transform: translateX(1900%); } @media screen and (min-width: 50em) { SECTION.tlGridSlider DIV.tlSliderOuter.sliderCount1, SECTION.tlGridSlider DIV.tlSliderOuter.sliderCount2, SECTION.tlGridSlider DIV.tlSliderOuter.sliderCount3 { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; } SECTION.tlGridSlider DIV.tlSliderTrack LI.tlSlide { width: 33.333333%; } SECTION.tlGridSlider UL.tlSliderInner { height: 28em; } .tlSliderIndicatorWrapperRESPONSIVE, .tlSliderControlWrapperRESPONSIVE { display: none !important; } SECTION.tlGridSlider INPUT.activatorMAIN-1:checked ~ LI.tlSlide:nth-of-type(1), SECTION.tlGridSlider INPUT.activatorMAIN-2:checked ~ LI.tlSlide:nth-of-type(2), SECTION.tlGridSlider INPUT.activatorMAIN-3:checked ~ LI.tlSlide:nth-of-type(3), SECTION.tlGridSlider INPUT.activatorMAIN-4:checked ~ LI.tlSlide:nth-of-type(4), SECTION.tlGridSlider INPUT.activatorMAIN-5:checked ~ LI.tlSlide:nth-of-type(5), SECTION.tlGridSlider INPUT.activatorMAIN-6:checked ~ LI.tlSlide:nth-of-type(6), SECTION.tlGridSlider INPUT.activatorMAIN-7:checked ~ LI.tlSlide:nth-of-type(7), SECTION.tlGridSlider INPUT.activatorMAIN-8:checked ~ LI.tlSlide:nth-of-type(8), SECTION.tlGridSlider INPUT.activatorMAIN-9:checked ~ LI.tlSlide:nth-of-type(9), SECTION.tlGridSlider INPUT.activatorMAIN-10:checked ~ LI.tlSlide:nth-of-type(10), SECTION.tlGridSlider INPUT.activatorMAIN-11:checked ~ LI.tlSlide:nth-of-type(11), SECTION.tlGridSlider INPUT.activatorMAIN-12:checked ~ LI.tlSlide:nth-of-type(12), SECTION.tlGridSlider INPUT.activatorMAIN-13:checked ~ LI.tlSlide:nth-of-type(13), SECTION.tlGridSlider INPUT.activatorMAIN-14:checked ~ LI.tlSlide:nth-of-type(14), SECTION.tlGridSlider INPUT.activatorMAIN-15:checked ~ LI.tlSlide:nth-of-type(15), SECTION.tlGridSlider INPUT.activatorMAIN-16:checked ~ LI.tlSlide:nth-of-type(16), SECTION.tlGridSlider INPUT.activatorMAIN-17:checked ~ LI.tlSlide:nth-of-type(17), SECTION.tlGridSlider INPUT.activatorMAIN-18:checked ~ LI.tlSlide:nth-of-type(18), SECTION.tlGridSlider INPUT.activatorMAIN-19:checked ~ LI.tlSlide:nth-of-type(19), SECTION.tlGridSlider INPUT.activatorMAIN-20:checked ~ LI.tlSlide:nth-of-type(20) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } SECTION.tlGridSlider INPUT.activatorMAIN-1:checked ~ DIV.tlSliderControlWrapperMAIN-1, SECTION.tlGridSlider INPUT.activatorMAIN-2:checked ~ DIV.tlSliderControlWrapperMAIN-2, SECTION.tlGridSlider INPUT.activatorMAIN-3:checked ~ DIV.tlSliderControlWrapperMAIN-3, SECTION.tlGridSlider INPUT.activatorMAIN-4:checked ~ DIV.tlSliderControlWrapperMAIN-4, SECTION.tlGridSlider INPUT.activatorMAIN-5:checked ~ DIV.tlSliderControlWrapperMAIN-5, SECTION.tlGridSlider INPUT.activatorMAIN-6:checked ~ DIV.tlSliderControlWrapperMAIN-6, SECTION.tlGridSlider INPUT.activatorMAIN-7:checked ~ DIV.tlSliderControlWrapperMAIN-7, SECTION.tlGridSlider INPUT.activatorMAIN-8:checked ~ DIV.tlSliderControlWrapperMAIN-8, SECTION.tlGridSlider INPUT.activatorMAIN-9:checked ~ DIV.tlSliderControlWrapperMAIN-9, SECTION.tlGridSlider INPUT.activatorMAIN-10:checked ~ DIV.tlSliderControlWrapperMAIN-10, SECTION.tlGridSlider INPUT.activatorMAIN-11:checked ~ DIV.tlSliderControlWrapperMAIN-11, SECTION.tlGridSlider INPUT.activatorMAIN-12:checked ~ DIV.tlSliderControlWrapperMAIN-12, SECTION.tlGridSlider INPUT.activatorMAIN-13:checked ~ DIV.tlSliderControlWrapperMAIN-13, SECTION.tlGridSlider INPUT.activatorMAIN-14:checked ~ DIV.tlSliderControlWrapperMAIN-14, SECTION.tlGridSlider INPUT.activatorMAIN-15:checked ~ DIV.tlSliderControlWrapperMAIN-15, SECTION.tlGridSlider INPUT.activatorMAIN-16:checked ~ DIV.tlSliderControlWrapperMAIN-16, SECTION.tlGridSlider INPUT.activatorMAIN-17:checked ~ DIV.tlSliderControlWrapperMAIN-17, SECTION.tlGridSlider INPUT.activatorMAIN-18:checked ~ DIV.tlSliderControlWrapperMAIN-18, SECTION.tlGridSlider INPUT.activatorMAIN-19:checked ~ DIV.tlSliderControlWrapperMAIN-19, SECTION.tlGridSlider INPUT.activatorMAIN-20:checked ~ DIV.tlSliderControlWrapperMAIN-20 { display: block; opacity: 1; } SECTION.tlGridSlider INPUT.activatorMAIN-1:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(1), SECTION.tlGridSlider INPUT.activatorMAIN-2:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(2), SECTION.tlGridSlider INPUT.activatorMAIN-3:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(3), SECTION.tlGridSlider INPUT.activatorMAIN-4:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(4), SECTION.tlGridSlider INPUT.activatorMAIN-5:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(5), SECTION.tlGridSlider INPUT.activatorMAIN-6:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(6), SECTION.tlGridSlider INPUT.activatorMAIN-7:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(7), SECTION.tlGridSlider INPUT.activatorMAIN-8:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(8), SECTION.tlGridSlider INPUT.activatorMAIN-9:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(9), SECTION.tlGridSlider INPUT.activatorMAIN-10:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(10), SECTION.tlGridSlider INPUT.activatorMAIN-11:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(11), SECTION.tlGridSlider INPUT.activatorMAIN-12:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(12), SECTION.tlGridSlider INPUT.activatorMAIN-13:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(13), SECTION.tlGridSlider INPUT.activatorMAIN-14:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(14), SECTION.tlGridSlider INPUT.activatorMAIN-15:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(15), SECTION.tlGridSlider INPUT.activatorMAIN-16:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(16), SECTION.tlGridSlider INPUT.activatorMAIN-17:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(17), SECTION.tlGridSlider INPUT.activatorMAIN-18:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(18), SECTION.tlGridSlider INPUT.activatorMAIN-19:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(19), SECTION.tlGridSlider INPUT.activatorMAIN-20:checked ~ DIV.tlSliderIndicatorWrapperMAIN LABEL.tlSliderIndicator:nth-of-type(20) { opacity: 1; } SECTION.tlGridSlider INPUT.activatorMAIN-1:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(0%); transform: translateX(0%); } SECTION.tlGridSlider INPUT.activatorMAIN-2:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-100%); transform: translateX(-100%); } SECTION.tlGridSlider INPUT.activatorMAIN-3:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-200%); transform: translateX(-200%); } SECTION.tlGridSlider INPUT.activatorMAIN-4:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-300%); transform: translateX(-300%); } SECTION.tlGridSlider INPUT.activatorMAIN-5:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-400%); transform: translateX(-400%); } SECTION.tlGridSlider INPUT.activatorMAIN-6:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-500%); transform: translateX(-500%); } SECTION.tlGridSlider INPUT.activatorMAIN-7:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-600%); transform: translateX(-600%); } SECTION.tlGridSlider INPUT.activatorMAIN-8:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-700%); transform: translateX(-700%); } SECTION.tlGridSlider INPUT.activatorMAIN-9:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-800%); transform: translateX(-800%); } SECTION.tlGridSlider INPUT.activatorMAIN-10:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-900%); transform: translateX(-900%); } SECTION.tlGridSlider INPUT.activatorMAIN-11:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1000%); transform: translateX(-1000%); } SECTION.tlGridSlider INPUT.activatorMAIN-12:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1100%); transform: translateX(-1100%); } SECTION.tlGridSlider INPUT.activatorMAIN-13:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1200%); transform: translateX(-1200%); } SECTION.tlGridSlider INPUT.activatorMAIN-14:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1300%); transform: translateX(-1300%); } SECTION.tlGridSlider INPUT.activatorMAIN-15:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1400%); transform: translateX(-1400%); } SECTION.tlGridSlider INPUT.activatorMAIN-16:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1500%); transform: translateX(-1500%); } SECTION.tlGridSlider INPUT.activatorMAIN-17:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1600%); transform: translateX(-1600%); } SECTION.tlGridSlider INPUT.activatorMAIN-18:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1700%); transform: translateX(-1700%); } SECTION.tlGridSlider INPUT.activatorMAIN-19:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1800%); transform: translateX(-1800%); } SECTION.tlGridSlider INPUT.activatorMAIN-20:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1900%); transform: translateX(-1900%); } } @media screen and (max-width: 49.999999999em) { SECTION.tlSlider LI.tlSlide SECTION SUMMARY SPAN, SECTION.tlGridSlider LI.tlSlide SECTION SUMMARY SPAN { line-height: 1.3em; -webkit-line-clamp: 2; } LABEL.tlSliderIndicator { height: 0.5em; width: 0.5em; margin: 0 0.2em 0 0.2em; } SECTION.tlGridSlider DIV.tlSliderTrack LI.tlSlide { width: 100%; } SECTION.tlGridSlider UL.tlSliderInner { height: 22em; } .tlSliderIndicatorWrapperMAIN, .tlSliderControlWrapperMAIN { display: none !important; } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-1:checked ~ LI.tlSlide:nth-of-type(1), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-2:checked ~ LI.tlSlide:nth-of-type(2), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-3:checked ~ LI.tlSlide:nth-of-type(3), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-4:checked ~ LI.tlSlide:nth-of-type(4), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-5:checked ~ LI.tlSlide:nth-of-type(5), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-6:checked ~ LI.tlSlide:nth-of-type(6), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-7:checked ~ LI.tlSlide:nth-of-type(7), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-8:checked ~ LI.tlSlide:nth-of-type(8), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-9:checked ~ LI.tlSlide:nth-of-type(9), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-10:checked ~ LI.tlSlide:nth-of-type(10), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-11:checked ~ LI.tlSlide:nth-of-type(11), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-12:checked ~ LI.tlSlide:nth-of-type(12), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-13:checked ~ LI.tlSlide:nth-of-type(13), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-14:checked ~ LI.tlSlide:nth-of-type(14), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-15:checked ~ LI.tlSlide:nth-of-type(15), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-16:checked ~ LI.tlSlide:nth-of-type(16), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-17:checked ~ LI.tlSlide:nth-of-type(17), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-18:checked ~ LI.tlSlide:nth-of-type(18), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-19:checked ~ LI.tlSlide:nth-of-type(19), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-20:checked ~ LI.tlSlide:nth-of-type(20) { transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-1:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-1, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-2:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-2, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-3:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-3, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-4:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-4, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-5:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-5, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-6:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-6, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-7:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-7, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-8:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-8, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-9:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-9, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-10:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-10, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-11:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-11, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-12:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-12, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-13:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-13, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-14:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-14, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-15:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-15, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-16:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-16, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-17:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-17, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-18:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-18, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-19:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-19, SECTION.tlGridSlider INPUT.activatorRESPONSIVE-20:checked ~ DIV.tlSliderControlWrapperRESPONSIVE-20 { display: block; opacity: 1; } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-1:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(1), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-2:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(2), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-3:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(3), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-4:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(4), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-5:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(5), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-6:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(6), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-7:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(7), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-8:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(8), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-9:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(9), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-10:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(10), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-11:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(11), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-12:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(12), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-13:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(13), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-14:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(14), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-15:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(15), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-16:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(16), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-17:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(17), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-18:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(18), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-19:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(19), SECTION.tlGridSlider INPUT.activatorRESPONSIVE-20:checked ~ DIV.tlSliderIndicatorWrapperRESPONSIVE LABEL.tlSliderIndicator:nth-of-type(20) { opacity: 1; } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-1:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(0%); transform: translateX(0%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-2:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-100%); transform: translateX(-100%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-3:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-200%); transform: translateX(-200%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-4:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-300%); transform: translateX(-300%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-5:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-400%); transform: translateX(-400%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-6:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-500%); transform: translateX(-500%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-7:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-600%); transform: translateX(-600%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-8:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-700%); transform: translateX(-700%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-9:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-800%); transform: translateX(-800%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-10:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-900%); transform: translateX(-900%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-11:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1000%); transform: translateX(-1000%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-12:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1100%); transform: translateX(-1100%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-13:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1200%); transform: translateX(-1200%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-14:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1300%); transform: translateX(-1300%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-15:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1400%); transform: translateX(-1400%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-16:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1500%); transform: translateX(-1500%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-17:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1600%); transform: translateX(-1600%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-18:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1700%); transform: translateX(-1700%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-19:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1800%); transform: translateX(-1800%); } SECTION.tlGridSlider INPUT.activatorRESPONSIVE-20:checked ~ DIV.tlSliderTrackOuter DIV.tlSliderTrack { -webkit-transform: translateX(-1900%); transform: translateX(-1900%); } } SPAN.dropdown { display: inline-block; width: 100%; margin: 0; } SPAN.dropdown75 { width: 75%; } SPAN.dropdown > SPAN { display: inline-block; width: 100%; box-sizing: border-box; padding: 0.8em 0.7em; margin-top: .07em; line-height: 1em; font-size: 1em; border-width: 2px; border-style: solid; border-color: #007483; /* ultra teal */ -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; -o-border-radius: 0.4em; border-radius: 0.4em; background-color: #fff; } SPAN.dropdown SELECT { color: #007483; display: inline-block; -webkit-appearance: none; -moz-appearance: treeline; padding: 0 2.8em 0 0; margin: 0; border: 0; font-size: 1em; width: 100%; background: url('/themes/default/images-std/uiDropdownArrowNew.png') no-repeat right center; background-size: auto 50%; cursor: pointer; } .iNeedHelpTop { height: 2vw; } .iNeedHelpMid { height: 5vw; } .iNeedHelpBottom { height: 8vw; } .iNeedHelpBottomAlt { height: 4vw; } DIV.layoutLarge H1.iNeedHelpHeader { font-weight: 700; font-size: 2.5em; color: #ffffff !important; } DIV.layoutLarge H2.iNeedHelpHeader { color: #ffffff !important; font-weight: 700; } /* ############################################### # # # HARD FIXES # # # ############################################### */ SECTION.subtopicListtop10553 A.readMore { /*display: none; */ } SECTION.subtopicListtop10553 ARTICLE { padding-bottom: 0; } /* ############################################### # # # INTERNET EXPLORER AND EDGE ARE HOT GARBAGE # # # ############################################### */ /* ###################################### # EXPLORER FIXES ###################################### */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ Fix */ DIV.layout5T5P-1.showOnScroll, DIV.layout6T4P-1.showOnScroll { opacity: 1; margin-left: 0; margin-right: 0; } DIV.layout5P5T-2.showOnScroll, DIV.layout4P6T-2.showOnScroll, DIV.layout3P7T-2.showOnScroll, DIV.layout7T3P-1.showOnScroll { opacity: 1; margin-left: 0; margin-right: 0; } .showOnScroll SECTION.tlGrid3 TR TD, .showOnScroll SECTION.tlExpand DIV.main, .showOnScroll SECTION.tlExpand > HEADER > H1, .showOnScroll DIV.tlSliderOuter, DIV.showOnScroll DIV.layoutPhotoCenterLeft, DIV.showOnScroll DIV.parallaxImageCenterRight, DIV.showOnScroll DIV.layoutPhotoCenterRight, DIV.showOnScroll DIV.parallaxImageCenterLeft, DIV.showOnScroll DIV.layoutPhotoBottom, DIV.showOnScroll DIV.parallaxImageBottom, DIV.layout4P6T-1 DIV.layoutPhotoTrapOuter, DIV.layout6T4P-2 DIV.layoutPhotoTrapOuter { opacity: 1 !important; } } /* ###################################### # EDGE FIXES ###################################### */ @supports (-ms-ime-align:auto) { /* Microsoft Edge Browser 12+ Fix */ DIV.layout5T5P-1.showOnScroll, DIV.layout6T4P-1.showOnScroll { opacity: 0; margin-left: 0; margin-right: 0; } DIV.layout5P5T-2.showOnScroll, DIV.layout4P6T-2.showOnScroll, DIV.layout3P7T-2.showOnScroll, DIV.layout7T3P-1.showOnScroll { opacity: 0; margin-left: 0; margin-right: 0; } }