/* Table of Contents 01. Settings ---------------------------------- 02. Sprite ------------------------------------ 03. Generic ----------------------------------- 04. Base -------------------------------------- 05. Fonts ------------------------------------- 06. Helpers ----------------------------------- Tablet Portrait -------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 07. Reset ------------------------------------- 08. Regions ----------------------------------- 09. Container --------------------------------- 10. Content ----------------------------------- 11. Footer ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 12. Header ------------------------------------ Bar -------------------------------------- Links ------------------------------------ Button ----------------------------------- Group ------------------------------------ Content ---------------------------------- Aside ------------------------------------ States ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Nav Open --------------------------------- Mobile ----------------------------------- 13. Main -------------------------------------- 14. Shell ------------------------------------- 15. Sidebar ----------------------------------- 16. Wrapper ----------------------------------- 17. Modules ----------------------------------- 18. Article Small ----------------------------- Mod: Alt --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Mod: Alt --------------------------------- 19. Article Card ------------------------------ Mobile ----------------------------------- 20. Article Card Image ------------------------ Mobile ----------------------------------- 21. Breadcrumbs ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 22. Button ------------------------------------ Button Block ----------------------------- Button Transparent ----------------------- Button Green ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 23. Button Ico -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 24. Button AA --------------------------------- 25. Button Link ------------------------------- Mod: Purple ------------------------------ Mod: Red --------------------------------- Mod: Green ------------------------------- Mod: Orange ------------------------------ Mod: Blue -------------------------------- Mod: Dark Red ---------------------------- Mobile ----------------------------------- 26. Button Menu ------------------------------- 27. Feed -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 28. Form Elements ----------------------------- 29. Form -------------------------------------- 30. Intro ------------------------------------- Mod: Alt --------------------------------- Mod: Large ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 31. Intro Large ------------------------------- Mod: Gradient ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 32. Intro Image ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 33. Link More --------------------------------- 34. Link Arrow -------------------------------- 35. Links ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 36. Links Alt --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 37. List -------------------------------------- 38. List Info --------------------------------- Mod: Colors ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 39. List Events ------------------------------- Mod: Purple ------------------------------ Mod: Red --------------------------------- Mod: Green ------------------------------- Mod: Orange ------------------------------ Mod: Blue -------------------------------- Mod: Dark Red ---------------------------- Mod: White ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 40. Logo -------------------------------------- 41. Logo White -------------------------------- 42. Map --------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 43. Nav --------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 44. Promotion --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 45. Quote ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 46. Search Trigger ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 47. Search ------------------------------------ Tablet Portrait -------------------------- 48. Section Split ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 49. Section Links ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 50. Section Testimonials ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 51. Section Events ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 52. Section Article --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 53. Section Locations ------------------------- Image ------------------------------------ Tabs ------------------------------------- Entry ------------------------------------ List ------------------------------------- Section Back ----------------------------- Mod: Section tab alt --------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 54. Section News ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 55. Section Large ----------------------------- Mod: Alt --------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 56. Section Long ------------------------------ Mod: Alt --------------------------------- Tablet Portrait -------------------------- Mod: Alt --------------------------------- Mobile ----------------------------------- Mod: Alt --------------------------------- 57. Slider Cards ------------------------------ Slick ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 58. Slider Long ------------------------------- Tablet Portrait -------------------------- 59. Socials ----------------------------------- 60. Table ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 61. Tag --------------------------------------- 62. Testimonial ------------------------------- Mobile ----------------------------------- 63. Video ------------------------------------- 64. Video Small ------------------------------- Tablet Portrait -------------------------- 65. Widget ------------------------------------ 66. Widget Card ------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 67. Widget Links ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 68. Widget Profile ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 69. Themes ------------------------------------ 70. Instagram Plugin -------------------------- 71. Fade-in Popover --------------------------- */ /* ------------------------------------------------------------ *\ Settings \* ------------------------------------------------------------ */ .text-900 {color:#fff !important; background-color:maroon;} [hidden] { display: none !important; } .columns { columns: 150px 2; column-rule: 0 dotted #ccc; column-gap: 3em; } /* Normalizing the html font-size to bring this closer in line with the main YC site */ /* This forces rem measurements to be the same between sites */ html { font-size: 16px; } /* ------------------------------------------------------------ *\ Sprite \* ------------------------------------------------------------ */ .ico-arrow-small { background-image : url(../images/sprite.png); background-position : 89.32038834951457% 93.15068493150685%; background-size : 1571.4285714285713% 830.0000000000001%; width : 7px; height : 10px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-close { background-image : url(../images/sprite.png); background-position : 95.83333333333334% 70.76923076923077%; background-size : 785.7142857142857% 461.1111111111111%; width : 14px; height : 18px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-magnifier-alt { background-image : url(../images/sprite.png); background-position : 100% 0%; background-size : 611.1111111111111% 436.84210526315786%; width : 18px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-magnifier { background-image : url(../images/sprite.png); background-position : 100% 35.9375%; background-size : 611.1111111111111% 436.84210526315786%; width : 18px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-triangles-large-yellow { background-image : url(../images/sprite.png); background-position : 0% 0%; background-size : 261.9047619047619% 193.0232558139535%; width : 42px; height : 43px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-triangles-large { background-image : url(../images/sprite.png); background-position : 67.64705882352942% 0%; background-size : 261.9047619047619% 193.0232558139535%; width : 42px; height : 43px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-triangles-yellow { background-image : url(../images/sprite.png); background-position : 0% 100%; background-size : 314.2857142857143% 230.55555555555554%; width : 35px; height : 36px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-triangles { background-image : url(../images/sprite.png); background-position : 52% 100%; background-size : 314.2857142857143% 230.55555555555554%; width : 35px; height : 36px; display : inline-block; vertical-align : middle; font-size : 0px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .ico-arrow-small { background-image : url(../images/sprite.@2x.png); background-position : 88.03827751196172% 92.51700680272108%; background-size : 2000% 873.6842105263157%; width : 5.5px; height : 9.5px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-close { background-image : url(../images/sprite.@2x.png); background-position : 95.83333333333334% 70.76923076923077%; background-size : 785.7142857142857% 461.1111111111111%; width : 14px; height : 18px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-magnifier { background-image : url(../images/sprite.@2x.png); background-position : 100% 0%; background-size : 611.1111111111111% 436.84210526315786%; width : 18px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-magnifnier-alt { background-image : url(../images/sprite.@2x.png); background-position : 100% 35.9375%; background-size : 611.1111111111111% 436.84210526315786%; width : 18px; height : 19px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-triangles-large-yellow { background-image : url(../images/sprite.@2x.png); background-position : 0% 0%; background-size : 261.9047619047619% 193.0232558139535%; width : 42px; height : 43px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-triangles-large { background-image : url(../images/sprite.@2x.png); background-position : 67.64705882352942% 0%; background-size : 261.9047619047619% 193.0232558139535%; width : 42px; height : 43px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-triangles-yellow { background-image : url(../images/sprite.@2x.png); background-position : 0% 100%; background-size : 314.2857142857143% 230.55555555555554%; width : 35px; height : 36px; display : inline-block; vertical-align : middle; font-size : 0px; } .ico-triangles { background-image : url(../images/sprite.@2x.png); background-position : 52% 100%; background-size : 314.2857142857143% 230.55555555555554%; width : 35px; height : 36px; display : inline-block; vertical-align : middle; font-size : 0px; } } /* ------------------------------------------------------------ *\ Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ *:focus { outline: 3px solid #2476B7; } body { min-width: 320px; background: #EEE; font-family: 'Frutiger', sans-serif; font-family: arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.31; color: #767676; color:#333333; } body.font-update { font-size: 20px; } body.font-update .btn-aa { color: #000; } body.font-update .btn-aa:after { opacity: 1; } a {text-decoration: underline; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color:#286ab1;} a:focus { outline: none !important; } a:hover, a[href^="tel"] { text-decoration: none; } a[href^="mailto:"].ep { display: inline-block; font-size: 0; white-space: nowrap; } a[href^="mailto:"].ep::before, a[href^="mailto:"].ep::after { font-size: 14px; direction: rtl; unicode-bidi: bidi-override; } /* .section-long--alt a, .section-long--alt a:link {} .section-long--alt a:visited {} .section-long--alt a:focus {} .section-long--alt a:hover {} .section-long--alt a:active {} */ /* FONT-SIZE FOR TABLE CELLS AND LISTS .section__content li {margin-bottom:6px; font-size:smaller;} */ h1, h2, h3, h4, h5, h6 { margin-bottom: 0.655em; } h1 { font-family: 'Frutiger LT Std', sans-serif; font-size: 50px; font-weight: 900; } /* was 75px font */ h1 span {font-size:25px; display: block; margin-top: 0px !important; font-family: 'Playlist', serif; color: #FFC72C; font-weight: 400; letter-spacing: 0; } /* was 40px font */ /* H1 SPAN FONT FAMILY : 'Dancing Script', cursive; */ @import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700'); h2 { font-family: 'Garamond', serif; font-size: 48px; } h3 { font-family: 'Garamond', serif; font-size: 35px; } h4 { font-family: 'Garamond', serif; font-size: 26px; } .widget h4 { font-family: arial, helvetica, sans-serif; font-size: 17px; font-weight:bold;} h5 { font-family: 'Garamond', serif; font-size: 20px; } h6 { font-family: 'Garamond', serif; font-size: 14px; } figure, .figure { margin: 0; } p, ul, ol, dl, hr, table, blockquote { margin-bottom: 1.31em; } 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: 'Frutiger'; src: url('../fonts/Frutiger.eot'); src: url('../fonts/Frutiger.eot?#iefix') format('embedded-opentype'), url('../fonts/Frutiger.woff2') format('woff2'), url('../fonts/Frutiger.woff') format('woff'), url('../fonts/Frutiger.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Frutiger-Normal'; src: url('../fonts/Frutiger-Normal.eot'); src: url('../fonts/Frutiger-Normal.eot?#iefix') format('embedded-opentype'), url('../fonts/Frutiger-Normal.woff2') format('woff2'), url('../fonts/Frutiger-Normal.woff') format('woff'), url('../fonts/Frutiger-Normal.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lucida Grande'; src: url('../fonts/LucidaGrande.eot'); src: url('../fonts/LucidaGrande.eot?#iefix') format('embedded-opentype'), url('../fonts/LucidaGrande.woff2') format('woff2'), url('../fonts/LucidaGrande.woff') format('woff'), url('../fonts/LucidaGrande.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lucida Grande'; src: url('../fonts/LucidaGrande-Bold.eot'); src: url('../fonts/LucidaGrande-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/LucidaGrande-Bold.woff2') format('woff2'), url('../fonts/LucidaGrande-Bold.woff') format('woff'), url('../fonts/LucidaGrande-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Helvetica Neue'; src: url('../fonts/HelveticaNeue.eot'); src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue.woff2') format('woff2'), url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans.eot'); src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff2') format('woff2'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Light.eot'); src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Light.woff2') format('woff2'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Frutiger LT Std'; src: url('../fonts/FrutigerLTStd-Roman.eot'); src: url('../fonts/FrutigerLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/FrutigerLTStd-Roman.woff2') format('woff2'), url('../fonts/FrutigerLTStd-Roman.woff') format('woff'), url('../fonts/FrutigerLTStd-Roman.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Frutiger LT Std'; src: url('../fonts/FrutigerLTStd-Black.eot'); src: url('../fonts/FrutigerLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/FrutigerLTStd-Black.woff2') format('woff2'), url('../fonts/FrutigerLTStd-Black.woff') format('woff'), url('../fonts/FrutigerLTStd-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Frutiger'; src: url('../fonts/Frutiger-Bold.eot'); src: url('../fonts/Frutiger-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Frutiger-Bold.woff2') format('woff2'), url('../fonts/Frutiger-Bold.woff') format('woff'), url('../fonts/Frutiger-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Playlist'; src: url('../fonts/Playlist-Script.eot'); src: url('../fonts/Playlist-Script.eot?#iefix') format('embedded-opentype'), url('../fonts/Playlist-Script.woff2') format('woff2'), url('../fonts/Playlist-Script.woff') format('woff'), url('../fonts/Playlist-Script.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Bold.eot'); src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Frutiger'; src: url('../fonts/Frutiger-Italic.eot'); src: url('../fonts/Frutiger-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Frutiger-Italic.woff2') format('woff2'), url('../fonts/Frutiger-Italic.woff') format('woff'), url('../fonts/Frutiger-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Garamond'; src: url('../fonts/Garamond-Bold.eot'); src: url('../fonts/Garamond-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Garamond-Bold.woff2') format('woff2'), url('../fonts/Garamond-Bold.woff') format('woff'), url('../fonts/Garamond-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ .skip-to-content { position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -30; padding: 10px 20px; border-radius: 10px; background: #fff; font-size: 25px; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } .skip-to-content:hover { color: #767676; } .skip-to-content.visible.active { opacity: 1; z-index: 30; } /* Tablet Portrait */ @media (max-width: 991px) { .skip-to-content { display: none; } } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Clear */ .clear:after { content: ''; display:block; clear:both; } /* Notext */ .notext { overflow : hidden; text-indent : 101%; white-space : nowrap; } /* Hidden */ [hidden], .hidden { display: none !important; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-flex, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-flex, .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-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1200px) { .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: 1201px) { .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; } } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } template { display: none; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); 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; -moz-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; 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; } /* ------------------------------------------------------------ *\ Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container { max-width: 1072px; padding: 0 66px; } @media (max-width: 576px) { .container { padding-left: 15px; padding-right: 15px; } } .intro__Banner h1 span { font-family: 'Frutiger LT Std', sans-serif; } @media (max-width: 768px) { .intro__Banner h1 span { font-size: 25px; } .intro--gradient h1 { font-size: 50px; } } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { position: relative; z-index: 5; margin-top: -5px; padding: 87px 0 90px; background: #006747; color: #fff; } .footer [class^="col-"] .row { margin: 0 -8px; } .footer [class^="col-"] [class^="col-"] { padding: 0 8px; } .footer .logo-white { margin-bottom: 58px; } .footer .socials { padding-left: 5px; } .footer .footer__links { padding-top: 7px; } .footer .footer__links h5 { margin-bottom: 24px; font-family: 'Frutiger', sans-serif; font-size: 20px; font-weight: 700; color: white; } .footer .footer__links ul { list-style: none; } .footer .footer__links li + li { margin-top: 20px; } .footer .footer__links a { text-decoration: none; color: inherit;} .footer .footer__links a:hover { color: #fff; opacity: .8; } /* Tablet Portrait */ @media (max-width: 991px) { .footer { padding-top: 55px; padding-bottom: 78px; } .footer .logo-white { margin-top: 5px; margin-bottom: 43px; } .footer .footer__links { padding-left: 36px; margin-bottom: 12px; } .footer .footer__links h5 { position: relative; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, .3); margin-bottom: 0; font-weight: 900; letter-spacing: .05em; } .footer .footer__links h5 figure, .footer .footer__links h5 .figure { position: absolute; top: 2px; right: 1px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .footer .footer__links ul { overflow: hidden; max-height: 0; -webkit-transition: max-height .3s, padding .3s; -o-transition: max-height .3s, padding .3s; transition: max-height .3s, padding .3s; } .footer .footer__links li + li { margin-top: 10px; } .footer .footer__links.active ul { max-height: 500px; padding-top: 20px; } .footer .footer__links.active h5 figure, .footer .footer__links.active h5 .figure { -webkit-transform: rotate(268deg); -ms-transform: rotate(268deg); transform: rotate(268deg); } } /* Mobile */ @media (max-width: 767px) { .footer { padding-top: 32px; padding-bottom: 37px; } .footer .container { padding: 0 29px; } .footer .logo-white { margin: 0 0 24px 5px; } .footer .socials { margin-bottom: 33px; } .footer .footer__links { padding-left: 0; margin-bottom: 9px; } .footer .footer__links h5 { font-weight: 900; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { position: relative; top: 0; left: 0; right: 0; z-index: 4; background: #fff; -webkit-box-shadow: 0 0px 7px 0px rgba(0, 0, 0, .34); box-shadow: 0 0px 7px 0px rgba(0, 0, 0, .34); } .header .logo { position: absolute; top: 21px; left: 24px; } .header .search-trigger { margin-left: 0; } .header .search { position: absolute; top: 100%; left: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .header .header__inner { position: relative; } .no-body-scroll { overflow: hidden; } /* Bar */ .header .header__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /* Links */ .header .header__links { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 17px 28px 14px 10px; margin-bottom: 0; list-style: none; font-family: 'Frutiger LT Std', sans-serif; font-size: 14px; letter-spacing: 0.02em; } .header .header__links:after { content: ''; position: absolute; top: 0; left: -13px; right: -20px; bottom: 0; -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); background: rgba(155, 155, 155, .15); } .header .header__links li { position: relative; z-index: 5; padding-left: 19px; margin-left: 13px; } .header .header__links li:before { content: '/'; position: absolute; top: 0; left: 0; } .header .header__links li:first-child { padding-left: 0; margin-left: 0; } .header .header__links li:first-child:before { display: none; } .header .header__links a { color: #006747; text-decoration: none; } .header .header__links a:hover { font-weight: 600; text-decoration: underline; } /* Button */ .header .header__btn { position: relative; display: inline-block; min-width: 178px; padding: 20px 5px 12px; font-family: 'Frutiger LT Std', sans-serif; font-size: 14px; color: #000; line-height: normal; font-weight: 900; text-align: center; text-decoration: none; } .header .header__btn:after { content: ''; position: absolute; top: 0; left: 6px; right: -18px; bottom: 0; -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); background: #FFC72C; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .header .header__btn:hover:after { background: #DBAA22; } .header .header__btn span { position: relative; z-index: 5; } /* Group */ .header .header__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 37px 29px 0 8px; } /* Content */ .header .header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Aside */ .header .header__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -20px; } .header .header__aside .btn-ico { margin-right: 11px; } .header .header__aside .btn-aa { margin-left: 12px; } .header .header__aside .btn-ico + .btn-ico { padding: 10px 20px 10px 15px; } @media (min-width: 992px) { aside.header__aside.mobile-side-links {display: none;} } @media (max-width: 991px) { aside.header__aside.desktop-side-links {display: none;} } a.mobile-menu-btn { display: block; max-width: 508px; min-height: 45px; padding-top: 15px; margin: 0 auto 10px; text-align: center; padding: 10px 27px 10px 22px; background: #ffc72c; font-weight: 700; color: #000 !important; text-decoration: none; } /* States */ .header.search-open .search { visibility: visible; opacity: 1; } .header.search-open .search-trigger { background: #006747; } .header.search-open .search-trigger figure, .header.search-open .search-trigger .figure { opacity: 0; } .header.search-open .search-trigger figure + figure, .header.search-open .search-trigger .figure + .figure { opacity: 1; } @media not all and (min-resolution:.001dpcm) { @media { .header .header__btn { padding-bottom: 11px; } }} /* Small Desktop */ @media (max-width: 1200px) { .header .header__links { padding: 19px 15px 11px 5px; } .header .header__links li { padding-left: 10px; margin-left: 8px;} .header .header__btn { min-width: 140px; } .header .header__aside .btn-ico { margin-right: 4px; } } /* Tablet Portrait */ @media (max-width: 991px) { .header { padding-top: 12px; } /*.header + .main { padding-top: 98px; }*/ .header .logo { top: 23px; left: 30px; width: 112px; height: 41px; background-size: contain; } .header .btn-menu { margin: -6px 31px 0 0; } .header .nav { padding-left: 7px; } .header .search { z-index: 20; } .header .btn-aa { position: absolute; top: 0; right: 0; bottom: 0; min-width: auto; padding: 10px 14px 10px 14px; background: #FFC72C; color: #000; } .header .btn-aa:after { display: none; } .header .header__btn { position: absolute; top: -12px; right: 0; min-width: 148px; padding: 10px 5px 9px; } .header .header__utilities { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 19px 0 0; } .header .header__group { position: fixed; top: 98px; left: 0; right: 0; bottom: 0; z-index: 10; overflow: auto; visibility: hidden; display: block; padding: 90px 16px 0; background: #006747; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .header .header__content { display: block; max-width: 512px; padding-bottom: 49px; margin: 0 auto; } .header .header__title { position: relative; padding: 10px 50px 4px 21px; margin-bottom: 39px; background: #007C56; } .header .header__title h4 { margin-bottom: 0; color: #fff; } .header .header__links { display: block; padding-top: 0; padding-left: 0; margin-top: -2px; font-size: 16px; text-transform: uppercase; } .header .header__links:after { display: none; } .header .header__links li { padding-left: 0; margin-left: 0; } .header .header__links li:before { display: none; } .header .header__links li + li { margin-top: 25px; } .header .header__links a { color: #fff; } .header .header__links a:hover { color: #fff; opacity: .8; } .header .header__aside { padding: 50px 16px 43px; margin: 0 -16px; display: block; background: #006747; } .header .header__aside .btn-ico { display: block; max-width: 508px; min-height: 45px; padding-top: 15px; margin: 0 auto 10px; text-align: center; } .header .header__aside .btn-ico + .btn-ico { padding-top: 15px; } /* Nav Open */ .header.nav-open .header__group { visibility: visible; opacity: 1; } .header.nav-open .btn-menu .btn__inner span:nth-child(1) { top: 45%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header.nav-open .btn-menu .btn__inner span:nth-child(2) { top: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } .header.nav-open .btn-menu .btn__inner span:nth-child(3) { bottom: 42%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } /* Mobile */ @media (max-width: 767px) { /*.header + .main { padding-top: 82px; }*/ .header .logo { top: 18px; left: 16px; width: 102px; height: 38px; } .header .btn-menu { margin-right: 4px; } .header .header__btn { z-index: 10; min-width: 107px; padding: 7px 4px 6px; } .header .header__btn:after { left: 8px; -webkit-transform: skewX(-21deg); -ms-transform: skewX(-21deg); transform: skewX(-21deg); } .header .header__utilities { padding: 16px 8px 0 0; } .header .header__group { top: 82px; padding-top: 22px; } .header .header__title { padding: 9px 50px 2px 21px; margin-bottom: 17px; } .header .header__content { padding-bottom: 21px; } .header .header__aside { padding: 20px 20px 29px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell--fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { overflow: hidden; min-height: 100vh; } /* ------------------------------------------------------------ *\ Modules \* ------------------------------------------------------------ */ .nav-tabs .nav-link.active { border-top:0 solid green; background-color: #34495E; color:white; background-color: white; color:#575757; } .nav-tabs .nav-link { margin-right:2px; border-bottom: 1px solid #fff; background-color: white; color:#575757; background-color: #34495E; color:white; font-size:.87em; font-weight:bold; text-decoration:none; } .tab-content { border:1px solid #fff; border-top:0; padding:25px; background-color: white; } /* ------------------------------------------------------------ *\ Article Small \* ------------------------------------------------------------ */ .article-small { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 460px; padding: 0 0 20px 26px; border: 1px solid rgba(255, 255, 255, .31); background: rgba(255, 255, 255, .11); } .article-small .link-more { letter-spacing: 0; } .article-small .tag { margin-bottom: 14px; } .article-small .article__image { overflow: hidden; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 54%; flex: 0 1 54%; max-width: 54%; padding-top: 21px; /* Mitigate incorrect height of :after psuedo-selector */ height: 100%; } .article-small .article__image:after { content: ''; position: absolute; left: -4px; bottom: 0; right: 43px; -webkit-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg); height: 7px; background: #FFC72C; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .article-small .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 46%; flex: 0 1 46%; max-width: 46%; padding: 35px 10px 10px 20px; } .article-small .article__content h2 { margin-bottom: 22px; font-family: 'Frutiger LT Std', sans-serif; font-size: 14px; color: #fff; font-weight: 900; letter-spacing: 0.02em; } .article-small .article__content p { margin-bottom: 27px; color: #fff; } /* Mod: Alt */ .article-small--alt { max-width: none; padding: 0; border: 0; background: none; } .article-small--alt .article__image { -webkit-box-flex: 0; -ms-flex: 0 1 40%; flex: 0 1 40%; max-width: 40%; padding-top: 0; } .article-small--alt .article__image:after { bottom: 0; opacity: 0; } .article-small--alt .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 60%; flex: 0 1 60%; max-width: 60%; padding-top: 0; padding-left: 15px; padding-right: 25px; } .article-small--alt .article__content h6 { margin-bottom: 15px; color: #006747; } .article-small--alt .article__content h4 { font-family: 'Frutiger LT Std', sans-serif; font-size: 17px; color: #fff; line-height: 1.1; font-weight: 300; } .article-small--alt:hover .article__image:after { opacity: 1; } /* Tablet Portrait */ @media (max-width: 991px) { .article-small .article__image:after { left: -2px; } .article-small--alt .article__image { -webkit-box-flex: 0; -ms-flex: 0 1 36%; flex: 0 1 36%; max-width: 36%; } .article-small--alt .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 64%; flex: 0 1 64%; max-width: 64%; padding-left: 12px; padding-right: 110px; } } /* Mobile */ @media (max-width: 767px) { .article-small { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 263px; padding: 0 20px 0 21px; } .article-small .article__image { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .article-small .article__image:after { bottom: 0; } .article-small .article__image img { width: 100%; } .article-small .article__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding: 21px 10px 24px 2px; } .article-small .article__content p { margin-bottom: 21px; } /* Mod: Alt */ .article-small--alt { padding-left: 0; padding-right: 0; } .article-small--alt .article__image { padding-right: 27px; } } /* ------------------------------------------------------------ *\ Article Card \* ------------------------------------------------------------ */ .article-card { position: relative; min-height: 293px; padding: 30px 20px 40px 26px; background: #FFF; } .article-card:after { content: ''; position: absolute; left: 0; bottom: -2px; right: 0; height: 6px; background: url(../images/line.jpg) no-repeat; background-size: cover; background-position: 0 0; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .article-card:hover:after { opacity: 1; } .article-card:hover .article__icon figure, .article-card:hover .article__icon .figure { opacity: 0; } .article-card:hover .article__icon figure + figure, .article-card:hover .article__icon .figure + .figure { opacity: 1; } .article-card .article__icon { position: relative; margin-bottom: 25px; } .article-card .article__icon figure, .article-card .article__icon .figure { -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .article-card .article__icon figure + figure, .article-card .article__icon .figure + .figure { position: absolute; top: 0; left: 0; opacity: 0; } .article-card h3 { margin-bottom: 8px; font-family: 'Frutiger', sans-serif; font-size: 16px; color: #000; font-weight: 400; } .article-card h4 { margin-bottom: 17px; color: #000; } .article-card ul { font-size: 14px; list-style: none; } .article-card li { position: relative; padding-left: 22px; } .article-card li:before { content: ''; position: absolute; top: 8px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: #000; } .article-card li + li { margin-top: 7px; } .article-card a { color: #000; } .article-card .article__btn { position: absolute; right: 19px; bottom: 16px; } .article-card .article__btn figure, .article-card .article__btn .figure { font-size: 20px; color: #000; } /* Mobile */ @media (max-width: 767px) { .article-card { min-height: 348px; padding: 30px 20px 40px 30px; } .article-card h3 { margin-bottom: 18px; } .article-card .article__icon { margin-bottom: 35px; } .article-card .article__btn { right: 27px; bottom: 22px; } } /* ------------------------------------------------------------ *\ Article Card Image \* ------------------------------------------------------------ */ .article-card-image { position: relative; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .article-card-image:before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; border-color: transparent #EEEEEE transparent transparent; } /* Mobile */ @media (max-width: 767px) { .article-card-image { min-height: 348px; } } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ .breadcrumbs { font-family: 'Lucida Grande', sans-serif; font-size: 14px; } .breadcrumbs ol { background: transparent; } .breadcrumbs .container { max-width: 1068px; } .breadcrumbs li { padding-right: 0px; margin-right: 15px; font-size:1em; font-family:arial, helvetica, sans-serif;} .breadcrumbs li:last-child { padding-right: 0; margin-right: 0; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs a { text-decoration: underline; color:#004e8d;} .breadcrumbs a:hover { color: blue;} /* Tablet Portrait */ /* Mobile */ @media (max-width: 767px) { /* Removed until further notice 7/9/19 (Jacob CLoward) */ .breadcrumbs { display: none; } /*.breadcrumbs { white-space: nowrap; }*/ /*.breadcrumbs ul { overflow: auto; padding-bottom: 18px; }*/ /*.breadcrumbs li { padding-right: 25px; margin-right: 13px; }*/ } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ /* .btn { display: inline-block; vertical-align: middle; min-width: 174px; padding: 10px 10px 8px; border: 2px solid #fff; border-radius: 50px; background: #fff; font-family: 'Frutiger LT Std', sans-serif; color: #000; font-weight: 900; font-size: 16px; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none !important; } */ .btn { display: inline-block; font-weight: 400; text-align: center; text-decoration: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } /* .btn:hover { background: #000; color: #fff; outline: none !important; } .btn:focus { outline: 3px solid #2476B7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } */ /* Button Block */ .btn--block { display: block; padding-left: 0; padding-right: 0; } /* Button Transparent */ .btn--transparent { background: transparent; color: #fff; border: 2px solid #fff; border-radius: 50px; } .modal-button { background: transparent; color: #fff; border: 2px solid #fff; border-radius: 50px; width: auto; } .modal-backdrop { z-index: 4; } .modal-title { position: absolute; } .modal-body ol { padding-inline-start: 40px;} .btn--transparent:hover { background: #fff; color: #000; } /* Button Green */ .btn--green { padding: 13px 10px 8px; border: 0; background: #006747; color: #FFF; } .btn--green:hover { background: #04543B; } /* Tablet Portrait */ @media (max-width: 991px) { .btn { min-width: 205px; padding: 14px 10px 11px; } } /* Mobile */ @media (max-width: 767px) { .btn { min-width: 11px; padding: 8px 10px 4px; } } /* ------------------------------------------------------------ *\ Button Ico \* ------------------------------------------------------------ */ .btn-ico { padding: 10px 27px 10px 22px; background: #006747; font-weight: 700; color: #fff !important; text-decoration: none; } .btn-ico:hover { background: #044E37; color: #fff; } .btn-ico figure, .btn-ico .figure { margin-top: -3px; margin-right: 7px; font-size: 16px; } /* Small Desktop */ @media (max-width: 1200px) { .btn-ico { font-size: 14px; } } /* Tablet Portrait */ @media (max-width: 991px) { .btn-ico { font-size: 16px; } } /* ------------------------------------------------------------ *\ Button AA \* ------------------------------------------------------------ */ .btn-aa { position: relative; font-family: 'Frutiger LT Std', sans-serif; font-size: 25px; color: #006747; letter-spacing: 0.02em; text-decoration: none; } .btn-aa.active, .btn-aa:hover { color: #000; } .btn-aa.active:after, .btn-aa:hover:after { opacity: 1; } .btn-aa:after { content: ''; position: absolute; top: 50%; left: -7px; right: -11px; z-index: -5; height: 41px; -webkit-transform: translateY(-50%) skewX(-15deg); -ms-transform: translateY(-50%) skewX(-15deg); transform: translateY(-50%) skewX(-15deg); background: #FFC72C; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .btn-aa small { position: relative; top: 0; display: inline-block; margin-right: -8px; font-size: 16px; } /* ------------------------------------------------------------ *\ Button Link \* ------------------------------------------------------------ */ a.btn-link { box-shadow: 9px 8px 18px #767676; } .btn-link { display: block; vertical-align: middle; padding: 25px 10px 22px; font-family: 'Frutiger LT Std', sans-serif; font-weight: 900; text-align: center; text-decoration: none; background: #008D61; color: #fff; /* Ensure consistent height across Featured Links */ height: 100%; } .btn-link:hover { background: #056E4D; color: #fff; text-decoration: none; } .btn-link:focus { text-decoration: none; } .btn-link figure, .btn-link .figure { margin-left: 20px; font-size: 16px; color: #fff; } /* Mod: Purple */ .btn-link--purple { background: #675EA8; } /* Mod: Red */ .btn-link--red { background: #B23925; } .btn-link--red:hover { background: #dc4830; } /* Mod: Green */ .btn-link--green { background: #218A43; } /* Mod: Orange */ .btn-link--orange { background: #D8A327; color: #fff; } .btn-link--orange:hover { background: #FFC744; color: #fff; } .btn-link--orange figure, .btn-link--orange .figure { color: #fff; } /* Mod: Blue */ .btn-link--blue { background: #3B8AC9; } .btn-link--blue:hover { background: #3574A7; } /* Mod: Dark Red */ .btn-link--dark-red { background: #8C2327; } .btn-link--dark-red:hover { background: #B5363A; } /* Mobile */ @media (max-width: 767px) { .btn-link { padding: 20px 10px 16px; } } /* ------------------------------------------------------------ *\ Button Menu \* ------------------------------------------------------------ */ .btn-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border: 0; background: none; text-decoration: none; cursor: pointer; } .btn-menu > span { position: relative; top: 6px; display: inline-block; margin-left: 16px; font-family: 'Frutiger LT Std', sans-serif; color: #006747; font-weight: 900; letter-spacing: 0.02em; text-transform: uppercase; } .btn-menu .btn__inner { position: relative; width: 18px; height: 15px; } .btn-menu .btn__inner span { position: absolute; left: 0; width: 100%; height: 2px; background: #006747; -webkit-transition: top .3s, bottom .3s, opacity .3s, -webkit-transform .3s; transition: top .3s, bottom .3s, opacity .3s, -webkit-transform .3s; -o-transition: top .3s, bottom .3s, transform .3s, opacity .3s; transition: top .3s, bottom .3s, transform .3s, opacity .3s; transition: top .3s, bottom .3s, transform .3s, opacity .3s, -webkit-transform .3s; } .btn-menu .btn__inner span:nth-child(1) { top: 0; } .btn-menu .btn__inner span:nth-child(2) { top: 7px; opacity: 1; } .btn-menu .btn__inner span:nth-child(3) { bottom: 0; } .btn-menu.active span:nth-child(1) { top: 45%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn-menu.active span:nth-child(2) { top: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } .btn-menu.active span:nth-child(3) { bottom: 45%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .btn-yc-yellow {background-color:yellow;} .btn-yc-green {background-color:green;} /* ------------------------------------------------------------ *\ Feed \* ------------------------------------------------------------ */ .feed .row { margin: 0; } .feed [class^="col-"] { padding: 0; } .feed .feed__image { position: relative; } .feed .feed__image img { width: 100%; } .feed .feed__image a { position: absolute; left: 47px; bottom: 38px; display: inline-block; font-family: 'Frutiger', sans-serif; color: #fff; letter-spacing: 0.02em; text-decoration: none; } .feed .feed__image a:hover { opacity: .8; } .feed .feed__image a figure, .feed .feed__image a .figure { margin: -4px 3px 0 0; font-size: 16px; color: #fff; } .feed .feed__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 56px 0 0 55px; background: #00573c; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .feed .feed__overlay[aria-hidden="false"] { visibility: visible; opacity: 1; } .feed .feed__overlay h4 { font-size: 26px; color: #fff; font-weight: 700; } .feed .feed__image:hover .feed__overlay { opacity: 1; } .feed .feed__triangle { position: relative; } .feed .feed__triangle:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(../images/temp/feed-triangle.png); background-size: 100% 100%; background-position: 0 0; } /* Tablet Portrait */ @media (max-width: 991px) { .feed .feed__overlay { padding: 31px 20px 0 29px; opacity: 0; } .feed .feed__overlay h4 { font-size: 26px; } .feed .feed__image a { left: 25px; bottom: 16px; } .feed .feed__image a figure, .feed .feed__image a .figure { margin-right: 10px; } .feed .feed__image:hover .feed__overlay { opacity: 0; } .feed .feed__image.open .feed__overlay { opacity: 1; } .feed .feed__image .feed__overlay[aria-hidden="false"] { opacity: 1; } } /* Mobile */ @media (max-width: 767px) { .feed .feed__overlay { padding: 20px 20px 0 12px; } .feed .feed__image a { left: 14px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input:-ms-input-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:-ms-input-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; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; padding: 275px 0 210px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* was padding: 191px 0 210px; */ .intro .container { max-width: 1084px; } .intro .intro__entry h1 { color: #fff; line-height: 0.82; letter-spacing: 0.015em; } /* Mod: Alt */ .intro--alt { padding-top: 217px; padding-bottom: 245px; } .intro--alt .container { max-width: 1078px; } .intro--alt h1 span { margin-top: -2px; } /* Mod: Large */ .intro--large { padding-top: 185px; padding-bottom: 201px; } .intro--large .container { max-width: 1074px; } .intro--large h1 span { margin-top: -8px; } .intro--gradient h1 { position: relative; z-index: 5; color: white; text-shadow: 1px 1px 10px #000000; letter-spacing:-1.5px;} .intro--gradient:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(120%, rgba(0,0,0,1))); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 120%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 120%); } .intro--gradient:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(120%, rgba(0,0,0,.7))); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 120%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 120%); } /* JZ EDIT */ /* Tablet Portrait */ @media (max-width: 991px) { .intro { padding-top: 79px; padding-bottom: 72px; min-height: 300px; } .intro .intro__entry h1 { font-size: 70px; line-height: .88; letter-spacing: 0; } .intro .intro__entry h1 br { display: none; } .intro .intro__entry h1 span { margin-top: -10px; } } /* Mobile */ @media (max-width: 767px) { .intro { padding-top: 31px; padding-bottom: 35px; } .intro .container { padding: 0 29px; } .intro .intro__entry h1 { font-size: 40px; } } /* ------------------------------------------------------------ *\ Intro Large \* ------------------------------------------------------------ */ @media (min-width: 1300px) { .intro { min-height: 600px; } } .intro-large { padding-top: 75px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .intro-large .container { max-width: 1084px; } .intro-large .btn { margin-left: 6px; } .intro-large .slider-long { position: relative; z-index: 4; } .intro-large .intro__entry { margin-bottom: 15px; } .intro-large .intro__entry h1 { margin-bottom: 45px; color: #fff; } .intro-large .intro__entry h1 span { margin-top: -20px; font-family: 'Frutiger LT Std', sans-serif; } .intro-large .intro__bar { position: relative; padding: 30px 0 19px 246px; } .intro-large .intro__bar:after { content: ''; position: absolute; top: 0; left: 0; min-width: 1158px; height: 277px; background-image: url(../images/temp/bar-bg.png); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } @media (max-width: 767px) { .mobile-stretch { background-size: cover!important; } .mobile-center { text-align: center!important; display: block!important; } } /* Mod: Gradient */ .intro-large--gradient { position: relative; } .intro-large--gradient:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.4)),to(rgba(0,0,0,.8))); background: -o-linear-gradient(top, rgba(0,0,0,.4) 40%,rgba(0,0,0,.8) 80%); background: linear-gradient(to bottom, rgba(0,0,0,.4) 40%,rgba(0,0,0,.8) 80%); } .intro-large--gradient .intro__entry { position: relative; z-index: 3; } .intro-large.gradient-overlay:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/temp/gradient.png) no-repeat; background-size: cover; background-position: 50% 50%; } .intro-large.gradient-overlay:after { display: none; } @media not all and (min-resolution:.001dpcm) { @media { .intro-large .intro__entry h1 span { margin-top: -14px; font-family: 'Frutiger LT Std', sans-serif; } }} @media (min-resolution: 2dppx) { .intro-large .intro__bar:after { background-image: url(../images/temp/bar-bg@2x.png); } } @media (min-width: 1282px) and (max-width: 1600px) { .intro-large {background-position: 90% 50%;} } @media(max-width: 1281px){ .intro-large .intro__bar { padding-left: 158px; } .intro-large { padding-top: 58px; background-repeat: no-repeat; background-position: 0% 0%; } } /* Tablet Portrait */ @media (max-width: 991px) { .intro-large { padding-top: 58px; background-position: 0 0; } .intro-large .btn { min-width: 155px; padding: 3px 10px 3px; margin-left: 0; } .intro-large .intro__entry h1 { margin-bottom: 32px; font-size: 70px; } .intro-large .intro__bar { padding-top: 72px; padding-bottom: 22px; /* background: #141414; */ } .intro-large .intro__bar:after { display: none; } } @media (max-width: 991px) and (min-width: 767px) { .intro-large .intro__entry h1 { font-size: 45px; } } /* Mobile */ @media (max-width: 767px) { .intro-large { padding-top: 17px; background-size: 120%; background-position: 27% 0px; } .intro-large .container { padding: 0 29px; } .intro-large .intro__entry { margin-bottom: 30px; } .intro-large .intro__entry h1 { margin-bottom: 4px; font-size: 40px; } .intro-large .intro__entry h1 span { margin-top: -8px; font-size: 25px; } .intro-large .intro__bar { padding-top: 35px; padding-left: 29px !important; padding-bottom: 27px; } } /* ------------------------------------------------------------ *\ Intro Image \* ------------------------------------------------------------ */ .intro-image { position: relative; overflow: visible; } .intro-image img { width: 100%; margin-top: -6px; } .yavapai-motif { content: ''; position: absolute; bottom: -276px; right: -389px; width: 1024px; height: 447px; background: url(../images/temp/section-text.png) no-repeat; background-size: cover; background-position: 0 0; pointer-events: none;} /* Tablet Portrait */ @media (max-width: 991px) { .intro-image img { margin-top: -2px; } } /* Mobile */ @media (max-width: 767px) { .intro-image img { margin-top: 0; } } /* ------------------------------------------------------------ *\ Link More \* ------------------------------------------------------------ */ .link-more { display: inline-block; vertical-align: middle; font-family: 'Frutiger LT Std', sans-serif; font-size: 16px; color: #000; font-weight: 900; letter-spacing: 0.02em; text-decoration: none; } .link-more:hover { color: #000; text-decoration: underline; opacity: .8; } .more-link { display: inline-block; vertical-align: middle; font-family: 'Frutiger LT Std', sans-serif; font-size: 16px; color: #fff; font-weight: 900; letter-spacing: 0.02em; text-decoration: none; } .more-link:hover { color: #fff; text-decoration: underline; opacity: .8; } .link-more figure, .link-more .figure { margin: 1px 0 0 9px; } /* ------------------------------------------------------------ *\ Link Arrow \* ------------------------------------------------------------ */ .link-arrow { display: inline-block; font-family: 'Frutiger LT Std', sans-serif; color: #fff; font-weight: 900; text-decoration: none; } .link-arrow:hover { color: #fff; text-decoration: underline; opacity: .8; } .link-arrow figure, .link-arrow .figure { position: relative; top: 2px; margin-left: 15px; font-size: 18px; color: #fff; } /* ------------------------------------------------------------ *\ Links \* ------------------------------------------------------------ */ .links { position: relative; padding: 100px 0 75px; margin-top: -5px; background-repeat: no-repeat; background-size: cover; background-position: 286px 24%; background-color: #fff; } .links .container { max-width: 1084px; } .links .links__content h2 { position: relative; padding-bottom: 17px; margin-bottom: 18px; color: #000; letter-spacing: .003em; font-size: 2.2em;} .links .links__content h2:after { content: ''; position: absolute; left: 0px; bottom: 0; min-width: 46px; height: 2px; background: #FFC72C; } .links .links__content h3 { margin-bottom: 17px; font-family: 'Frutiger', sans-serif; font-size: 18px; color: #4A4A4A; font-weight: 700; } .links .links__content p { line-height: 1.32; } .links .links__aside { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 0 0 68px; } .links .links__list { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding: 0 10px; font-family: 'Frutiger', sans-serif; color: #000; font-weight: 700; list-style: none; } .links .links__list li { padding-bottom: 9px; border-bottom: 1px solid rgba(216, 216, 216, .51); margin-bottom: 12px; } .links .links__list a { text-decoration: none; } .links .links__list a:hover { color: #006747; text-decoration: underline; } /* Tablet Portrait */ @media (max-width: 991px) { .links { padding-top: 41px; padding-bottom: 61px; } .links .container { max-width: 640px; } .links .links__aside { padding-top: 46px; padding-left: 0; } .links .links__list { padding-left: 0; padding-right: 34px; } .links .links__list + .links__list { padding-left: 4px; } } /* Mobile */ @media (max-width: 767px) { .links { padding-top: 41px; padding-bottom: 29px; } .links .container { padding: 0 29px; } .links .links__content h2 { padding-bottom: 18px; font-size: 35px; } .links .links__aside { display: block; padding-top: 32px; } .links .links__list { max-width: none; } .links .links__list + .links__list { padding-left: 0; margin-top: -9px; } } /* ------------------------------------------------------------ *\ Links Alt \* ------------------------------------------------------------ */ .links-alt { font-weight: 700; list-style: none; } .links-alt li { position: relative; padding-left: 25px; } .links-alt li:before { content: ''; position: absolute; top: 7px; left: 1px; width: 7px; height: 7px; border-radius: 50%; background: #006747; } .links-alt li + li { margin-top: 14px; } .links-alt a { color: #000; } .links-alt a:hover { color: #006747; text-decoration: underline; } /* Tablet Portrait */ @media (max-width: 991px) { .links-alt li { padding-left: 29px; } .links-alt li:before { width: 8px; height: 8px; } .links-alt li + li { margin-top: 19px; } } /* Mobile */ @media (max-width: 767px) { .links-alt li { padding-left: 25px; } .links-alt li + li { margin-top: 13px; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Info \* ------------------------------------------------------------ */ .list-info li { position: relative; padding-left: 75px; } .list-info li + li.multiple-phones { margin-top: 0px; } .list-info li + li.multiple-emails { margin-top: 0px; } .list-info li + li.multiple-addresses { margin-top: 0px; } .list-info li + li.multiple-hours { margin-top: 0px; } p.hours-disclaimer { margin-top: 15px; margin-left: 75px; } .list-info li + li { margin-top: 30px; } .list-info h5 { margin-bottom: 2px; margin-top: 20px; font-family: 'Frutiger LT Std', sans-serif; font-size: 16px; color: #4A4A4A; font-weight: 900; letter-spacing: 0.02em; text-transform: uppercase; } .list-info p a { text-decoration: none; } .list-info p a:hover { color: #767676; } .list-info p a:hover span { text-decoration: underline; } .list-info p span { display: block; } .list-info .list__icon { position: absolute; top: -5px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; border-radius: 50%; background: #FFC72C; } .list-info .list__icon figure, .list-info .list__icon .figure { font-size: 20px; color: #000; } p.contact-summary { padding-top: 0; } /* Mod: Colors */ .list-info--dark-red .list__icon { background: #8C2327; } .list-info--dark-red .list__icon figure, .list-info--dark-red .list__icon .figure { color: #fff; } .list-info--blue .list__icon { background: #3B8AC9; } .list-info--blue .list__icon figure, .list-info--blue .list__icon .figure { color: #fff; } .list-info--orange .list__icon { background: #D8A327; } .list-info--orange .list__icon figure, .list-info--orange .list__icon .figure { color: #fff; } .list-info--green .list__icon { background: #218A43; } .list-info--green .list__icon figure, .list-info--green .list__icon .figure { color: #FFFFFF; } .list-info--red .list__icon { background: #B23925; } .list-info--red .list__icon figure, .list-info--red .list__icon .figure { color: #FFFFFF; } .list-info--purple .list__icon { background: #675EA8; } .list-info--purple .list__icon figure, .list-info--purple .list__icon .figure { color: #FFFFFF; } /* Tablet Portrait */ @media (max-width: 991px) { .list-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-info li { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; margin-bottom: 10px; } .list-info li + li { margin-top: 0; } .list-info li + li.multiple-phones { margin-top: 0px; margin-bottom: 0px; } .list-info li + li.multiple-addresses { margin-top: 0px; margin-bottom: 0px; } .list-info li:nth-child(1) { -webkit-box-ordinal-group: -3; -ms-flex-order: -4; order: -4; } .list-info li:nth-child(3) { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } } /* Mobile */ @media (max-width: 767px) { .list-info { display: block; } .list-info li { max-width: none; margin-bottom: 0px; } } /* ------------------------------------------------------------ *\ List Events \* ------------------------------------------------------------ */ .list-events li { position: relative; padding-left: 97px; padding-right: 50px; } .list-events li + li { margin-top: 36px; } .event-date { position: absolute; top: -4px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 72px; height: 72px; padding-top: 9px; border-radius: 50%; background: #006747; font-family: 'Frutiger LT Std', sans-serif; color: #fff; line-height: 1.19; font-weight: 900; letter-spacing: 0.02em; text-align: center; } .list-events h3, .list-events h5 { margin-bottom: 1px; font-family: 'Frutiger', sans-serif; font-size: 16px; color: #000; line-height: 2.1; } .list-events h3 a:hover, .list-events h5 a:hover { color: #000; } .list-events p {font-size: .8rem;} /* Mod: Purple */ .list-events--purple span { background: #675EA8; } /* Mod: Red */ .list-events--red span { background: #B23925; } /* Mod: Green */ .list-events--green span { background: #218A43; } /* Mod: Orange */ .list-events--orange span { background: #D8A327; color: #000; } /* Mod: Blue */ .list-events--blue span { background: #3B8AC9; } /* Mod: Dark Red */ .list-events--dark-red span { background: #8C2327; } /* Mod: White */ .list-events--white li { padding-right: 0; } .event-date { background: #fff; color: #006747; } .list-events--white h3, .list-events--white h5, .list-events--white h5 a { color: #fff; } .list-events--white h3 a:hover, .list-events--white h5 a:hover { color: #fff; } .list-events--white p { color: #DFDFDF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* Tablet Portrait */ @media (max-width: 991px) { .list-events li + li { margin-top: 41px; } .event-date { top: -11px; } } /* Mobile */ @media (max-width: 767px) { .list-events li { min-height: 71px; padding-left: 79px; padding-right: 0; } .list-events li + li { margin-top: 22px; } .list-events h3, .list-events h5 { margin-bottom: 11px; padding-top: 10px;} .event-date { top: -4px; left: -5px; } } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; vertical-align: middle; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .logo img { height: 44px; } } /* ------------------------------------------------------------ *\ Logo White \* ------------------------------------------------------------ */ .logo-white { display: inline-block; vertical-align: middle; } /* ------------------------------------------------------------ *\ Map \* ------------------------------------------------------------ */ .map { position: relative; width: 613px; height: 658px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .map h2 { position: absolute; top: 105px; left: 52px; color: #fff; line-height: 0.98; } .map .map__location { position: absolute; z-index: 5; display: inline-block; padding-left: 34px; text-decoration: none; } .map .map__location:before { content: ''; position: absolute; top: 6px; left: 0; width: 21px; height: 21px; border: 1px solid #fff; border-radius: 50%; } .map .map__location:after { content: ''; position: absolute; top: 11px; left: 5px; width: 11px; height: 11px; border-radius: 50%; background: #fff; } .map .map__location span { display: inline-block; padding: 8px 18px 4px 18px; border-radius: 3px; background: #fff; font-family: 'Frutiger LT Std', sans-serif; color: #4A4A4A; font-weight: 900; letter-spacing: 0.02em; } .map .map__location:first-of-type { top: 280px; left: 128px; } .map .map__location:nth-of-type(2) { bottom: 220px; left: 311px; } .map .map__location:nth-of-type(3) { bottom: 201px; left: 159px; } .map .map__location:nth-of-type(4) { top: 331px; right: 280px; } .map .map__location:nth-of-type(5) { top: 249px; right: 10px; } .map .map__location:nth-of-type(6) { bottom: 320px; right: 60px; } /* Small Desktop */ @media (max-width: 1200px) { .map { width: 580px; height: 630px; background-size: contain; } } /* Tablet Portrait */ @media (max-width: 991px) { .map { width: 457px; height: 423px; } .map h2 { top: 68px; left: 68px; font-size: 30px; } .map .map__location { padding-left: 22px; font-size: 11px; } .map .map__location span { padding: 4px 10px 3px 9px; } .map .map__location:before { top: 4px; width: 14px; height: 14px; } .map .map__location:after { top: 7px; left: 3px; width: 8px; height: 8px; } .map .map__location:first-of-type { top: 180px; left: 115px; } .map .map__location:nth-of-type(2) { bottom: 140px; left: 231px; } .map .map__location:nth-of-type(3) { bottom: 128px; left: 135px; } .map .map__location:nth-of-type(4) { top: 212px; right: 210px; } .map .map__location:nth-of-type(5) { top: 159px; right: 38px; } .map .map__location:nth-of-type(6) { bottom: 205px; right: 72px; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; font-family: 'Frutiger LT Std', sans-serif; font-weight: 900; letter-spacing: 0.02em; } .nav > ul > li { position: relative; margin-right: 4px; z-index: 1; } .nav > ul > li:hover .nav__dropdown { visibility: visible; opacity: 1; } .nav > ul > li > a { position: relative; display: inline-block; padding: 18px 21px 11px 16px; color: #006747; text-decoration: none; } .nav > ul > li > a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #FFC72C; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .nav > ul > li.current > a, .nav > ul > li:hover > a { background: #006747; color: #fff; } .nav > ul > li.current > a:before, .nav > ul > li:hover > a:before { opacity: 1; } .nav .nav__dropdown { position: absolute; top: 100%; left: 0; visibility: hidden; min-width: 271px; padding: 25px 21px 12px 17px; background: #006747; font-family: 'Frutiger', sans-serif; letter-spacing: 0; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -o-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .nav .nav__dropdown li { padding-bottom: 11px;border-bottom: 1px solid rgba(255, 255, 255, .1); margin-bottom: 16px; } .nav .nav__dropdown a { color: #fff; font-weight: 400; text-decoration: none; } .nav .nav__dropdown a:hover { opacity: .8; } .nav li.has-dd:focus { background: #000; } .nav .nav__dropdown[aria-hidden="false"] { visibility: visible; opacity: 1; } /* Small Desktop */ @media (max-width: 1200px) { .nav { font-size: 14px; } .nav > ul > li > a { padding: 18px 10px 11px 10px; } .nav > ul > li { margin-right: 0px; } } @media(max-width: 1024px){ .nav .nav__dropdown[aria-hidden="false"] { visibility: hidden; opacity: 0; } /*ul.nav__dropdown:hover { visibility: visible; opacity: 1; }*/ .nav > ul > li:hover .nav__dropdown { visibility: visible; opacity: 1; } .nav > ul > li.active.current .nav__dropdown { visibility: visible; opacity: 1; } } /* Tablet Portrait */ @media (max-width: 991px) { .nav { display: block; font-size: 16px; } .nav > ul { display: block; margin-bottom: 54px; } .nav > ul > li { padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, .1); } .nav > ul > li + li { margin-top: 20px; } .nav > ul > li > a { position: relative; display: block; padding: 0; color: #fff; } .nav > ul > li > a:hover { opacity: .8; } .nav > ul > li > a:before { display: none; } .nav > ul > li > a > figure, .nav > ul > li > a > .figure { position: absolute; top: 4px; right: 7px; font-size: 11px; color: #fff; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .nav > ul > li h5 { font-family: 'Frutiger LT Std', sans-serif; font-size: 16px; color: #FFC72C; font-weight: 900; } .nav > ul > li h5 a { display: block; text-decoration: none; } .nav > ul > li h5 a:hover { color: #FFC72C; } .nav > ul > li h5 figure, .nav > ul > li h5 .figure { position: absolute; top: -4px; right: 1px; font-size: 16px; color: #FFC72C; } .nav > ul > li:hover .nav__dropdown { visibility: visible; opacity: 1; } .nav .nav__dropdown { position: static; overflow: hidden; visibility: visible; max-height: 0; opacity: 1; padding: 0 21px 0 0; -webkit-transition: max-height .3s, padding .3s; -o-transition: max-height .3s, padding .3s; transition: max-height .3s, padding .3s; } .nav .nav__dropdown li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .nav > ul > li.active a figure, .nav > ul > li.active a .figure { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .nav > ul > li.active .nav__dropdown { visibility: visible; max-height: 1000px; padding-top: 20px; padding-bottom: 10px; opacity: 1; } } /* Mobile */ @media (max-width: 767px) { .nav > ul { margin-bottom: 47px; } .nav > ul > li { padding-bottom: 7px; } .nav > ul > li > a > figure, .nav > ul > li > a > .figure { right: 4px; } } /* ------------------------------------------------------------ *\ Promotion \* ------------------------------------------------------------ */ .promotion { padding: 56px 40px 45px 38px; background-repeat: no-repeat; background-size: cover; background-position: 0 0; color: #fff; } .promotion .btn { font-weight: 400; letter-spacing: 0.02em; } .promotion h5 { font-size: 35px; margin-bottom: 14px; } .promotion p { margin-bottom: 90px; line-height: 1.32; } .tion__aside .promotion { background-image: url('../images/temp/promotion-bg.png'); } /* Tablet Portrait */ @media (max-width: 991px) { .promotion { padding-right: 46px; } .promotion .btn { padding-top: 11px; padding-bottom: 6px; } } /* Mobile */ @media (max-width: 767px) { .promotion { padding: 45px 40px 39px 34px; } .promotion .btn { padding-top: 8px; padding-bottom: 4px; } .promotion h5 { margin-bottom: 10px; } .promotion p { margin-bottom: 42px; } } /* ------------------------------------------------------------ *\ Quote \* ------------------------------------------------------------ */ .quote { position: relative; padding: 37px 40px 37px 38px; border-left: 7px solid #006747; background: #FFF; } .quote p { margin-bottom: 26px; font-size: 18px; color: #000; line-height: 1.28; font-style: italic; } .quote h5 { font-family: 'Frutiger LT Std', sans-serif; font-size: 16px; font-weight: 900; letter-spacing: 0.02em; } /* Tablet Portrait */ @media (max-width: 991px) { .quote { padding: 43px 40px 47px 45px; } .quote p { margin-bottom: 73px; } } /* Mobile */ @media (max-width: 767px) { .quote { padding: 27px 15px 26px 31px; } .quote h5 { margin-left: 7px; } } /* ------------------------------------------------------------ *\ Search Trigger \* ------------------------------------------------------------ */ .search-trigger { position: relative; display: inline-block; width: 50px; height: 50px; text-decoration: none; } .search-trigger:hover { opacity: .8; } .search-trigger figure, .search-trigger .figure { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity; -o-transition: opacity; transition: opacity; } .search-trigger figure + figure, .search-trigger .figure + .figure { opacity: 0; } .search-trigger figure:first-child, .search-trigger .figure:first-child { font-size: 18px; color: #006747; } .search-trigger figure:last-child, .search-trigger .figure:last-child { font-size: 18px; color: #fff; } /* Tablet Portrait */ @media (max-width: 991px) { .search-trigger { height: 62px; } } /* Mobile */ @media (max-width: 767px) { .search-trigger { height: 54px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { padding: 109px 19px 114px; background: #006747; } .search form { max-width: 778px; margin: 0 auto; } .search label { display: block; margin-bottom: 3px; font-family: 'Garamond', serif; font-size: 35px; color: #FFF; font-weight: 700; letter-spacing: .003em; } .search .search__inner { position: relative; } .search .search__field { width: 100%; height: 54px; padding: 2px 60px 0 26px; border: 0; } .search .search__btn { position: absolute; top: 16px; right: 24px; padding-top: 2px; border: 0; background: none; } .search .search__btn figure, .search .search__btn .figure { font-size: 18px; color: #4A4A4A; } /* Tablet Portrait */ @media (max-width: 991px) { .search { padding: 56px 19px 84px; } } /* ------------------------------------------------------------ *\ Section Split \* ------------------------------------------------------------ */ .section-split { display: -webkit-box; display: -ms-flexbox; display: flex; } .section-split .list-info { margin-right: -20px; } .section-split .section__content { -webkit-box-flex: 0; -ms-flex: 0 1 66.1%; flex: 0 1 66.1%; max-width: 66.1%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .section-split .section__content > .slider-cards { margin-bottom: 60px; } .section-split .section__aside { -webkit-box-flex: 0; -ms-flex: 0 1 33.9%; flex: 0 1 33.9%; max-width: 33.9%; padding: 53px 53px 65px; } .section-split .section__image { position: relative; margin-bottom: 36px; } .section-split .section__image img { width: 100%; } .section-split .section__entry { margin-bottom: 52px; } .section-split .section__entry h3 { margin-bottom: 10px; color: #000; } .section-split .section__entry h4 { margin-bottom: 21px; font-family: 'Frutiger', sans-serif; font-size: 18px; color: #4A4A4A; font-weight: 700; } .section-split .section__entry p { line-height: 1.32; } .section-split .section__icon { position: absolute; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 70px; height: 70px; background: #fff; } /* Small Desktop */ @media (max-width: 1200px) { .section-split .section__aside { padding-left: 20px; padding-right: 20px; } } /* Tablet Portrait */ @media (max-width: 991px) { .section-split { display: block; } .section-split .section__content { max-width: none; padding-bottom: 92px; } .section-split .section__aside { max-width: none; padding-top: 78px; padding-left: 68px; padding-right: 66px; padding-bottom: 77px; } .section-split .section__image { margin-bottom: 50px; } .section-split .section__entry { padding-right: 88px; margin-bottom: 46px; } } /* Mobile */ @media (max-width: 767px) { .section-split .section__content { padding: 0 30px 46px; } .section-split .section__aside { padding: 54px 28px 40px; } .section-split .section__image { margin-bottom: 27px; } .section-split .section__entry { padding-right: 0; } .section-split .section__entry h3 { margin-bottom: 14px; line-height: 1; } .section-split .section__entry h4 { margin-bottom: 12px; } } /* ------------------------------------------------------------ *\ Section Links \* ------------------------------------------------------------ */ .section-links { padding: 140px 0 170px; background-repeat: no-repeat; background-size: cover; background-position: 286px 24%; } .section-links .row { margin: -15px -8px 0; } .section-links [class^="col-"] { padding: 15px 8px 0; } .section-links h2 { position: relative; padding-bottom: 8px; color: #000; } .section-links h2:after { content: ''; position: absolute; left: -2px; bottom: 0; min-width: 46px; height: 2px; background: #FFC72C; } .section-links h3 { display: none; margin-top: 20px; font-size: 20px; color: #000; font-weight: 700; } .section-links h3 a { text-decoration: none; } .section-links h3 a:hover { color: #000; text-decoration: underline; } .section-links.more-links h3 { display: block; } .section-links.expanded [class^="col-"]:nth-child(6n) ~ [class^="col-"] { display: block; } .section-links.expanded h3 { display: none; } /* Tablet Portrait */ @media (max-width: 991px) { .section-links { padding-top: 62px; padding-bottom: 91px; } .section-links h2 { padding-bottom: 7px; margin-bottom: 33px; } } /* Mobile */ @media (max-width: 767px) { .section-links { padding-top: 39px; padding-bottom: 57px; } .section-links .container { padding: 0 29px; } .section-links [class^="col-"] { padding-top: 4px; } .section-links h2 { padding-bottom: 12px; margin-bottom: 34px; font-size: 35px; } } /* ------------------------------------------------------------ *\ Section Testimonials \* ------------------------------------------------------------ */ .section-testimonials { position: relative; padding: 99px 0 61px 85px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .section-testimonials:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 66%; background: url(../images/temp/section-bg-cover.png) no-repeat; background-size: 100% 100%; } .section-testimonials .testimonial { position: relative; z-index: 5; } /* Small Desktop */ @media (max-width: 1200px) { .section-testimonials:after { width: 90%; } } /* Tablet Portrait */ @media (max-width: 991px) { .section-testimonials { padding: 89px 0 59px 68px; } .section-testimonials:after { width: 120%; } } /* Mobile */ @media (max-width: 767px) { .section-testimonials { padding: 16px 14px 12px 15px; } .section-testimonials:after { width: 200%; } } /* ------------------------------------------------------------ *\ Section Events \* ------------------------------------------------------------ */ .section-events { padding: 149px 0 177px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .section-events .row { margin: 0 -10px; } .section-events [class^="col-"] { padding: 0 10px; } .section-events h2 { position: relative; padding-bottom: 12px; margin-bottom: 58px; color: #000; } .section-events h2:after { content: ''; position: absolute; left: 2px; bottom: 0; min-width: 46px; height: 2px; background: #FFC72C; } .section-events .section__btn { margin-top: 52px; display: inline-block; font-family: 'Frutiger LT Std', sans-serif; color: #000; font-weight: 900; text-decoration: none; } .section-events .section__btn:hover { text-decoration: underline; opacity: .7; } .section-events .section__btn figure, .section-events .section__btn .figure { margin-left: 9px; font-size: 18px; color: #000; } /* Tablet Portrait */ @media (max-width: 991px) { .section-events { padding-top: 81px; padding-bottom: 102px; } .section-events [class^="col-"] + [class^="col-"] { margin-top: 40px; } .section-events .container { max-width: 636px; } .section-events h2 { margin-bottom: 47px; } .section-events .section__btn { display: block; padding: 19px 2px 15px 0; border-top: 1px solid rgba(0, 0, 0, .48); border-bottom: 1px solid rgba(0, 0, 0, .48); margin-top: 48px; letter-spacing: 0.02em; text-align: right; } .section-events .section__btn figure, .section-events .section__btn .figure { margin-left: 14px; } } /* Mobile */ @media (max-width: 767px) { .section-events { padding-top: 44px; padding-bottom: 37px; background-size: 595% 159%; background-position: 11% 68%; background-color: inherit; } .section-events [class^="col-"] + [class^="col-"] { margin-top: 22px; } .section-events .container { padding: 0 32px; } .section-events h2 { padding-bottom: 13px; margin-bottom: 45px; font-size: 35px; } .section-events .section__btn { margin-top: 39px; text-align: center; } } /* ------------------------------------------------------------ *\ Section Article \* ------------------------------------------------------------ */ .section-article { position: relative; padding: 157px 0 150px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .section-article:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 66%; background: url(../images/temp/section-bg.png) no-repeat; background-size: 100% 100%; background-position: 0 0; } .section-article .container { max-width: 1080px; } .section-article .btn { padding-top: 12px; padding-bottom: 8px; font-size: 16px; width: auto; } .btn-info:hover { background: #fff; color: #000; } .section-article .section__entry { position: relative; z-index: 5; max-width: 300px; } .section-article .section__entry h2 { position: relative; margin-bottom: 25px; color: #fff; } .section-article .section__entry h2:after { content: ''; position: absolute; left: 0px; bottom: -6px; min-width: 46px; height: 2px; background: #FFC72C; } .section-article .section__entry h3 { margin-bottom: 22px; font-family: 'Frutiger', sans-serif; font-size: 18px; color: #fff; font-weight: 700; } .section-article .section__entry p { margin-bottom: 40px; color: #fff; line-height: 1.32; } /* Tablet Portrait */ @media (max-width: 991px) { .section-article { padding-top: 95px; padding-bottom: 74px; } .section-article:after { width: 87%; } .section-article .btn { min-width: 176px; padding-top: 11px; padding-bottom: 6px; font-size: 16px; } } /* Mobile */ @media (max-width: 767px) { .section-article { padding-top: 27px; padding-bottom: 40px; } .section-article:after { width: 180%; } .section-article .container { padding: 0 29px; } .section-article .section__entry h2 { padding-bottom: 13px; font-size: 35px; } .section-article .section__entry p { padding-right: 10px; margin-bottom: 26px; } } /* ------------------------------------------------------------ *\ Section Locations \* ------------------------------------------------------------ */ .section-locations .map { position: relative; left: 17px; margin: 0 auto; } .section-locations .row { margin: 0 -10px; } .section-locations [class^="col-"] { padding: 0 10px; } .section-locations [class^="col-"] + [class^="col-"] { position: relative; } .section-locations [class^="col-"] + [class^="col-"]:after { content: ''; position: absolute; top: 0; left: -10px; right: 0; bottom: 0; background: #fff; -webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0 2px 10px 0px rgba(0, 0, 0, .5); } .section-locations [class^="col-"] + [class^="col-"] .section__entry { position: relative; z-index: 4; } /* Image */ .section-locations .section__image { height: 100%; padding-top: 126px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* Tabs */ .section-locations .section__tab { position: absolute; top: -9999px; left: -9999px; visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .section-locations .section__tab.current { position: static; visibility: visible; opacity: 1; } /* Entry */ .section-locations .section__entry { padding: 103px 54px 69px 35px; } .section-locations .section__entry h2 { margin-bottom: 2px; color: #000; } .section-locations .section__entry p { line-height: 1.32; } .section-locations .section__entry p a { font-family: 'Frutiger LT Std', sans-serif; color: #000; font-weight: 900; text-decoration: none; } .section-locations .section__entry p a:hover { text-decoration: underline; } /* List */ .section-locations .section__list { margin: 53px 0 49px; color: #000; } .section-locations .section__list h3 { margin-bottom: 12px; color: #000; } .section-locations .section__list ul { list-style: none; } .section-locations .section__list li + li { margin-top: 4px; } .section-locations .section__list a { position: relative; display: block; padding: 18px 45px 15px 23px; background: #F3F3F3; color: #000; text-decoration: none; } .section-locations .section__list a:hover { background: #E2E2E2; } .section-locations .section__list figure, .section-locations .section__list .figure { position: absolute; top: 20px; right: 20px; font-size: 16px; color: #4A4A4A; } /* Section Back */ .section-locations .section__back { display: inline-block; margin-left: 5px; margin-bottom: 46px; font-family: 'Frutiger LT Std', sans-serif; color: #000; font-weight: 900; text-decoration: none; } .section-locations .section__back:hover { text-decoration: underline; } .section-locations .section__back .section__entry h2 { margin-bottom: 3px; } /* Mod: Section tab alt */ .section-locations .section__tab--alt .section__entry { padding: 49px 54px 74px 31px; } .section-locations .section__tab--alt .section__list { margin-top: 69px; margin-bottom: 98px; } .section-locations .section__tab--alt .section__list h4 { margin-bottom: 14px; } /* Small Desktop */ @media (max-width: 1200px) { .section-locations .map { left: 0; } .section-locations .section__entry { padding-left: 20px; padding-right: 40px; } .section-locations .section__entry h2 { font-size: 35px; } } /* Tablet Portrait */ @media (max-width: 991px) { .section-locations .section__image { min-height: 540px; padding-top: 50px; padding-bottom: 67px; } .section-locations .section__entry { max-width: 548px; padding-top: 91px; padding-left: 20px; padding-right: 20px; padding-bottom: 82px; margin: 0 auto; } .section-locations .section__entry p a { font-family: 'Frutiger', sans-serif; font-weight: 700; } .section-locations .section__list { margin-top: 44px; margin-bottom: 48px; } .section-locations .section__list h3 { margin-bottom: 9px; } .section-locations .section__list a { padding: 17px 45px 16px 32px; } .section-locations .section__list figure, .section-locations .section__list .figure { right: 28px; } } /* Mobile */ @media (max-width: 767px) { .section-locations .section__image { display: none; } .section-locations .section__entry { padding: 36px 29px 37px 29px; } .section-locations .section__entry h2 { margin-bottom: 15px; font-size: 35px; } .section-locations .section__list { margin-top: 41px; } .section-locations .section__list h3 { margin-bottom: 15px; } .section-locations .section__list { margin-bottom: 40px; } .section-locations .section__list ul { margin-bottom: 40px; font-size: 16px; } .section-locations .section__list a { padding: 15px 45px 15px 16px; } .section-locations .section__list figure, .section-locations .section__list .figure { right: 9px; } .section-locations .section__tab--alt .section__entry { padding: 42px 30px 37px 30px; } } /* ------------------------------------------------------------ *\ Section News \* ------------------------------------------------------------ */ .section-news { padding: 147px 0 166px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-color: #006847; } .section-news .article-small + .article-small { padding-top: 55px; border-top: 1px solid rgba(255, 255, 255, .48); margin-top: 50px; } .section-news .section__head { margin-bottom: 55px; } .section-news .section__head h2 { position: relative; padding-bottom: 14px; margin-bottom: 16px; color: #fff; } .section-news .section__head h2:after { content: ''; position: absolute; left: 0px; bottom: 2px; min-width: 46px; height: 2px; background: #FFC72C; } .section-news .section__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .section-news .section__content { -webkit-box-flex: 0; -ms-flex: 0 1 59.8%; flex: 0 1 59.8%; max-width: 59.8%; padding-top: 9px; } .section-news .section__content .link-arrow { margin-top: 40px; } .section-news .section__aside { -webkit-box-flex: 0; -ms-flex: 0 1 40.2%; flex: 0 1 40.2%; max-width: 40.2%; padding-top: 7px; padding-left: 40px; border-left: 1px solid rgba(255, 255, 255, .48); } .section-news .section__aside .link-arrow { margin: 17px 0 0 13px; } /* Tablet Portrait */ @media (max-width: 991px) { .section-news { padding-top: 58px; padding-bottom: 64px; } .section-news .article-small + .article-small { padding-top: 0; border-top: 0; margin-top: 35px; } .section-news .link-arrow { display: block; padding: 15px 0 15px; border-top: 1px solid rgba(255, 255, 255, .48); border-bottom: 1px solid rgba(255, 255, 255, .48); } .section-news .list-events { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-news .list-events li { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; margin-bottom: 38px; } .section-news .list-events li + li { margin-top: 0; } .section-news .event-date { top: -4px; } .section-news .section__head { margin-bottom: 29px; } .section-news .section__head h2 { padding-bottom: 14px; } .section-news .section__body { display: block; } .section-news .section__content { max-width: none; } .section-news .section__content .link-arrow { margin: 37px 0 44px; } .section-news .section__aside { max-width: none; padding-left: 0; border-left: 0; } .section-news .section__aside .link-arrow { margin-top: -11px; margin-left: 0; } } /* Mobile */ @media (max-width: 767px) { .section-news { padding-top: 37px; padding-bottom: 69px; } .section-news .container { padding: 0 29px; } .section-news .article-small + .article-small { display: none; } .section-news .link-arrow { padding: 12px 0 14px; text-align: right; } .section-news .list-events li { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-left: 84px; } .section-news .list-events li + li { margin-top: -9px; } .section-news .list-events h5 { font-weight: 400; } .section-news .list-events p { font-size: 14px; } .section-news .event-date { top: -5px; left: 1px; } .section-news .section__head { margin-bottom: 10px; } .section-news .section__head h2 { padding-bottom: 14px; margin-bottom: 0; font-size: 35px; line-height: 0.91; } .section-news .section__content .link-arrow { margin-top: 9px; margin-bottom: 47px; } .section-news .section__aside .link-arrow { margin-top: -9px; } } /* ------------------------------------------------------------ *\ Section Large \* ------------------------------------------------------------ */ .section-large { position: relative; overflow: hidden; padding: 28px 0 140px; background: #EEE; } .section-large:before { content: ''; position: absolute; top: -213px; right: -389px; width: 1024px; height: 447px; background: url(../images/temp/section-text.png) no-repeat; background-size: cover; background-position: 0 0; } .section-large .row { margin: -21px -10px 0; } .section-large [class^="col-"] { padding: 21px 10px 0; } .section-large .article-card { height: 100%; } .section-large .section__head { margin-bottom: 45px; } .section-large .section__head h2 { margin-bottom: 9px; font-size: 65px; color: #000; } .section-large .section__head p { position: relative; padding-bottom: 25px; } .section-large .section__head p:after { content: ''; position: absolute; left: 0px; bottom: 2px; min-width: 46px; height: 2px; background: #FFC72C; } /* Mod: Alt */ .section-large--alt { overflow: visible; } /* Small Desktop */ @media (max-width: 1200px) { .section-large:before { top: -240px; right: -620px; } } /* Tablet Portrait */ @media (max-width: 991px) { .section-large:before { top: -240px; right: -720px; } } /* Mobile */ @media (max-width: 767px) { .section-large { padding-top: 20px; padding-bottom: 31px; } .section-large .container { padding: 0 29px; } .section-large .breadcrumbs { margin-bottom: 35px; } .section-large:before { display: none; } .section-large .section__head { margin-bottom: 35px; } .section-large .section__head h2 { margin-bottom: 14px; font-size: 42px; } .section-large .section__head p { padding-bottom: 17px; } } /* ------------------------------------------------------------ *\ Section Long \* ------------------------------------------------------------ */ .section-long { position: relative; overflow: hidden; padding: 31px 0 159px; } .section-long .row { margin: 0 -12px; } .section-long [class^="col"] { padding: 0 12px; } .section-long [class^="col"] + [class^="col"] { padding-right: 10px; } .section-long .collapsed { margin:inherit; padding: inherit; } .section-long .btn--green { margin-top: 9px; margin-bottom: 47px; } .section-long .table { margin-bottom: 51px; font-size:small;} .section-long .quote { margin-bottom: 50px; } .section-long .links-alt { margin-top: 27px; } .section-long .widget-links { margin-bottom: 30px; } .section-long .promotion { margin-bottom: 35px; } .section-long .video-small { margin-bottom: 44px; } .section-long .section__content .video-small img { margin: 0; } .section-long .section__content { padding-top: 0px; padding-right: 15px; /** Original value: 75px **/ } .section-long .section__content h1 {margin-bottom: 8px; font-family: 'Garamond', serif; font-size: 50px;color: #000; font-weight: 700;} .section-long .section__content h2 { padding-bottom: 12px; border-bottom: 2px solid #DDDDDD; margin-bottom: 22px; font-family: 'Frutiger', sans-serif; font-size: 30px; color: #000; font-weight: 700; } .section-long .section__content p { line-height: 1.32; } .section-long .section__content h3 { margin-bottom: 15px; font-size: 26px; color: #000; } .section-long .section__content img { margin: 12px 0 49px; margin:0; } .section-long .section__content h4 { margin-bottom: 14px; font-family: 'Frutiger', sans-serif; font-size: 18px; color: #000; font-weight: 700; } .section-long .section__content > h5 { padding-bottom: 12px; border-bottom: 2px solid #DDDDDD; margin-bottom: 20px; font-family: 'Frutiger', sans-serif; font-size: 30px; color: #000; font-weight: 700; } .section-long .section__content ul, .section-long .section__content ol { margin-left: 35px; } .section-long .section__content ul li, .section-long .section__content ol li {margin-bottom:5px; font-size:.9em;} .section-long .section__entry { margin-bottom: 54px; } .section-long .section__entry h1 { margin-bottom: 8px; font-family: 'Garamond', serif; font-size: 40px; color: #000; font-weight: 700; } .section-long .section__entry p { position: relative; padding-bottom: 24px; } .section-long .section__entry p:after { content: ''; position: absolute; left: 0px; bottom: 2px; min-width: 46px; height: 2px; background: #FFC72C; } .section-long .section__aside { padding-top: 118px; } /* Mod: Alt */ .section-long--alt { overflow: visible; padding-top: 23px; } /* Tablet Portrait */ @media (max-width: 991px) { .section-long { padding-bottom: 60px; } .section-long:before { top: -240px; right: -720px; } .section-long .btn--green { padding: 17px 10px 11px; margin-top: 19px; margin-bottom: 56px; } .section-long .table { margin-bottom: 57px; } .section-long .table { margin-bottom: 57px; } .section-long .quote { margin-bottom: 56px; } .section-long .video-small { margin-bottom: 47px; } .section-long .links-alt { margin-top: 39px; } .section-long .widget-links { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; margin-bottom: 69px; } .section-long .widget-profile { -webkit-box-flex: 0; -ms-flex: 0 1 47.4%; flex: 0 1 47.4%; max-width: 47.4%; } .section-long .promotion { -webkit-box-flex: 0; -ms-flex: 0 1 47.4%; flex: 0 1 47.4%; max-width: 47.4%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .section-long .section__entry h1 { margin-bottom: 24px; } .section-long .section__entry { margin-bottom: 47px; } .section-long .section__entry p { padding-bottom: 32px; } .section-long .section__entry p:after { min-width: 56px; } .section-long .section__content { padding-top: 38px; padding-right: 0; } .section-long .section__content h2 { padding-bottom: 17px; margin-bottom: 26px; } .section-long .section__content p { padding-right: 20px; } .section-long .section__content h3 { margin-bottom: 20px; } .section-long .section__content img { /* width: 100%; margin: 38px 0 56px; */ } .section-long .section__content h4 { margin-bottom: 19px; } .section-long .section__content > h5 { padding-bottom: 18px; margin-bottom: 26px; } .section-long .section__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 58px; } /* Mod: Alt */ .section-long--alt { padding-top: 28px; } } /* Mobile */ @media (max-width: 767px) { .section-long { padding-bottom: 38px; } .section-long:before { display: none; } .section-long .container { padding: 0 29px; } .section-long .btn--green { min-width: 175px; margin-bottom: 32px; padding: 13px 10px 8px; margin-top: 12px; } .section-long .table { margin-right: -29px; margin-bottom: 35px; } .section-long .quote { margin-bottom: 35px; } .section-long .video-small { margin-bottom: 28px; } .section-long .links-alt { margin-top: 31px; } .section-long .widget-links { margin-bottom: 33px; } .section-long .widget-profile { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .section-long .promotion { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; margin-bottom: 31px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .section-long .section__entry { margin-bottom: 32px; } .section-long .section__entry h1 { margin-bottom: 13px; font-size: 42px; } .section-long .section__entry p { padding-bottom: 23px; } .section-long .section__entry p:after { bottom: 7px; min-width: 48px; } .section-long .section__content { padding-top: 21px; } .section-long .section__content p { padding-right: 0; margin-bottom: 17px; } .section-long .section__content h2 { padding-bottom: 14px; margin-bottom: 20px; } .section-long .section__content h3 { margin-bottom: 15px; } .section-long .section__content img { margin-top: 11px; margin-bottom: 36px; } .section-long .section__content h4 { margin-bottom: 13px; } .section-long .section__content > h5 { padding-bottom: 12px; margin-bottom: 21px; } .section-long .section__content .quote p { margin-bottom: 28px; } .section-long .section__aside { padding-top: 60px; } /* Mod: Alt */ .section-long--alt { padding-top: 21px; } } /* ------------------------------------------------------------ *\ Slider Cards \* ------------------------------------------------------------ */ .slider-cards .slider__slides { position: relative; left: 44px; max-width: 550px; margin: 0 auto; } .slider-cards .slider__slide { padding-top: 114px; padding-left: 5px; padding-right: 5px; } /* Slick */ .slider-cards .slick-arrow { font-size: 0; position: absolute; right: 23px; bottom: 22px; z-index: 5; display: inline-block; width: 45px; height: 45px; border: 0; background: rgba(255, 255, 255, .19); font-size: 0; line-height: 0; font-family: 'Font Awesome 5 Pro'; font-size: 0; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: #Fff; } .slider-cards .slick-arrow:before { font-size: 13px; content: "\f053"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 21px; line-height: 21px; } .slider-cards .slick-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .slider-cards .slick-prev { right: 70px; } @media not all and (min-resolution:.001dpcm) { @media { .slider-cards .slick-prev { bottom: 21px; } }} @supports (-webkit-overflow-scrolling: touch) { .slider-cards .slick-arrow.slick-prev { bottom: 22px; } } /* Small Desktop */ @media (max-width: 1200px) { .slider-cards .slider__slides { left: 0; } } /* Tablet Portrait */ @media (max-width: 991px) { .slider-cards .slider__slides { max-width: 636px; } .slider-cards .slider__slide { padding-top: 70px; } .slider-cards .slick-arrow { right: 27px; bottom: 26px; width: 52px; height: 54px; } .slider-cards .slick-arrow.slick-prev { right: 83px; } @supports (-webkit-overflow-scrolling: touch) { @media (max-width: 991px) { .slider-cards .slick-arrow.slick-prev { bottom: 26px; } } } } @supports (-webkit-overflow-scrolling: touch) { @media (max-width: 991px) { .slider-cards .slick-arrow.slick-prev { bottom: 26px; } } } /* Mobile */ @media (max-width: 767px) { .slider-cards .slider__slide { padding-top: 30px; } .slider-cards .slick-arrow { right: 18px; bottom: 12px; width: 40px; height: 40px; } .slider-cards .slick-arrow.slick-prev { right: 60px; } @supports (-webkit-overflow-scrolling: touch) { @media (max-width: 767px) { .slider-cards .slick-arrow.slick-prev { bottom: 12px; } } } } @supports (-webkit-overflow-scrolling: touch) { @media (max-width: 767px) { .slider-cards .slick-arrow.slick-prev { bottom: 12px; } } } /* ------------------------------------------------------------ *\ Slider Long \* ------------------------------------------------------------ */ .slider-long .article-small { width: 460px; } .slider-long .slider__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 23px 0 0 4px; } .slider-long .slider__slides { padding-left: 4px; } .slider-long .slick-slide { margin-right: 19px; } .slider-long .slick-current .article-small .article__image:after { opacity: 1; } .slider-long .slick-arrow { display: inline-block; width: 7px; height: 20px; border: 0; background: none; background-image: url(../images/slick-arrow.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0; font-size: 0; line-height: 0; } .slider-long .slick-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .slider-long .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 22px; list-style: none; } .slider-long .slick-dots li { width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; margin-right: 12px; } .slider-long .slick-dots li:last-child { margin-right: 0; } .slider-long .slick-dots li.slick-active { border-color: #FFC72C; background: #FFC72C; } .slider-long .slick-dots button { display: none; } /* Tablet Portrait */ @media (max-width: 991px) { .slider-long .article-small { width: 100%; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials h4 { margin-bottom: 26px; font-family: 'Frutiger LT Std', sans-serif; font-size: 20px; font-weight: 900; letter-spacing: 0.02em; color: white; } .socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } .socials ul li a { text-decoration: none; color: white; } .socials li:last-child { margin-right: 0; } .socials a:hover { color: #fff; opacity: .8; } .socials i { font-size: 24px; } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ thead.split-header { box-shadow: 0 0px 7px 0px rgba(0, 0, 0, .34); } thead.split-header tr.header { box-shadow: none; } /* COMMENTED OUT BY JERRYZ TO ALLOW NATIVE BS4 TO RUN ITSELF .table table { border: 4px solid #D8D8D8; } .table th { padding: 18px 10px 12px 23px; border-right: 2px solid #D8D8D8; background: #006747; font-family: 'Frutiger LT Std', sans-serif; font-weight: 900; color: #fff; letter-spacing: 0.02em; } .table th:last-child { border-right: 0; } .table th:first-child { width: 33%; } .table th:nth-child(2) { width: 46%; } .table th:nth-child(2) { padding-left: 29px; } .table th:nth-child(3) { width: 21%; } .table tbody tr { background: #EDEDED; } .table tbody tr:nth-child(even) { background: #fff; } .table td { padding: 13px 10px 13px 22px; border-right: 2px solid #D8D8D8; } .table td:nth-child(2) { padding: 10px 10px 13px 29px; } */ /* Tablet Portrait @media (max-width: 991px) { .table table { border: 6px solid #D8D8D8; } .table th { padding: 20px 10px 16px 34px; } .table th:nth-child(2) { padding-left: 43px; } .table td { padding: 18px 10px 16px 24px; } .table td:nth-child(2) { padding: 15px 10px 13px 35px; } } */ /* Mobile @media (max-width: 767px) { .table { overflow: auto; width: auto; } .table table { min-width: 541px; } .table th { padding: 16px 10px 13px 21px; } .table th:nth-child(2) { padding-left: 29px; } .table td { padding: 13px 10px 12px 20px; } .table td:nth-child(2) { padding: 10px 10px 10px 29px; } } */ /* ------------------------------------------------------------ *\ Tag \* ------------------------------------------------------------ */ .tag { display: inline-block; padding: 7px 8px 1px 9px; background: #FFF; font-family: 'Frutiger LT Std', sans-serif; font-size: 14px; color: #006747; font-weight: 900; text-transform: uppercase; } /* ------------------------------------------------------------ *\ Testimonial \* ------------------------------------------------------------ */ .testimonial { position: relative; max-width: 375px; padding: 10px 36px 40px; border: 1px solid rgba(255, 255, 255, .17); border-bottom: 0; margin-bottom: 56px; background: rgba(255, 255, 255, .17); } .testimonial h1 { position: relative; left: 70px; margin-bottom: -5px; font-family: 'Playlist', serif; font-size: 160px; color: #fff; font-weight: 400; } .testimonial p { margin-bottom: 31px; color: #fff; line-height: 1.32; } .testimonial h2 { margin-bottom: 41px; font-family: 'Frutiger LT Std', sans-serif; font-size: 16px; color: #FFF; font-weight: 900; letter-spacing: 0.02em; } .testimonial .testimonial__icon { position: absolute; top: 18px; left: 18px; display: inline-block; vertical-align: middle; width: 59px; height: 56px; border: 1px solid rgba(255, 255, 255, .17); background: rgba(255, 255, 255, .1); font-family: 'Garamond', serif; font-size: 80px; color: #fff; line-height: 82px; font-weight: 700; text-align: center; } .testimonial .testimonial__line { position: absolute; left: -1px; right: -1px; bottom: -56px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 1px; padding-right: 82px; } .testimonial .testimonial__figure { position: relative; display: inline-block; width: 56px; height: 56px; margin-bottom: 0; background-image: url(../images/bubble.png); background-repeat: no-repeat; background-size: cover; background-position: 0 0; } .testimonial .testimonial__figure:before { content: ''; position: absolute; top: -1px; left: 100%; width: 100vw; height: 1px; background: rgba(255, 255, 255, .17); } .testimonial .testimonial__figure:after { content: ''; position: absolute; top: -1px; right: 100%; width: 100vw; height: 1px; background: rgba(255, 255, 255, .17); } @media (min-resolution: 2dppx) { .testimonial .testimonial__figure:after { background-image: url(../images/bubble@2x.png); } } /* Mobile */ @media (max-width: 767px) { .testimonial { padding: 72px 24px 21px 24px; } .testimonial h1 { left: 0; font-size: 100px; } .testimonial p { margin-bottom: 27px; } .testimonial h2 { margin-bottom: 18px; } .testimonial .testimonial__icon { top: 16px; left: 13px; } .testimonial .testimonial__figure { width: 42px; height: 51px; background-size: contain; } .testimonial .testimonial__line { bottom: -51px; padding-right: 63px; } } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video { position: relative; } .video .video__btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, .28); text-decoration: none; } .video .video__btn figure, .video .video__btn .figure { position: relative; top: 1px; left: 3px; font-size: 30px; color: #fff; } /* ------------------------------------------------------------ *\ Video Small \* ------------------------------------------------------------ */ .video-small { position: relative; background: #000; } .video-small img { opacity: .28; } .video-small .video__btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 57px; height: 57px; border-radius: 50%; background: rgba(255, 255, 255, .23); } .video-small .video__btn:hover { opacity: .8; } .video-small .video__btn figure, .video-small .video__btn .figure { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 3px; font-size: 20px; color: #FFF; } /* Tablet Portrait */ @media (max-width: 991px) { .video-small .video__btn { width: 68px; height: 68px; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widget { margin-top: 17px; margin-bottom: 17px; } /* ------------------------------------------------------------ *\ Widget Card \* ------------------------------------------------------------ */ .widget-card { border: 1px solid rgba(255, 255, 255, .17); padding: 22px 21px 53px; margin: 0 auto; background: rgba(255, 255, 255, .1); } .widget-card .widget__image img { width: 100%; } .widget-card .widget__content { padding: 37px 10px 0 20px; color: #fff; } .widget-card .widget__content h2 { position: relative; padding-bottom: 15px; margin-left: 4px; margin-bottom: 16px; } .widget-card .widget__content h2:after { content: ''; position: absolute; left: -2px; bottom: 2px; min-width: 46px; height: 2px; background: #FFC72C; } .widget-card .widget__content h3 { margin-left: 3px; margin-bottom: 18px; font-family: 'Frutiger', sans-serif; font-size: 18px; font-weight: 700; } .widget-card .widget__content p { line-height: 1.32; } .widget-card .widget__actions { margin-top: 50px; } .widget__actions a.btn { background: transparent; color: #fff; border: 2px solid #fff; border-radius: 50px; } .widget__actions a.btn:hover { background: #fff; color: #000; } /* Tablet Portrait */ @media (max-width: 991px) { .widget-card { padding: 26px 26px 63px; } .widget-card .widget__content { padding: 43px 10px 0 22px; } .widget-card .widget__content h2 { padding-bottom: 19px; } .widget-card .widget__content h2:after { min-width: 56px; } .widget-card .widget__content h2 { margin-bottom: 22px; } .widget-card .widget__content h3 { margin-bottom: 21px; } .widget-card .widget__actions { margin-top: 75px; } } /* Mobile */ @media (max-width: 767px) { .widget-card { padding: 10px 10px 85px; } .widget-card .widget__content { padding: 26px 0 0 3px; } .widget-card .widget__content h2 { padding-bottom: 16px; margin-left: 0; margin-bottom: 17px; font-size: 35px; } .widget-card .widget__content h2:after { left: 1px; min-width: 44px; } .widget-card .widget__content h3 { margin-bottom: 12px; } .widget-card .widget__actions { margin-top: 24px; } } /* ------------------------------------------------------------ *\ Widget Links \* ------------------------------------------------------------ */ .page-error { width: fit-content; margin: auto; } #index-link { display: inline; color: #856404;} .widget-links { position: relative; padding: 35px 33px 23px 35px; background: #fff; text-align: center; } .widget-links h4 { margin-bottom: 33px; color: #000; } .widget-links ul { font-family: 'Frutiger LT Std', sans-serif; color: #000; font-weight: 900; letter-spacing: 0.02em; text-align: left; width: max-content; list-style-type: none; } .alternate-pages { margin: auto; } ul.error-lists { list-style-type:disc; } .widget-links li { /* padding-bottom: 11px; border-bottom: 1px solid rgba(0, 0, 0, .15); */ margin-bottom: 5px; font-weight: normal; } .widget-links ul li.active { font-weight: bold; display: none; } .widget-links a { position: relative; display: block; } a.error-links { color: #006747; } a.error-links:hover { text-decoration:underline; } .widget-links h4 a { text-align: left; color: black; text-decoration: none; } .widget-links a:hover figure, .widget-links a:hover .figure { opacity: 1; } .widget-links a figure, .widget-links a .figure { position: absolute; top: -2px; right: -3px; font-size: 16px; color: #006747; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .widget-links:before { content: ''; position: absolute; top: 0; left: 0; width: 77%; height: 9px; background: #006747; } .widget-links:after { content: ''; position: absolute; top: 0; right: 0; width: 23%; height: 9px; background: #029064; } /* Tablet Portrait */ @media (max-width: 991px) { .widget-links:before { height: 7px; } .widget-links:after { height: 7px; } } /* Mobile */ @media (max-width: 767px) { .widget-links { padding: 30px 33px 14px 30px; } .widget-links h4 { margin-bottom: 28px; line-height: 0.99; } .widget-links li { padding-bottom: 7px; margin-bottom: 14px; } .widget-links a figure, .widget-links a .figure { top: -3px; right: -6px; } } /* ------------------------------------------------------------ *\ Widget Profile \* ------------------------------------------------------------ */ .widget-profile { background: #fff; } .widget-profile .btn { margin-bottom: 0; font-weight: 400; } .widget-profile .widget__content { padding: 37px 36px 42px 38px; } .widget-profile .widget__content h5 { margin-bottom: 21px; font-family: 'Frutiger', sans-serif; font-size: 20px; color: #000; font-weight: 700; } .widget-profile .widget__content ul { margin-bottom: 38px; list-style: none; } .widget-profile .widget__content li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget-profile .widget__content li + li { margin-top: 4px; font-size:85%; } .widget-profile .widget__content li h5 { margin-right: 14px; margin-bottom: 0; font-family: 'Frutiger LT Std', sans-serif; font-size: 16px; color: #000; font-weight: 900; letter-spacing: 0.02em; } .widget-profile .widget__content li p { color: #000; } .widget-profile .widget__content li p a { text-decoration: none; } /* Tablet Portrait */ @media (max-width: 991px) { .widget-profile .btn { padding-top: 11px; padding-bottom: 8px; } .widget-profile .widget__content { padding: 40px 36px 42px 40px; } .widget-profile .widget__content h5 { margin-bottom: 20px; } } /* Mobile */ @media (max-width: 767px) { .widget-profile .btn { padding-top: 10px; padding-bottom: 5px; } .widget-profile .widget__content { padding: 28px 36px 38px 34px; } .widget-profile .widget__content ul { margin-bottom: 28px; } .widget-profile .widget__content h5 { margin-bottom: 18px; } .widget-profile .widget__content li + li { margin-top: 10px; } .widget-profile .widget__content li h5 { margin-right: 4px; } } /* ------------------------------------------------------------ *\ Themes \* ------------------------------------------------------------ */ ul.division-faculty-list, ul.department-contact-list { margin-bottom: 15px; } ul.division-faculty-list li, ul.department-contact-list li { margin: 5px 0; } ul.division-faculty-list li a, ul.department-contact-list li a { color: #006747; } ul.sidebar-ads, ul.sidebar-ycads { background: transparent; text-align: center; padding: 30px 0; } ul.sidebar-ads li, ul.sidebar-ycads li { display: none; } .alert.redirect-notice { margin-bottom: 0; } .alert.mb-sm-0 { margin-bottom: 0; } #important-alerts .alert { padding-top:.15rem !important; padding-bottom:.2rem !important; } #important-alerts h4 { margin-bottom: 0; } #important-alerts [id^="alert-collapsible-"] { margin-top: 17px; } #important-alerts h4 a { font-family:arial, helvetica, sans-serif; font-size:.55em; font-weight:normal; } #important-alerts .alert-title-large { font-size: .95em; } #important-alerts .alert-title-large { font-size: .60em; } #important-alerts .alert-title-bold { font-weight: bold; } .alert-risk { color: #734c1c; background-color: #f6e3cb; border-color: #f6e3cb; } .alert-risk hr { border-top-color: #dec9af; } .alert-risk .alert-link { color: #2d1e0b; } .full-width { text-align: center; } .darkgreen {color:darkgreen !important;} /** Remove double padding-top when .section__entry is located outside of .section__content (i.e. full-width heading) **/ .section__entry + .row .section__content, .section__entry + .row .section__aside, .section__entry + .row .section__aside .widget:first-child { margin-top: 0; padding-top: 0; } /* * Bootstrap "Overrides" * * This section defines certain "overrides" that appear to address apparent bugs in the currently installed * version of Bootstrap. As shown below, these supplementary style classes should merely be used as an * alternative to their native Bootstrap counterparts to avoid the practice of overriding base classes. */ /* * Native class: .table-striped * Alternative: .table-striped-local * Limits row striping to the parent table which this class is applied. Addresses an issue where nested * tables inherit table striping. */ .table-striped-local > tbody > tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } /* ------------------------------------------------------------ *\ Instagram Plugin \* ------------------------------------------------------------ */ .caption-text { display: inline-block; margin: auto; } .caption-container:hover { transition: left 0s .2s,opacity .2s .2s; background: rgba(0,0,0,.5); opacity: 1; } .caption-container { height: 100%; color: #fff; position: absolute; display: flex; top: 0%; width: 100%; text-align: center; opacity: 0; } .image-container { position: relative; text-align: center; width: 30.9%; height: 25%; margin: 1.2%; display: inline-block; } .ig-plugin { position: relative; float: left; width: 100%; height: 450px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media (max-width: 568px) { .image-container { width: 47.6%; } .instagram_gallery { padding-left: 2%; padding-right: 2%; } .ig-plugin { height: 150px; } p.caption { font-size: xx-small; } } @media (min-width: 568px) and (max-width: 767px) { .image-container { width: 47.6%; } .instagram_gallery { padding-left: 2%; padding-right: 2%; } .ig-plugin { height: 300px; } p.caption { font-size: small; } } @media (min-width: 767px) and (max-width: 991px) { .ig-plugin { height: 200px; } .instagram_gallery { padding-left: 13%; padding-right: 13%; } p.caption { font-size: x-small; } } @media (min-width: 991px) and (max-width: 1100px) { .ig-plugin { height: 250px; } .instagram_gallery { padding-left: 10%; padding-right: 10%; } } @media (min-width: 1100px) and (max-width: 1320px) { .ig-plugin { height: 300px; } .instagram_gallery { padding-left: 9%; padding-right: 9%; } } @media (min-width: 1320px) and (max-width: 1650px) { .ig-plugin { height: 300px; } .instagram_gallery { padding-left: 18%; padding-right: 18%; } } @media (min-width: 1650px) and (max-width: 3000px) { .ig-plugin { height: 300px; } .instagram_gallery { padding-left: 25%; padding-right: 25%; } } span.ig-icon.fab.fa-instagram { font-size: xx-large; display: inline; } .ig-title-container { background-color: #ffffff; text-align: center; } .ig-title { color: black; width: 100%; padding-top: 3%; padding-bottom: 2%; } h2.follow-us-ig { display: inline; padding-left: 1%; } a.yc-ig-link { color: #006747; } a.yc-ig-link:hover { color: #ffc72c; text-decoration: underline; } .instagram_gallery { padding-bottom: 1%; padding-top: 1%; background-color: white; } /** Website Calendar **/ aside.section__aside .widget .calendar-spud { margin-bottom: 25px; background: #fff; padding: 15px; } .btn-primary {background-color:green; border-color:green;} .btn-primary:hover {background-color:forestgreen; border-color:forestgreen;} .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: green; border-color: green; } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-secondary {background-color:#ffc107; border-color:#ffc107; color:#212529;} .btn-secondary:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #e0a800; border-color: #d39e00; } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #e0a800; border-color: #d39e00; } .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(255,193,7,.5); } /* BUTTONS FOR TOOLBOX CAN BE USED ELSEWHERE - JZ */ .btn-green { background-color:green; /* FIRST RULE */ border-color:green; /* FIRST RULE */ } .btn-green:hover {background-color:forestgreen; border-color:forestgreen;} .btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show>.btn-green.dropdown-toggle { color: #fff; background-color: green; /* MATCH THE FIRST RULE FOR THIS CLASS */ border-color: green; /* MATCH THE FIRST RULE FOR THIS CLASS */ } .btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show>.btn-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-green.focus, .btn-green:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-carrot { background-color:#d35400; /* FIRST RULE */ border-color:#e67e22; /* FIRST RULE */ color:#fff; } .btn-carrot:hover {background-color:#e67e22; border-color:#e67e22; color:#fff;} .btn-carrot:not(:disabled):not(.disabled).active, .btn-carrot:not(:disabled):not(.disabled):active, .show>.btn-tb01.dropdown-toggle { color: #fff; background-color: #d35400; /* MATCH THE FIRST RULE FOR THIS CLASS */ border-color: #e67e22; /* MATCH THE FIRST RULE FOR THIS CLASS */ color:#fff; } .btn-carrot:not(:disabled):not(.disabled).active:focus, .btn-carrot:not(:disabled):not(.disabled):active:focus, .show>.btn-tb01.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-carrot.focus, .btn-carrot:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-bluegrey { background-color:#2c3e50; /* FIRST RULE */ border-color:#2c3e50; /* FIRST RULE */ color:#fff; } .btn-bluegrey:hover {background-color:#34495e; border-color:#34495e; color:#fff;} .btn-bluegrey:not(:disabled):not(.disabled).active, .btn-bluegrey:not(:disabled):not(.disabled):active, .show>.btn-tb01.dropdown-toggle { background-color: #34495e; /* MATCH THE FIRST RULE FOR THIS CLASS */ border-color: #34495e; /* MATCH THE FIRST RULE FOR THIS CLASS */ color:#fff; } .btn-bluegrey:not(:disabled):not(.disabled).active:focus, .btn-bluegrey:not(:disabled):not(.disabled):active:focus, .show>.btn-tb01.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-bluegrey.focus, .btn-bluegrey:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-purple { background-color:#8e44ad; /* FIRST RULE */ border-color:#8e44ad; /* FIRST RULE */ color:#fff; } .btn-purple:hover {background-color:#9b59b6; border-color:#8e44ad; color:#fff;} .btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show>.btn-tb01.dropdown-toggle { color: #fff; background-color: #9b59b6; /* MATCH THE FIRST RULE FOR THIS CLASS */ border-color: #8e44ad; /* MATCH THE FIRST RULE FOR THIS CLASS */ color:#fff; } .btn-purple:not(:disabled):not(.disabled).active:focus, .btn-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-tb01.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-purple.focus, .btn-purple:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-seagreen { background-color:#16a085; /* FIRST RULE */ border-color:#1abc9c; /* FIRST RULE */ color:#fff; } .btn-seagreen:hover {background-color:#1abc9c; border-color:#1abc9c; color:#fff;} .btn-seagreen:not(:disabled):not(.disabled).active, .btn-seagreen:not(:disabled):not(.disabled):active, .show>.btn-tb01.dropdown-toggle { color: #fff; background-color: #16a085; /* MATCH THE FIRST RULE FOR THIS CLASS */ border-color: #1abc9c; /* MATCH THE FIRST RULE FOR THIS CLASS */ color:#fff; } .btn-seagreen:not(:disabled):not(.disabled).active:focus, .btn-seagreen:not(:disabled):not(.disabled):active:focus, .show>.btn-tb01.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } .btn-seagreen.focus, .btn-seagreen:focus { box-shadow: 0 0 0 0.2rem rgba(0,135,83,.5); } /* ------------ ACCORDION ---------- */ .accordion .card-header p a {text-decoration:underline !important; color:#286ab1 !important; display:block;} .accordion .card-header {border:0 !important;} .whitebox {background-color: white; border-top: 10px solid #006747;} .home-text { padding: 1rem; } @media (max-width: 1024px) { .home-text {padding: 0rem;} } @media (max-width: 1281px) and (min-width: 1110px) { .foreground-image { width: 550px; /*margin-left: 70px;*/ } } @media (max-width: 1109px) and (min-width: 991px) { .foreground-image { width: 550px; /*margin-left: 50px;*/ } } @media (max-width: 990px) and (min-width: 767px) { .foreground-image { width: 550px; /*margin-left: 45px;*/ } } @media (max-width: 766px) { .foreground-image { width: 100%; /*margin-left: 10px;*/ } .home-rearrange { order: -1!important; margin-top: 15px; margin-bottom: 20px; } .header-margin { margin-bottom: 0px!important; } .table-caption { text-align: center!important; } } /*@media (min-width: 1282px) { .foreground-image {margin-left: 50px;} }*/ .table-caption { font-size: 16px; border: none; caption-side: top!important; color: black; } @media (max-width: 450px) { p.ml-0.shadow.w-100.text-dark.text-center.btn.btn-secondary.p-3.foreground-title.border-light.mb-0.rounded-0.border-bottom-0 { font-size: small; } } @media (max-width: 380px) { p.ml-0.shadow.w-100.text-dark.text-center.btn.btn-secondary.p-3.foreground-title.border-light.mb-0.rounded-0.border-bottom-0 { font-size: x-small; } } #top-play-button { position: absolute; display: inline-block; top: 35%; left: 40%; color: #C00; opacity: 85%; background: transparent; border: none; } #top-play-button:focus { outline: none; } .modal-content.modal-black { background-color: #333; } .bg-primary {background-color: green !important;} /* ------------------------------------------------------------ *\ Fade-in Popover \* ------------------------------------------------------------ */ .fade-popover { position: absolute; z-index: 4; background: #ffffff; background: #F8C11A; /* font-family: 'Frutiger STD', sans-serif; */ font-family: sans-serif; left: 10px; padding: 25px; border: 3px solid white; border-radius: 15px; box-shadow: 3px 5px 15px 5px rgba(0, 0, 0, .2); animation-name: animate-popover; animation-duration: 3s; animation-delay: 3s; animation-fill-mode: both; } .fade-popover h3 {font-size:1.75em;} .fade-popover .fade-popover-body { margin-bottom: 10px; } @keyframes animate-popover { from { top: 320px; opacity: 0%; } to { top: 260px; opacity: 100%; } } @media screen and (max-width: 700px) { .fade-popover { width: calc(100vw - 20px); } @keyframes animate-popover { from { top: 160px; opacity: 0%; } to { top: 90px; opacity: 100%; } } }