/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. KeyFrame --------------------------------- 05. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Footer Cols ------------------------------ Footer Cols ------------------------------ Responsive Helpers ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- 04. Header ----------------------------------- 05. Main ------------------------------------- 06. Shell ------------------------------------ Shell Primary ---------------------------- 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. Article Big ------------------------------ 02. Articles --------------------------------- 03. Article ---------------------------------- Article Primary -------------------------- 04. Article Primary -------------------------- 05. Article Secondary ------------------------ 06. Bar -------------------------------------- 07. Breadcrumps ------------------------------ 08. Button ----------------------------------- Button Block ----------------------------- Button Red ------------------------------- Button Primary --------------------------- Button Secondary ------------------------- Button Treritary ------------------------- Button Treritary ------------------------- 09. Button Burger ---------------------------- Buton Burger Active ---------------------- 10. Chart ------------------------------------ 11. Feature ---------------------------------- Feature Primary -------------------------- Feature Secondary ------------------------ Feature Teritary ------------------------- Feature Senary --------------------------- Featuress Primary ------------------------ Feature Quaternary ----------------------- Feature Primary -------------------------- Feature Senary --------------------------- Feature Quaternary ----------------------- Featuress Primary ------------------------ Feature Secondary ------------------------ Feature Senary --------------------------- Feature Quaternary ----------------------- 12. Form Elements ---------------------------- 13. Form ------------------------------------- 14. Form Register ---------------------------- 15. Gadgets ---------------------------------- 16. Gadget ----------------------------------- Gadget Priamry --------------------------- 17. Ico -------------------------------------- Triangle --------------------------------- 18. Intro ------------------------------------ Mobile ----------------------------------- 19. List ------------------------------------- 20. List Magazine ---------------------------- 21. List Links ------------------------------- 22. List Features ---------------------------- List Features Primary -------------------- 23. List Medias ------------------------------ 24. List Gadgets ----------------------------- 25. List Ranks ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 26. List Years ------------------------------- 27. List Numbers ----------------------------- Mobile ----------------------------------- 28. List Grey Items -------------------------- Mobile ----------------------------------- 29. Logo ------------------------------------- 30. Map -------------------------------------- Color Legend ----------------------------- State Info ------------------------------- State Wrap ------------------------------- State List ------------------------------- Map Outer Secondary ---------------------- Small Desktop ---------------------------- Small Desktop ---------------------------- Map Outer Secondary ---------------------- Tablet Portrait -------------------------- Map Outer Secondary ---------------------- Mobile ----------------------------------- 31. Nav -------------------------------------- 32. Nav Secondary ---------------------------- 33. Nav Tertiary ----------------------------- Mobile ----------------------------------- 34. Paging ----------------------------------- 35. Popup ------------------------------------ 36. Search ----------------------------------- 37. Section ---------------------------------- Section Primary -------------------------- 38. Section Features ------------------------- 39. Section Magazine ------------------------- 40. Section Blue ----------------------------- 41. Section Secondary ------------------------ Section Secondary Primary ---------------- Section Secondary Secodnary -------------- Section Secondary Primary ---------------- Section Secondary Secondary -------------- Section Secondary Secondary -------------- 42. Section About ---------------------------- Section About Primary -------------------- Section About Primary -------------------- Section About Primary -------------------- 43. Section Brown ---------------------------- 44. Section Blue Priamry --------------------- 45. Section Tabs ----------------------------- Mobile ----------------------------------- 46. Section Teritary ------------------------- Mobile ----------------------------------- 47. Section Map ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 48. Section States --------------------------- Mobile ----------------------------------- 49. Section Info ----------------------------- Mobile ----------------------------------- 50. Section Ranking -------------------------- Mobile ----------------------------------- 51. Section Quaternary ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 52. Section Litigation ----------------------- Large Desktop ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 53. Section Overall -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 54. Section Chart ---------------------------- Mobile ----------------------------------- 55. Section Spotlight ------------------------ Mobile ----------------------------------- 56. Section Environment ---------------------- Mobile ----------------------------------- 57. Slider ----------------------------------- 58. Slider News ------------------------------ 59. Slider Brands ---------------------------- 60. Socials ---------------------------------- 61. Socials Secondary ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 62. Sprite ----------------------------------- 63. Tabs ------------------------------------- 64. tab -------------------------------------- 65. Table Data ------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 66. Table Overall ---------------------------- Mobile ----------------------------------- 67. Testimonial ------------------------------ Mobile ----------------------------------- 68. Widget ----------------------------------- 69. Widget ----------------------------------- Widget Callout --------------------------- Widget About ----------------------------- Widget Socials --------------------------- Widget Nav ------------------------------- Widget Priamry --------------------------- Widget Data ------------------------------ Widget Nav ------------------------------- Widget Data ------------------------------ Widget Data ------------------------------ Widget Nav ------------------------------- Widget Socials --------------------------- Widget About ----------------------------- 70. Widget Secondary ------------------------- 71. Widget Overview -------------------------- Mobile ----------------------------------- */ .ico-cardiogram { background-image: url(images/sprite.png); background-position: 20.285714285714285% 57.55395683453237%; background-size: 975% 447.49999999999994%; width: 80px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(images/sprite.png); background-position: 6.374501992031872% 99.66996699669967%; background-size: 2888.888888888889% 650.9090909090909%; width: 27px; height: 55px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-linkedin { background-image: url(images/sprite.png); background-position: 19.215155615696887% 76.25%; background-size: 1902.4390243902437% 942.1052631578947%; width: 41px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mail { background-image: url(images/sprite.png); background-position: 57.30027548209367% 49.382716049382715%; background-size: 1444.4444444444446% 1052.9411764705883%; width: 54px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play { background-image: url(images/sprite.png); background-position: 32.23965763195435% 53.156146179402%; background-size: 987.3417721518987% 628.0701754385965%; width: 79px; height: 57px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-share { background-image: url(images/sprite.png); background-position: 42.270861833105336% 52.63157894736842%; background-size: 1591.8367346938776% 662.9629629629629%; width: 49px; height: 54px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(images/sprite.png); background-position: 49.589041095890416% 50.63291139240506%; background-size: 1560% 852.3809523809524%; width: 50px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 1772.7272727272727% 639.2857142857143%; width: 44px; height: 56px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-secondary { background-image: url(images/sprite.png); background-position: 0% 72.72727272727273%; background-size: 565.2173913043479% 259.42028985507244%; width: 138px; height: 138px; display: inline-block; vertical-align: middle; font-size: 0; } /* .logo { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 100% 229.48717948717947%; width: 780px; height: 156px; display: inline-block; vertical-align: middle; font-size: 0; } */ .section-overall:after { content: ''; line-height: 0; display: table; clear: both; } .logo { background-image: url(images/ilr-logo.png); background-position: 0% 0%; background-size: 100% 100%; width: 390px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'UniversLTStd Cn', 'Helvetica', sans-serif; font-size: 20px; line-height: 1.2; color: #000; } a { color: inherit; text-decoration: underline; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.6em; } h1 { font-size: 60px; font-weight: 400; } h2 { font-size: 50px; font-weight: 400; } h3 { font-size: 36px; font-weight: 400; } h4 { font-size: 32px; font-weight: 400; } h5 { font-size: 22px; font-weight: 400; } h6 { font-size: 18px; font-weight: 400; } @media (max-width: 1199px) { body { font-size: 16px; } h1 { font-size: 50px; } h2 { font-size: 40px; } h3 { font-size: 32px; } h4 { font-size: 27px; } h5 { font-size: 18px; } h6 { font-size: 16px; } } @media (max-width: 1023px) { h1 { font-size: 40px; } h2 { font-size: 35px; } h3 { font-size: 30px; } } @media (max-width: 767px) { body { font-size: 14px; } h1 { font-size: 30px; } h2 { font-size: 25px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; } } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.2em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } /* ========================================================================== #Fonts ========================================================================== */ @font-face { font-family: 'Univers57CondensedRegular'; src: url('fonts/univers-condensed-webfont.eot'); src: url('fonts/univers-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/univers-condensed-webfont.woff') format('woff'), url('fonts/univers-condensed-webfont.ttf') format('truetype'), url('fonts/univers-condensed-webfont.svg#Univers57CondensedRegular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing:antialiased; } @font-face { font-family: 'universboldcn'; src: url('fonts/universboldcn-webfont.eot'); src: url('fonts/universboldcn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/universboldcn-webfont.woff') format('woff'), url('fonts/universboldcn-webfont.ttf') format('truetype'), url('fonts/universboldcn-webfont.svg#universboldcn') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing:antialiased; } @font-face { font-family: 'universlightcn'; src: url('fonts/universlightcn-webfont.eot'); src: url('fonts/universlightcn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/universlightcn-webfont.woff') format('woff'), url('fonts/universlightcn-webfont.ttf') format('truetype'), url('fonts/universlightcn-webfont.svg#universlightcn') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing:antialiased; } @font-face { font-family: 'universblack'; src: url('fonts/universblack-webfont.eot'); src: url('fonts/universblack-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/universblack-webfont.woff') format('woff'), url('fonts/universblack-webfont.ttf') format('truetype'), url('fonts/universblack-webfont.svg#universblack') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing:antialiased; } @font-face { font-family: 'universUltralightcn'; src: url('fonts/UniversLTStd-LightUltraCn.eot'); src: url('fonts/UniversLTStd-LightUltraCn.eot?#iefix') format('embedded-opentype'), url('fonts/UniversLTStd-LightUltraCn.woff') format('woff'), url('fonts/UniversLTStd-LightUltraCn.ttf') format('truetype'), url('fonts/UniversLTStd-LightUltraCn.svg#universlightcn') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing:antialiased; } @font-face { font-family: "ProximaNova"; src: url("fonts/ProximaNova_400_normal_1424256153.eot"); src: url("fonts/ProximaNova_400_normal_1424256153.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova_400_normal_1424256153.svg#ProximaNova") format("svg"), url("fonts/ProximaNova_400_normal_1424256153.woff") format("woff"), url("fonts/ProximaNova_400_normal_1424256153.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'UniversLTStd Cn'; src: url('fonts/UniversLTStd-Cn.eot'); src: local('☺'), url('fonts/UniversLTStd-Cn.woff') format('woff'), url('fonts/UniversLTStd-Cn.ttf') format('truetype'), url('fonts/UniversLTStd-Cn.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'UniversLTStd Cn'; src: url('fonts/UniversLTStd-LightCn.eot'); src: url('fonts/UniversLTStd-LightCn.eot?#iefix') format('embedded-opentype'), url('fonts/UniversLTStd-LightCn.woff') format('woff'), url('fonts/UniversLTStd-LightCn.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'UniversLTStd Cn'; src: url('fonts/UniversLTStd-LightUltraCn.eot'); src: url('fonts/UniversLTStd-LightUltraCn.eot?#iefix') format('embedded-opentype'), url('fonts/UniversLTStd-LightUltraCn.woff2') format('woff2'), url('fonts/UniversLTStd-LightUltraCn.woff') format('woff'), url('fonts/UniversLTStd-LightUltraCn.ttf') format('truetype'), url('fonts/UniversLTStd-LightUltraCn.svg#UniversLTStd-LightUltraCn') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'UniversLTStd'; src: url('fonts/UniversLTStd.eot'); src: local('☺'), url('fonts/UniversLTStd.woff') format('woff'), url('fonts/UniversLTStd.ttf') format('truetype'), url('fonts/UniversLTStd.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'UniversLTStd'; src: url('fonts/UniversLTStd-Bold.eot'); src: url('fonts/UniversLTStd-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/UniversLTStd-Bold.woff') format('woff'), url('fonts/UniversLTStd-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'UniversLTStd'; src: url('fonts/UniversLTStd-Black.eot'); src: url('fonts/UniversLTStd-Black.eot?#iefix') format('embedded-opentype'), url('fonts/UniversLTStd-Black.woff') format('woff'), url('fonts/UniversLTStd-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'UniversLTStd'; src: url('fonts/UniversLTStd-Obl.eot'); src: url('fonts/UniversLTStd-Obl.eot?#iefix') format('embedded-opentype'), url('fonts/UniversLTStd-Obl.woff') format('woff'), url('fonts/UniversLTStd-Obl.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Foco'; src: url('fonts/Foco-Regular.eot'); src: url('fonts/Foco-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Foco-Regular.woff') format('woff'), url('fonts/Foco-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pragmatica Condensed'; src: url('fonts/Pragmatica-Condensed.eot'); src: url('fonts/Pragmatica-Condensed.eot?#iefix') format('embedded-opentype'), url('fonts/Pragmatica-Condensed.woff') format('woff'), url('fonts/Pragmatica-Condensed.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'universlightcn'; src: url('fonts/universlightcn-webfont.eot'); src: url('fonts/universlightcn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/universlightcn-webfont.woff') format('woff'), url('fonts/universlightcn-webfont.ttf') format('truetype'), url('fonts/universlightcn-webfont.svg#universlightcn') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing:antialiased; } /* font converted using font-converter.net. thank you! */ @font-face { font-family: "Sov-regular"; src: url("fonts/Sovereign.eot"); /* IE9 Compat Modes */ src: url("fonts/Sovereign.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/Sovereign.otf") format("opentype"), /* Open Type Font */ url("fonts/Sovereign.svg") format("svg"), /* Legacy iOS */ url("fonts/Sovereign.ttf") format("truetype"), /* Safari, Android, iOS */ url("fonts/Sovereign.woff") format("woff"), /* Modern Browsers */ url("fonts/Sovereign.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } /* ------------------------------------------------------------ *\ KeyFrame \* ------------------------------------------------------------ */ /* @-webkit-keyframes moveSlideshow { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes moveSlideshow { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } */ @-webkit-keyframes moveSlideshow { 100% { -webkit-transform: translateX(-100%); } } @-moz-keyframes moveSlideshow { 100% { -moz-transform: translateX(-100%); } } @keyframes moveSlideshow { 100% { transform: translateX(-100%); } } .mfp-bg { background: rgba(0, 0, 0, 0.3); } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } .font--red { color: #da291c } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -10px; display: -webkit-flex; display: -ms-flexbox; display: flex; } .col { width: 100%; padding: 0 10px; } .col--size1 { width: 514px; } .col--size2 { width: 825px; } .col--size3 { width: 893px; } .col--size4 { width: 447px; } /* Footer Cols */ /* .col--size5 { -webkit-flex: 0 0 284px; -ms-flex: 0 0 284px; flex: 0 0 284px; } */ .col--size5 { -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; } /* .col--size6 { -webkit-flex: 0 0 284px; -ms-flex: 0 0 284px; flex: 0 0 284px; } */ .col--size6 { -webkit-flex: 0 0 354px; -ms-flex: 0 0 354px; flex: 0 0 354px; } /* .col--size7 { -webkit-flex: 0 0 284px; -ms-flex: 0 0 284px; flex: 0 0 286px; } */ .col--size7 { -webkit-flex: 0 0 264px; -ms-flex: 0 0 264px; flex: 0 0 264px; } /* .col--size8 { -webkit-flex: 0 0 284px; -ms-flex: 0 0 284px; flex: 0 0 284px; } */ .col--size8 { -webkit-flex: 0 0 256px; -ms-flex: 0 0 256px; flex: 0 0 256px; } .col-1of2 { width: 50%; } @media (max-width: 1339px) { /* Footer Cols */ .col--size5 { -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; } .col--size6 { -webkit-flex: 0 0 22%; -ms-flex: 0 0 22%; flex: 0 0 22%; } .col--size7 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; } .col--size8 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .col--size5 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .col--size6 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .col--size7 { -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; } .col--size8 { -webkit-flex: 0 0 17%; -ms-flex: 0 0 17%; flex: 0 0 17%; } } @media (max-width: 1023px) { .cols { margin: 0 -5px; } .col { padding: 0 5px; } } @media (max-width: 767px) { .cols { margin: 0; display: block; } .col { padding: 0; width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1199px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container { max-width: 958px; } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { color: #fff; background: #da291c; font-size: 15px; padding: 39px 0; } .footer a { text-decoration: none; transition: opacity .4s; } .footer a:hover { opacity: .7; } .footer h5 { font-size: 15px; text-transform: uppercase; margin-bottom: 9px; } .footer h5 + h5 { margin-top: 10px; } .footer h5 a { text-decoration: underline; } .footer .footer__cols { padding: 0 3px; } .footer .footer__logo { margin-top: 18px; } .footer .footer__socials { margin: 31px 0 0; } .footer .footer__nav li + li { margin-top: 2px; } .footer .footer__nav + h5 { margin-top: 11px; } @media (max-width: 1023px) { .footer .footer__socials { margin: 15px -9px -10px; } } @media (max-width: 767px) { .footer { padding: 30px 0; } .footer .footer__logo { margin: 30px auto 0; display: block; } .footer .col + .col { margin-top: 30px; } .footer .footer__nav + h5 { margin-top: 30px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { background: #fff; color: #fff; position: fixed; top: 0; width: 100%; margin: 0 auto; z-index: 999 } .wrapper { margin-top: 186px } @media(max-width: 1024px){ .wrapper { margin-top: 166px } } @media(max-width: 767px){ .wrapper { margin-top: 0 } } .header a { text-decoration: none; } .header .header__body { padding: 28px 0 22px; position: relative; z-index: 1; } .header .header__body:after { content: ''; position: absolute; bottom: 0; right: 0; background: url(../css/images/temp/header-right1.jpg) no-repeat 0 0; width: 531px; height: 90px; margin-bottom: -11px; } .header .header__bar { background: #da291c; position: relative; } .header .header__bar .shell { position: relative; z-index: 1; } .header .header__bar:after { content: ''; position: absolute; top: 0; left: 0; background: url(../css/images/temp/shadow.jpg) repeat-x 0 0; width: 100%; height: 7px; } .header .header__bar__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 14px 20px 15px; } .header .header__aside { font-family: 'UniversLTStd Cn', sans-serif; margin-left: auto; position: relative; top: -2px; } .header .header__ico { color: #fff; margin-left: 24px; font-size: 27px; } .header .header__logo { margin-left: 10px; } .header .header__aside { font-size: 15px; } .header .header__aside .separator { display: inline-block; text-align: center; width: 10px; } .header__aside a { font-size: 19px; font-weight: 300; font-family: 'UniversLTStd Cn', sans-serif; } .header a { transition: opacity .4s; } .header a:hover { opacity: .7; } @media (max-width: 1023px) { .header .header__logo { position: relative; z-index: 10; margin-left: 0; } .header .header__ico { font-size: 20px; margin-left: 10px; } .header .header__bar__inner { padding: 14px 0; } .header .header__body:after { background-size: 100% 100%; width: 442px; height: 75px; margin-bottom: -9px; } } @media (max-width: 767px) { .header { position: relative; border-bottom: 1px solid #da291c; } .header a:hover { opacity: 1; } .header .header__body { padding: 20px 0; } .header .header__ico { margin: 10px 0 0; } .header .header__body:after { display: none; } .header .header__bar { display: none; } .header .header__bar__inner { display: block; text-align: center; } .header .header__aside { margin-top: 20px; float: left } .header__aside a { font-size: 15px } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main {} .main .main__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; } .main--primary { padding-bottom: 40px; } @media (max-width: 767px) { .main .main__inner { display: block; } .main--primary { padding-bottom: 20px; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1340px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-fluid { max-width: none; } /* Shell Primary */ .shell--primary { max-width: 1407px; } @media (max-width: 1340px) { /* .main { max-width: 90% } */ .shell { width: 90%; max-width: 90% } } @media (max-width: 1023px) { .shell { padding: 0 15px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar { min-width: 300px; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; margin-left: 61px; } .sidebar--primary { margin-top: 10px; } .sidebar--secondary { margin-top: 5px; } @media (max-width: 1199px) { .sidebar { min-width: 270px; -webkit-flex: 0 0 270px; -ms-flex: 0 0 270px; flex: 0 0 270px; margin-left: 25px; } } @media (max-width: 1023px) { .sidebar { min-width: 220px; -webkit-flex: 0 0 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; margin-left: 25px; } } @media (max-width: 767px) { .sidebar { min-width: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 30px; } } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; overflow: hidden; } /* ----------- iPad ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .wrapper { margin-top: 166px } } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article Big \* ------------------------------------------------------------ */ .article-big { margin-bottom: 59px; font-family: 'Helvetica', sans-serif } .article-big iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-big h2 { color: #da291c; letter-spacing: -0.03em; font-family: 'UniversLTStd Cn', sans-serif; } .article-big h4 { font-size: 20px; margin-bottom: 17px; font-weight: 700; } .article-big h5 { font-size: 23px; font-weight: 400; line-height: 1.17; margin-bottom: 10px; letter-spacing: 0.013em; } .article-big h6 { font-size: 15px; font-weight: 400; } .article-big a { text-decoration: none; color: #da291c; font-size: 14px; font-weight: 700; } .article-big p { margin-bottom: 15px } .article-big ul { margin-left: 17px; margin-bottom: 26px; } .article-big li + li { margin-top: 15px; } .article-big .article__inner { background: #eaebd8; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 20px 35px 20px 31px; overflow: hidden } .article-big .article__link { transition: color .4s; } .article-big .article__link:hover { color: #0090bf; } .article-big .article__media { position: relative; min-width: 630px; top: 13px; padding-top: 33.5%; } .article-big .article__media .article__btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-big .article__body { font-size: 14px; padding-left: 34px } .article-big .article__content { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 0 13px 27px 25px; z-index: 5; } .article-big .article__content .separator { display: inline-block; text-align: center; width: 9px; } @media (max-width: 1339px) { .article-big .article__inner { padding-right: 10px; padding: 10px; } } @media (max-width: 1199px) { .article-big h2 { font-size: 40px; margin-bottom: 15px; } .article-big h4 { font-size: 20px; margin-bottom: 10px; } .article-big ul { margin-bottom: 20px; } .article-big .article__media { min-width: 550px; padding-top: 34.5%; } .article-big .article__link { font-size: 15px; } } @media (max-width: 1023px) { .article-big { margin-bottom: 40px; } .article-big img { width: 100%; } .article-big .article__inner { display: block; padding: 20px; } .article-big .article__media { min-width: 0; padding-top: 56%; } .article-big .article__media br { display: none; } .article-big .article__body { padding: 30px 0 0; } } @media (max-width: 767px) { .article-big { margin-bottom: 30px; } .article-big h6, .article-big h5 { display: none; } .article-big .article__inner { padding: 10px; } .article-big .article__body { padding-top: 20px; } } /* ------------------------------------------------------------ *\ Articles \* ------------------------------------------------------------ */ .articles { list-style: none; } .articles--primary { margin-top: 42px; padding-bottom: 88px; } @media (max-width: 1023px) { .articles--primary { margin-top: 30px; padding-bottom: 40px; } } /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .article p, .article h6 { font-family: 'UniversLTStd', sans-serif; } .article img { width: 100%; } .article h4 { margin-bottom: 21px; } .article h4 a { text-decoration: none; transition: color .4s; } .article h4 a:hover { color: #0090bf; } .article h6 { margin-bottom: 14px; } .article p { font-size: 18px; line-height: 1.28; } .article .article__image { min-width: 143px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3); margin-right: 47px; margin-top: 6px; } .article + .article { margin-top: 19px; } /* Article Primary */ .article--primary h4 { color: #002f6c; letter-spacing: -0.02em; margin: 0; } .article--primary a { color: #da291c; transition: color .4s; } .article--primary a:hover { color: #0090bf; } .article--primary h6 { font-weight: 700; font-family: 'UniversLTStd', sans-serif; margin: 6px 0 0; } .article--primary p { font-size: 20px; line-height: 1.2; margin: 4px -2px 0 0; } .article--primary p + h6 { margin-top: 2px; } .article--primary .article__image { min-width: 188px; max-width: 188px; box-shadow: none; position: relative; margin-right: 38px; } .article--primary .article__image h2 { color: #ffb500; font-weight: 700; font-family: 'UniversLTStd', sans-serif; text-transform: uppercase; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .article--primary + .article--primary { margin-top: 16px; padding-top: 9px; } @media (max-width: 1199px) { .article p { font-size: 16px; } .article h4 { margin-bottom: 15px; } .article h6 { margin-bottom: 10px; } .article--primary h4 { margin: 0; } .article--primary h6 { margin: 6px 0 0; } } @media (max-width: 1023px) { .article .article__image { min-width: 120px; margin-right: 20px; } .article--primary .article__image { min-width: 140px; margin-right: 15px; position: relative; top: 1px; } } @media (max-width: 767px) { .article { display: block; } .article p { font-size: 14px; } .article .article__image { min-width: 0; margin: 0 0 15px; } .article--primary .article__image { max-width: 100% } .article--primary + .article--primary { margin-top: 10px; padding-top: 10px; } } /* ------------------------------------------------------------ *\ Article Primary \* ------------------------------------------------------------ */ .article-primary { } .article-primary h2 { font-size: 46px; } .article-primary p { font-family: 'UniversLTStd', sans-serif; margin-bottom: 36px; } .article-primary .article__head { padding-bottom: 29px; } .article-primary .article__body { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .article-primary .article__content { padding-top: 8px; padding-right: 40px; } .article-primary .article__image { min-width: 515px; position: relative; } .article-primary .article__image i { position: absolute; top: 50%; left: 50%; transition: opacity .4s; margin: -28px 0 0 -40px; } .article-primary .article__image i:hover { opacity: .8; cursor: pointer; } .article-primary .article__btn { font-size: 16.5px; padding: 8px 22px; text-transform: uppercase; } .article-primary + .article-primary { border-top: 1px solid #000; padding: 50px 0; margin-top: 63px; } @media (max-width: 1199px) { .article-primary p { margin-bottom: 25px; } .article-primary .article__head { padding-bottom: 20px; } .article-primary .article__image { min-width: 406px; } .article-primary .article__content { padding-right: 25px; } .article-primary .article__image i { margin: -21px 0 0 -30px; } .article-primary + .article-primary { padding: 40px 0; margin-top: 43px; } } @media (max-width: 1023px) { .article-primary h2 { font-size: 35px; } .article-primary img { width: 100%; } .article-primary p { margin-bottom: 20px; } .article-primary .article__head { padding-bottom: 10px; } .article-primary .article__body { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .article-primary .article__content { -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 20px 0 0; } .article-primary .article__image { min-width: 0; width: 100%; } .article-primary + .article-primary { padding: 30px 0; margin-top: 33px; } } @media (max-width: 767px) { .article-primary h2 { font-size: 30px; } .article-primary .article__image i { margin: -17px 0 0 -25px; } .article-primary .article__btn { font-size: 15px; padding: 5px 20px; } .article-primary + .article-primary { padding: 20px 0; margin: 23px 0 30px; } } /* ------------------------------------------------------------ *\ Article Secondary \* ------------------------------------------------------------ */ .article-secondary { background: #eaebd8; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 31px 28px 23px; } .article-secondary h3 { font-size: 40px; line-height: 1.18; } /* .article-secondary h6 { margin-top: auto; color: #da291c; font-family: 'UniversLTStd', sans-serif; font-weight: 700; } */ .article-secondary h6 { color: #da291c; font-family: 'UniversLTStd', sans-serif; font-weight: 700; } .article-secondary a { text-decoration: none; transition: color .4s; } .article-secondary a:hover { color: #0090bf; } .article-secondary .article__media { min-width: 530px; position: relative; top: 5px; margin-bottom: 12px; } .article-secondary .article__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1199px) { .article-secondary { padding: 20px; } .article-secondary h3 { font-size: 30px; } .article-secondary .article__media { min-width: 0; max-width: 380px; margin-bottom: 0; top: 0; } } @media (max-width: 1023px) { .article-secondary br { display: none; } .article-secondary h3 { font-size: 25px; } .article-secondary .article__media { min-width: 270px; margin-left: 20px; } } @media (max-width: 767px) { .article-secondary { display: block; padding: 15px; } .article-secondary .article__media { min-width: 0; max-width: 100%; margin: 0; } .article-secondary .article__content { padding: 0 0 15px; display: block; } .article-secondary .article__content h3 { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Bar \* ------------------------------------------------------------ */ .bar { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #002f6c; color: #fff; padding-left: 15px; } .bar .bar__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding-right: 21px; border-right: 1px solid #fff; margin: 7px 0; } .bar .bar__content h6 { margin-left: 14px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.17em; position: relative; top: -2px; } .bar .slider-images { -webkit-flex: 0 0 1044px; -ms-flex: 0 0 1044px; flex: 0 0 1044px; max-width: 1044px; } @media (max-width: 1023px) { .bar .bar__content { min-width: 221px; margin: 8px 0; } } @media (max-width: 767px) { .bar { display: block; padding-left: 0; } .bar .bar__content { padding: 10px; border-right: none; border-bottom: 1px solid #fff; } .bar .bar__content h6 { position: static; } } /* ------------------------------------------------------------ *\ Breadcrumps \* ------------------------------------------------------------ */ .breadcrumps { font-size: 12px; padding: 14px 0 24px; font-family: 'UniversLTStd'; } .breadcrumps a { text-decoration: none; } .breadcrumps li { display: inline-block; position: relative; } /* .breadcrumps li + li { margin-left: 1px; padding-left: 12px; } */ /* .breadcrumps li + li:before { content: '>'; position: absolute; top: 0; left: 0; } */ @media (max-width: 1023px) { .breadcrumps { padding: 15px 0; } } @media (max-width: 767px) { .breadcrumps { padding: 13px 0; } .breadcrumps li { display: inline-block; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; letter-spacing: -0.025em; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* Button Red */ .btn--red { background: #da291c; color: #fff; transition: background .4s; } .btn--red:hover { background: #a62117; } /* Button Primary */ .btn--primary { font-size: 18px; text-transform: uppercase; width: 208px; padding: 6px 2px; } .btn--primary .btn__ico { position: relative; display: inline-block; width: 19px; height: 19px; border: 1px solid #fff; border-radius: 50%; position: relative; left: 10px; top: 3px; } .btn--primary .btn__ico i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Button Secondary */ .btn--secondary { font-size: 15px; text-transform: uppercase; min-width: 100px; font-family: 'UniversLTStd' sans-serif; padding: 5px 10px } /* Button Treritary */ .btn--teritary { padding: 9px 30px; } @media (max-width: 1199px) { .btn--primary { font-size: 16px; } } @media (max-width: 1023px) { .btn--primary { width: 180px; } } @media (max-width: 767px) { .btn--primary { font-size: 13px; width: 180px; padding: 4px 2px; } .btn--primary .btn__ico { width: 16px; height: 16px; font-size: 10px; top: 2px; } /* .feature__actions .btn--primary { font-size: 12px; width: 156px; padding: 3px 2px 6px } */ /* Button Treritary */ .btn--teritary { padding: 7px 25px; } } /* ------------------------------------------------------------ *\ Button Burger \* ------------------------------------------------------------ */ .btn-burger { display: none; width: 30px; height: 24px; position: absolute; right: 10px; top: 30px; z-index: 201; } .btn-burger span { width: 100%; height: 4px; background:#da291c;position:absolute; left: 0; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; } .btn-burger span:first-child { top: 0; } .btn-burger span:nth-child(2) { top: 8px; } .btn-burger span:nth-child(3) { top: 16px; } /* Buton Burger Active */ /* .btn-burger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; } .btn-burger.active span:first-child { top: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn-burger.active span:nth-child(2) { opacity: 0; } .btn-burger.active span:last-child { top: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } */ .btn-burger span.back-text { background: none; font-size: 0; height: 14px; opacity: 0; top: 4px; left: -8px } .btn-burger.active span { opacity: 0 } .btn-burger.active span:first-child { opacity: 0 } .btn-burger.active span:nth-child(2),.btn-burger.active span:nth-child(3) { opacity: 0 } .btn-burger.active span.back-text { background: none; display: block; color:#000; font-size: 14px; height: 14px; left: -8px; opacity: 1 } .states-mobile-menu { display: none } @media (max-width: 767px) { .btn-burger { display: block; } .nav ul li:nth-child(3) .drop-down .col.left { float: left!important; width: 40%!important } .nav ul li:nth-child(3) .drop-down .col.left:after { content: ''; display: block; width: 100%; float: none } .states-menu-desktop { display: none } .states-mobile-menu { display: block!important; width: 40% } .states-mobile-menu .state-browser-inner { text-align: left } .states-mobile-menu #browse_state { max-width: 90%; margin: 0 0 20px } } /* ------------------------------------------------------------ *\ Chart \* ------------------------------------------------------------ */ .chart-container { position: relative; padding-bottom: 35%; } .chart-container svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .chart-legend { font-family: Arial, Helvetica, sans-serif; padding: 50px 0 50px 80px; margin: 0; list-style: none outside none; } .chart-legend .chart-legend-text { color: #000; display: inline-block; vertical-align: middle; } .chart-legend .chart-legend-line { width: 60px; height: 2px; display: inline-block; vertical-align: middle; position: relative; margin: 0 10px 0 0; background-color: currentColor; } .chart-legend .chart-legend-line:before { left: 0; } .chart-legend .chart-legend-line:after { right: 0; } .chart-legend .chart-legend-line:before, .chart-legend .chart-legend-line:after { content: ''; width: 12px; height: 12px; display: block; position: absolute; top: 0; margin-top: -5px; background-color: currentColor; border-radius: 50%; } @media (max-width: 1023px) { .chart canvas { width: 100% !important; height: 296px !important; } } /* ------------------------------------------------------------ *\ Feature \* ------------------------------------------------------------ */ .feature { position: relative; min-height: 300px; color: #fff; overflow: hidden; z-index: 0 } .feature h2 { position: absolute; top: 0; left: 0; padding-left: 22px; padding-top: 11px; font-weight: 400; line-height: 1.08; } .feature h4 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform: uppercase; font-weight: 700; width: 100%; text-align: center; color: #ffb500; font-size: 50px; margin-left: 49px; margin-top: 55px; } .feature img { width: 100%; height: 100% } .feature img { position: absolute; top: 0; left: 0; z-index: 0 } .hp-carousel .feature { max-height: 300px; } /* Feature Primary */ /* .feature--primary { background: #eaebd8 url(../css/images/temp/map.png) no-repeat top 87px right 39px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000; padding: 22px 10px 22px 20px; } */ .feature--primary { background: #eaebd8; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000; padding: 22px 10px 22px 20px; } .feature--primary h1 { line-height: 1.07; letter-spacing: -0.03em; font-weight: 400; margin-bottom: 14px; } .feature--primary p { margin-bottom: 31px; font-family: 'Helvetica', sans-serif;} .feature--primary li + li { margin-top: 2px; } .feature--primary .feature__body h6 { color: #da291c; font-weight: 700; margin-bottom: 2px; font-family: 'UniversLTStd', sans-serif; } .feature--primary .feature__body { max-width: 373px; } /* .feature--primary .feature__actions { margin-top: -55px; padding-left: 111px; } */ /* .feature--primary .feature__actions { margin-top: -50px; padding-left: 111px; position: absolute; right: 150px } */ /* ff */ @-moz-document url-prefix() { /* .feature--primary .feature__actions { margin-top: -85px } */ } /* safari */ @media not all and (min-resolution:.001dpcm) { @media { /* .feature--primary .feature__actions { margin-top: 150px } */ }} /* Feature Secondary */ .feature--secondary { background: #00a9e0; } .feature--secondary h6 { text-transform: uppercase; font-family: 'UniversLTStd', sans-serif; } .feature--secondary h3 { line-height: 1.08; font-weight: 400; margin-bottom: 24px; } .feature--secondary p { padding-right: 30px; } .feature--secondary .feature__bar { background: #0090bf; padding: 10px 25px; } .feature--secondary .feature__body { padding: 39px 25px } /* Feature Teritary */ /* .feature--teritary { color: #000; } */ /* Feature Senary */ .feature--senary { font-family: 'UniversLTStd', sans-serif; } .feature--senary h3 { font-family: 'UniversLTStd Cn', sans-serif; margin-bottom: 8px; } .feature--senary h6 { font-weight: 400; } .feature--senary h5 { font-size: 21px; margin-bottom: 10px; } .feature--senary .feature__body { padding: 19px 5px 33px 22px; } @media (max-width: 1368px) { /* .feature--primary .feature__actions { right: 105px } */ /* .feature--primary { background-size: 45% 55% } */ } @media (max-width: 1199px) { .feature h2 { font-size: 40px; } .feature h4 { font-size: 40px; } /* Featuress Primary */ .feature--primary { height: 100% } /* .feature--primary .feature__actions { padding-left: 10px } */ .feature--primary .feature__body { max-width: 270px } /* .feature--primary .feature__actions { right: 85px } */ /* Feature Quaternary */ .feature--quaternary { min-height: 257px; } } @media (max-width: 1023px) { .feature h2 { font-size: 28px; } .feature h4 { font-size: 28px; margin: 30px 0 0; } /* Feature Primary */ .feature--primary { background-position: top 80px right 20px; background-size: 332px 222px; } .feature--secondary { height: auto; } .feature--secondary .feature__body { padding: 25px 5px 10px 25px; } /* Feature Senary */ .feature--senary h5 { font-size: 18px; } /* Feature Quaternary */ .feature--quaternary { min-height: 192px; } } @media (max-width: 1020px) { /* .feature--primary .feature__actions { padding-left: 50px } */ } @media (max-width: 960px) { .feature--primary { background-position: top 80px right 20px; background-size: 50% 55% } } @media (max-width: 767px) { .hp-carousel .feature { min-height: 140px; max-height: 140px; margin: 0 0 20px } .hp-carousel .feature:first-of-type { margin: 0 } .hp-carousel .feature.js-feature-secondary{ margin: 12px 0 0 } .hp-carousel .feature.feature--quaternary.js-feature-secondary { margin: 0 } .hp-carousel .feature h2 { display: block; padding: 12px 0; max-width: 90%; margin: 0 auto; position: relative } .feature h2 { font-size: 24px; } .feature h4 { font-size: 24px; } /* Featuress Primary */ .feature--primary { display: block; background-size: 45% 40%; background-position: bottom 30px right 20px; padding: 15px 10px; } .feature--primary p { margin-bottom: 20px; } .feature--primary br { display: none; } /* .feature--primary .feature__actions { padding-left: 0; margin: 0; position: relative; right: 0 } */ .feature--primary .feature__body { max-width: 100%; padding-bottom: 20px; } /* Feature Secondary */ .feature--secondary h3 { margin-bottom: 15px; } .feature--secondary .feature__body { padding: 15px 10px; } /* Feature Senary */ .feature--senary h5 { font-size: 16px; } /* Feature Quaternary */ .feature--quaternary { min-height: 127px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field {} .textarea {} .select {} .radio {} .checkbox {} /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form {} /* ------------------------------------------------------------ *\ Form Register \* ------------------------------------------------------------ */ .form-register { font-family: 'UniversLTStd', sans-serif; font-size: 16px; color: #000; margin-left: -3px; } .form-register label { display: none; } .form-register .form__field { border: none; height: 36px; width: 100%; padding: 0 17px; letter-spacing: -0.025em; } .form-register .form__btn { font-family: 'UniversLTStd Cn', sans-serif; border: none; color: #fff; background: #da291c; font-size: 18px; text-transform: uppercase; width: 127px; padding: 6px 0; } .form-register .form__hint { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: -0.025em; margin: 15px 0 0; } .form-register .form__actions { padding-top: 20px; padding-left: 5px; } .form-register .form__row + .form__row { margin-top: 4px; } /* ------------------------------------------------------------ *\ Gadgets \* ------------------------------------------------------------ */ .gadgets { list-style: none; } /* ------------------------------------------------------------ *\ Gadget \* ------------------------------------------------------------ */ .gadget { color: #fff; background: #002f6c; padding: 19px 28px 23px; } .gadget a { text-decoration: none; transition: color .4s; } .gadget a:hover { color: #0090bf; } .gadget h1 { font-size: 120px; font-weight: 300; line-height: 1; margin: 0 0 -5px; } .gadget h1 sup { font-size: 68px; } .gadget h4 { font-size: 24px; line-height: 1; } .gadget ul { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 5px; margin-right: -5px; margin-bottom: 20px; text-align: center; } .gadget h2 { font-size: 80px; line-height: 1; margin: 0 0 20px; font-weight: 300; } .gadget h3 { font-size: 18px; line-height: 1.13; } .gadget .gadget__head { border-bottom: 1px dotted #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 18px; } .gadget .gadget__head h2 { margin: 0; font-size: 34px; margin-left: -4px; letter-spacing: 0.04em; } .gadget .gadget__head h5 { font-size: 20px; position: relative; top: 4px; } .gadget .gadget__body { text-align: center; padding: 28px 0 0; } .gadget .gadget__body h5 { font-size: 18px; font-weight: 700; font-family: 'UniversLTStd', sans-serif; } .gadget + .gadget { margin-top: 25px; } /* Gadget Priamry */ .gadget--primary { padding-bottom: 45px; } .gadget--primary li:nth-child(1) { max-width: 33%; } .gadget--primary ul { margin: 0 -11px 0 -8px; } .gadget--primary .gadget__body { padding: 48px 0 0; } .gadget--results-box { width: 84%; margin: 0 auto } .gadget--results-box-2 ul { width : 90%; margin: 0 auto } @media (max-width: 1199px) { .gadget h1 { font-size: 100px; } .gadget h1 sup { font-size: 55px; } .gadget h4 { font-size: 20px; } .gadget h2 { font-size: 70px; } .gadget h3 { font-size: 22px; } .gadget .gadget__head h2 { font-size: 32px; } .gadget .gadget__head h5 { position: static; font-size: 16px; } } @media (max-width: 1023px) { .gadget h2 { font-size: 50px; } .gadget h3 { font-size: 17px; } .gadget .gadget__head { display: block; } .gadget .gadget__head h2 { margin-bottom: 10px; } .gadget--primary { padding-bottom: 30px; } .gadget--results-box-2 ul { width : 100%; margin: 0 auto } } @media (max-width: 767px) { .gadget { padding: 15px; width: 100% } .gadget ul { display: block; text-align: center; margin: 0; padding: 0; } .gadget ul li { display: inline-block } .gadget h1 { font-size: 80px; margin-bottom: 0; } .gadget h1 sup { font-size: 38px; } .gadget h2 { font-size: 40px; margin-bottom: 5px; } .gadget li + li { margin-top: 20px; } .gadget .gadget__head h2 { font-size: 30px; } .gadget .gadget__body h5 { margin: 10px 0 0; font-size: 13px; } .gadget--primary li:nth-child(1) { max-width: 100%; } .gadget--primary .gadget__body { padding-top: 25px; } .gadget + .gadget { margin-top: 10px; } } /* ------------------------------------------------------------ *\ iPad - Portrait and Landscape \* ------------------------------------------------------------ */ @media only screen and (min-device-width: 767px) and (max-device-width: 1024px) { .gadget--results-box { width: 94%; margin: 0 auto } } /* ------------------------------------------------------------ *\ Ico \* ------------------------------------------------------------ */ .ico-cardiogram { width: 40px; height: 40px; } .ico-facebook { width: 13px; height: 27px; } .ico-linkedin { width: 20px; height: 19px; } .ico-mail { width: 27px; height: 17px; } .ico-share { width: 24px; height: 27px; } .ico-twitter { width: 25px; height: 21px; } .ico-youtube { width: 22px; height: 28px; } /* Triangle */ .ico-triangle-left { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 19px 22px 19px 0; border-color: transparent #002e6b transparent transparent; } .ico-triangle-right { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 19px 0 19px 22px; border-color: transparent transparent transparent #002e6b; } @media (max-width: 1199px) { .ico-play { width: 60px; height: 43px; } } @media (max-width: 1023px) { .ico-cardiogram { width: 30px; height: 30px; } } @media (max-width: 767px) { .ico-play { width: 50px; height: 35px; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { letter-spacing: -0.1em; background: #eaebd8; text-align: center; padding: 35px 0 35px; } .intro h1 { font-size: 2.5em; margin-bottom: 14px; text-align: CENTER} .intro h1:last-child { margin-bottom: 0; } .intro h4 { margin-bottom: 22px; letter-spacing: -0.035em; } @media (max-width: 1199px) { .intro { padding: 20px 0 25px; } .intro h4 { margin-bottom: 10px; } } @media (max-width: 1023px) { .intro { padding: 15px 0; } } /* Mobile */ @media (max-width: 767px) { .intro h4:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Magazine \* ------------------------------------------------------------ */ .list-magazines { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -20px; font-family: 'UniversLTStd', sans-serif; } .list-magazines li { -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 0 20px; text-align: center } .list-magazines img { display: block; margin: 0 auto 34px; position: relative; left: 0; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .4); } .list-magazines h5 { font-weight: 700; } @media (max-width: 1339px) { .list-magazines br { display: none; } } @media (max-width: 1023px) { .list-magazines { margin: 0 -10px; } .list-magazines img { left: 0; margin-bottom: 20px; } .list-magazines li { padding: 0 10px; } } @media (max-width: 767px) { .list-magazines { display: block; margin: 0; } .list-magazines li { margin: 25px auto 50px; padding: 0; } .list-magazines li:first-of-type { margin-top: 0 } .list-magazines li:last-of-type { margin-bottom: 0 } /* .list-magazines li + li { margin-top: 25px; } */ .list-magazines img { width: 100%; margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ List Links \* ------------------------------------------------------------ */ .list-links { display: -webkit-flex; display: -ms-flexbox; display: flex; color: #da291c; font-size: 24px; } .list-links a { text-decoration: none; } .list-links a:hover { text-decoration: underline; } .list-links .active a { text-decoration: underline; } .list-links li + li { margin-left: 32px; } @media (max-width: 1023px) { .list-links { font-size: 21px; } .list-links li + li { margin-left: 25px; } } @media (max-width: 767px) { .list-links { font-size: 19px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -6px; } .list-links li { padding: 0 10px 6px; } .list-links li + li { margin-left: 0; } } /* ------------------------------------------------------------ *\ List Features \* ------------------------------------------------------------ */ .list-features .separator { display: inline-block; width: 24px; text-align: center; } .list-features h4 { margin-bottom: 11px; } /* .list-features em { font-style: normal; color: #da291c; } */ .list-features em { font-style: normal } .list-features h6 { font-family: 'UniversLTStd', sans-serif; margin-bottom: 8px; } .list-features h6 a { text-decoration: none; transition: color .4s; } .list-features h6 a:hover { color: #0090bf; } .list-features p { font-family: 'UniversLTStd', sans-serif; font-size: 18px; line-height: 1.17; } .list-features p a { color: #da291c; text-decoration: none; transition: color .4s; } .list-features p a:hover { color: #0090bf; } /* .list-features li + li { border-top: 1px dotted #e87a72; margin-top: 23px; padding-top: 20px; } */ .list-features li + li { margin-top: 23px; padding-top: 20px; } /* List Features Primary */ .list-features--primary { } .list-features--primary h5 { font-weight: 700; font-family: 'UniversLTStd', sans-serif; margin-bottom: 1px; } .list-features--primary p { line-height: 1.4; } .list-features--primary li + li { margin-top: 20px; padding: 18px 0 0; } @media (max-width: 1199px) { .list-features--primary br { display: none; } } @media (max-width: 1023px) { .list-features { margin-bottom: 0; } .list-features br { display: none; } .list-features p { font-size: 15px; } .list-features li + li { margin-top: 20px; padding-top: 17px; } } /* ------------------------------------------------------------ *\ List Medias \* ------------------------------------------------------------ */ .list-medias { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -22px; } .list-medias li { width: 50%; padding: 0 22px; } .list-medias h4 { line-height: 1.19; padding: 4px 0 0; } .list-medias img { width: 100%; } @media (max-width: 1023px) { .list-medias { margin: 0 -10px; } .list-medias li { padding: 0 10px; } .list-medias h4 { font-size: 20px; } } @media (max-width: 767px) { .list-medias { display: block; } .list-medias li { width: 100%; } .list-medias li + li { margin-top: 20px; } } /* ------------------------------------------------------------ *\ List Gadgets \* ------------------------------------------------------------ */ .list-gadgets { font-size: 32px; } .list-gadgets li + li { margin-top: 18px; } @media (max-width: 1199px) { .list-gadgets { font-size: 28px; } .list-gadgets li + li { margin-top: 13px; } } @media (max-width: 1023px) { .list-gadgets { font-size: 24px; } .list-gadgets li + li { margin-top: 10px; } } @media (max-width: 767px) { .list-gadgets { font-size: 21px; } } /* ------------------------------------------------------------ *\ List Ranks \* ------------------------------------------------------------ */ .list-ranks { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .list-ranks li { vertical-align: middle; } .list-ranks li small { display: inline-block; width: 18px; height: 18px; margin-right: 13px; vertical-align: middle; } .list-ranks li span { display: inline-block; font-family: 'UniversLTStd', 'Helvetica', sans-serif; font-size: 25px; color: #000000; font-weight: bold; vertical-align: middle; letter-spacing: -0.025em; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-ranks li small { margin-right: 5px; } } /* Mobile */ @media (max-width: 767px) { .list-ranks { display: block; } .list-ranks li { margin: 12px 0 } .list-ranks li span { font-size: 20px; } } /* ------------------------------------------------------------ *\ List Years \* ------------------------------------------------------------ */ .list-years li { display: inline-block; vertical-align: top } .list-years li ~ li { margin-left: 8px; } .list-years a { background: #002f6c; font-family: 'UniversLTStd', 'Helvetica', sans-serif; font-size: 25px; color: #fff; letter-spacing: -0.025em; padding: 8px 8px 4px; text-decoration: none; } .list-years .active a, .list-years a:hover { text-decoration: none } .list-years .current a { background: #fff; border: 1px solid #002f6c; color: #002f6c } /* ------------------------------------------------------------ *\ List Numbers \* ------------------------------------------------------------ */ .list-numbers { padding-left: 19px; list-style-type: decimal; } .list-numbers li { margin-bottom: 9px; font-size: 18px; font-style: italic; } .list-numbers li:last-child { margin-bottom: 0; } /* Mobile */ @media (max-width: 767px) { .list-numbers li { font-size: 14px; } } /* ------------------------------------------------------------ *\ List Grey Items \* ------------------------------------------------------------ */ .list-grey-items { padding: 9px 0px 9px 24px; background: #ebe8e4; } .list-grey-items li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 6px 23px 5px 0; font-family: 'UniversLTStd', 'Helvetica', sans-serif; } .list-grey-items li ~ li { border-top: 1px solid #b8b5b2; } .list-grey-items strong { margin-left: 15px; font-weight: normal; } /* Mobile */ @media (max-width: 767px) { .list-grey-items { padding-left: 15px; } .list-grey-items li { padding-right: 15px; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { width: 390px; height: 78px; } .logo-secondary { width: 69px; height: 69px; } @media (max-width: 1023px) { .logo { width: 325px; height: 65px; } } @media (max-width: 767px) { .logo { width: 192px; height: 38px; } } /* ------------------------------------------------------------ *\ Map \* ------------------------------------------------------------ */ .map-outer { position: relative; } .map-outer .map-years { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 40px; padding-right: 27px; margin-bottom: 20px } .map-outer .map-years h3 { margin-bottom: 0; margin-right: 37px; font-family: 'UniversLTStd', 'Helvetica', sans-serif; font-size: 22px; font-weight: 900; letter-spacing: -0.025em; } .map-outer .map-body { position: relative; } .map-outer .map-inner { position: relative; } .map-outer .map-image { position: relative; padding: 0 60px 0 159px; margin-bottom: 12px; } .map-outer .map-image svg:first-child { display: inline-block; } .map-outer .map-image svg:nth-child(2) { display: none; } /* Color Legend */ .map-outer .color-legend { position: absolute; top: 20%; right: 14px; z-index: 2; margin-top:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .map-outer .color-legend ul { list-style: none outside none; } .map-outer .color-legend ul li { width: 37px; padding: 1px 0; margin-bottom: 9px; font-size: 20px; line-height: 1.3; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; cursor: pointer; transition: opacity .4s; } .map-outer .color-legend ul li:hover { opacity: .8; } /* ------------------------------------------------------------ *\ iPad - Portrait and Landscape \* ------------------------------------------------------------ */ @media only screen and (min-device-width: 767px) and (max-device-width: 1024px) { .map-outer .color-legend { top: 192px } } /* State Info */ .map-outer .state-info { min-height: 143px; padding: 15px 18px; margin-bottom: 29px; background: #002f6c; color: #ffffff; } .map-outer .state-info:after { content: ''; line-height: 0; display: table; clear: both; } .map-outer .state-info .main-info { display: none; } .map-outer .state-info .col { float: left; min-height: 147px; width: 20%; border-left: 1px dotted #f0f3f6; text-align: center; } .map-outer .state-info .col:first-child { width: 40%; border: 0; text-align: left; } .map-outer .state-info h3 { margin-bottom: 0; font-size: 32px; line-height: 36px; } .map-outer .state-info .year { display: block; font-size: 22px; line-height: 22px; color: #7795bd; font-weight: bold; } .map-outer .state-info .col .number { font-size: 110px; line-height: 110px; } .map-outer .state-info .begining-msg { display: block; padding: 136px 0 113px; font-family: Georgia,Times,"Times New Roman",serif; font-size: 50px; font-style: italic; text-align: center; } /* State Wrap */ .map-outer #state-wrap { display: none; padding-top: 20px; text-align: center; } .map-outer #state-wrap .select-field { position: relative; display: inline-block; min-width: 165px; } .map-outer #state-wrap .select-field:before { position: absolute; top: 9px; right: 10px; width: 12px; height: 12px; border: 1px solid #303030; border-left: none; border-bottom: none; pointer-events: none; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .map-outer #state-wrap select { display: block; width: 100%; height: 30px; padding: 0 20px 0 5px; border: 1px solid #999; border-radius: 10px; font-size: 19px; line-height: 28px; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* State List */ .map-outer .state-box { margin: 0 -7px; font-size: 0; text-align: center; } .map-outer .lists { position: relative; display: inline-block; width: 20%; padding: 0 30px 13px; margin-bottom: 14px; font-size: 19px; color: #ffffff; vertical-align: top; text-align: left; } .map-outer .lists:before { position: absolute; top: 0; left: 7px; bottom: 0; right: 7px; content: ''; } .map-outer .lists div { position: relative; z-index: 2; } .map-outer .lists.green:before { background: #b5bd00; } .map-outer .lists.blue:before { background: #002f6c; } .map-outer .lists.red:before { background: #da291c; } .map-outer .lists.purple:before { background: #671e75; } .map-outer .lists.orng:before { background: #ffb500; } .map-outer .lists.darkgreen:before { background: #007681; } .map-outer .lists.lightblue:before { background: #00a9e0; } .map-outer .range { padding-top: 6px; padding-bottom: 6px; border-bottom: 1px dotted #ffffff; margin-bottom: 18px; font-size: 97px; line-height: 1; font-weight: 200; text-align: center; letter-spacing: -0.025em; } .map-outer .range span { position: relative; top: -5px; display: inline-block; width: 48px; height: 4px; background: #ffffff; vertical-align: middle; content: ''; } .map-outer .list-names { font-family: 'Arial', 'Helvetica', sans-serif; line-height: 1.75; font-weight: bold; letter-spacing: -0.025em; } /* Map Outer Secondary */ .map-outer-secondary { overflow: hidden; } .map-outer-secondary .map-image { padding-left: 14px; padding-right: 0; margin-right: -64px; margin-bottom: 5px; } .map-outer-secondary .range { padding-bottom: 10px; font-size: 80px; } .map-outer-secondary .range span { width: 40px; } .map-outer-secondary .state-box { margin: 0 -5px; } .map-outer-secondary .lists { padding: 13px 16px; } .map-outer-secondary .lists:before { left: 5px; right: 5px; } .map-outer { } .map-outer .map-image { height: 663px; } .map-outer .map-image > * { position: absolute; top: 10px; left: 57px; width: 100%; height: 100%; } .map-outer-secondary .map-image > * { left: 40px; } /* Small Desktop */ @media (max-width: 1339px) { .map-outer-secondary .lists { width: 33.33%; } } /* Small Desktop */ @media (max-width: 1199px) { .map-outer .map-image { padding-left: 80px; padding-right: 40px; } .map-outer .lists { width: 33.33%; } .map-outer .lists div { padding-top: 20px; } /* Map Outer Secondary */ .map-outer-secondary .map-image { padding-left: 0; padding-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .map-outer .map-image { padding-left: 40px; padding-right: 40px; } .map-outer .lists { padding-left: 20px; padding-right: 20px; } .map-outer .state-info .begining-msg { padding: 100px 0; font-size: 28px; } .map-outer .state-info .col .number { padding-top: 9px; font-size: 85px; } /* Map Outer Secondary */ .map-outer-secondary .map-image { padding-left: 0; padding-right: 0; } .map-outer-secondary .lists { width: 50%; } .map-outer .state-box { text-align: left; } .map-outer .map-image { height: auto; } .map-outer .map-image > * { position: static; } } /* Mobile */ @media (max-width: 767px) { .map-outer .map-image { overflow: hidden; padding: 0 40px; margin: 40px auto } .map-outer .color-legend { right: 0; } .map-outer .color-legend ul { margin-bottom: 0; } .map-outer .color-legend ul li { width: 30px; padding-top: 0; padding-bottom: 0; margin-bottom: 2px; margin-top: 0; font-size: 16px; font-weight: normal; } .map-outer .state-list, .map-outer .state-info { display: none; } .map-outer .lists { display: block; width: auto; } .map-outer .lists:last-child { margin-bottom: 0; } .map-outer .list-names { line-height: 1.3; } .map-outer .range { font-size: 70px; } .map-outer .map-years { display: block; padding: 0; text-align: center; } .map-outer .map-years h3 { margin-right: 0; margin-bottom: 5px; } .map-outer #state-wrap { display: block; } .map-outer-secondary .state-list { display: block; } .map-outer #state-wrap select { padding-top: 3px; } .map-outer .lists div { padding-top: 00px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { color: #fff; font-size: 19px; font-weight: 300; font-family: 'UniversLTStd Cn', sans-serif; } /* .nav a { text-decoration: none; letter-spacing: 0.07em; } */ .nav a { text-decoration: none; letter-spacing: 0 } .nav ul { display: -webkit-flex; display: -ms-flexbox; display: flex; } .nav li + li { margin-left: 38px; } @media (max-width: 1444px) { .nav li + li { margin-left: 26px; } } @media (max-width: 1023px) { .nav { font-size: 15px; font-weight: 300; } .nav li + li { margin-left: 24px; } } @media (max-width: 800px) { .nav li + li { margin-left: 8px; } } @media (max-width: 767px) { .nav ul { display: block; text-align: left; } .nav li + li { margin: 5px 0 0; } } /* ------------------------------------------------------------ *\ Nav Secondary \* ------------------------------------------------------------ */ .nav-secondary { color: #002d67; font-family: 'Foco', sans-serif; font-size: 19px; } .nav-secondary a { text-decoration: none; transition: color .4s; } .nav-secondary a:hover { color: #da291c; } .nav-secondary a i { margin-right: 4px; } .nav-secondary ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .nav-secondary ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -10px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .nav-secondary li { padding: 0 10px 10px; } } @media (max-width: 767px) { .nav-secondary ul { margin: 0 -4px -8px; } .nav-secondary li { padding: 0 4px 8px; } } /* ------------------------------------------------------------ *\ Nav Tertiary \* ------------------------------------------------------------ */ .nav-tertiary { margin-bottom: 30px; line-height: 1.1; } .nav-tertiary ul { list-style: none outside none; } .nav-tertiary li { margin-bottom: 20px; } .nav-tertiary li:last-child { margin-bottom: 0; } .nav-tertiary a { text-decoration: none; transition: color .4s; } .nav-tertiary a:hover { color: #da291c; text-decoration: none; } /* Mobile */ @media (max-width: 767px) { .nav-tertiary { margin-bottom: 20px; } .nav-tertiary li { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Paging \* ------------------------------------------------------------ */ .paging { font-family: 'UniversLTStd', 'Helvetica', sans-serif; text-align: center; } .paging ul { display: inline-block; margin-bottom: 0; list-style: none outside none; vertical-align: middle; } .paging li { display: inline-block; margin: 0 3px; } .paging li.paging-spacer { margin: 0 -2px; } .paging a { text-decoration: none; color: #002f6c; transition: color .4s; } .paging > a { display: inline-block; vertical-align: middle; } .paging a:hover { color: #000; } .paging .active a { color: #000; } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup { width: 640px; max-width: 100%; background: #002f6c; color: #fff; padding: 39px 39px 33px 41px; margin: auto; } .popup h2 { font-size: 42px; line-height: 1.07; letter-spacing: -0.025em; margin-bottom: 36px; } .popup ul, .popup h5 { font-size: 20px; letter-spacing: -0.025em; font-family: 'UniversLTStd', sans-serif; } .popup h5 { margin-bottom: 4px; } .popup ul { margin-left: 19px; margin-bottom: 36px; } .popup li { padding-left: 3px; } .popup li + li { margin-top: 5px; } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { text-align: center; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2); padding: 10px; display: none; } .search .search__field { border: 1px solid #000; padding: 4px; color: #000; } .search .search__btn { background: #002f6c; border: none; padding: 5px; transition: opacity .4s; } .search .search__btn:hover { opacity: .8; } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section {} /* Section Primary */ .section--primary { padding-bottom: 37px; } .section--primary h2 { color: #da291c; font-size: 42px; margin-bottom: 14px; } .section--primary ul, .section--primary p { font-family: 'UniversLTStd', sans-serif; margin: 0; } .section--primary ul { margin-left: 20px; } .section--primary li + li { margin-top: 2px; } .section--primary p + p { margin-top: 19px; } .section--primary p + ul { margin-top: 18px; } .section--primary ul + p { margin-top: 20px; } /* ------------------------------------------------------------ *\ Section Features \* ------------------------------------------------------------ */ .section-features { padding-top: 34px; } .section-features ul { list-style: none; } .section-features h6 { font-weight: 400; } .section-features .section__cols + .section__cols { margin-top: 18px; } .section-features .section__cols + .section__bar { margin-top: 22px; } .section-features .section__bar + .section__cols { margin-top: 20px; } @media (max-width: 1339px) { .section-features .section__bar h6 { font-size: 16px; } .section-features .section__bar li + li { padding-left: 18px; margin-left: 18px; } .section-features .section__bar li:first-child h6 { margin-left: 7px; } } @media (max-width: 1023px) { .section-features .section__cols + .section__cols, .section-features .section__cols + .section__bar, .section-features .section__bar + .section__cols { margin-top: 10px; } } @media (max-width: 767px) { .section-features .col + .col { margin-top: 10px; } } .hp-carousel { margin:0; padding: 0 0 18px } .hp-carousel-last { padding: 0 0 30px } .hp-carousel .col { padding: 0 } /* ------------------------------------------------------------ *\ Section Magazine \* ------------------------------------------------------------ */ .section-magazine { padding: 29px 0 20px; margin-bottom: 22px; } .section-magazine h1 { letter-spacing: -0.03em; margin: 0; } .section-magazine .section__head { padding: 0 20px 22px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .section-magazine .section__head a { font-family: 'UniversLTStd', sans-serif; text-decoration: none; color: #da291c; font-weight: 300; font-size: 18px; position: relative; top: -7px; transition: color .4s; margin-bottom: 1px; } .section-magazine .section__head a:hover { color: #a62117; } .section-magazine .section__body { padding: 0 46px 49px 20px; border-bottom: 1px solid #000 } .section-magazine h5 { text-align: left; width: 247px; margin: 0 auto } @media (max-width: 767px) { .section-magazine { padding-bottom: 10px; } .section-magazine .section__head { padding: 0 0 20px; display: block; } .section-magazine .section__head h1 { margin-bottom: 15px; } .section-magazine .section__head a { font-size: 15px; } .section-magazine .section__body { padding: 0 0 20px; } .section-magazine h5 { margin: 20px auto; width: 100% } } /* ------------------------------------------------------------ *\ Section Blue \* ------------------------------------------------------------ */ .section-blue { margin-bottom: 26px; } /* ------------------------------------------------------------ *\ Section Secondary \* ------------------------------------------------------------ */ .section-secondary { padding: 27px 0 94px; margin-top: 41px; border-top: 1px solid #000; } .section-secondary .section__links { margin-bottom: 23px; } .section-secondary .section__actions { padding-top: 18px; } /* Section Secondary Primary */ .section-secondary--primary { padding: 15px 0 73px; margin-top: 26px; } .section-secondary--primary .section__head { color: #da291c; padding-bottom: 34px; } .section-secondary--primary .section__head h2 { margin-bottom: 28px; font-size: 42px; } .section-secondary--primary .section__head h5 { font-size: 23px; } .section-secondary--primary .section__body { padding-bottom: 23px; } /* .section-secondary--primary .section__group { border-top: 1px solid #000; padding-top: 20px; } */ .section-secondary--primary .section__group { border-top: 1px solid #000; padding-top: 0 } .section-secondary--primary .section__group > h5 { font-size: 23px; color: #da291c; margin-bottom: 18px; } .section-secondary--primary .section__group + .section__group { margin-top: 23px; padding-top: 20px; } .section-secondary--primary .section__group + .section__group > h5 { margin-bottom: 25px; } .section-secondary--primary .section__actions { padding-top: 43px } /* Section Secondary Secodnary */ .section-secondary--secondary { margin-top: 21px; padding: 18px 0 44px; } .section-secondary--secondary .section__head { padding-bottom: 36px; } .section-secondary--secondary .section__head--primary h2 { margin: 0; } .section-secondary--secondary .section__head--secondary { padding-bottom: 22px; margin-top: -3px; } .section-secondary--secondary .section__head--secondary h2 { margin-bottom: 10px; } .section-secondary--secondary .section__body-primary { margin-bottom: 20px; border-bottom: 1px solid #000; padding-bottom: 29px; } .section-secondary--secondary .section__group > h5 { margin-bottom: 25px; } @media (max-width: 1023px) { .section-secondary { padding: 27px 0 50px; } .section-secondary .section__links { margin-bottom: 20px; } /* Section Secondary Primary */ .section-secondary--primary .section__head h2 { font-size: 35px; } .section-secondary--primary .section__group > h5 { font-size: 20px; margin-bottom: 10px; } .section-secondary--primary .section__group + .section__group > h5 { margin-bottom: 10px; } /* Section Secondary Secondary */ .section-secondary--secondary .section__head--primary { padding-bottom: 20px; } } @media (max-width: 767px) { .section-secondary { padding: 15px 0 50px; margin-top: 25px; } .section-secondary .section__links { margin-bottom: 14px; } .section-secondary .section__actions { padding-top: 25px; } .section-secondary--primary .section__head { padding-bottom: 20px; } .section-secondary--primary .section__head h2 { font-size: 30px; margin-bottom: 15px; } /* Section Secondary Secondary */ .section-secondary--secondary .section__head--secondary { padding-bottom: 15px; margin-top: 0; } .section-secondary--secondary .section__head--secondary h2 { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Section About \* ------------------------------------------------------------ */ .section-about { font-family: 'UniversLTStd', sans-serif; padding: 4px 0 0; } .section-about a { text-decoration: none; color: #0252aa; transition: color .4s; } .section-about a:hover { color: #0090bf; } .section-about h4 { font-size: 28px; } .section-about h5 { margin: 18px 0 8px; font-weight: 700; } .section-about p { margin-bottom: 0; } .section-about p + p { margin-top: 20px; } /* Section About Primary */ .section-about--primary { font-size: 28px; line-height: 1.18; } .section-about--primary h2 { margin-bottom: 6px; font-family: 'UniversLTStd Cn', 'Helvetica', sans-serif; font-size: 42px; color: #da291c; } .section-about--primary h5 { font-size: 20px; font-weight: 400; } @media (max-width: 1199px) { /* Section About Primary */ .section-about--primary { font-size: 24px; } .section-about--primary h5 { font-size: 17px; } } @media (max-width: 1023px) { .section-about h4 { font-size: 25px; } /* Section About Primary */ .section-about--primary { font-size: 20px; } .section-about--primary h5 { font-size: 15px; margin: 10px 0 0; } } @media (max-width: 767px) { .section-about h4 { font-size: 19px; } .section-about--primary h2 { font-size: 30px; } } /* ------------------------------------------------------------ *\ Section Brown \* ------------------------------------------------------------ */ .section-brown { background: #c6c6b9; padding: 11px 0; } /* ------------------------------------------------------------ *\ Section Blue Priamry \* ------------------------------------------------------------ */ .section-blue-primary { background: #002f6b; color: #fff; text-align: center; padding: 37px 10px 50px; margin-bottom: 51px; box-shadow: inset 0 0 71px 0 rgba(0, 0, 0, .3); } .section-blue-primary h5 { font-family: 'UniversLTStd', sans-serif; font-size: 23px; margin-bottom: 5px; } .section-blue-primary h2 { font-size: 47px; line-height: 1; margin-bottom: 33px; } .section-blue-primary h4 { font-size: 24px; margin-bottom: 0px; } .section-blue-primary p { margin: 0; font-family: 'UniversLTStd', sans-serif; } .section-blue-primary p + h4 { margin-top: 9px; } .section-blue-primary .section__btn { margin-top: 35px; } @media (max-width: 1023px) { .section-blue-primary { padding: 30px 10px; margin-bottom: 51px; } .section-blue-primary br { display: none; } .section-blue-primary h5 { font-size: 20px; margin-bottom: 5px; } .section-blue-primary h2 { font-size: 40px; margin-bottom: 25px; } .section-blue-primary h4 { font-size: 20px; } .section-blue-primary .section__btn { margin-top: 30px; } } @media (max-width: 767px) { .section-blue-primary { padding: 20px 10px; margin-bottom: 40px; } .section-blue-primary h5 { font-size: 16px; } .section-blue-primary h2 { font-size: 28px; } .section-blue-primary h4 { font-size: 18px; } .section-blue-primary .section__btn { margin-top: 25px; } } /* ------------------------------------------------------------ *\ Section Tabs \* ------------------------------------------------------------ */ .section-tabs { padding: 62px 0 69px; } .section-tabs h4 { font-family: 'UniversLTStd', sans-serif; font-weight: 900; font-size: 24px; letter-spacing: -0.025em; margin-bottom: 10px; } /* Mobile */ @media (max-width: 767px) { .section-tabs { padding: 30px 0; } } /* ------------------------------------------------------------ *\ Section Teritary \* ------------------------------------------------------------ */ .section-teritary { background: #eaebd8; padding: 30px 0 26px; font-family: 'UniversLTStd', sans-serif; } .section-teritary h5 { font-weight: 700; letter-spacing: -0.025em; } .section-teritary h6 { color: #da291c; text-transform: uppercase; margin-bottom: 16px; } .section-teritary p { font-size: 18px; } .section-teritary ol { display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; line-height: 1; margin-bottom: 35px; font-weight: 700; } .section-teritary li + li { border-left: 2px solid #000; margin-left: 11px; padding-left: 7px; } .section-teritary a { text-decoration: none; transition: color .4s; } .section-teritary a:hover { color: #da291c; } .section-teritary .separator { display: inline-block; width: 21px; text-align: center; } .section-teritary .section__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-teritary .section__content { padding-right: 52px; } .section-teritary .section__body { padding-top: 4px; } /* Mobile */ @media (max-width: 767px) { .section-teritary ol { display: block; } .section-teritary ol li + li, .section-teritary ol li { display: inline-block; padding-left: 0; padding-right: 7px; border-left: none; border-right: 2px solid #000000; margin-left: 0; margin-right: 3px; margin-bottom: 2px; vertical-align: top; } .section-teritary ol li:last-child { padding-right: 0; border-right: none; margin-right: 0; } .section-teritary .section__inner { display: block; } } /* ------------------------------------------------------------ *\ Section Map \* ------------------------------------------------------------ */ .section-map { padding: 21px 0; margin-bottom: 3px; } .section-map .section__head { padding: 24px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; text-align: center; } .section-map .section__head h2 { font-size: 76px; color: #da291c; font-weight: 300; letter-spacing: -0.025em; } .section-map .section__bar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 13px 162px 21px 18px; border-bottom: 1px solid #000000; margin-bottom: 18px; } .section-map .section__bar > span { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 125px; font-family: 'UniversLTStd', 'Helvetica', sans-serif; font-size: 22px; color: #da291c; font-weight: bold; vertical-align: middle; letter-spacing: -0.025em; } .section-map .section__bar .list-ranks { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .section-map.section-map-light .map-outer .map-image svg:first-child { display: none; } .section-map.section-map-light .map-outer .map-image svg:nth-child(2) { display: inline-block; } /* Small Desktop */ @media (max-width: 1199px) { .section-map .section__head h2 { font-size: 60px; } .section-map .section__bar { padding-right: 30px; padding-bottom: 13px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-map .section__head { padding: 15px 0; } .section-map .section__head h2 { font-size: 50px; } .section-map .section__bar { padding-left: 15px; padding-right: 15px; } .section-map .section__bar > span { margin-right: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-map .section__head h2 { font-size: 38px; } .section-map .section__bar { display: block; padding: 10px 0; text-align: left; } .section-map .section__bar > span { display: block; margin: 0 0 10px; } .section-map .section__bar .list-ranks { display: inline-block; text-align: left; } } /* ------------------------------------------------------------ *\ Section States \* ------------------------------------------------------------ */ .section-states { padding-top: 27px; margin-bottom: 22px; } .section-states .section__head { margin-bottom: 19px; } .section-states .section__head h3 { font-size: 30px; color: #da291c; } /* Mobile */ @media (max-width: 767px) { .section-states .section__head h3 { font-size: 25px; } } /* ------------------------------------------------------------ *\ Section Info \* ------------------------------------------------------------ */ .section-info { margin-bottom: 80px; font-family: 'UniversLTStd', 'Helvetica', sans-serif; line-height: 1.15; } .section-info p { margin-bottom: 12px; } .section-info p + .list-numbers { padding-top: 9px; } /* Mobile */ @media (max-width: 767px) { .section-info { margin-bottom: 40px; } } /* ------------------------------------------------------------ *\ Section Ranking \* ------------------------------------------------------------ */ .section-ranking { margin-bottom: 40px; } .section-ranking h2 { margin-bottom: 24px; font-size: 30px; color: #da291c; } /* Mobile */ @media (max-width: 767px) { .section-ranking { margin-bottom: 30px; } .section-ranking h2 { font-size: 25px; } } /* ------------------------------------------------------------ *\ Section Quaternary \* ------------------------------------------------------------ */ .section-quaternary { padding: 37px 0 25px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom: 24px; } .section-quaternary h3 { font-size: 30px; color: #da291c; } .section-quaternary h4 { margin-bottom: 76px; font-family: 'UniversLTStd', 'Helvetica', sans-serif; line-height: 1.25; color: #002f6c; font-weight: bold; } .section-quaternary small { display: block; margin-bottom: 10px; font-family: 'UniversLTStd', 'Helvetica', sans-serif; font-size: 13px; line-height: 1.4; font-style: italic; } .section-quaternary small:last-child { margin-bottom: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-quaternary h4 { margin-bottom: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-quaternary { padding: 30px 0; margin-bottom: 30px; } .section-quaternary h3 { font-size: 25px; } .section-quaternary h4 { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Litigation \* ------------------------------------------------------------ */ .section-litigation .section__head { margin-bottom: 35px; } .section-litigation .section__body { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 60px; } .section-litigation .section__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-top: 12px; } .section-litigation .section__image { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 50px; } /* Large Desktop */ @media (max-width: 1339px) { .section-litigation .section__image { margin-left: 20px; } } /* Small Desktop */ @media (max-width: 1199px) { .section-litigation .section__body { padding-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-litigation .section__body { display: block; } .section-litigation .section__image { margin-top: 30px; margin-left: 0; } } /* Mobile */ @media (max-width: 767px) { .section-litigation .section__head { margin-bottom: 25px; } .section-litigation .section__content { padding-top: 0; } } /* ------------------------------------------------------------ *\ Section Overall \* ------------------------------------------------------------ */ .section-overall { margin-bottom: 36px; font-family: 'UniversLTStd', 'Helvetica', sans-serif; } .section-overall:after { } .section-overall p { margin-bottom: 11px; } .section-overall p:last-child { margin-bottom: 0; } .section-overall ul { padding-left: 17px; margin-bottom: 11px; } .section-overall ul li { margin-bottom: 11px; } .section-overall ul li:last-child { margin-bottom: 0; } .section-overall h6 { margin-bottom: 11px; font-size: 20px; font-weight: bold; } .section-overall p + h6 { padding-top: 6px; } .section-overall figure { margin-bottom: 51px; } .section-overall h6 + figure { padding-top: 29px; } .section-overall > small { display: block; margin-bottom: 24px; font-size: 13px; line-height: 1.4; font-style: italic; } .section-overall p + small { padding-top: 11px; } .section-overall h6 + .table-overall { margin-top: 40px; } .section-overall figure.alignright { padding-top: 1px; margin-left: 50px; } .section-overall .testimonial { width: 329px; margin: -12px 4px 10px 50px; } /* Small Desktop */ @media (max-width: 1199px) { .section-overall .testimonial { margin-left: 30px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-overall .testimonial { float: none; width: auto; margin: 0 0 20px; } } /* Mobile */ @media (max-width: 767px) { .section-overall { margin-bottom: 30px; } .section-overall h6 { font-size: 18px; } .section-overall h6 + .table-overall { margin-top: 20px; } } /* ------------------------------------------------------------ *\ Section Chart \* ------------------------------------------------------------ */ .section-chart { padding: 23px 0 13px; margin-bottom: 37px; } .section-chart h3 { margin-bottom: 35px; } .section-chart h4 { margin-bottom: 36px; } /* Mobile */ @media (max-width: 767px) { .section-chart { padding-bottom: 25px; margin-bottom: 25px; } .section-chart h4, .section-chart h3 { margin-bottom: 25px; } } /* ------------------------------------------------------------ *\ Section Spotlight \* ------------------------------------------------------------ */ .section-spotlight { margin-bottom: 38px; } .section-spotlight h2 { margin-bottom: 7px; font-size: 42px; color: #da291c; } .section-spotlight p { margin-bottom: 11px; font-family: 'UniversLTStd', 'Helvetica', sans-serif; } .section-spotlight p:last-child { margin-bottom: 0; } /* Mobile */ @media (max-width: 767px) { .section-spotlight { margin-bottom: 30px; } .section-spotlight h2 { margin-bottom: 15px; font-size: 25px; } } /* ------------------------------------------------------------ *\ Section Environment \* ------------------------------------------------------------ */ .section-environment { padding: 19px 0; border-bottom: none; margin-bottom: 53px; } .section-environment h4 { margin-bottom: 21px; } .section-environment .list-grey-items { margin-bottom: 26px; } .section-environment .section__actions { padding-top: 9px; } /* Mobile */ @media (max-width: 767px) { .section-environment { margin-bottom: 10px; } .section-environment .list-grey-items { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider {} .slider .slides { list-style: none outside none; } /* ------------------------------------------------------------ *\ Slider News \* ------------------------------------------------------------ */ .slider-images .slider-clip { position: relative; height: 60px; margin: auto; width: 500px; width: 100%; overflow: hidden; white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #fff; top: 3px; } .slider-images .slider-clip:hover ul { -webkit-animation-play-state: paused; animation-play-state: paused; } .slider-images .separator { position: relative; top: -2px; } .slider-images .slides { position: absolute; padding: 0; top: 0; left: 0; height: 100%; /*display: flex;*/ padding: 5px 6px 11px; } /* .slider-images .slides { -webkit-animation: moveSlideshow 30s linear infinite; -moz-animation: moveSlideshow 30s linear infinite; -o-animation: moveSlideshow 30s linear infinite; -ms-animation: moveSlideshow 30s linear infinite; animation: moveSlideshow 30s linear infinite; } */ /* this is the tray moving around your container */ .slider-images .slides { display: inline-block; text-indent: 0; animation: moveSlideshow 30s linear infinite; /* here you select the animation */ -webkit-animation: moveSlideshow 30s linear infinite; /* here you select the animation */ } /* pause the animation on mouse over */ .slider-images .slides:hover { animation-play-state: paused; -webkit-animation-play-state: paused; } .slider-images .slides .slide { display: inline-block; padding: 12px 15px 8px; font-family: 'UniversLTStd', sans-serif; } .slider-images .slide + .slide { border-left: 1px solid #fff; padding-left: 15px; margin-left: 3px; } @media (max-width: 767px) { .slider-images .slides .slide { padding: 10px 15px 10px; } } /* ------------------------------------------------------------ *\ Slider Brands \* ------------------------------------------------------------ */ .slider-brands { margin-bottom: 40px; } .slider-brands h2 { font-size: 46px; margin-bottom: 20px; } .slider-brands img { width: auto !important; } .slider-brands .slider__clip { background: #ebebdc; position: relative; padding: 41px 50px 31px; } .slider-brands .owl-nav { position: absolute; top: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% + 60px); margin: 0 -30px; margin-top: -16px; } .slider-brands .owl-nav div { transition: opacity .4s; } .slider-brands .owl-nav div:hover { opacity: .7; } @media (max-width: 1023px) { .slider-brands h2 { font-size: 40px; } .slider-brands .slide { display: -webkit-flex; display: -ms-flexbox; display: flex; } .slider-brands .slide div { margin: auto; } .slider-brands .slider__clip { padding: 10px 50px; } } @media (max-width: 767px) { .slider-brands { margin-bottom: 10px; } .slider-brands h2 { font-size: 30px; margin-bottom: 10px; } .slider-brands .slide img { width: auto !important; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials { list-style-type: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .socials li + li { margin-left: 18px; } @media (max-width: 1023px) { .socials { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .socials li { padding: 0 9px; margin-bottom: 10px; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .socials li + li { margin-left: 0; } } @media (max-width: 767px) { .socials { display: block; } .socials li { display: inline-block; } } /* ------------------------------------------------------------ *\ Socials Secondary \* ------------------------------------------------------------ */ .socials-secondary ul { font-size: 0; list-style: none outside none; } .socials-secondary li { position: relative; display: inline-block; padding-right: 11px; margin-right: 9px; margin-bottom: 2px; vertical-align: middle; } .socials-secondary li:after { position: absolute; top: 3px; right: 0; height: 17px; border-right: 1px solid #000000; content: ''; } .socials-secondary li:last-child { padding-right: 0; margin-right: 0; } .socials-secondary li:last-child:after { display: none; } .socials-secondary a { font-size: 18px; text-decoration: none; transition: color .4s; } .socials-secondary a:hover { color: #da291c; text-decoration: none; } /* Small Desktop */ @media (max-width: 1199px) { .socials-secondary li { padding-right: 7px; margin-right: 7px; } .socials-secondary li:after { top: 2px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .socials-secondary li { padding-right: 4px; margin-right: 5px; } .socials-secondary li:after { height: 14px; } .socials-secondary a { font-size: 16px; } } /* Mobile */ @media (max-width: 767px) { .socials-secondary li { padding-right: 10px; margin-right: 10px; } } /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs a { text-decoration: none; } .tabs .tabs__nav { list-style: none; color: #da291c; font-size: 24px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 13px 0; letter-spacing: -0.025em; margin-bottom: 19px; } .tabs .tabs__nav ul { margin-right: -32px; } .tabs .tabs__nav li { display: inline-block; margin: 3px 32px 3px 0; } .tabs .tabs__nav li.current a { text-decoration: underline; } @media (max-width: 1339px) { .tabs .tabs__nav li { margin-right: 0; } .tabs .tabs__nav li + li { margin-left: 19px; } } @media (max-width: 1199px) { .tabs .tabs__nav { font-size: 22px; } .tabs .tabs__nav li + li { margin-left: 14px; } } @media (max-width: 1023px) { .tabs .tabs__nav { font-size: 16px; } .tabs .tabs__nav li + li { margin-left: 7px; } } @media (max-width: 767px) { .tabs .tabs__nav li { display: block; } .tabs .tabs__nav li + li { margin-left: 0; } } /* ------------------------------------------------------------ *\ tab \* ------------------------------------------------------------ */ .tab { display: none; } .tab h2 { color: #da291c; font-size: 42px; margin-bottom: 35px } .tab .tab-title { font-weight: bold; text-align: center } .tab.current { display: block; } @media (max-width: 1199px) { .tab h2 { font-size: 37px; margin-bottom: 30px; } } @media (max-width: 1023px) { .tab h2 { font-size: 35px; } } @media (max-width: 767px) { .tab h2 { font-size: 25px; margin-bottom: 20px; } } /*/* ------------------------------------------------------------ *\ Table Data \* ------------------------------------------------------------ */ .table-data { font-family: 'UniversLTStd', sans-serif; font-weight: 700; text-align: center; line-height: 1.5; } .table-data table { table-layout: fixed; } .table-data strong { display: block; margin-bottom: 19px; padding-bottom: 1px; } .table-data span { display: block; } .table-data th { background: url(../css/images/dash.png) repeat-x center bottom 10px; height: 1px; margin-bottom: 10px; } .table-data th:first-child, .table-data td:first-child { text-align: left; } .table-data th:first-child strong { padding-left: 9px; } .table-data td + td { border-left: 1px solid #7f7f7f; } .table-data tr:nth-child(2) td { margin-top: 10px; } .table-data th:first-child { width: 88px; } .table-data th:nth-child(2) { width: 51px; } .table-data th:nth-child(3) { width: 50px; } .table-data th:nth-child(4) { width: 50px; } .table-data th:nth-child(5) { width: 49px; } .table-data td { padding: 0px 9px; } .table-data th { font-size: 22px; color: #002f6c; text-transform: uppercase; } .table-data tr:nth-child(odd) { background: #ebe9e5; } .table-data tr:first-child { background: #fff; } .table-data tr:nth-child(2) td { padding-top: 10px; } .table-data .green { color: #b5bd00; } .table-data .blue { color: #002f6c; } .table-data .yellow { color: #ffb500; } .table-data .purple { color: #671e75; } .table-data .red { color: #da291c; } .table-data .darkgreen { color: #007681; } .table-data .lightblue { color: #00a9e0; } .table-data .table__content { font-size: 13px; line-height: 1.38; text-align: left; font-style: italic; margin-right: -5px; padding-top: 3px; } /* Small Desktop */ @media (max-width: 1199px) { .table-data th { font-size: 18px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .table-data th { font-size: 14px; } .table-data th:nth-child(3) { width: 55px; } } /* Mobile */ @media (max-width: 767px) { .table-data td { padding: 0 5px; font-size: 13px; } .table-data th { line-height: 1.2; } } /* ------------------------------------------------------------ *\ Table Overall \* ------------------------------------------------------------ */ .table-overall { max-width: 512px; padding: 20px 25px 17px; margin-bottom: 51px; background: #ebe8e4; text-align: center; } .table-overall th { padding-bottom: 12px; background: url(../css/images/dash.png) repeat-x 0 bottom; font-family: Georgia,Times,"Times New Roman",serif; font-size: 23px; color: #da291c; font-style: italic; font-weight: normal; } .table-overall th:first-child { width: 39%; } .table-overall td:first-child, .table-overall th:first-child { text-align: left; } .table-overall td { padding: 11px 0 1px; vertical-align: top; } .table-overall tr:nth-child(2) td { padding-top: 16px; } .table-overall tr:nth-child(2) ~ tr td { border-top: 1px solid #bab6b4; } /* Mobile */ @media (max-width: 767px) { .table-overall { max-width: none; padding: 15px 10px; margin-bottom: 25px; } .table-overall th { font-size: 18px; } .table-overall td br { display: none; } .table-overall th:first-child { width: 45%; } } .tabs__content p em { font-size: 14px } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { position: relative; padding-top: 22px; } .testimonial:before { position: absolute; top: 1px; left: 0; width: 37px; height: 22px; background: url(../css/images/testimonial-top.png) no-repeat 0 0; content: ''; } .testimonial p { font-family: Georgia,Times,"Times New Roman",serif; font-size: 30px; line-height: 1.3; font-style: italic; letter-spacing: -0.01em; } .testimonial p:after, .testimonial p:before { display: inline-block; width: 60px; height: 45px; background: url(../css/images/ico-quote-bottom@2x.png) no-repeat 0 0; background-size: 100% 100%; content: ''; } .testimonial p:before { margin-top: -14px; margin-right: 10px; background-image: url(../css/images/ico-quote-top@2x.png); } .testimonial p:after { margin-bottom: -17px; margin-left: 4px; } .testimonial .testimonial-body { padding: 36px 28px 26px; border-radius: 0 0 0 33px; background: #da291c; color: #ffffff; } /* Mobile */ @media (max-width: 767px) { .testimonial p { font-size: 22px; } .testimonial p:before, .testimonial p:after { width: 40px; height: 30px; } .testimonial .testimonial-body { padding: 30px 20px; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widget { color: #fff; } .widget a { transition: opacity .4s; } .widget + .widget { margin-top: 25px; } /* Widget Callout */ .widget--callout { background: #002f6c; padding: 25px 20px; letter-spacing: -0.025em; } .widget--callout h3 { font-size: 33px; line-height: 1.06; } /* Widget About */ .widget--about a:hover { opacity: .8; } /* Widget Default */ .widget.widget--default p { color: #4d4d44; font-family: 'Helvetica', Arial, sans-serif; font-size: 14px } /* Widget Socials */ .widget--socials { color: #002c65; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: -2px; } .widget--socials h5 { font-family: 'Pragmatica Condensed', sans-serif; font-size: 20px; margin: 0; } .widget--socials a { transition: color .4s; } .widget--socials a:hover { color: #da291c; } .widget--socials ul { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 10px; font-size: 22px; } .widget--socials li + li { margin-left: 13px; } /* Widget Nav */ .widget--nav { font-family: 'Pragmatica Condensed', sans-serif; font-size: 26px; padding-bottom: 55px; } .widget--nav a { display: block; background: #b5bd00; text-decoration: none; padding: 10px 5px 10px 52px; position: relative; transition: background .4s; } .widget--nav a:hover { background: #002c60 5px; } .widget--nav i { font-size: 20px; position: absolute; left: 18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .widget--nav li + li { margin-top: 23px; } /* Widget Priamry */ .widget--primary { border: 1px solid #d7d7d7; } .widget--primary img { width: 100%; } /* Widget Data */ .widget--data { background: #eaebd8; padding: 33px 43px; text-align: center; } .widget--data img { width: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); } .widget--data h3 { color: #da291c; font-size: 33px; line-height: 1.06; letter-spacing: -0.025em; margin: 26px -11px 0; } .widget--data h6 { color: #000; margin-top: 35px; letter-spacing: -0.025em; margin-bottom: 10px; } .widget--data a:hover { opacity: 1; } .widget--data .btn { font-size: 15px; letter-spacing: -0.025em; text-transform: uppercase; padding: 5px 34px; transition: background .4s; } @media (max-width: 1199px) { /* Widget Nav */ .widget--nav { font-size: 23px; padding-bottom: 20px; } .widget--nav a { padding: 8px 5px 8px 50px; } .widget--nav li + li { margin-top: 15px; } /* Widget Data */ .widget--data { padding: 20px 27px; } } @media (max-width: 1023px) { .widget--callout { padding: 20px 10px 20px 20px; } .widget--callout br { display: none; } .widget--callout h3 { font-size: 27px; line-height: 1.06; } /* Widget Data */ .widget--data { padding: 20px 27px; } .widget--data h3 { font-size: 28px; } } @media (max-width: 767px) { /* Widget Nav */ .widget--nav { font-size: 20px; padding-bottom: 20px; padding-bottom: 20px; } .widget--nav i { font-size: 16px; } .widget--nav a { padding: 8px 5px 8px 50px; } .widget--nav li + li { margin-top: 10px; } /* Widget Socials */ .widget--socials { margin: 0; } /* Widget About */ .widget--about img { width: 100%; } .widget + .widget { margin-top: 10px; } } /* ------------------------------------------------------------ *\ Widget Secondary \* ------------------------------------------------------------ */ .widget-secondary { color: #000000; } /* ------------------------------------------------------------ *\ Widget Overview \* ------------------------------------------------------------ */ .widget-overview { padding-top: 18px; } .widget-overview h4 { margin-bottom: 16px; font-family: 'UniversLTStd Cn', 'Helvetica', sans-serif; font-size: 30px; color: #da291c; } .widget-overview h6 { margin-bottom: 9px; color: #da291c; font-weight: bold; text-transform: uppercase; } .widget-overview h6 + h6 { padding-top: 14px; } .widget-overview .widget__body { font-family: 'UniversLTStd', 'Helvetica', sans-serif; } .widget-overview .widget__actions { padding-bottom: 8px; border-bottom: 1px solid #000000; margin-bottom: 14px; } /* Mobile */ @media (max-width: 767px) { .widget-overview h4 { font-size: 25px; } } /* Additional Rules */ /* states page */ .climate-survey-year--active span { display: block; text-align: center } .map-outer .state-info .begining-msg { padding: 40px 0 } /* ranking the states */ .nav-tertiary--text-links li { border-bottom: 1px dotted #000; padding: 10px 0; margin-bottom: 0 } /* arbitration--v2 */ .arbitration--v2 { font-family: Arial, sans-serif } .arbitration--v2 h1, .arbitration--v2 h2, .arbitration--v2 h3, .arbitration--v2 h4, .arbitration--v2 h5, .arbitration--v2 h6 { color: #333; font-family: inherit } .arbitration--v2 h5 { color: #002f6c } /* .section-secondary, .section-secondary--primary .section__group { border-top: 1px solid #999 } */ .arbitration--v2 .section-about h4 { color: #002f6c } .arbitration--v2 .section__head h2 { color: #002f6c } .arbitration--v2 .section__head h5 { color: #da291c } .arbitration--v2 .article { padding: 12px } .arbitration--v2 .article:nth-child(odd) { background: #f4f4f4 } /* arbitration--v3 */ .arbitration--v3 { font-family: Arial, sans-serif } .arbitration--v3 h1, .arbitration--v3 h2, .arbitration--v3 h3, .arbitration--v3 h4, .arbitration--v3 h5, .arbitration--v3 h6 { color: #002f6c; font-family: Arial, sans-serif } .arbitration--v3 h5 { color: #333 } .arbitration--v3 .section-about p { font-family: Arial, sans-serif } /* .section-secondary, .section-secondary--primary .section__group { border-top: 1px solid #999 } */ .arbitration--v3 .section-about h4 { color: #333 } .arbitration--v3 .section__head h2 { color: #333 } .arbitration--v3 .section__head h5 { color: #002f6c } .arbitration--v3 .article { padding: 12px } .arbitration--v3 .article:nth-child(even) { background: #f4f4f4 } /* arbitration--v4 */ .arbitration--v4 h1, .arbitration--v4 h2, .arbitration--v4 h3, .arbitration--v4 h4, .arbitration--v4 h5, .arbitration--v4 h6 { color: #555; font-family: Arial, sans-serif } .arbitration--v4 h5 { color: #002f6c } /* .section-secondary, .section-secondary--primary .section__group, .section-secondary--secondary .section__body-primary { border-top: 1px solid #999 } */ .arbitration--v4 .section-about h4 { color: #333 } .arbitration--v4 .section__head h2 { color: #333 } .arbitration--v4 .section__head h5 { color: #002f6c } .arbitration--v4 .article { padding: 12px } /* ----------------------------------------------------------------- * FONT STACK ALTERATIONS ----------------------------------------------------------------- */ h1, h2,h3, h4, h5, h6, .section-about, .list-features--primary h5, .article p, .article h6, .section--primary ul, .section--primary p, .table-data, .section-teritary, .section-map .section__bar > span, .section-info, .section-overall, .list-grey-items li, .widget-overview .widget__body, .list-gadgets li { font-family: 'universlightcn', "Myriad Pro", Arial, sans-serif !important } .map-outer .range { font-size: 70px } body, .list-features p, .section-about p, .article__content p, .section-overall p, .section-spotlight p, .section-info p, .section--primary p, .section-secondary--primary .section__actions a, .paging { font-family: 'Helvetica', Arial, sans-serif!important } .section-about p, .list-features p, .article__content p, .section-overall p, .section-spotlight p, .section-spotlight p, .section-info p, .section--primary p, .section-secondary--primary .section__actions a, .paging { font-size: 14px; line-height: 1.4 } .section-secondary--primary .section__actions a, .paging { color: #000 } .section-secondary--primary .section__actions .active a { color: #002f6c } .section-about--primary, .section-about h4, .section-overall h6, .section-overall p, .section-spotlight p, .section-spotlight p, .section-info p, .section--primary p, .section--primary ul li, .section-overall ul li { color: #4d4d4d } .section-overall ul, .section--primary ul { margin: 16px 0 16px 20px } .gadget .gadget__head h2 { letter-spacing: 0 } .list-features--primary h5 { font-weight: 400 } .list-gadgets--additional-resources li + li { margin-top: 6px } .list-gadgets--additional-resources, .list-medias h4, .section-overall ul li { font-size: 18px; line-height: 1 } .list-medias h4 { line-height: 2 } .list-features h4 { font-size: 20px; margin-bottom: 4px } .list-features h6 { font-size: 14px } .list-features h4, .list-features p, .list-medias h4, .list-gadgets--additional-resources { color: #4d4d4d } .section-secondary--primary .section__group > h5, .section-secondary--primary .section__head h5 { font-size: 1.5em } .section-secondary--primary .section__group + .section__group > h5 { margin: 0 0 12px } .section-secondary--secondary .section__body-primary, .section-quaternary, .tabs .tabs__nav, .article-primary + .article-primary { border-bottom: 1px solid #999 } .section-secondary, .section-secondary--primary .section__group, .section-quaternary, .tabs .tabs__nav, .article-primary + .article-primary { border-top: 1px solid #999 } .section__group > h2 { color: #da291c; font-size: 42px; margin-bottom: 10px } .section__group.section__group--title { padding-top: 18px } .section-about, .section-about h5 { color: #4d4d4d } .list-features--primary h5 { color: #4d4d4d } .list-features--primary h4 { font-family: 'UniversLTStd'; font-weight: 700 } .article__content h4 a { color: #4d4d4d; font-size: 20px } .article__content h4 { margin-bottom: 4px; line-height: 1 } .article__content h6 { font-size: 14px } .article__content p, .article__content ul { color: #4d4d4d } .footer { font-size: 16px } .footer h5 { font-size: 19px } /* new design changes */ .research--articles .section__head h2 { margin-bottom: 10px } .research--articles .article:first-of-type { margin: 0 0 30px } .research--articles .article { margin: 30px 0 } .research--articles .article__image { min-width: 125px } .research--articles .article__content { padding: 0 } .research--articles .article__content h6, .research--articles .list-features h6 { font-weight: 700 } .research--articles .list-features .separator { width: 12px } .read-more-link--red { text-decoration: none; color: #da291c; transition: color .4s } .list--additional-resources--research-item .list-features { padding-left: 0 } /* ========================================================================== K00lade Grid - JY ========================================================================== */ .section,[class*='col-'],:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .section{width:100%;margin:0 auto;overflow:hidden} .section:after{content:"";display:block;clear:both} [class*='col-']{float:left;padding:.3em} /* [class*='col-']:last-of-type{float:right} */ .col{padding:15px 4px}.col-1,.w100{width:100%}.col-2{width:50%}.col-3{width:33.33%}.col-4{width:25%}.col-5{width:20%}.col-6{width:16.6666666667%}.col-7{width:14.2857142857%}.col-8{width:12.5%}.col-9{width:11.1111111111%}.col-10,.w10{width:10%}.col-11{width:9.09090909091%}.col-12{width:8.33%}.col-05,.w5{width:5%}.col-15,.w15{width:15%}.col-20,.w20{width:20%}.col-25,.w25{width:25%}.col-30,.w30{width:30%}.col-35,.w35{width:35%}.col-40,.w40{width:40%}.col-45,.w45{width:45%}.col-50,.w50{width:50%}.col-55,.w55{width:55%}.col-60,.w60{width:60%}.col-65,.w65{width:65%}.col-70,.w70{width:70%}.col-75,.w75{width:75%}.col-80,.w80{width:80%}.col-85,.w85{width:85%}.col-90,.w90{width:90%}.col-95,.w95{width:95%} /* font styles */ .font--red { color: #da291c } .font--gray { color: #4d4d4d } .font--black { color: #000 } .font--blue { color: #002f6c } /* end font styles */ /* main content */ .section--content p + ul { font-family: 'Helvetica', Arial, sans-serif!important; font-size: 14px; line-height: 1.4 } /* end main content */ /* home page */ .hp-summit-video-box a { font-size: 20px } .hp-climate-report-box a { font-family: 'Helvetica', Arial, sans-serif; font-size: 20px; font-weight: normal; text-decoration: none } .hp-climate-report-box a:hover { text-decoration: underline } .video-spot iframe { height: 400px } @media(max-width: 767px){ .video-spot iframe { height: 205px!important } } /* buttons */ .btn { border-radius: 6px } /* white */ .btn.view-more-btn--white { color: #fff; font-family: 'Helvetica', Arial, sans-serif; text-size-adjust: none; font-size: 15px; font-weight: normal; letter-spacing: -0.025em; text-transform: uppercase; padding: 5px 34px; transition: background .4s; } .btn.view-more-btn--white:hover { color: #fff } /* end buttons */ .article-big .article__body { font-size: 20px } .research--articles .article:last-of-type { margin-bottom: 0 } /* summit */ .summit-navigation nav { font-family: 'UniversLTStd Cn', sans-serif; font-weight: 300 } .sponsor-tier-row { border-bottom: 4px solid #ebebdc; padding: 40px 0 } .sponsor-tier-row:last-of-type { border-bottom: 0; padding-bottom: 80px } .sponsor-logos { list-style: none; margin: 0; padding 0; text-align: left } .sponsor-logos li:first-child { margin-left: 0 } .sponsor-logos li { display: inline-block; margin: 0 20px } /* ------------------------------------------------------------ *\ iPad - Portrait and Landscape \* ------------------------------------------------------------ */ @media only screen and (min-device-width: 767px) and (max-device-width: 1024px) { .sponsor-logos { width: 95%; margin: 0 auto } .sponsor-logos li { float: left; margin: 20px 10px; width: 22.5% } .sponsor-logos li img { width: 60%; height: auto } .section-map .section__bar { padding: 14px 0 } } @media(max-width: 767px) { .sponsor-section__head, .sponsor-tier-row { text-align: center } .sponsor-logos { text-align: center } .sponsor-logos li { display: block; margin: 40px auto; width: 100% } } /* end summit */ /* states */ .map-outer .range { font-size: 50px; padding-top: 15px; text-align: left } .map-outer .range span { width: 12px } .list-ranks li span, .map-outer .map-years h3 { color: #4d4d4d; font-family: 'Helvetica', sans-serif; font-weight: normal } .tabs .tabs__nav { font-size: 18px } .number.univers_cond span { font-size: 69px; position: relative; top: -25px; line-height: 69px } .section-map .section__bar span,.map-outer .map-years h3 { text-transform: uppercase; font-weight: normal } .section-map .section__bar { padding: 13px 162px 14px 18px } .section-map .list-years a { display: block; width: 45px; height: 35px; border: 1px solid #002f6c; background: #002f6c; color: #fff; font-family: 'universboldcn', sans-serif; font-size: 18px; line-height: 38px; text-align: center; padding: 0 0 4px } .section-map .list-years .current a { border: 1px solid #002f6c; background: #fff; color: #002f6c } @media (max-width: 1200px) { .section-map .section__bar span, .map-outer .map-years h3 { font-size: 16px } .section-map .section__bar { padding: 14px 0 } } @media (max-width: 767px) { .section-map .section__bar { padding: 20px 0 } .section-map .section__head h2 { font-size: 150% } } /* end states */ /* california */ .state-browser-inner { text-align: center } .state-browser-inner span { color: #4d4d4d; display: inline-block; font-size: 24px; font-family: 'UniversLTStd Cn', sans-serif; margin-top: 4px } .state-browser-inner .state-dropdown { text-align: left } #browse_state .c2-sb-wrap .c2-sb-text { font-size: 20px; text-align: left } /* state browse */ .state-browser.section__group.section__group--primary { border-top: 0 } #browse_state, .state-browser { width: 100%; display: block; margin: 0 auto; border: none } .c2-sb-wrap .c2-sb-text, .c2-sb-list-item { height: 24px; text-align: left } @media (max-width: 767px) { #browse_state, .state-browser { display: block} #browse_state, .state-browser,#browse_state .c2-sb-inner-wrap { max-width: 98%; margin: 0 auto } .c2-sb-wrap { float: none; display: block; margin: 0 auto } .state-browser-inner span { font-size: 20px } .state-browser-inner .col-2 { clear: both; display: block; width: 100% } .c2-sb-wrap .c2-sb-button { margin: -18px 2px 0 0 } #browse_state .c2-sb-wrap .c2-sb-text { max-width: 248px } } @media (max-width: 1500px) { .list-medias h4 { font-size: 18px; line-height: 1.4 } } @media (max-width: 1200px) { .list-medias h4 { font-size: 17px; line-height: 1.2 } } @media (max-width: 767px) { .list-medias h4 { font-size: 16px; line-height: 1 } .c2-sb-wrap { top: 32px } } @media (min-width:767px) { .section-map .state-browser-bar { display: none } } @media (min-width: 520px) { .c2-sb-wrap .c2-sb-button { margin: 6px 0px 0 0 } } /* end california */ /* leadership */ .staff-articles .article--primary .article__content { padding: 0 } .staff-articles .article__content { padding: 5% 0 } .staff-articles h4 { color: #4d4d4d } .staff-articles h6 a { text-decoration: none } /* end leadership */ /* news and blog */ .feature--secondary p { font-family: 'Helvetica', Arial, sans-serif } .list-links li a { font-family: 'UniversLTStd Cn', sans-serif; font-size: 18px } .blog-article-list { padding-top: 0 } .blog-category-links { border-bottom: 1px solid #999; list-style: none; padding: 12px 0 } .resource-date { margin-bottom: 20px } /* end news and blog */ /* ranking the states & states */ .toc--widget nav a { font-size: 18px } .socials-secondary li { margin-right: 6px } .list-numbers li { font-size: 14px } .section-litigation h4 { font-size: 22px } .section-overall ul li { font-family: 'Helvetica', Arial, sans-serif!important; font-size: 14px } .section--primary p + ul { padding-left: 17px } .section--primary p + ul li { font-family: 'Helvetica', Arial, sans-serif!important; font-size: 14px; margin-bottom: 11px } .section-overall h6 { margin-top: 20px } .section-overall .chart--title--blue { color: #002f6c } .section-chart h4 { font-size: 20px } .section-overall h6 + .table-overall { margin-top: 10px; margin-bottom: 30px } .testimonial .testimonial-body p { color: #fff } .table-rankings table { width: 100%; border-collapse: collapse; border-spacing: 0; } .table-rankings th { padding: 6px 0; border-bottom: 2px dotted #e25a50; font-family: 'universboldcn', sans-serif; font-size: 17px; color: #002f6c; text-transform: uppercase; } .table-rankings th:first-child { text-align: left; } .table-rankings td { padding: 4px; font-family: 'universboldcn', sans-serif; font-size: 18px; } .table-rankings td ~ td { border-left: 1px solid #d4d4d4; text-align: center; } .table-rankings tr:nth-child(odd) td { background: #efede8; } .table-rankings .green td:nth-child(1), .table-rankings .green td:nth-child(2) { color: #b5bd00; } .table-rankings .purple td:nth-child(1), .table-rankings .purple td:nth-child(2) { color: #671e75; } .table-rankings .red td:nth-child(1), .table-rankings .red td:nth-child(2) { color: #da291c; } .table-rankings .turqiouse td:nth-child(1), .table-rankings .turqiouse td:nth-child(2) { color: #007681 } .table-rankings .gold td:nth-child(1), .table-rankings .gold td:nth-child(2) { color: #ffb500 } .table-rankings .lt-blue td:nth-child(1), .table-rankings .lt-blue td:nth-child(2) { color: #00a9e0 } @media(max-width: 767px){ .table-rankings th span { height: 48px } } /* end ranking the states */ /* footer */ .footer .footer__cols .col { padding: 0 18px } footer .col.col--size5 { flex: 0 0 160px; } @media(max-width: 767px){ .footer .footer__cols .col{ padding: 0 15px} .footer [class*='col-'] { float: none } .contacts a:nth-child(1) > br:nth-child(2){ display: block } } @media(max-device-width: 767px){ .footer .footer__cols .col{ padding: 0 } .contacts a:nth-child(1) > br:nth-child(2),.contacts a:nth-child(1) > br:nth-child(3),.contacts a:nth-child(1) > br:nth-child(4){ display: block } } /* end footer */ /* inside template */ .container--inside-template { width: 968px; max-width: 100%; padding: 0 0 60px } .read-more-content { display: none } .research--articles .article__image { width: 145px } .section-about ul { font-family: 'Helvetica', Arial, sans-serif; font-size: 14px; line-height: 1.4; padding: 12px 0 12px 30px } .btn--red { color:#fff!important } .btn--large { font-size: 1.75em; padding: 10px 34px } /* additional resources */ .list--additional-resources p a { color: #4d4d4d } .list--additional-resources p a:hover { color: #4d4d4d; opacity: 0.9 } /* issue page */ #issue_listing .list-cols .body { border: none } #issue_listing .list-cols .body h2 { margin: 12px 0 0 } #issue_listing .list-cols .body ul { padding-top: 0 } .list-cols .left, .list-cols .alignleft { float: left!important; display: inline; } .list-cols .right,.list-cols .alignright { float: right!important; display: inline; } .list-cols .cols-top { background: #da291c; line-height: 35px; padding-left: 11px; font-size: 18px; color: #ffffff; } .list-cols .col.left { width: 47.75% } .list-cols .col.right { width: 47.75% } .list-cols .title { display:block; margin-bottom: 10px; line-height: 37px; border-bottom: 1px dashed #dd0f0f; font-size: 17px; color: #002f6c; } .list-cols a.title { color: #da291c; text-decoration: underline; } .list-cols a.title:hover { text-decoration: none; } .list-cols .body { padding-bottom: 15px; margin-bottom: 9px; border-bottom: 1px dashed #dd0f0f; } .list-cols ul { padding-left: 20px } .list-cols ul li { font: 13px/21px Helvetica, Arial, sans-serif; color: #4d4d4d; } .list-cols ul li a { color: #4d4d4d; } .list-cols a strong { font: bold 13px/17px Helvetica; color: #dd0f0f; } .list--additional-resources .list-features.list-features--primary li h4 a { text-decoration: none } .list-features.list-features--primary p a { color: #000; text-decoration: none } .read-more-content { font-family: 'Helvetica', Arial, sans-serif!important; font-size: 14px; line-height: 1.4 } /* resource template */ .resource-content-left.col-30 img { width: 80%; margin: 0 auto 12px } .resource-content-right.col-60 .resource-content ul, .resource-content-right.col-60 .resource-content ol { font-family: 'Helvetica', Arial, sans-serif; font-size: 14px; line-height: 1.4; padding: 12px 0 0 30px } .resource-content-right.col-60 { width: 70% } @media(max-width: 767px){ .resource-content-left.col-30 img { display: block; width: 80%; height: auto; margin: 0 } .resource-content-left.col-30, .resource-content-right.col-60 { clear: both; display: block; float: none; margin: 0 auto; width: 100% } } /* states page */ .past-pdf, #past-reports li span { display: none } #past-reports li span.active-report-year { display: block; clear: both; text-align: center; width: 100% } #past-reports li.climate-survey-year--active .active-report-year { display: block!important } .map-outer .state-info .col:first-child { padding-left: 150px } .ranking-states-video-box { margin: 20px auto 0 } @media(max-width: 1040px){ .map-outer .state-info .col:first-child { padding-left:0 } } /* list columns */ .lists.lists--rounded { background: #ebe9e5; padding: 0; border-radius: 20px; width: 19%; margin: 0 .5% } .lists.lists--rounded { font-family: 'universUltralightcn', "Myriad Pro", Arial, sans-serif } .lists-header { color:#fff; font-size:3.75em; padding: 12px 0 0; border-top-left-radius: 20px; border-top-right-radius: 20px; text-align: center } .lists-header--green { background: #b4bd00 } .lists-header--turqiouse { background: #007681} .lists-header--yellow { background: #ffb500 } .lists-header--purple { background: #671e75 } .lists-header--lt-blue { background: #00a9e0 } .lists--rounded .list-names { color: #000; width: 85%; margin: 5% auto } /* state single page */ .state-intro-content p { font-family: 'universlightcn', "Myriad Pro", Arial, sans-serif !important; font-size: 28px } .section__body-primary.section__additional-resources { border: none; padding-bottom: 0 } .section__additional-resources iframe { width: 100%; height: 250px } .section__industry-resources a { text-decoration: none } .section__industry-resources a:hover { text-decoration: underline } .gadget--results-box-1 .gadget__body { width: 600px; margin: 0 auto; max-width: 100% } .gadget--results-box-2 .gadget__body li h2 { font-size: 62px } @media(max-width: 767px){ .gadget .gadget__body { padding: 12px 0 } .gadget--results-box-2 .gadget__body li h2 { font-size: 300% } } /* ------------------------------------------------------------ *\ iPad - Portrait and Landscape \* ------------------------------------------------------------ */ @media only screen and (min-device-width: 767px) and (max-device-width: 1024px) { .section__additional-resources iframe { height: 175px } } @media(max-width: 767px){ .section__additional-resources iframe { height: 190px } .main.issues .various3.fancybox.ajax { display: block; margin: 20px auto; width: 100% } .emma-email-form.email-signup { overflow: hidden } } /* federal page */ .border-top { border-top: 1px solid #999; padding-top: 34px } /* global pages */ .section-c h3 { color: #da291c; font-size: 42px; margin: 34px 0 10px; border-top: 1px solid #999; padding-top: 20px } .section__group .h5-title--red { color: #da291c; font-size: 1.5em; margin-bottom: 18px } .research--articles.section-secondary--primary.border-top { padding-bottom: 0 } .research--articles .articles { padding-left: 0 } /* .section-about ul { padding: 20px 30px } */ .widget .sub-nav { margin-bottom: 25px; } .widget .sub-nav h5 { height: 38px; margin-bottom: 3px; padding-left: 10px; background: #da281b; line-height: 38px; font-size: 19px; color: #fff; } .widget .sub-nav li { font-size: 18px; color:#000; min-height: 31px; padding-left: 3px; line-height: 31px; background: url(images/sub-nav-border.jpg) no-repeat 0 bottom; list-style: none } .widget .sub-nav li a {font-size: 16px; color: #002f6c; } .widget .sub-nav.blue_colored li a { color: #002f6c; } .widget .sub-nav ul.s-dd {display:none; padding-left: 20px;} .widget .sub-nav ul.s-dd li { border-bottom:0; background:none;} .widget .sub-nav li.selector:before {ccolor:#002f6c; content:"\25BA \0020"; cursor:pointer;} .widget .sub-nav li.selector-active:before {ccolor:#002f6c; content:"\25BC \0020"; cursor:pointer;} /* news and blog page */ .results.tab { display: none } .results.tab:first-of-type { display: block } .resource-item { margin: 40px auto 0; padding: 40px 0 0 } .resource-item:first-of-type { margin: 40px auto 0; padding: 0 } /* .list-features .resource-item + .resource-item { padding: 40px 0 } */ .resource-item ul li { border: none; font-size: 14px; margin: 6px 0 0 ; padding: 0 } .resource-item ul { padding: 20px 0 0 20px } .resource-item iframe { max-width: 100% } .resource-item h4 a { color: #000 } .list--additional-resources li em { color: #000; font-style: italic } /* contact page */ .form h4 { padding: 0 0 20px!important } .form .control-group { margin: 10px 0 } .form .control-label { padding-bottom: 4px } .form input[type=text], .form input[type=email] { border: 1px solid #b9b9b9; border-radius: 3px; line-height: 1.6; margin: 3px auto; padding: 0 0 0 8px; width: 100% } .form textarea { border: 1px solid #b9b9b9; border-radius: 3px; margin: 3px auto; padding: 0 0 0 8px; width: 100% } .form input[type=submit] { background: #da291c; border: 0; color: #fff; padding: 3px 18px; text-transform: uppercase } .form input[type=submit]:hover { opacity: 0.9 } /* events page */ a.red-btn { background: #da291c; border-radius: 6px; color: #fff; font-size: 14px!important; padding: 5px 12px!important; text-transform: uppercase; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; letter-spacing: -0.025em; } a.red-btn:hover { color: #fff } /* leadership page */ .intro-content h5 { font-weight: normal } /* custom rules */ .align-center { text-align: center } .align-center img { margin: 0 auto } .align-center img:hover { opacity: 0.9 } .margin-20 { margin: 20px auto } .margin-40 { margin: 40px auto } .margin-60 { margin: 60px auto } .issue-table { -moz-border-radius: 20px; border-radius: 20px; background: #ebe9e5; display: block; margin-top: 20px; margin-bottom: 40px; padding: 16px; float: left; width: 380px; max-width: 90% } .issue-table table { width: 100% } .issue-table tr { background: none; font-size: 15px } .issue-table tr td { border-bottom: 1px solid #000; line-height: 1.6 } .issue-table tr:last-child td { border-bottom: 2px solid #000 } .issue-table p { clear: both; font-size: 10px; margin: 10px 0 } .issue-image { margin: 20px 0 ; text-align: center } .issue-image img { max-width: 100%; height: auto } @media(min-width: 768px) and (max-width: 959px) { .issue-table { max-width: 35% } } /* JY EMAIL SIGN UP FORM */ .email-signup { background: #002e6b; max-width: 100%; padding:16px 32px; color: #fff; text-align: center } .email-signup .email-icon { width: 38px; height: 21px; display: block; background: url('../../css/images/email-icon.png')no-repeat; background-size: cover; margin: 16px auto } .email-signup h2 { font-size: 25px; font-weight: normal; margin: 0; line-height: 1.2 } .email-signup span { display: block; line-height: 1.2; font-size: 18px; font-style: italic; margin: 32px 0 16px } .email-signup label,.email-signup input[type="submit"] { margin: 16px 0; font-size: 14px } .email-signup input[type="radio"] { margin: 0 5px } .email-signup input[type="email"], .email-signup input[type="text"] { display: block; margin: 16px auto; border: 0; padding: 4px; line-height: 2; text-indent: 4px; width: 100% } .email-signup input[type="submit"] { background: #da281b; border: 0; -moz-border-radius: 10px; border-radius: 10px; color: #fff; padding: 10px 24px; font-size: 14px; text-transform: uppercase } #report-highlight ul, #report-highlight li{ list-style: outside;} #report-highlight ul{margin:0 0 20px 20px;} .home-section-main .shell, .home-section .shell{width:auto;} #report-highlight{font-size:14px; color:#4d4d4d;} /* resource items */ .resource-item h4 a { text-decoration: none } .resource-item h4 a:hover { text-decoration: underline } .resource-item h6 { font-weight: 700 } .list--additional-resources p a { color: #000; text-decoration: none } .section-secondary--primary { padding: 15px 0 20px } .section__group.top-border { border-top: 1px solid #999; margin-top: 0; padding-top: 20px } /* contact us */ .main.contact-us form { width: 640px; max-width: 100%; margin: 0 } .main.contact-us form h4 { display: none } .main.contact-us form input[type=text],.main.contact-us form textarea { border: 1px solid #d4d4d4; line-height: 1.6; padding: 0 4px; width: 100% } .main.contact-us form .control-group { margin: 12px auto } .main.contact-us form input[type="submit"] { border: none; background: #da291c; color: #fff; padding: 6px 22px } /* forms */ #form-wrap form { width: 640px; max-width: 100%; margin: 0 } #form-wrap form h4 { display: none } #form-wrap form input[type=text], #form-wrap form textarea { border: 1px solid #d4d4d4; line-height: 1.6; padding: 0 4px; width: 100% } #form-wrap form .control-group { margin: 12px auto } #form-wrap form input[type="submit"] { border: none; background: #da291c; color: #fff; padding: 6px 22px } /* ------------------------------------------------------------ *\ iPad - Portrait and Landscape \* ------------------------------------------------------------ */ @media only screen and (min-device-width: 767px) and (max-device-width: 1024px) { /* research page */ .research--articles .article__content { width: 60% } /* news and blog page */ .list-features { margin: 20px auto } .ranking-states-video-box iframe{ height: 152px } /* states page */ .lists.lists--rounded { margin: 20px 16px; width: 45% } .issue-table { float: none; width: 100%; max-width: 100%; margin: 0 auto } .state-browser-inner .col-2 { float: none; clear: both; width: 100% } #browse_state .c2-sb-wrap .c2-sb-text { width: 100%; max-width: 100% ; margin: 0 auto} #browse_state .c2-sb-inner-wrap { width: 100% } .c2-sb-wrap { display: block; float: none; width: 100% } .state-numbers li h1 { font-size: 60px } .state-numbers .hash { font-size: 30px; margin-left: -20px } .gadget--results-box-1 .gadget__body { margin: 0 auto; width: 80% } /* states page */ .lists.lists--rounded { margin: 20px 16px; width: 45% } .issue-table { float: none; width: 100%; max-width: 100%; margin: 0 auto } .gadget--results-box-2 .gadget__body li h2 { font-size: 40px } .state-browser-inner .col-2 { float: none; clear: both; width: 100% } #browse_state .c2-sb-wrap .c2-sb-text { width: 100%; max-width: 100% ; margin: 0 auto} #browse_state .c2-sb-inner-wrap { width: 100% } .c2-sb-wrap { display: block; float: none; width: 100% } } /* ------------------------------------------------------------ *\ end - iPad Portrait and Landscape \* ------------------------------------------------------------ */ .feature-btn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } /* ------------------------------------------------------------ *\ MEGA MENU \* ------------------------------------------------------------ */ .nav ul li:nth-child(5) ul, .nav ul li:nth-child(6) ul, .nav ul li:nth-child(7) ul, .nav ul li:nth-child(8) ul, .drop-down-issues, #research-dropdown, .drop-down { display: none; position: absolute; z-index: 101; background:#da291c } .nav ul li:nth-child(1):hover .drop-down-issues { display: block } .drop-down-issues { left: 4px; padding: 20px 12px } .drop-down-issues .col.left, .drop-down-issues .col.right { width: 45%; margin: 0 12px; display: block; float: left; padding: 0 } .drop-down-issues .col.left li { font-size: 15px; font-weight: 500; padding: 0; margin: 6px 0 } .nav ul li:nth-child(2):hover #research-dropdown { display: block; width: 448px } #research-dropdown { margin-left: -12px; padding: 20px 12px 0 } #research-dropdown li { font-size: 15px; font-weight: 500; display: block; margin: 10px 0 } .nav ul li:nth-child(3):hover .drop-down { display: block; width: 900px } .nav ul li:nth-child(3):hover .drop-down { margin-left: -12px; padding: 20px 12px 0 } .nav ul li:nth-child(3) .drop-down .col.left h3, .nav ul li:nth-child(3) .drop-down .col.right h3 { border-bottom: 2px solid #fff; font-size: 30px; padding-bottom: 3px; width: 90% } .nav ul li:nth-child(3) .drop-down .col.left { width: 45%; margin: 0; float: left; padding: 0; } .nav ul li:nth-child(3) .drop-down .col.left li { padding: 0; margin: 6px 0 0 } .nav ul li:nth-child(3) .drop-down .col.left .item { font-size: 18px; margin-bottom: 12px } .nav ul li:nth-child(3) .drop-down .col.right { width: 55%; margin: 0; float: left; padding: 0; } .nav ul li:nth-child(3) .drop-down .col.right li { font-size: 15px; font-weight: 500; padding: 0; margin: 6px 0 } .nav ul li:nth-child(3) .drop-down .col.right ul { display: block; width: 24.5%; float: left } .nav ul li:nth-child(5):hover ul, .nav ul li:nth-child(6):hover ul, .nav ul li:nth-child(7):hover ul, .nav ul li:nth-child(8):hover ul { display: block; margin-left: -12px; padding: 12px 12px 6px; width: 220px } .nav ul li:nth-child(5):hover ul li, .nav ul li:nth-child(6):hover ul li, .nav ul li:nth-child(7):hover ul li, .nav ul li:nth-child(8):hover ul li { display: block; font-size: 15px; font-weight: 500; padding: 0; margin: 6px 0 } .nav .issue-list-drop-down-issues h4 { background: #C62014; font-size: 20px; padding: 8px 0 8px 16px} .nav .issue-list-drop-down-issues p, .nav .issue-list-drop-down-issues p a { color: #fff; font-size: 15px; letter-spacing: 0.02em } .nav .issues-list p { margin: 20px 0 0 } .nav .issue-list-drop-down-issues ul { display: block; list-style: disc; padding: 0 0 0 6px } .nav .issue-list-drop-down-issues li { color: #fff; font-size: 15px; list-style: disc; margin: 8px 0 0; padding: 0; letter-spacing: 0.02em } .nav .issue-list-drop-down-issues li a { color: #fff; letter-spacing: 0.02em } .nav .issue-list-drop-down-issues li, .nav .issue-list-drop-down-issues li + li { margin-left: 8px } .nav .issue-list-drop-down-issues-left-col, .nav .issue-list-drop-down-issues-right-col { width: 49.25% } .nav .issue-list-drop-down-issues-right-col { margin-left: 16px; padding-top: 0 } .nav .issue-list-drop-down-issues .issues-right-col { padding-left: 20px } .nav .issue-list-drop-down-issues-left-col { border-right: 1px solid #fff; padding-right: 20px; padding-top: 0 } .nav .issue-list-drop-down-issues-left-col .issues-left-col { padding-left: 18px } .nav .issues-col--all-issues ul { padding: 0 } .nav .issues-col--all-issues ul li { list-style: none; padding-left: 0 } .nav .issue-list-drop-down-issues .mt-1 { margin-top: 10px } .nav .issue-list-drop-down-issues .mt-2 { margin-top: 20px } .nav .issue-list-drop-down-issues .mb-2 { margin-bottom: 20px } @media screen and (max-width: 1216px) { .nav .issue-list-drop-down-issues-left-col, .nav .issue-list-drop-down-issues-right-col { width: 45% } } #navigation .issues-list h4 { margin-bottom: 0 } #navigation .issues-list ul li { margin: 0 0 12px} #navigation .issues-list ul { padding: 12px 0 0 18px } #navigation .issues-list p { margin: 40px 0 0 } #navigation .issues-list .mt-0 { margin-top: 0 } #navigation .issues-list .mt-2 { margin-top: 20px } #navigation .issues-list .mb-3 { margin-bottom: 30px } #navigation .issues-list-divider { border-bottom: 1px dashed #000; height: 1px; margin: 30px 0 40px; width: 100% } #navigation .issue-list-drop-down-issues h4 { background: #C62014; font-size: 20px; padding: 8px 0 8px 16px} #navigation .issue-list-drop-down-issues p, .issue-list-drop-down-issues p a { color: #fff; font-size: 15px; letter-spacing: 0.02em } #navigation .issue-list-drop-down-issues ul { display: block; list-style: disc; padding: 0 0 0 6px } #navigation .issue-list-drop-down-issues li { color: #fff; font-size: 15px; list-style: disc; margin: 8px 0 0; padding: 0; letter-spacing: 0.02em } #navigation .issue-list-drop-down-issues li a { color: #fff; letter-spacing: 0.02em } #navigation .issue-list-drop-down-issues li, #navigation .issue-list-drop-down-issues li + li { margin-left: 8px } #navigation .issue-list-drop-down-issues-left-col, #navigation .issue-list-drop-down-issues-right-col { width: 49.25% } #navigation .issue-list-drop-down-issues-right-col { margin-left: 16px; padding-top: 0 } #navigation .issue-list-drop-down-issues .issues-right-col { padding-left: 20px } #navigation .issue-list-drop-down-issues-left-col { border-right: 1px solid #fff; padding-right: 20px; padding-top: 0 } #navigation .issue-list-drop-down-issues-left-col .issues-left-col { padding-left: 18px } #navigation .issues-col--all-issues ul { padding: 0 } #navigation .issues-col--all-issues ul li { list-style: none; padding-left: 0 } #navigation .section p a { color:#da291c } #navigation .section li .drop-down-issues { list-style: disc } /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { /* issues dropdwon */ .drop-down-issues { margin-left: -4px } /* states dropdown*/ .nav ul li:nth-child(3):hover .drop-down { margin-left: -132px } .nav ul li:nth-child(3) .drop-down .col.left { width: 40%; margin: 0; float: left; padding: 0; } .nav ul li:nth-child(3) .drop-down .col.left .item a { font-size: 14px } } @media(max-width: 767px) { .nav ul li:nth-child(5) ul, .nav ul li:nth-child(6) ul, .nav ul li:nth-child(7) ul, .nav ul li:nth-child(8) ul, .drop-down-issues, #research-dropdown, .drop-down { color: #da291c; display: none; position: relative z-index: 101; background: #fff } .drop-down-issues { left: 0 } .drop-down-issues .col.left { margin-left: 0!important } .drop-down-issues, .drop-down-issues .col.left, .drop-down-issues .col.right, .nav ul li:nth-child(3) .drop-down .col.left, .nav ul li:nth-child(3) .drop-down .col.right, .nav ul li:nth-child(3) .drop-down .col.right ul { float: none; width: 100%; max-width: 100%; margin: 0 auto; padding: 0 } .header .header__bar__inner { padding-top: 5px } .header .header__bar .shell, .header__bar .shell { margin: 0 auto; min-width: 100%; padding: 0 } .nav ul li:hover { background: #ae0502 } .nav ul li:nth-child(5):hover ul, .nav ul li:nth-child(6):hover ul, .nav ul li:nth-child(7):hover ul, .nav ul li:nth-child(8):hover ul { margin: 0 auto; padding: 0; width: 100%; max-width: 100% } .nav ul li a { font-size: 18px; display: block; line-height: 46px; width: 90%; margin: 0 auto } .nav ul li { display: block; width: 100% } .nav ul li:nth-child(3) .drop-down .col.left { width: 100%!important } .nav ul li:nth-child(3) .drop-down .col.left:after { content: ''; display: block; float: none; width: 100% } .states-mobile-menu { float: none; margin: 0; width: auto } .state-browser-inner .col-2 { width: auto } .states-mobile-menu #browse_state { width: 100% } .nav ul li:nth-child(3) .drop-down .col.left h3, .nav ul li:nth-child(3) .drop-down .col.right h3 { margin-left: 25px } .nav ul li:nth-child(2):hover #research-dropdown { margin-left: 0; max-width: 100% } } /* ------------------------------------------------------------ *\ end MEGA MENU \* ------------------------------------------------------------ */ .state-numbers li h1, .hash { display: inline-block } .hash { font-size: 3em; vertical-align: top; margin-top: 5px; margin-left: -28px; position: relative } @media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) { .state-numbers .hash { margin-left: -10px } .state-numbers .single-digit .hash { margin-left: -10px } } @media(max-width: 767px){ .state-numbers li h1 { font-size: 5em } .state-numbers li { width: 28%; margin: 20px 5px; } .hash { font-size: 2em; margin-left: -12px; } } .video-items iframe { width: 100%; height: 480px } @media(max-width: 767px){ .video-items iframe { height: 275px } } .hp-carousel .col.col--size1 { padding-right: 4px } .hp-carousel .col.col--size2 { padding-left : 4px } .hp-carousel-last .col.col--size2 { padding-left: 0; padding-right: 4px } .hp-carousel-last .col.col--size1 { padding-left: 4px; padding-right: 0 } /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .list-magazines, .list-magazines:last-child { margin: 0 auto; max-width: 100%; text-align: center } .list-magazines li { width: 30%; margin: 0 } .section-magazine h5 { font-size: 120%; max-width: 96%; margin: 0 auto } .section-magazine .section__body { padding: 30px 0 } .featured-blog-post { padding: 12px } .featured-blog-post .feature__body { width: 90%; margin: 12px auto; padding: 0 } } @media(max-width: 767px){ .hp-carousel .col.col--size1, .hp-carousel .col.col--size2, .hp-carousel-last .col.col--size1 , .hp-carousel-last .col.col--size2 { padding: 0 } } /* mobile nav alterations */ .mobile-links, .ipad-only { display: none } .emma-desktop-link { display: block } @media (max-width:1023px) { .js-link.emma-desktop-link { font-family: 'UniversLTStd Cn', sans-serif; font-size: 15px; font-weight: 300 } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .emma-desktop-link.ipad-only { font-family: 'UniversLTStd Cn', sans-serif; font-size: 15px; font-weight: 300 } } .emma-desktop-link.ipad-only { display: none } .emma-get-updates-form .e2ma_signup_form_row:first-of-type .e2ma_signup_form_label { margin-bottom: 12px } .emma-get-updates-form .e2ma_signup_form_row { margin: 16px auto } @media(max-width: 767px){ .desktop-only, .emma-desktop-link, .desktop-search-btn { display: none!important } .mobile-links { display: block } .mobile-search-btn, .emma-mobile-link { display: block; text-align: left; width: 100% } .emma-mobile-link { font-family: 'UniversLTStd Cn', sans-serif; font-size: 18px; font-weight: 300; line-height: 46px; margin: 6px auto 0; width: 90% } .search-btn.mobile-search-btn { margin-left: 20px } } /* video alterations */ .article-big .article__media, .resource-content > div > div{ padding-top: 0!important } .video-wrap { position:relative; padding-bottom:56.25%; padding-top:0; height:0; overflow:hidden } .video-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100% } /* emma page widget */ .emma-get-updates-form { width: 640px; margin: 0; max-width: 100% } .emma-get-updates-form h2 { font-size: 2em; margin: 0 0 20px; text-align: left} .emma-get-updates-form #e2ma_signup > div:nth-child(5) > div.e2ma_signup_form_label { display: block; font-size: 18px } .emma-get-updates-form #id_member_field_alert-type { margin: 20px 0; text-align: left } .emma-get-updates-form span { display: inline-block ; margin: 0 } .emma-get-updates-form .e2ma_signup_form_label { text-align: left } .emma-get-updates-form #id_member_field_alert-type { list-style-type: none; margin:0; padding: 0 } .emma-get-updates-form input[type="email"], .emma-get-updates-form input[type="text"] { border: 1px solid #d4d4d4; line-height: 2; margin: 4px auto; padding: 0 12px; width: 100% } .emma-get-updates-form input[type="submit"] { -webkit-appearance:none; border: none; border-radius: 6px; background: #da291c; color: #fff; margin: 20px 0; padding: 6px 22px; } .resource-item--research .article__image { width: 145px; padding-left: 0 } .resource-item--research .article__image img { width: 125px; height: auto } .resource-item--research .article__content { margin-left: 20px; max-width: 100%; width: 787px } .resource-item.resource-item--research { margin: 30px auto; padding: 0 } .resource-item--no-image .article__content { margin-left: 0; width: 100% } @media(max-width: 1340px){ .resource-item--research .article__content { margin-left: 0 } } @media(max-width: 767px){ .resource-item--research .article__image, .resource-item--research .article__content { width: 100% } .resource-item--research .article__content { margin: 0 auto } } /* new changes */ .blog-category-links { align-content:center; margin: 0 auto; text-align: center; width: 100% } .list-features.list-features--primary p a, .read-more-link--red, .list-features p a, p a { color: #0252aa } .header__aside p a,.footer a { color: #fff } .research--articles .section__head { padding-bottom} .research--articles .section__head h2 { border-bottom: 1px dotted #000; display: inline-block; width: auto; padding-bottom: 16px; margin-bottom: 16px } .research--articles h5, .section-about .section__group .section__group > h5 { color: #da291c; font-weight: normal } .section-about .section__group .section__group > h5 { font-size: 1.5em; margin: 0 0 18px;} .research--articles h4 a:hover { text-decoration: underline } .section-secondary--primary.margin-top-0 { margin-top: 0 } /* .breadcrumps li:before { display: none } */ /* p intro */ .section-about .p-intro, .section-about .read-more-content p { font-size: 18px } ol.p-intro { margin: 20px 0; padding: 5px 0 5px 30px } @media(max-width: 767px){ .intro h1 { font-size: 1.7em } .paging .active a { text-decoration: underline } .promo-box img { max-width: 100%; margin: 0 auto } .staff-articles.articles.articles--primary { padding-left: 0 } .slider-images .slides { animation: moveSlideshow 100s linear infinite; /* here you select the animation */ -webkit-animation: moveSlideshow 100s linear infinite; /* here you select the animation */ } } /* responsive mods */ @media (max-width: 1200px) { .container--inside-template { width: 70%; max-width: 70% } /* .main .main__inner { display: block; width: 100% } .main .sidebar { display: block; margin: 0 auto 20px; width: 90% } */ .map-outer .state-info .begining-msg { font-size: 130% } .map-outer .lists { font-size: 14px } } @media (max-width: 1199px) { .ranking-states-video-box { display: block } .ranking-states-video-box .article__content { display: block; float: none; width: 100% } .ranking-states-video-box .article__media { float: none; min-width: 100%; max-width: 100%; margin: 20px auto 0 } } @media and (min-width: 1023px) and (max-width: 1199px) { .nav { font-size: 16px } .container--inside-template { max-width: 70% } .ranking-states-video-box { display: block } .ranking-states-video-box .article__content { display: block; float: none; width: 100% } .ranking-states-video-box .article__media { float: none; min-width: 100%; max-width: 100%; margin: 20px auto 0 } } @media(max-width: 767px){ .container--inside-template { width: 100%; max-width: 100%; padding-bottom: 0 } .contacts a br { display: none } } @media(max-device-width: 767px){ /* home */ .feature--primary.js-feature-teritary { background-size: 45% 25%; background-position: bottom 108px right 12px } /* states */ .table-rankings th { font-size: 90% } #tab6 p { font-size: 120% } /* inside template */ .container--inside-template { width: 100%; max-width: 100%; padding-bottom } } .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } /* QA 5 alterations */ .feature--primary { background-image: none; min-height: 610px } .feature--primary .feature__actions { margin: 0; padding: 0; position: relative; text-align: center; width: 100% } .state-map-section { height: 100%; position: relative; padding-top: 0 } .state-map-bg { height: 100%; left: 0; top: 0; z-index: 1 } .state-map-bg img { height: auto; width: auto; display: block; margin: 0 auto; position: relative } .state-map-section .c2-sb-wrap { display: inline-block; float: none; top: 130px; margin: 0 auto } .hp-climate-report-box a { text-decoration: underline } .hp-climate-report-box a:hover { color: #da291c } @media (min-width: 1200px) and (max-width: 1339px){ .state-map-section { height: 90% } .state-map-section .c2-sb-wrap { top: 90px; width: 180px!important } } @media (min-width: 960px) and (max-width: 1199px){ .state-map-section { height: 90% } } @media (min-width: 768px) and (max-width: 959px){ .state-map-section { height: 90% } } @media (max-width: 767px){ .hp-climate-report-box, .state-map-section { width: 100%; float: none } .state-map-section { padding-top: 20px } .hp-climate-report-box .col-70, .hp-climate-report-box .col-30 { float: none; width: 100% } .featured-blog-post.feature.feature--secondary.js-feature-teritary { height: auto; margin: 0 0 20px } } @media (min-width: 320px), and (max-width: 767px){ .hp-climate-report-box, .state-map-section { width: 100%; float: none } .state-map-section { min-height:200px; padding: 10px 0 } .state-map-section .c2-sb-wrap { top: 130px; max-width: 180px!important } .state-map-section .c2-sb-wrap .c2-sb-text { max-width: 160px!important } } @media (max-width: 480px){ .c2-sb-inner-wrap { max-width: 140px; top: -32px } } .emma-mobile-link { display: none } @media (max-width:767px){ .emma-mobile-link { display: block } .emma-mobile-link--center { text-align: center } .emma-mobile-link .btn { display: inline-block; padding: 8px 12px 4px; line-height: 1 } .emma-desktop-link { display: none } } @media (max-device-width: 1024px){ .emma-mobile-link { display: block } } /* .emma-mobile-link { display: none } */ .resource-content .video-wrap { margin: 20px 0; max-width: 100% } .paging .active a { color: #000 } .breadcrumps li:last-child { color: #da291c } .breadcrumps li br { display: none } .breadcrumps li span { display: inline-block; margin: 0 2px } .mobile-navigation { display: none } .feature.feature--primary h1 { text-align: center } .no-flex { display: block } .feature__body.hp-climate-report-box { max-width: 100% } .section--hp-climate-report { margin-top: 12px } /* .border-line { background: #d1d2b9; float: none; clear: both; height: 1px; width: 100%; margin: 30px 0 0 } */ .section--hp-climate-report { text-align: center } .section--hp-climate-report a { text-decoration: none; } .section--hp-climate-report ul { list-style: none; color: #da291c; font-size: 24px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 13px 0; letter-spacing: -0.025em; margin-bottom: 19px; text-align: center } .section--hp-climate-report li { display: inline-block; margin: 3px 14px} .section--hp-climate-report .btn { background: #da291c; color: #fff; padding: 4px 12px; } .section--hp-climate-report .btn:hover { background: #a62117; color: #fff; text-decoration: none } @media (max-width:767px){ .section--hp-climate-report { text-align: left } .section--hp-climate-report ul { text-align: left } .section--hp-climate-report li { display: block; margin: 4px 0 } } @media (max-width:767px){ .state-map-section .c2-sb-wrap { top: 90px } .state-map-section .c2-sb-list-wrap { margin-top: 10px } .find-your-state-button .state { height:0 } .resource-content .video-wrap { max-width: 100% } } .upcoming-event-item { margin: 0 0 34px } /* @media only screen and (-webkit-min-device-pixel-ratio: 1.77) and (orientation:portrait) { .resource-content .video-wrap { max-width: 100% } } */ @media (max-width:1366px){ .main .shell, .breadcrumps .shell { margin: 0 auto; max-width: 94% } } /* agenda items */ .agenda-item { margin: 20px auto } .agenda-item--time { font-family: 'universlightcn', "Myriad Pro", Arial, sans-serif; padding-right: 20px } .agenda-item--time span { display: block; font-size: 22px; text-align: right } .agenda-item--time span + span { font-size: 16px } .agenda-item--info.col-100 { width: 100% } .agenda-item--info h4 { background: #002f6b; color: #fff; font-size: 20px; font-weight: normal; margin: 0; width: 100%; padding: 6px 0 6px 10px } .agenda-item--info div { font-size: 14px; padding: 10px 10px 0 } .agenda-item--info div ul { color: #4d4d4d; font-size: 14px; margin: 0 0 0 20px } .agenda-item--info.col-75 p { color: #4d4d4d; font-size: 14px; line-height: 1.4; margin-bottom: 12px } /* agenda items basic */ .agenda-item-basic .agenda-item--time { font-family: 'Helvetica', Arial, sans-serif } .agenda-item-basic .agenda-item--info h4 { background: none; color: #4d4d4d; font-family: 'Helvetica', Arial, sans-serif!important; font-size: 14px; padding: 0 } .agenda-item-basic .agenda-item--time span, .agenda-item--info.col-75 p { font-size: 14px; font-family: inherit } @media (max-width: 767px){ .agenda-item-basic .agenda-item--time { float: none; width: 100% } .agenda-item-basic .agenda-item--time span { text-align: left } } .search.header__search { font-size: 16px } /* QA 5 alterations */ .contact-us .bootstrap form { text-align: left } .bootstrap .QapTcha { float: none; padding: 6px 0 12px } /* donate button */ .donate-btn { height: 105px; position: fixed; right: 10px; width: 105px; z-index: 999 } .donate-btn img { border: 0; width: 100%; height: auto } .donate-btn---3d.donate-btn { margin-top: 78px } .donate-btn-3d { background: #fff; border-radius: 50%; box-shadow: 0 0 12px #444; display: block; height: 100px; position: relative; text-align: center; text-decoration: none; width: 100px } .donate-btn-3d .donate-label { color: #222; display: block; font-family: 'universboldcn', sans-serif; font-size: 25px; font-weight: 900; letter-spacing: -0.75px; margin: 0 auto; position: relative; top: 22px; width: 80px } .donate-btn-3d .donate-label-bottom { color: red; display: block; font-family: 'UniversLTStd Cn', sans-serif; font-size: 13px; margin: 0 auto; position: relative; top: 24px; width: 80px } @media (min-width: 1023px) { .donate-btn { height: 105px; right: 10px; margin-top: 74px; top: 0 } .header .header__aside { right: 100px } } @media (min-width: 768px) and (max-width: 1023px) { .header .header__aside { right: 100px } .donate-btn { height: 85px; width: 85px; top: 74px } } @media (max-width: 767px) { /* .donate-btn { bottom: 5px; right: 5px } */ .donate-btn { width: 40px; height: 40px; left: -20px; display: inline-block; float: right; position: relative!important; } } /* ----------- iPad 4+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .donate-btn---3d.donate-btn { margin-top: 10px } .donate-btn { height: 85px; right: 20px; width: 85px; top: 0 } } .section-about .red-callout-box { background: #da291c; color: #fff; font-family: 'universlightcn', "Myriad Pro", Arial, sans-serif !important; font-size: 32px; margin: 18px auto; padding: 10px; text-align: center } /* tort reform timline */ .container--inside-template--full-width { padding-top: 30px; width: 100% } .tort-timline-header { margin-top: 40px; text-align: center } .tort-timline-header h2 { border-top: 2px solid #000; border-bottom: 2px solid #000; color: #D82C27; display: inline-block; padding: 8px 0; text-align: center; width: auto } .timeline--left-rail { background: #FDB414; height: 100%; left: -60px; position: absolute; width: 4px } .timeline--entry { margin: 0 auto; position: relative } .section-about .timeline--entry--year { background: #000; border-radius: 10px; color: #fff; display: inline-block; font-family: 'universlightcn', "Myriad Pro", Arial, sans-serif!important; font-size: 40px; font-weight: 600; margin: 40px 0 20px; padding: 2px 24px; text-align: center } /* .section-about .timeline--entry--content { border-radius: 10px; color: #000; padding: 18px; text-align: left } */ .timeline--entry--content strong { font-size: 26px } .timeline--show-more-btn { display: none } .section-about .timeline--entry--content ul li { background: #E5E7CF; border-radius: 10px; color: #000; list-style: none; margin: 20px 0; padding: 18px; text-align: left } .section-about .timeline--entry--content p { font-family: 'universlightcn', "Myriad Pro", Arial, sans-serif!important; font-size: 18px; line-height: 1.4 } .timeline--entry--year:before { background: #FDB414; content: ''; display: block; height: 4px; left: 0; margin-left: -60px; margin-top: 64px; position: absolute; top: 0; width: 60px } .timeline--entry--year.Blue { background: #0B95DD } .timeline--entry--year.Gold { background: #FDB414 } .timeline--entry--year.Green { background: #A3B31C } .timeline--entry--year.Purple { background: #541564 } .timeline--entry--year.Red { background: #D11116 } #tort-reform-timline { position: relative; max-width: 90%; margin: 60px auto } #tort-reform-timline .timeline-bulb-top { background: #FDB414; border-radius: 50%; content: ''; display: block; height: 20px; position: absolute; width: 20px; float: left; left: 0; margin-left: -68px; top: 0; margin-top: -10px } #tort-reform-timline .timeline-bulb-bottom { background: #FDB414; border-radius: 50%; content: ''; display: block; height: 20px; position: absolute; width: 20px; float: left; left: 0; margin-left: -68px; bottom: 0; margin-bottom: -20px } .timeline--show-more-btn { color: #154588; font-size: 40px; margin-top: 30px; text-align: center } .back-to-top { padding: 40px 0; text-align: center } @media(max-width: 767px) { .bullets { max-width: 100%; padding: 0 } .bullets ul { padding: 0 } } .sbot-field { background: #fff; border: 0; font-size: 0; line-height: 0; display: none; visibility: hidden } /* mission statement section homepage */ .mission-section { background: #da291c } .mission-section--hero-img { background: #fff; padding-bottom: 10px; } .mission-section--content { color: #fff; margin: 10px auto 20px; max-width: 90%; padding: 30px 0 36px; width: 690px } .mission-section--content h2 { margin: 0 0 18px; text-align: center } .mission-section--content p { font-size: 18px } .mission-section--content .learn-more { font-size: 16px; text-align: right } .mission-section--content .learn-more a { color: #fff; text-decoration: none } .mission-section--content .learn-more i { font-size: 14px } .mtb-40 { margin-top: 36px; margin-bottom: 36px } @media(max-width: 767px) { .mission-section--content p { font-size: 14px } .mission-section--content p:last-of-type { text-align: left } .mission-section--content .learn-more i,.mission-section--content .learn-more a { font-size: 12px } } } /* mission statement section homepage */ /* content timestamps */ body .container .content-date { display: none!important; font-size: 11px!important ; text-align: right; width: 100%; display:none!important } /* podcasts */ .podcast--item{ padding: 12px } .podcast--content h4 { color: #da281c; font-family: 'universlightcn', "Myriad Pro", Arial, sans-serif; font-size: 24px; font-weight: 300; line-height: 1.2; margin: 12px 0 12px } .podcast--content { color: #4d4d4d; font-family: Helvetica; font-size: 16px; font-weight: 400; margin: 12px 0 } @media(max-width: 767px) { .podcast--item { display: block; float: none; margin: 0 auto; width: 100% } } .issue-tag-sep:last-of-type { display: none } .publish-date { display: none; color: #1e1e1e; font-size: 10px; text-align: right; margin: 0 0 20px} /* issues */ .issues-content p { font-size: 18px } .issues-list a,.issues-list p, .issues-list li, .global-list a, .global-list p { color: #da291c } .global-list--black p { color: #4d4d4d } .featured-blog-post { margin-top: 8px; max-height: 450px } .featured-blog-post h3 { font-size: 30px } .featured-blog-post .feature__body, .featured-blog-post .read-more-link { font-size: 15px } .feature--podcast-box { background: url(/uploads/sites/1/bg-blue-grade.jpg)no-repeat center center / cover; min-height: 255px; overflow: hidden; position: relative } .feature--podcast-box .title { background: #da291c; bottom: 0; color: #fff; display: block; font-family: "Sov-regular", Arial, sans-serif; font-size: 30px; margin: 0; padding: 12px 0 8px; position: absolute; text-align: center; width: 100%} .feature--podcast-box .title a { font-family: "Sov-regular", Arial, sans-serif; text-decoration: none } @media (max-width: 767px) { .featured-blog-post.feature.feature--secondary.js-feature-teritary { margin: 8px 0 20px; max-height: 325px } } .video-item { margin: 40px auto } /* .page-161 .popup-open:after { background: transparent} */ /* .page-161 .popup-open { top: 150px } */ .carousel--font--sml { font-size: 28px; margin: 10px 0 0 } @media(max-width: 768px){ .carousel--font--sml { font-size: 18px; margin: 10px 0 0 } } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .carousel--font--sml { font-size: 18px; margin: 10px 0 0 } .hp-carousel--2 span, .carousel--font--sml { position: relative; top: 40px } .col.col--size2.hp-carousel--3 > div{ background-position: 72% 108%!important } } #popup { display: none; height: 100%; width: 100%; z-index: 1000 } .popup-open:after { background: rgba(0,0,0,0.8); display: block; content: ''; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999 } .popup-open { left: 0; height: 100%; overflow: scroll; padding: 20px 10px 10px!important; position: fixed; text-align: center; top: 0; z-index: 1000 } #popup #pop-up-video { margin: 0 auto; max-width: 90%; height: 100%; position: relative; top: 20px; width: 800px; z-index: 9999 } #popup #pop-up-video iframe { width: 800px; height: 450px } .popup-close { position: relative; z-index: 99999 } .pop-up-video--inner { background: #fff; height: 100%; overflow: scroll; padding: 30px; position: relative } .es-summary { margin: 0 auto; max-width: 100%; text-align: center; width: 800px } .pop-up-video--inner h3, .es-summary h3 { color: #000; font-size: 24px; margin: 20px 0 0 } .pop-up-video--inner h3 + h3, .es-summary h3 + h3 { margin: 20px 0 } .pop-up-video--inner h4, .es-summary h4 { color: #000; font-size: 20px; margin: 20px 0 } .pop-up-video--inner p, .es-summary p { color: #000; margin: 12px 0 } .pop-up-video--inner .btn--red, .es-summary .btn--red { padding: 4px 12px } .popup-close {color: #fff;position:absolute;top:-28px;right: 0 } @media(max-width: 768px){ .pop-up-video--inner { padding: 20px } #pop-up-video iframe { height: 180px!important; width: 100% } .pop-up-video--inner h3 { color: #000; font-size: 20px; margin: 15px 0 0 } .pop-up-video--inner h4, .es-summary h4 { color: #000; font-size: 18px; margin: 15px 0} .past-pdf a { display: block; margin: 0 0 4px } .past-pdf .separator { display: none } } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .pop-up-video--inner { margin-top: 30px; padding: 20px } .popup-close {color: #fff;position:relative;top:0; float: right } #popup #pop-up-video { width: 600px; height: 100%; overflow: scroll } #pop-up-video iframe { height: 350px!important; width: 100% } .pop-up-video--inner h3 { color: #000; font-size: 22px; margin: 15px 0 0 } .pop-up-video--inner h4, .es-summary h4 { color: #000; font-size: 20px; margin: 15px 0 } } /* .mission-section { background: #fff } .mission-section--title--wrap { background: #003478; color: #fff; margin: 0 auto 18px; padding:24px 0; text-align: center } .mission-section--title > h2 { font-size: 68px; font-weight: 800; letter-spacing: .01em; margin-bottom: 28px } .mission-section--title > h2 > a { color: #fff;text-decoration: none } .mission-section--title > h2 > a:hover { opacity: 0.9; text-decoration: none } .mission-section--content, .mission-section--title { margin: 10px auto 0; width: 886px; max-width: 100% } .mission-section--content--wrap { background: #da291c } .mission-section--content { margin-top: 36px } .mission-section--learn-more { margin: 0 auto; max-width: 100%; text-align: right } .mission-section--learn-more a { font-size: 16px; text-decoration: none } .mission-section--content h3 { font-weight: 800; letter-spacing: .01em; text-align: center } .mission-section--content h3 { margin: 40px 0 28px } .mission-section--content p { font-weight: 400; letter-spacing: .01em; margin-top: 24px; text-align: left } #yt-video--1--cover-img a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .ilr-summit-callout { font-size: 20px;padding: 2.5% 0; text-align: center } .ilr-summit-callout--content-section { margin: 50px 0 } .ilr-summit-callout--content-section p { margin: 30px auto; width: 75% } @media(max-width: 1024px) { .mission-section--title { padding: 0 } .mission-section--title > h2 { font-size: 38px } .mission-section--content h3 { margin: 20px 0 } .mission-section--learn-more a { font-size: 12px } .mission-section--learn-more { max-width: 90% } .mission-section--content p { margin: 0 auto; max-width: 90% } .mission-section--content h3 { max-width: 90%; margin: 20px auto } .ilr-summit-callout--title-section { max-width: 100%; margin: 0 auto; padding-bottom: 0 } .ilr-summit-callout--title-section span { font-size: 22px } .ilr-summit-callout .col-2 { display: block; float: none; width: 100% } .ilr-summit-callout p { display: block; float: none; margin: 20px 0; width: 100% } .ilr-summit-callout--content-section { margin: 20px 0 } .ilr-summit-callout--content-section p { font-size: 15px; margin: 0 0 20px; width: 100% } .ilr-summit-callout--title-section .mbr { clear: both; display: block } .ilr-summit-callout--content-section p + p { font-size: 15px } } @media(min-width: 1025px) { .ilr-summit-callout--title-section { font-size:26px; max-width: 100%; width: 950px; margin: 0 auto; padding-bottom: 20px } } */ .mission-section { background: #fff } .mission-section--title--wrap { background: #003478; color: #fff; margin: 0 auto; padding:24px 0; text-align: center } .mission-section--title > h2 { font-size: 68px; font-weight: 800; letter-spacing: .01em; margin-bottom: 20px } .mission-section--title > h2 > a { color: #fff;text-decoration: none } .mission-section--title > h2 > a:hover { opacity: 0.9; text-decoration: none } .mission-section--content, .mission-section--title { margin: 10px auto 0; width: 960px; max-width: 100% } .mission-section--content--wrap { background: #da291c } .mission-section--content { margin: 0 auto; padding: 30px 0 16px } .mission-section--learn-more { margin: 0 auto; max-width: 90%; text-align: right } .mission-section--learn-more a { font-size: 16px; text-decoration: none } .mission-section--content h3 { font-size: 28px; font-weight: 800; letter-spacing: .01em; margin: 10px 0 20px; text-align: center } .mission-section--content p { font-weight: 400; letter-spacing: .01em; margin-top: 24px; text-align: left } #yt-video--1--cover-img a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .ilr-summit-callout { font-size: 20px;padding: 2.5% 0; text-align: center } .ilr-summit-callout--content-section { margin: 50px 0 } .ilr-summit-callout--content-section p { margin: 30px auto; width: 75% } @media(max-width: 1024px) { .mission-section--title { padding: 0 } .mission-section--title > h2 { font-size: 38px } .mission-section--content h3 { font-size: 24px; margin: 20px 0 } .mission-section--learn-more a { font-size: 12px } .mission-section--learn-more { max-width: 90% } .mission-section--content p { margin: 0 auto; max-width: 90% } .mission-section--content h3 { max-width: 90%; margin: 10px auto } .ilr-summit-callout--title-section { max-width: 100%; margin: 0 auto; padding-bottom: 0 } .ilr-summit-callout--title-section span { font-size: 22px } .ilr-summit-callout .col-2 { display: block; float: none; width: 100% } .ilr-summit-callout p { display: block; float: none; margin: 20px 0; width: 100% } .ilr-summit-callout--content-section { margin: 20px 0 } .ilr-summit-callout--content-section p { font-size: 15px; margin: 0 0 20px; width: 100% } .ilr-summit-callout--title-section .mbr { clear: both; display: block } .ilr-summit-callout--content-section p + p { font-size: 15px } } @media(min-width: 1025px) { .ilr-summit-callout--title-section { font-size:26px; max-width: 100%; width: 960px; margin: 0 auto; padding-bottom: 20px } }