/* Theme Name: Rafael Pharmaceuticals Custom Theme Theme URI: Author: Antenna | Digital Author URI: https://www.antennagroup.com Description: To develop highly selective, well tolerated, and highly effective anti-cancer agents, by selectively targeting altered metabolism in cancer cells.Our immediate goal is to improve the quality of life of patients with Pancreatic Cancer, which is the deadliest cancer worldwide and has limited treatment options. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /******************************************************************************** --- CSS BASE --- *********************************************************************************/ html{font-size:16px;box-sizing:border-box;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{padding:0;margin:0;background:#fff;font-family:'Open Sans',sans-serif;font-weight:normal;line-height:1.5;color:#2d3a4b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::before,*::after{box-sizing:inherit}article,aside,footer,header,nav,section{display:block}figcaption,figure{display:block}figure{margin:1em 2.5em}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block; outline:none;}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#4d479c;color:#2d3a4b}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button,[type="button"],[type="reset"],[type="submit"]{}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{border:1px solid #c4d0d4;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:3px}select{box-sizing:border-box;width:100%;border-radius:3px}button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:transparent;line-height:1;cursor:auto}pre{overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}::placeholder {color: #767676; opacity: 1;}:-ms-input-placeholder {color: #767676; opacity: 1;}::-ms-input-placeholder {color: #767676; opacity: 1;} /*Reduce Root Element (html) Sizing For REMs*/ @media only screen and (max-width: 1199px){html{font-size:15px}}@media only screen and (max-width: 1023px){html{font-size:14px}}@media only screen and (max-width: 800px){html{font-size:13px}}@media only screen and (max-width: 375px){html{font-size:12px}} /******************************************************************************** --- Template - Header --- *********************************************************************************/ .header {z-index:9999; box-shadow: 0px 2px 1px rgba(45, 58, 75, 0.08)} /*-----------Drawer Scrollbars-----------*/ .drawer::-webkit-scrollbar {width: 0 !important;} .drawer::-webkit-scrollbar-track {background:none;} .drawer::-webkit-scrollbar-thumb {background:none;} .drawer::-webkit-scrollbar-thumb:window-inactive {} .no-touchevents .drawer::-webkit-scrollbar {width:8px!important;} .no-touchevents .drawer::-webkit-scrollbar-track {background:#c4d0d4;} .no-touchevents .drawer::-webkit-scrollbar-thumb {background:#4d479c;} .no-touchevents .drawer::-webkit-scrollbar-thumb:window-inactive {} /*-----------Header - Search-----------*/ .search input[type="text"] {margin:0; height:40px; padding-right:2.25em;} .search button {font-size:1.000rem; position:absolute; top:0; right:0; width:2.5em; height:40px; line-height:40px; color:#c4d0d4; } .search-row {position:relative;} /*-----------Header - Utility Links-----------*/ .utility-links ul {list-style:none; margin:0; padding:0;} .utility-links li, .utility-links a {display:block;} @media only screen and (min-width: 1025px) { /*-----------Hidden Mobile Elements-----------*/ .content-overlay, .drawer-toggle, .header__buttons {display:none;} /*-----------Header-----------*/ .header {position: relative;} body:not(.sticky-header) .header::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: #4d479c;} .header__container{max-width:1230px; height: 140px; margin-right:auto;margin-left:auto; position: relative;}.header__container::before,.header__container::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.header__container::after{clear:both} .logo {display:block; position:absolute; bottom:16px; left:0.9375rem;} /*-----------Header - Utility Links-----------*/ .utility-links {position: absolute; top: 0px; right: 0.9375rem; height: 40px; text-align: right;} .utility-links > ul {display: inline-block; vertical-align: top;} .utility-links > ul > li {display: inline-block; height: 40px; line-height: 40px;} .utility-links > ul > li > a {font-size:0.8125em; display: inline-block; vertical-align: middle; line-height: 1.2; padding:0 0.667em; color:rgba(255,255,255,1)} .utility-links > ul > li:last-child > a {padding-right: 0;} .utility-links > ul > li > a:hover {color:rgba(255,255,255,0.65);} .utility-links > ul > li.utility-links__button > a {background: #ffa820; padding: 0.3077em 0.9231em; border-radius: 2.25em; transition: background-color 250ms ease;} .utility-links > ul > li.utility-links__button > a:hover {color: rgba(255,255,255,1); background: #ffb33b;} .utility-links ul ul {line-height:normal; position: absolute; z-index: 1; left: -9999px; top:auto; width: 225px; background:#fff; box-shadow: 0px 2px 1px rgba(45, 58, 75, 0.08); opacity: 0; transition: opacity 350ms ease; text-align: left} .utility-links > ul > li:hover > ul { left: auto; opacity: 1;} .utility-links ul ul a {font-size: 0.8125em; font-weight: 600; padding:0.6154em 1.5385em; color: #2d3a4b; transition: all 250ms ease; position: relative;} .utility-links ul ul a:hover {background: #eef3f5; color: #4d479c;} .utility-links ul ul li:not(:last-child) > a {border-bottom: 1px solid rgba(196, 208, 212,0.50)} /*-----------Header - Menu-----------*/ .menu {font-size: 14px; position:absolute; bottom:0; right: 0.9375rem;} .menu ul {list-style: none; margin: 0; padding: 0;} .menu li, .menu a {display: block;} .menu li {position: relative;} /*-----------Menu - First Level-----------*/ .menu > ul {float:right;} .menu > ul > li {float: left; height:100px; line-height:100px;} .menu > ul > li > a {font-size: 0.9375em; display: inline-block; vertical-align: middle; line-height: 1.2; font-weight: 600; padding: 0 1.25em; z-index: 1; color: #2d3a4b; position: relative; transition:background-color 250ms ease;} .menu > ul > li > a:hover, .menu > ul > li:hover > a, .menu > ul > li.selected > a {color:#4d479c;} .menu > ul > li.menu__button {margin-left: 0.9375em;} .menu > ul > li.menu__button > a {font-size: 0.8125em; text-transform: uppercase; background: #ffa820; color: #fff; border: 2px solid transparent; padding: 0.8571em 1.0714em; border-radius: 3px; transition: all 250ms ease;} .menu > ul > li.menu__button--secondary > a {border-color: #3a93d0; background: none; color: #2d3a4b;} .menu > ul > li.menu__button > a:hover, .menu > ul > li.menu__button:hover > a {background: #ffb33b; color: #fff;} .menu > ul > li.menu__button--secondary > a:hover, .menu > ul > li.menu__button--secondary:hover > a {background: #3a93d0; color: #fff;} /*-----------Menu - Dropdown-----------*/ .menu ul ul {line-height:normal; position: absolute; left: -9999px; top:auto; width: 225px; background:#fff; box-shadow: 0px 2px 1px rgba(45, 58, 75, 0.08); opacity: 0; transition: opacity 250ms ease;} .menu ul ul::before {content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 3px; background: #4d479c; background: linear-gradient(to right, #857dbb 0%,#6b62ac 25%,#4d479c 50%,#603f98 75%,#7155a4 100%); transition: width 800ms cubic-bezier(0.215, 0.61, 0.355, 1)} .menu ul ul a {font-size: 0.875em; font-weight: 600; padding:1.0714em 1.4286em; color: #2d3a4b; transition: all 250ms ease; position: relative;} .menu ul ul li:not(:last-child) > a {border-bottom: 1px solid rgba(196, 208, 212,0.50)} .menu ul ul a:hover, .menu ul ul li.drop-open > a, .menu ul ul li.selected > a {background: #eef3f5; color:#4d479c;} .menu ul ul .menu-arrow:after {content:"\ea21"; font-family: 'CD-Project-Icons'; margin-left:0.333em; font-size:90%; color:#c4d0d4;} .no-touchevents .menu > ul > li.drop-open > ul, .touchevents .menu > ul > li:hover > ul { left: auto; opacity: 1;} .no-touchevents .menu > ul > li.drop-open > ul::before, .touchevents .menu > ul > li:hover > ul::before {width: 100%;} /*-----------Menu - Second Level Dropdown-----------*/ .no-touchevents .menu > ul > li ul li.drop-open ul, .touchevents .menu > ul > li ul li:hover ul {opacity: 1; left: 225px; top:0;} .no-touchevents .menu > ul > li.drop-right ul li.drop-open ul , .touchevents .menu > ul > li.drop-right ul li:hover ul {left:inherit; right:225px;} /*-----------Sticky Header-----------*/ .sticky-header .utility-links {display: none;} .sticky-header .header__container, .sticky-header .menu > ul > li {height: 80px;} .sticky-header .menu > ul > li {line-height: 80px;} .sticky-header .logo {width: 200px; bottom: 14px;} } @media only screen and (min-width: 1200px) { .menu {font-size: 15px;} } @media only screen and (min-width: 1366px) { .menu {font-size: 16px;} } @media only screen and (max-width: 1024px) { /*-----------Header-----------*/ .header {position:relative; height:54px;} /*-----------Header - Logo-----------*/ .logo { display:block; width:100%; height:54px; line-height:50px; padding:0 0 0 54px;} .logo img {width:100%; max-width:120px; display:inline-block; vertical-align:middle;} /*-----------Header - Buttons-----------*/ .header__buttons {font-size: 16px; position: absolute; top: 0; right:0.9375rem; height: 54px; line-height: 54px;} .header__button {display: inline-block; vertical-align: middle; line-height: 1.2; margin-left: 0.625em;} .header__button {font-size: 0.8125em; font-weight: 600; text-transform: uppercase; background: #ffa820; color: #fff; border: 2px solid transparent; padding: 0.4615em 1.1538em; border-radius: 3px; transition: all 250ms ease;} .header__button--secondary {border-color: #3a93d0; background: none; color: #2d3a4b;} .header__button:hover, .header__button:hover {background: #ffb33b; color: #fff;} .header__button--secondary:hover, .header__button--secondary:hover {background: #3a93d0; color: #fff;} /*-----------Drawer Toggle-----------*/ .drawer-toggle { position: absolute; top: 0; left: 0; width:50px; height:54px; text-align:center; display:block; margin:0; padding:0; color:#4d479c;} .drawer-toggle span {position:absolute; display:block; width:28px; height:3px; background:#4d479c; top:50%; margin-top:-1px; left:50%; margin-left:-14px;} .drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; } .drawer-toggle span::before {top: -8px;} .drawer-toggle span::after {bottom: -8px;} /*-----------Drawer-----------*/ .drawer { position: fixed; z-index:1001; top: 0; left: -300px; height: 100%; width: 300px; background: #4d479c; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition:-webkit-transform 150ms ease-in-out; transition:transform 150ms ease-in-out;} /*-----------Main Menu-----------*/ .menu {font-size:16px; background:#fff;} .menu ul { padding: 0; margin: 0; list-style: none;} .menu li {line-height:1.2;} .menu li, .menu a {display: block;} .menu a {border-bottom:1px solid rgba(196, 208, 212,0.5); transition: none;} .menu ul li a {font-size:1em; font-weight: 600; padding:0.833em 0.667em; color: #2d3a4b; position: relative;} .menu > ul > li.active > a, .menu > ul > li.selected > a {background:#4d479c; color:#fff; border-bottom:1px solid rgba(196, 208, 212,0.15);} .menu .menu-arrow {position: absolute; top: 0; right: 0; display: block; width: 2.778em; text-align: center; height: 100%; z-index: 1; } .menu .menu-arrow:after {font-size:1.5em; font-weight: normal; content: "\e910"; font-family: 'CD-Project-Icons'; color:#4d479c; line-height:1; position: absolute; top: 50%; left: 50%; margin: -0.500em 0 0 -0.500em; font-style: normal; -webkit-transition: all 150ms ease; transition: all 150ms ease;} .menu li.active > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); color:#fff; } .menu li.active > ul { display: block;} .menu ul ul { background:#4d479c; display:none;} .menu > ul > li > ul > li.active > a {background:rgba(0,0,0,0.15); color:#fff; } .menu ul ul li a { font-size: 0.875em; color: #fff; padding-left: 1.765em; border-bottom:1px solid rgba(196, 208, 212,0.15);} .menu ul ul .menu-arrow:after {color: #fff;} .menu ul ul ul {background:rgba(0,0,0,0.15);} .menu ul ul ul li a {font-size: 0.8125em; padding-left: 3.000em;} /*-----------Pull Out Menu Content Overlay-----------*/ .content-overlay {visibility: hidden; height: 100%; width: 100%; background: #2d3a4b; opacity: 0; position: absolute; top: 0; left:0; -webkit-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; z-index:1000;} /*-----------Pull Out Menu Open-----------*/ .root {position: relative; height: 100%;} .root.menu_open {overflow:hidden; height: 100vh} .root.menu_open .drawer {-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0);} .root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position:fixed; top:0; left:0; right:0; opacity:0.9; overflow:hidden;} .root.menu_open .content-overlay span {position:absolute; top:0.577em; right:0.577em; font-size:1.625rem; color:#fff;} /*-----------Header - Utility LInks-----------*/ .utility-links {font-size: 16px; background: #eef3f5;} .utility-links li {line-height:1.2;} .utility-links > ul > li {border-bottom:1px solid rgba(196, 208, 212,0.50);} .utility-links a {font-size:0.875em; text-transform: uppercase; font-weight: 600; padding:0.667em 0.938em;} .utility-links ul ul {padding: 0 0 0.625em 0.625em} .utility-links ul ul a {text-transform: none;} } @media only screen and (max-width: 640px) { .header__buttons {font-size: 14px;} } @media only screen and (max-width: 550px) { .header__button {padding-right: 0.625em; padding-left: 0.625em} .logo {padding-left: 44px} .logo img {max-width:100px;} .drawer-toggle { width:40px; } .drawer-toggle span {width:22px; margin-left:-11px;} } @media only screen and (max-width: 479px) { /* Menu */ .menu, .utility-links {font-size: 15px;} .header__buttons {font-size: 12px; right: 0.625rem} .drawer {width:280px; left:-280px;} .root.menu_open .drawer {-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0);} } @media only screen and (max-width: 430px) { .logo {padding-left: 32px} .logo img {max-width:80px;} .drawer-toggle { width:30px; } .drawer-toggle span {width:16px; margin-left:-8px;} } @media only screen and (max-width: 390px) { .header__buttons {font-size: 11px;} } @media only screen and (max-width: 375px) { /* Menu */ .menu, .utility-links {font-size: 14px;} .header__buttons {font-size: 10px;} .drawer {width:260px; left:-260px;} .root.menu_open .drawer {-webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0);} } @media only screen and (max-width: 360px) { .logo img {max-width:60px;} } .sticky-header .header{position:fixed; top: 0; left: 0; width: 100%; background: #fff} .sticky-header--up .header{-webkit-animation-name:stickyHeaderUp;animation-name:stickyHeaderUp;-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .sticky-header--down .header{-webkit-animation-name:stickyHeaderDown;animation-name:stickyHeaderDown;-webkit-animation-duration:400ms;animation-duration:400ms;} @-webkit-keyframes stickyHeaderDown{from{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}to{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}}@keyframes stickyHeaderDown{from{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}to{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}}@-webkit-keyframes stickyHeaderUp{0%{position:fixed;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}100%{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}}@keyframes stickyHeaderUp{0%{position:fixed;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}100%{-webkit-transform:translate3d(0px,-100%,0px);transform:translate3d(0px,-100%,0px)}} /******************************************************************************** --- Hero --- *********************************************************************************/ .hero {background: #2d3a4b} /******************************************************************************** --- Home - Slider --- *********************************************************************************/ .slider-container {overflow:hidden; background: #2d3a4b; position:relative;} .slider.royalSlider > .rsContent {visibility:hidden;} .slider {width: 100%; color: #2d3a4b;} .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 680px!important;} .slider__slide:before {content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(45,58,75,1) 0%,rgba(45,58,75,0.1) 100%);} /* Hero Bullets */ .rsBullets {font-size: 16px; position: relative; top: -140px; float: none!important; width: 90%; max-width: 1230px; padding: 0 0.9375rem; margin:0 auto; z-index:31; overflow: hidden;} .rsBullet {display: block; float: left; cursor: pointer; margin-right: 0.625em; width: 0.938em; height: 0.938em; border-radius: 0.938em; border: 2px solid #85969c;} .rsBullet.rsNavSelected {background: #85969c;} /* Hero Caption */ .slider__overlay {position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 80px;} .slider__wrapper {display: table; width: 100%; height: 100%;} .slider__valign {display: table-cell; vertical-align: middle;} .slider__caption {font-size: 16px; max-width: 37.500em;} .slider__headline {font-size: 3.75em; color: #fff; font-weight: 300; margin-bottom: 0.5em} .slider__headline span {font-weight: 600; display: block;} .slider__overview {font-size: 1.250em; color: rgba(255,255,255,0.85); margin-bottom: 1.750em;} .slider__actions {margin: 0 -0.313em;} .slider__actions .button {font-size: 1.000em; margin: 0 0.313em;} .slider__actions .button.stroke {border-color: rgba(255,255,255,0.85); color: #fff; padding-top: 0.938em; padding-bottom: 0.938em;} .slider__actions .button.stroke:hover {background-color: rgba(255,255,255,0.5)} /* Default Royal Slider Styles v1.0.6 */ .royalSlider {width:100%; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsArrow { cursor: pointer; opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position: absolute; z-index: 0; } img.rsImg { max-width: none; } .rsNoDrag { cursor: auto; } .royalSlider img {width: 100%; height: auto; margin: 0 auto;} @-webkit-keyframes hero-zoom-in{0%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{-moz-transform:scale3d(1.03,1.03,1);-ms-transform:scale3d(1.03,1.03,1);-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}}@-moz-keyframes hero-zoom-in{0%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{-moz-transform:scale3d(1.03,1.03,1);-ms-transform:scale3d(1.03,1.03,1);-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}}@-o-keyframes hero-zoom-in{0%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{-moz-transform:scale3d(1.03,1.03,1);-ms-transform:scale3d(1.03,1.03,1);-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}}@keyframes hero-zoom-in{0%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{-moz-transform:scale3d(1.03,1.03,1);-ms-transform:scale3d(1.03,1.03,1);-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}}@-webkit-keyframes hero-zoom-out{0%{-moz-transform:scale3d(1.03,1.03,1);-ms-transform:scale3d(1.03,1.03,1);-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}100%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-moz-keyframes hero-zoom-out{0%{-moz-transform:scale3d(1.03,1.03,1);-ms-transform:scale3d(1.03,1.03,1);-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}100%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-o-keyframes hero-zoom-out{0%{-moz-transform:scale3d(1.03,1.03,1);-ms-transform:scale3d(1.03,1.03,1);-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}100%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes hero-zoom-out{0%{-moz-transform:scale3d(1.03,1.03,1);-ms-transform:scale3d(1.03,1.03,1);-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}100%{-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .rsSlide:nth-child(odd) img { -webkit-animation-name: hero-zoom-in; -webkit-animation-fill-mode: forwards; -moz-animation-name: hero-zoom-in; -moz-animation-fill-mode: forwards; -o-animation-name: hero-zoom-in; -o-animation-fill-mode: forwards; animation-name: hero-zoom-in; animation-fill-mode: forwards; -webkit-animation-duration: 6000ms; animation-duration: 6000ms } .rsSlide:nth-child(even) img { -webkit-animation-name: hero-zoom-out; -webkit-animation-fill-mode: forwards; -moz-animation-name: hero-zoom-out; -moz-animation-fill-mode: forwards; -o-animation-name: hero-zoom-out; -o-animation-fill-mode: forwards; animation-name: hero-zoom-out; animation-fill-mode: forwards; -webkit-animation-duration: 6000ms; animation-duration: 6000ms } @media only screen and (max-width: 1366px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 625px!important;} .rsBullets {top: -120px;} .rsArrow {font-size: 11px;} .rsArrowLeft {left:2.000em;} .rsArrowRight {right:2.000em;} } @media only screen and (max-width: 1199px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 525px!important;} .rsArrow {display: none!important;} .slider__overlay {padding-bottom: 60px;} .slider__caption {font-size: 14px;} .rsBullets {font-size: 15px} .rsBullets {top: -100px;} } @media only screen and (max-width: 959px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 450px!important;} .slider__overlay {padding-bottom: 40px;} .slider__caption {font-size: 13px;} .rsBullets {top: -80px;} } @media only screen and (max-width: 800px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 400px!important;} .slider__overlay {padding-bottom: 25px;} .slider__caption {font-size: 12px;} .rsBullets {font-size: 14px; top: -60px;} } @media only screen and (max-width: 639px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 360px!important;} .rsBullets {width: 96%;} .slider__overlay {padding-bottom: 18px;} .slider__headline {font-size: 2.500em;} .rsBullets {font-size: 13px; top: -45px;} } @media only screen and (max-width: 479px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 320px!important;} .slider__caption {font-size: 11px;} .rsBullets {font-size: 12px; top: -45px;} } @media only screen and (max-width: 375px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 300px!important;} .slider__caption {font-size: 10px;} .slider__headline {font-size: 2.250em; margin-bottom: 0.500em;} .slider__overview {margin-bottom: 1.000em;} .rsBullets {font-size: 11px;} .slider__actions .button {display: inline-block; width: auto;} } @media only screen and (max-width: 320px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 265px!important;} .slider__caption {font-size: 9px;} .rsBullets {font-size: 10px; top: -40px;} } /******************************************************************************** --- Inner Hero --- *********************************************************************************/ .inner-hero {height:18.75em; position: relative; background-color: #2d3a4b; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden;} .inner-hero__top-bg {position: absolute; top: 0; left: 0; width: 100%; height:6.25em; background-image: linear-gradient(to top, rgba(45, 58, 75, 0), rgba(45, 58, 75, 0.55));} .inner-hero::before, .inner-hero::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .inner-hero::before {background-image: linear-gradient(to bottom, rgba(45, 58, 75, 0), rgba(45, 58, 75, 1)); opacity: 0.45} .inner-hero::after {background-color: rgba(45, 58, 75, 0.45);} .inner-hero__container {position: absolute; top: 0; left: 0; width: 100%; height: 18.75em; line-height: 18.75em; text-align: center; z-index: 1;} .inner-hero__valign {display: inline-block; vertical-align: middle; line-height: 1.2; width: 100%;} .inner-hero__headline {font-size: 2.4375em; margin-bottom: 0.3636em; color: #fff; } .inner-hero__subheadline {font-size: 1.25em; font-weight: 400; color: rgba(255,255,255,0.95); line-height: 1.4; margin-bottom: 0;} @media only screen and (max-width: 800px) { .inner-hero__caption {font-size: 12px;} } @media only screen and (max-width: 639px) { .inner-hero__caption {font-size: 11px;} } @media only screen and (max-width: 479px) { .inner-hero {height: 15.63em;} .inner-hero__container {height: 15.63em; line-height: 15.63em;} .inner-hero__caption {font-size: 10px;} } @media only screen and (max-width: 375px) { .inner-hero__caption {font-size: 9px;} } @media only screen and (max-width: 320px) { .inner-hero__caption {font-size: 8px;} } /******************************************************************************** --- Breadcrumbs --- *********************************************************************************/ .inner-hero .breadcrumbs {margin-top: 2.5em} .inner-hero .breadcrumbs a {font-size: 1em; display: inline-block; color: rgba(255,255,255,1); padding: 0 0.9375em; position: relative; line-height: 1.2;} .inner-hero .breadcrumbs a:not(:last-child):hover {color: rgba(255,255,255,0.65)} .inner-hero .breadcrumbs .icon-home:before {position: relative; top: 0.0625em;} .inner-hero .breadcrumbs a:not(:last-child)::after {font-size: 0.875em; content: "\e915"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0.2143em; right: -0.5714em; color: rgba(255,255,255,0.3)} .inner-hero .breadcrumbs a:last-child {cursor: default; color: rgba(255,255,255,1);} .breadcrumbs-header {background: #eef3f5; padding: 0.625em 0;} .breadcrumbs-header .breadcrumbs {width: 96%; max-width: 1230px; margin-right: auto; margin-left: auto; padding-right: 0.6667rem; padding-left: 0.6667rem;} .breadcrumbs-header .breadcrumbs a {font-size: 0.875em; font-weight: 600; display: inline-block; color: #85969c; padding: 0 0.9375em; position: relative; line-height: 1.2;} .breadcrumbs-header .breadcrumbs a:first-child {padding-left: 0} .breadcrumbs-header .breadcrumbs a:not(:last-child):hover {color: #4d479c} .breadcrumbs-header .breadcrumbs .icon-home:before {position: relative; top: 0.0625em;} .breadcrumbs-header .breadcrumbs a:not(:last-child)::after {font-size: 0.875em; content: "\e915"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 1px; right: -0.5714em; color: #c4d0d4} .breadcrumbs-header .breadcrumbs a:last-child {cursor: default; color: #2d3a4b;} @media only screen and (min-width: 640px) { .breadcrumbs-header .breadcrumbs {width: 90%; padding-right: 0.9375rem; padding-left: 0.9375rem;} } @media only screen and (max-width: 479px) { .breadcrumbs-header .breadcrumbs {font-size: 0.8125em;} .breadcrumbs-header .breadcrumbs a {padding: 0 0.625em;} } /******************************************************************************** --- Sections --- *********************************************************************************/ .section {} .section--white {background: #fff;} .section--gray {background: #eef3f5} /******************************************************************************** --- Grid --- *********************************************************************************/ /* Base Grid Classes */ .row{max-width:1230px;margin-right:auto;margin-left:auto}.row::before,.row::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.row::after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-right:0;padding-left:0}.row .row{margin-right:-0.6667rem;margin-left:-0.6667rem}.row .row.collapse{margin-right:0;margin-left:0}.row.expanded{max-width:none}.row.expanded .row{margin-right:auto;margin-left:auto}.row:not(.expanded) .row{max-width:none}.column,.columns{width:100%;float:left;padding-right:0.6667rem;padding-left:0.6667rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.row-site{width:96%}.row-fullscreen{max-width:1900px;} /* .xsmall- Grid */ .xsmall-1{width:8.33333%}.xsmall-push-1{position:relative;left:8.33333%}.xsmall-pull-1{position:relative;left:-8.33333%}.xsmall-offset-0{margin-left:0%}.xsmall-2{width:16.66667%}.xsmall-push-2{position:relative;left:16.66667%}.xsmall-pull-2{position:relative;left:-16.66667%}.xsmall-offset-1{margin-left:8.33333%}.xsmall-3{width:25%}.xsmall-push-3{position:relative;left:25%}.xsmall-pull-3{position:relative;left:-25%}.xsmall-offset-2{margin-left:16.66667%}.xsmall-4{width:33.33333%}.xsmall-push-4{position:relative;left:33.33333%}.xsmall-pull-4{position:relative;left:-33.33333%}.xsmall-offset-3{margin-left:25%}.xsmall-5{width:41.66667%}.xsmall-push-5{position:relative;left:41.66667%}.xsmall-pull-5{position:relative;left:-41.66667%}.xsmall-offset-4{margin-left:33.33333%}.xsmall-6{width:50%}.xsmall-push-6{position:relative;left:50%}.xsmall-pull-6{position:relative;left:-50%}.xsmall-offset-5{margin-left:41.66667%}.xsmall-7{width:58.33333%}.xsmall-push-7{position:relative;left:58.33333%}.xsmall-pull-7{position:relative;left:-58.33333%}.xsmall-offset-6{margin-left:50%}.xsmall-8{width:66.66667%}.xsmall-push-8{position:relative;left:66.66667%}.xsmall-pull-8{position:relative;left:-66.66667%}.xsmall-offset-7{margin-left:58.33333%}.xsmall-9{width:75%}.xsmall-push-9{position:relative;left:75%}.xsmall-pull-9{position:relative;left:-75%}.xsmall-offset-8{margin-left:66.66667%}.xsmall-10{width:83.33333%}.xsmall-push-10{position:relative;left:83.33333%}.xsmall-pull-10{position:relative;left:-83.33333%}.xsmall-offset-9{margin-left:75%}.xsmall-11{width:91.66667%}.xsmall-push-11{position:relative;left:91.66667%}.xsmall-pull-11{position:relative;left:-91.66667%}.xsmall-offset-10{margin-left:83.33333%}.xsmall-12{width:100%}.xsmall-offset-11{margin-left:91.66667%}.xsmall-up-1>.column,.xsmall-up-1>.columns{float:left;width:100%}.xsmall-up-1>.column:nth-of-type(1n),.xsmall-up-1>.columns:nth-of-type(1n){clear:none}.xsmall-up-1>.column:nth-of-type(1n+1),.xsmall-up-1>.columns:nth-of-type(1n+1){clear:both}.xsmall-up-1>.column:last-child,.xsmall-up-1>.columns:last-child{float:left}.xsmall-up-2>.column,.xsmall-up-2>.columns{float:left;width:50%}.xsmall-up-2>.column:nth-of-type(1n),.xsmall-up-2>.columns:nth-of-type(1n){clear:none}.xsmall-up-2>.column:nth-of-type(2n+1),.xsmall-up-2>.columns:nth-of-type(2n+1){clear:both}.xsmall-up-2>.column:last-child,.xsmall-up-2>.columns:last-child{float:left}.xsmall-up-3>.column,.xsmall-up-3>.columns{float:left;width:33.33333%}.xsmall-up-3>.column:nth-of-type(1n),.xsmall-up-3>.columns:nth-of-type(1n){clear:none}.xsmall-up-3>.column:nth-of-type(3n+1),.xsmall-up-3>.columns:nth-of-type(3n+1){clear:both}.xsmall-up-3>.column:last-child,.xsmall-up-3>.columns:last-child{float:left}.xsmall-up-4>.column,.xsmall-up-4>.columns{float:left;width:25%}.xsmall-up-4>.column:nth-of-type(1n),.xsmall-up-4>.columns:nth-of-type(1n){clear:none}.xsmall-up-4>.column:nth-of-type(4n+1),.xsmall-up-4>.columns:nth-of-type(4n+1){clear:both}.xsmall-up-4>.column:last-child,.xsmall-up-4>.columns:last-child{float:left}.xsmall-up-5>.column,.xsmall-up-5>.columns{float:left;width:20%}.xsmall-up-5>.column:nth-of-type(1n),.xsmall-up-5>.columns:nth-of-type(1n){clear:none}.xsmall-up-5>.column:nth-of-type(5n+1),.xsmall-up-5>.columns:nth-of-type(5n+1){clear:both}.xsmall-up-5>.column:last-child,.xsmall-up-5>.columns:last-child{float:left}.xsmall-up-6>.column,.xsmall-up-6>.columns{float:left;width:16.66667%}.xsmall-up-6>.column:nth-of-type(1n),.xsmall-up-6>.columns:nth-of-type(1n){clear:none}.xsmall-up-6>.column:nth-of-type(6n+1),.xsmall-up-6>.columns:nth-of-type(6n+1){clear:both}.xsmall-up-6>.column:last-child,.xsmall-up-6>.columns:last-child{float:left}.xsmall-up-7>.column,.xsmall-up-7>.columns{float:left;width:14.28571%}.xsmall-up-7>.column:nth-of-type(1n),.xsmall-up-7>.columns:nth-of-type(1n){clear:none}.xsmall-up-7>.column:nth-of-type(7n+1),.xsmall-up-7>.columns:nth-of-type(7n+1){clear:both}.xsmall-up-7>.column:last-child,.xsmall-up-7>.columns:last-child{float:left}.xsmall-up-8>.column,.xsmall-up-8>.columns{float:left;width:12.5%}.xsmall-up-8>.column:nth-of-type(1n),.xsmall-up-8>.columns:nth-of-type(1n){clear:none}.xsmall-up-8>.column:nth-of-type(8n+1),.xsmall-up-8>.columns:nth-of-type(8n+1){clear:both}.xsmall-up-8>.column:last-child,.xsmall-up-8>.columns:last-child{float:left}.xsmall-collapse>.column,.xsmall-collapse>.columns{padding-right:0;padding-left:0}.xsmall-collapse .row{margin-right:0;margin-left:0}.expanded.row .xsmall-collapse.row{margin-right:0;margin-left:0}.xsmall-uncollapse>.column,.xsmall-uncollapse>.columns{padding-right:0.6667rem;padding-left:0.6667rem}.xsmall-centered{margin-right:auto;margin-left:auto}.xsmall-centered,.xsmall-centered:last-child:not(:first-child){float:none;clear:both}.xsmall-uncentered,.xsmall-push-0,.xsmall-pull-0{position:static;float:left;margin-right:0;margin-left:0} /* .small- Grid */ @media print,screen and (min-width:480px){ .small-1{width:8.33333%}.small-push-1{position:relative;left:8.33333%}.small-pull-1{position:relative;left:-8.33333%}.small-offset-0{margin-left:0%}.small-2{width:16.66667%}.small-push-2{position:relative;left:16.66667%}.small-pull-2{position:relative;left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{position:relative;left:25%}.small-pull-3{position:relative;left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;left:33.33333%}.small-pull-4{position:relative;left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{position:relative;left:41.66667%}.small-pull-5{position:relative;left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{position:relative;left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;left:58.33333%}.small-pull-7{position:relative;left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{position:relative;left:66.66667%}.small-pull-8{position:relative;left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{position:relative;left:75%}.small-pull-9{position:relative;left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;left:83.33333%}.small-pull-10{position:relative;left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{position:relative;left:91.66667%}.small-pull-11{position:relative;left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1>.column,.small-up-1>.columns{float:left;width:100%}.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n){clear:none}.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1){clear:both}.small-up-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.small-up-2>.column,.small-up-2>.columns{float:left;width:50%}.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n){clear:none}.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1){clear:both}.small-up-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.small-up-3>.column,.small-up-3>.columns{float:left;width:33.33333%}.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n){clear:none}.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1){clear:both}.small-up-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.small-up-4>.column,.small-up-4>.columns{float:left;width:25%}.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n){clear:none}.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1){clear:both}.small-up-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.small-up-5>.column,.small-up-5>.columns{float:left;width:20%}.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n){clear:none}.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1){clear:both}.small-up-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.small-up-6>.column,.small-up-6>.columns{float:left;width:16.66667%}.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n){clear:none}.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1){clear:both}.small-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{float:left;width:14.28571%}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{float:left;width:12.5%}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-right:0;padding-left:0}.small-collapse .row{margin-right:0;margin-left:0}.expanded.row .small-collapse.row{margin-right:0;margin-left:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-right:0.6667rem;padding-left:0.6667rem}.small-centered{margin-right:auto;margin-left:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-uncentered,.small-push-0,.small-pull-0{position:static;float:left;margin-right:0;margin-left:0} } @media print, screen and (min-width:640px) { .medium-1{width:8.33333%}.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{position:relative;left:-8.33333%}.medium-offset-0{margin-left:0%}.medium-2{width:16.66667%}.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{position:relative;left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;left:25%}.medium-pull-3{position:relative;left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{position:relative;left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{position:relative;left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{position:relative;left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{position:relative;left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{position:relative;left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;left:75%}.medium-pull-9{position:relative;left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{position:relative;left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{position:relative;left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1>.column,.medium-up-1>.columns{float:left;width:100%}.medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n){clear:none}.medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1){clear:both}.medium-up-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.medium-up-2>.column,.medium-up-2>.columns{float:left;width:50%}.medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n){clear:none}.medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1){clear:both}.medium-up-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.medium-up-3>.column,.medium-up-3>.columns{float:left;width:33.33333%}.medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n){clear:none}.medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1){clear:both}.medium-up-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.medium-up-4>.column,.medium-up-4>.columns{float:left;width:25%}.medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n){clear:none}.medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1){clear:both}.medium-up-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.medium-up-5>.column,.medium-up-5>.columns{float:left;width:20%}.medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n){clear:none}.medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1){clear:both}.medium-up-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.medium-up-6>.column,.medium-up-6>.columns{float:left;width:16.66667%}.medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n){clear:none}.medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1){clear:both}.medium-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{float:left;width:14.28571%}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{float:left;width:12.5%}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-right:0;padding-left:0}.medium-collapse .row{margin-right:0;margin-left:0}.expanded.row .medium-collapse.row{margin-right:0;margin-left:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.medium-centered{margin-right:auto;margin-left:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-uncentered,.medium-push-0,.medium-pull-0{position:static;float:left;margin-right:0;margin-left:0}.column,.columns{padding-right:0.9375rem;padding-left:0.9375rem}.row .row{margin-right:-0.9375rem;margin-left:-0.9375rem}.row-site{width:90%} } /* .large- Grid */ @media print, screen and (min-width:801px) { .large-1{width:8.33333%}.large-push-1{position:relative;left:8.33333%}.large-pull-1{position:relative;left:-8.33333%}.large-offset-0{margin-left:0%}.large-2{width:16.66667%}.large-push-2{position:relative;left:16.66667%}.large-pull-2{position:relative;left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{position:relative;left:25%}.large-pull-3{position:relative;left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;left:33.33333%}.large-pull-4{position:relative;left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{position:relative;left:41.66667%}.large-pull-5{position:relative;left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{position:relative;left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;left:58.33333%}.large-pull-7{position:relative;left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{position:relative;left:66.66667%}.large-pull-8{position:relative;left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{position:relative;left:75%}.large-pull-9{position:relative;left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;left:83.33333%}.large-pull-10{position:relative;left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{position:relative;left:91.66667%}.large-pull-11{position:relative;left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1>.column,.large-up-1>.columns{float:left;width:100%}.large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n){clear:none}.large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1){clear:both}.large-up-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.large-up-2>.column,.large-up-2>.columns{float:left;width:50%}.large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n){clear:none}.large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1){clear:both}.large-up-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.large-up-3>.column,.large-up-3>.columns{float:left;width:33.33333%}.large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n){clear:none}.large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1){clear:both}.large-up-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.large-up-4>.column,.large-up-4>.columns{float:left;width:25%}.large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n){clear:none}.large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1){clear:both}.large-up-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.large-up-5>.column,.large-up-5>.columns{float:left;width:20%}.large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n){clear:none}.large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){clear:both}.large-up-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.large-up-6>.column,.large-up-6>.columns{float:left;width:16.66667%}.large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n){clear:none}.large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1){clear:both}.large-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{float:left;width:14.28571%}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{float:left;width:12.5%}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-right:0;padding-left:0}.large-collapse .row{margin-right:0;margin-left:0}.expanded.row .large-collapse.row{margin-right:0;margin-left:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.large-centered{margin-right:auto;margin-left:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-uncentered,.large-push-0,.large-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xlarge- Grid */ @media print, screen and (min-width:960px) { .xlarge-1{width:8.33333%}.xlarge-push-1{position:relative;left:8.33333%}.xlarge-pull-1{position:relative;left:-8.33333%}.xlarge-offset-0{margin-left:0%}.xlarge-2{width:16.66667%}.xlarge-push-2{position:relative;left:16.66667%}.xlarge-pull-2{position:relative;left:-16.66667%}.xlarge-offset-1{margin-left:8.33333%}.xlarge-3{width:25%}.xlarge-push-3{position:relative;left:25%}.xlarge-pull-3{position:relative;left:-25%}.xlarge-offset-2{margin-left:16.66667%}.xlarge-4{width:33.33333%}.xlarge-push-4{position:relative;left:33.33333%}.xlarge-pull-4{position:relative;left:-33.33333%}.xlarge-offset-3{margin-left:25%}.xlarge-5{width:41.66667%}.xlarge-push-5{position:relative;left:41.66667%}.xlarge-pull-5{position:relative;left:-41.66667%}.xlarge-offset-4{margin-left:33.33333%}.xlarge-6{width:50%}.xlarge-push-6{position:relative;left:50%}.xlarge-pull-6{position:relative;left:-50%}.xlarge-offset-5{margin-left:41.66667%}.xlarge-7{width:58.33333%}.xlarge-push-7{position:relative;left:58.33333%}.xlarge-pull-7{position:relative;left:-58.33333%}.xlarge-offset-6{margin-left:50%}.xlarge-8{width:66.66667%}.xlarge-push-8{position:relative;left:66.66667%}.xlarge-pull-8{position:relative;left:-66.66667%}.xlarge-offset-7{margin-left:58.33333%}.xlarge-9{width:75%}.xlarge-push-9{position:relative;left:75%}.xlarge-pull-9{position:relative;left:-75%}.xlarge-offset-8{margin-left:66.66667%}.xlarge-10{width:83.33333%}.xlarge-push-10{position:relative;left:83.33333%}.xlarge-pull-10{position:relative;left:-83.33333%}.xlarge-offset-9{margin-left:75%}.xlarge-11{width:91.66667%}.xlarge-push-11{position:relative;left:91.66667%}.xlarge-pull-11{position:relative;left:-91.66667%}.xlarge-offset-10{margin-left:83.33333%}.xlarge-12{width:100%}.xlarge-offset-11{margin-left:91.66667%}.xlarge-up-1>.column,.xlarge-up-1>.columns{float:left;width:100%}.xlarge-up-1>.column:nth-of-type(1n),.xlarge-up-1>.columns:nth-of-type(1n){clear:none}.xlarge-up-1>.column:nth-of-type(1n+1),.xlarge-up-1>.columns:nth-of-type(1n+1){clear:both}.xlarge-up-1>.column:last-child,.xlarge-up-1>.columns:last-child{float:left}.xlarge-up-2>.column,.xlarge-up-2>.columns{float:left;width:50%}.xlarge-up-2>.column:nth-of-type(1n),.xlarge-up-2>.columns:nth-of-type(1n){clear:none}.xlarge-up-2>.column:nth-of-type(2n+1),.xlarge-up-2>.columns:nth-of-type(2n+1){clear:both}.xlarge-up-2>.column:last-child,.xlarge-up-2>.columns:last-child{float:left}.xlarge-up-3>.column,.xlarge-up-3>.columns{float:left;width:33.33333%}.xlarge-up-3>.column:nth-of-type(1n),.xlarge-up-3>.columns:nth-of-type(1n){clear:none}.xlarge-up-3>.column:nth-of-type(3n+1),.xlarge-up-3>.columns:nth-of-type(3n+1){clear:both}.xlarge-up-3>.column:last-child,.xlarge-up-3>.columns:last-child{float:left}.xlarge-up-4>.column,.xlarge-up-4>.columns{float:left;width:25%}.xlarge-up-4>.column:nth-of-type(1n),.xlarge-up-4>.columns:nth-of-type(1n){clear:none}.xlarge-up-4>.column:nth-of-type(4n+1),.xlarge-up-4>.columns:nth-of-type(4n+1){clear:both}.xlarge-up-4>.column:last-child,.xlarge-up-4>.columns:last-child{float:left}.xlarge-up-5>.column,.xlarge-up-5>.columns{float:left;width:20%}.xlarge-up-5>.column:nth-of-type(1n),.xlarge-up-5>.columns:nth-of-type(1n){clear:none}.xlarge-up-5>.column:nth-of-type(5n+1),.xlarge-up-5>.columns:nth-of-type(5n+1){clear:both}.xlarge-up-5>.column:last-child,.xlarge-up-5>.columns:last-child{float:left}.xlarge-up-6>.column,.xlarge-up-6>.columns{float:left;width:16.66667%}.xlarge-up-6>.column:nth-of-type(1n),.xlarge-up-6>.columns:nth-of-type(1n){clear:none}.xlarge-up-6>.column:nth-of-type(6n+1),.xlarge-up-6>.columns:nth-of-type(6n+1){clear:both}.xlarge-up-6>.column:last-child,.xlarge-up-6>.columns:last-child{float:left}.xlarge-up-7>.column,.xlarge-up-7>.columns{float:left;width:14.28571%}.xlarge-up-7>.column:nth-of-type(1n),.xlarge-up-7>.columns:nth-of-type(1n){clear:none}.xlarge-up-7>.column:nth-of-type(7n+1),.xlarge-up-7>.columns:nth-of-type(7n+1){clear:both}.xlarge-up-7>.column:last-child,.xlarge-up-7>.columns:last-child{float:left}.xlarge-up-8>.column,.xlarge-up-8>.columns{float:left;width:12.5%}.xlarge-up-8>.column:nth-of-type(1n),.xlarge-up-8>.columns:nth-of-type(1n){clear:none}.xlarge-up-8>.column:nth-of-type(8n+1),.xlarge-up-8>.columns:nth-of-type(8n+1){clear:both}.xlarge-up-8>.column:last-child,.xlarge-up-8>.columns:last-child{float:left}.xlarge-collapse>.column,.xlarge-collapse>.columns{padding-right:0;padding-left:0}.xlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xlarge-collapse.row{margin-right:0;margin-left:0}.xlarge-uncollapse>.column,.xlarge-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.xlarge-centered{margin-right:auto;margin-left:auto}.xlarge-centered,.xlarge-centered:last-child:not(:first-child){float:none;clear:both}.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xxlarge- Grid */ @media print, screen and (min-width:1200px) { .xxlarge-1{width:8.33333%}.xxlarge-push-1{position:relative;left:8.33333%}.xxlarge-pull-1{position:relative;left:-8.33333%}.xxlarge-offset-0{margin-left:0%}.xxlarge-2{width:16.66667%}.xxlarge-push-2{position:relative;left:16.66667%}.xxlarge-pull-2{position:relative;left:-16.66667%}.xxlarge-offset-1{margin-left:8.33333%}.xxlarge-3{width:25%}.xxlarge-push-3{position:relative;left:25%}.xxlarge-pull-3{position:relative;left:-25%}.xxlarge-offset-2{margin-left:16.66667%}.xxlarge-4{width:33.33333%}.xxlarge-push-4{position:relative;left:33.33333%}.xxlarge-pull-4{position:relative;left:-33.33333%}.xxlarge-offset-3{margin-left:25%}.xxlarge-5{width:41.66667%}.xxlarge-push-5{position:relative;left:41.66667%}.xxlarge-pull-5{position:relative;left:-41.66667%}.xxlarge-offset-4{margin-left:33.33333%}.xxlarge-6{width:50%}.xxlarge-push-6{position:relative;left:50%}.xxlarge-pull-6{position:relative;left:-50%}.xxlarge-offset-5{margin-left:41.66667%}.xxlarge-7{width:58.33333%}.xxlarge-push-7{position:relative;left:58.33333%}.xxlarge-pull-7{position:relative;left:-58.33333%}.xxlarge-offset-6{margin-left:50%}.xxlarge-8{width:66.66667%}.xxlarge-push-8{position:relative;left:66.66667%}.xxlarge-pull-8{position:relative;left:-66.66667%}.xxlarge-offset-7{margin-left:58.33333%}.xxlarge-9{width:75%}.xxlarge-push-9{position:relative;left:75%}.xxlarge-pull-9{position:relative;left:-75%}.xxlarge-offset-8{margin-left:66.66667%}.xxlarge-10{width:83.33333%}.xxlarge-push-10{position:relative;left:83.33333%}.xxlarge-pull-10{position:relative;left:-83.33333%}.xxlarge-offset-9{margin-left:75%}.xxlarge-11{width:91.66667%}.xxlarge-push-11{position:relative;left:91.66667%}.xxlarge-pull-11{position:relative;left:-91.66667%}.xxlarge-offset-10{margin-left:83.33333%}.xxlarge-12{width:100%}.xxlarge-offset-11{margin-left:91.66667%}.xxlarge-up-1>.column,.xxlarge-up-1>.columns{float:left;width:100%}.xxlarge-up-1>.column:nth-of-type(1n),.xxlarge-up-1>.columns:nth-of-type(1n){clear:none}.xxlarge-up-1>.column:nth-of-type(1n+1),.xxlarge-up-1>.columns:nth-of-type(1n+1){clear:both}.xxlarge-up-1>.column:last-child,.xxlarge-up-1>.columns:last-child{float:left}.xxlarge-up-2>.column,.xxlarge-up-2>.columns{float:left;width:50%}.xxlarge-up-2>.column:nth-of-type(1n),.xxlarge-up-2>.columns:nth-of-type(1n){clear:none}.xxlarge-up-2>.column:nth-of-type(2n+1),.xxlarge-up-2>.columns:nth-of-type(2n+1){clear:both}.xxlarge-up-2>.column:last-child,.xxlarge-up-2>.columns:last-child{float:left}.xxlarge-up-3>.column,.xxlarge-up-3>.columns{float:left;width:33.33333%}.xxlarge-up-3>.column:nth-of-type(1n),.xxlarge-up-3>.columns:nth-of-type(1n){clear:none}.xxlarge-up-3>.column:nth-of-type(3n+1),.xxlarge-up-3>.columns:nth-of-type(3n+1){clear:both}.xxlarge-up-3>.column:last-child,.xxlarge-up-3>.columns:last-child{float:left}.xxlarge-up-4>.column,.xxlarge-up-4>.columns{float:left;width:25%}.xxlarge-up-4>.column:nth-of-type(1n),.xxlarge-up-4>.columns:nth-of-type(1n){clear:none}.xxlarge-up-4>.column:nth-of-type(4n+1),.xxlarge-up-4>.columns:nth-of-type(4n+1){clear:both}.xxlarge-up-4>.column:last-child,.xxlarge-up-4>.columns:last-child{float:left}.xxlarge-up-5>.column,.xxlarge-up-5>.columns{float:left;width:20%}.xxlarge-up-5>.column:nth-of-type(1n),.xxlarge-up-5>.columns:nth-of-type(1n){clear:none}.xxlarge-up-5>.column:nth-of-type(5n+1),.xxlarge-up-5>.columns:nth-of-type(5n+1){clear:both}.xxlarge-up-5>.column:last-child,.xxlarge-up-5>.columns:last-child{float:left}.xxlarge-up-6>.column,.xxlarge-up-6>.columns{float:left;width:16.66667%}.xxlarge-up-6>.column:nth-of-type(1n),.xxlarge-up-6>.columns:nth-of-type(1n){clear:none}.xxlarge-up-6>.column:nth-of-type(6n+1),.xxlarge-up-6>.columns:nth-of-type(6n+1){clear:both}.xxlarge-up-6>.column:last-child,.xxlarge-up-6>.columns:last-child{float:left}.xxlarge-up-7>.column,.xxlarge-up-7>.columns{float:left;width:14.28571%}.xxlarge-up-7>.column:nth-of-type(1n),.xxlarge-up-7>.columns:nth-of-type(1n){clear:none}.xxlarge-up-7>.column:nth-of-type(7n+1),.xxlarge-up-7>.columns:nth-of-type(7n+1){clear:both}.xxlarge-up-7>.column:last-child,.xxlarge-up-7>.columns:last-child{float:left}.xxlarge-up-8>.column,.xxlarge-up-8>.columns{float:left;width:12.5%}.xxlarge-up-8>.column:nth-of-type(1n),.xxlarge-up-8>.columns:nth-of-type(1n){clear:none}.xxlarge-up-8>.column:nth-of-type(8n+1),.xxlarge-up-8>.columns:nth-of-type(8n+1){clear:both}.xxlarge-up-8>.column:last-child,.xxlarge-up-8>.columns:last-child{float:left}.xxlarge-collapse>.column,.xxlarge-collapse>.columns{padding-right:0;padding-left:0}.xxlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xxlarge-collapse.row{margin-right:0;margin-left:0}.xxlarge-uncollapse>.column,.xxlarge-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.xxlarge-centered{margin-right:auto;margin-left:auto}.xxlarge-centered,.xxlarge-centered:last-child:not(:first-child){float:none;clear:both}.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* Block Grid */ .column-block{margin-bottom:1.875rem}.column-block>:last-child{margin-bottom:0} /******************************************************************************** --- CD Font Icons Packcage - Full (replace with project icon set if supplied) --- *********************************************************************************/ @font-face {font-family: 'CD-Project-Icons'; src: url(assets/fonts/CD-Project-Icons.woff2?yk0w7i) format('woff2'), url(assets/fonts/CD-Project-Icons.ttf?yk0w7i) format('truetype'), url(assets/fonts/CD-Project-Icons.woff?yk0w7i) format('woff'), url(assets/fonts/CD-Project-Icons.svg?yk0w7i#CD-Project-Icons) format('svg'); font-weight: normal; font-style: normal;} [class^="icon-"], [class*=" icon-"] {font-family: 'CD-Project-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-arrow-drop-left:before{content: "\ea20";}.icon-arrow-drop-right:before{content: "\ea21";}.icon-image:before{content:"\e900"}.icon-about:before{content:"\e901"}.icon-account-box:before{content:"\e902"}.icon-account-circle:before{content:"\e903"}.icon-add-circle-fill:before{content:"\e904"}.icon-add-circle:before{content:"\e905"}.icon-add-user-male:before{content:"\e906"}.icon-add:before{content:"\e907"}.icon-address-book:before{content:"\e908"}.icon-addthis:before{content:"\e909"}.icon-adobeacrobatreader:before{content:"\e90a"}.icon-advertising:before{content:"\e90b"}.icon-airplane-mode-on:before{content:"\e90c"}.icon-alarm-clock:before{content:"\e90d"}.icon-albums:before{content:"\e90e"}.icon-android:before{content:"\e90f"}.icon-angle-down-circle:before{content:"\e910"}.icon-angle-down:before{content:"\e911"}.icon-angle-left-circle:before{content:"\e912"}.icon-angle-left:before{content:"\e913"}.icon-angle-right-circle:before{content:"\e914"}.icon-angle-right:before{content:"\e915"}.icon-angle-up-circle:before{content:"\e916"}.icon-angle-up:before{content:"\e917"}.icon-apple:before{content:"\e918"}.icon-approval:before{content:"\e919"}.icon-arrow-down-circle:before{content:"\e91a"}.icon-arrow-down-long:before{content:"\e91b"}.icon-arrow-down:before{content:"\e91c"}.icon-arrow-drop-down:before{content:"\e91d"}.icon-arrow-drop-up:before{content:"\e91e"}.icon-arrow-left-circle:before{content:"\e91f"}.icon-arrow-left-long:before{content:"\e920"}.icon-arrow-left:before{content:"\e921"}.icon-arrow-right-circle:before{content:"\e922"}.icon-arrow-right-long:before{content:"\e923"}.icon-arrow-right:before{content:"\e924"}.icon-arrow-up-circle:before{content:"\e925"}.icon-arrow-up-long:before{content:"\e926"}.icon-arrow-up:before{content:"\e927"}.icon-aspect-ratio:before{content:"\e928"}.icon-attach:before{content:"\e929"}.icon-attention:before{content:"\e92a"}.icon-audio:before{content:"\e92b"}.icon-automation:before{content:"\e92c"}.icon-ball-point-pen:before{content:"\e92d"}.icon-bank-card-back-side:before{content:"\e92e"}.icon-bank-cards:before{content:"\e92f"}.icon-bell:before{content:"\e930"}.icon-book:before{content:"\e931"}.icon-bookmark-ribbon:before{content:"\e932"}.icon-bookmark:before{content:"\e933"}.icon-box:before{content:"\e934"}.icon-briefcase:before{content:"\e935"}.icon-browse-podcasts:before{content:"\e936"}.icon-building-line:before{content:"\e937"}.icon-building:before{content:"\e938"}.icon-businessman:before{content:"\e939"}.icon-buy:before{content:"\e93a"}.icon-calculator:before{content:"\e93b"}.icon-calendar:before{content:"\e93c"}.icon-camera:before{content:"\e93d"}.icon-cancel-circle-fill:before{content:"\e93e"}.icon-cancel-circle:before{content:"\e93f"}.icon-cc-amex:before{content:"\e940"}.icon-cc-discover:before{content:"\e941"}.icon-cc-mastercard:before{content:"\e942"}.icon-cc-paypal:before{content:"\e943"}.icon-cc-stripe:before{content:"\e944"}.icon-cc-visa:before{content:"\e945"}.icon-cellular-network:before{content:"\e946"}.icon-chart-bar:before{content:"\e947"}.icon-chart-combo:before{content:"\e948"}.icon-chat:before{content:"\e949"}.icon-check-circle:before{content:"\e94a"}.icon-check:before{content:"\e94b"}.icon-checkbox-checked-circle-line:before{content:"\e94c"}.icon-checkbox-checked-circle:before{content:"\e94d"}.icon-checkbox-checked-line:before{content:"\e94e"}.icon-checkbox-checked:before{content:"\e94f"}.icon-checkbox-unchecked:before{content:"\e950"}.icon-circle-fill:before{content:"\e951"}.icon-circle:before{content:"\e952"}.icon-clear-all:before{content:"\e953"}.icon-clock:before{content:"\e954"}.icon-close:before{content:"\e955"}.icon-cloud:before{content:"\e956"}.icon-coins:before{content:"\e957"}.icon-collaboration:before{content:"\e958"}.icon-comments:before{content:"\e959"}.icon-compact-camera:before{content:"\e95a"}.icon-computer:before{content:"\e95b"}.icon-conference:before{content:"\e95c"}.icon-contact-card:before{content:"\e95d"}.icon-contacts:before{content:"\e95e"}.icon-copy:before{content:"\e95f"}.icon-create-new:before{content:"\e960"}.icon-dashboard:before{content:"\e961"}.icon-data-usage:before{content:"\e962"}.icon-database:before{content:"\e963"}.icon-decline:before{content:"\e964"}.icon-define-location:before{content:"\e965"}.icon-delivery:before{content:"\e966"}.icon-document:before{content:"\e967"}.icon-documents:before{content:"\e968"}.icon-download:before{content:"\e969"}.icon-duplicate:before{content:"\e96a"}.icon-edit-square:before{content:"\e96b"}.icon-edit:before{content:"\e96c"}.icon-error-line:before{content:"\e96d"}.icon-error:before{content:"\e96e"}.icon-expand:before{content:"\e96f"}.icon-external:before{content:"\e970"}.icon-facebook-square:before{content:"\e971"}.icon-facebook:before{content:"\e972"}.icon-file:before{content:"\e973"}.icon-filter-list:before{content:"\e974"}.icon-filter:before{content:"\e975"}.icon-flash-light:before{content:"\e976"}.icon-folder:before{content:"\e977"}.icon-following:before{content:"\e978"}.icon-fullscreen-exit:before{content:"\e979"}.icon-fullscreen:before{content:"\e97a"}.icon-gallery-carousel:before{content:"\e97b"}.icon-gallery:before{content:"\e97c"}.icon-gears:before{content:"\e97d"}.icon-genius:before{content:"\e97e"}.icon-geo-fence:before{content:"\e97f"}.icon-gift:before{content:"\e980"}.icon-globe-earth:before{content:"\e981"}.icon-globe:before{content:"\e982"}.icon-google:before{content:"\e983"}.icon-googleplay:before{content:"\e984"}.icon-googleplus-square:before{content:"\e985"}.icon-googleplus:before{content:"\e986"}.icon-graduation-cap:before{content:"\e987"}.icon-grid-6:before{content:"\e988"}.icon-grid:before{content:"\e989"}.icon-hand-cursor:before{content:"\e98a"}.icon-handshake:before{content:"\e98b"}.icon-happy:before{content:"\e98c"}.icon-health-sources:before{content:"\e98d"}.icon-heart:before{content:"\e98e"}.icon-help-line:before{content:"\e98f"}.icon-help:before{content:"\e990"}.icon-high-priority:before{content:"\e991"}.icon-home:before{content:"\e992"}.icon-houzz-square:before{content:"\e993"}.icon-houzz:before{content:"\e994"}.icon-idea:before{content:"\e995"}.icon-image-file:before{content:"\e996"}.icon-inbox:before{content:"\e997"}.icon-info:before{content:"\e998"}.icon-instagram-square:before{content:"\e999"}.icon-instagram:before{content:"\e99a"}.icon-investment:before{content:"\e99b"}.icon-invisible:before{content:"\e99c"}.icon-iphone-x:before{content:"\e99d"}.icon-iphone:before{content:"\e99e"}.icon-key:before{content:"\e99f"}.icon-keyboard-arrow-down:before{content:"\e9a0"}.icon-keyboard-arrow-left:before{content:"\e9a1"}.icon-keyboard-arrow-right:before{content:"\e9a2"}.icon-keyboard-arrow-up:before{content:"\e9a3"}.icon-keypad:before{content:"\e9a4"}.icon-laptop:before{content:"\e9a5"}.icon-layers-line:before{content:"\e9a6"}.icon-layers:before{content:"\e9a7"}.icon-line-chart:before{content:"\e9a8"}.icon-link:before{content:"\e9a9"}.icon-linkedin-square:before{content:"\e9aa"}.icon-linkedin:before{content:"\e9ab"}.icon-list:before{content:"\e9ac"}.icon-literature:before{content:"\e9ad"}.icon-lock:before{content:"\e9ae"}.icon-mail-line:before{content:"\e9af"}.icon-mail:before{content:"\e9b0"}.icon-maintenance:before{content:"\e9b1"}.icon-map-marker:before{content:"\e9b2"}.icon-map:before{content:"\e9b3"}.icon-marker:before{content:"\e9b4"}.icon-meeting:before{content:"\e9b5"}.icon-memories:before{content:"\e9b6"}.icon-menu:before{content:"\e9b7"}.icon-message:before{content:"\e9b8"}.icon-microphone:before{content:"\e9b9"}.icon-microsoftexcel:before{content:"\e9ba"}.icon-microsoftpowerpoint:before{content:"\e9bb"}.icon-microsoftword:before{content:"\e9bc"}.icon-minus-circle-fill:before{content:"\e9bd"}.icon-minus-circle:before{content:"\e9be"}.icon-minus:before{content:"\e9bf"}.icon-mobile:before{content:"\e9c0"}.icon-money-bag:before{content:"\e9c1"}.icon-money:before{content:"\e9c2"}.icon-monitor:before{content:"\e9c3"}.icon-movie:before{content:"\e9c4"}.icon-music-library:before{content:"\e9c5"}.icon-musical-notes:before{content:"\e9c6"}.icon-news:before{content:"\e9c7"}.icon-note:before{content:"\e9c8"}.icon-ok:before{content:"\e9c9"}.icon-online-support:before{content:"\e9ca"}.icon-open:before{content:"\e9cb"}.icon-order:before{content:"\e9cc"}.icon-paper-money:before{content:"\e9cd"}.icon-paper-plane:before{content:"\e9ce"}.icon-password:before{content:"\e9cf"}.icon-paypal:before{content:"\e9d0"}.icon-pdf:before{content:"\e9d1"}.icon-pencil:before{content:"\e9d2"}.icon-people:before{content:"\e9d3"}.icon-phone-call:before{content:"\e9d4"}.icon-phone:before{content:"\e9d5"}.icon-photo:before{content:"\e9d6"}.icon-pie-chart:before{content:"\e9d7"}.icon-pinterest-square:before{content:"\e9d8"}.icon-pinterest:before{content:"\e9d9"}.icon-play-circle-fill:before{content:"\e9da"}.icon-play-circle:before{content:"\e9db"}.icon-play:before{content:"\e9dc"}.icon-plus:before{content:"\e9dd"}.icon-price-tag:before{content:"\e9de"}.icon-print:before{content:"\e9df"}.icon-product:before{content:"\e9e0"}.icon-qr-code:before{content:"\e9e1"}.icon-quotes-close:before{content:"\e9e2"}.icon-quotes-open:before{content:"\e9e3"}.icon-radio-waves:before{content:"\e9e4"}.icon-refresh:before{content:"\e9e5"}.icon-report-card:before{content:"\e9e6"}.icon-restaurant:before{content:"\e9e7"}.icon-rocket:before{content:"\e9e8"}.icon-save:before{content:"\e9e9"}.icon-screenshot:before{content:"\e9ea"}.icon-search:before{content:"\e9eb"}.icon-security-checked:before{content:"\e9ec"}.icon-server:before{content:"\e9ed"}.icon-settings:before{content:"\e9ee"}.icon-shop:before{content:"\e9ef"}.icon-shopping-bag:before{content:"\e9f0"}.icon-shopping-cart-loaded:before{content:"\e9f1"}.icon-shopping-cart:before{content:"\e9f2"}.icon-shutdown:before{content:"\e9f3"}.icon-sms:before{content:"\e9f4"}.icon-soundcloud:before{content:"\e9f5"}.icon-speech-buble:before{content:"\e9f6"}.icon-spotify:before{content:"\e9f7"}.icon-stack-of-photos:before{content:"\e9f8"}.icon-star-half:before{content:"\e9f9"}.icon-star-line:before{content:"\e9fa"}.icon-star:before{content:"\e9fb"}.icon-statistics:before{content:"\e9fc"}.icon-stopwatch:before{content:"\e9fd"}.icon-sun:before{content:"\e9fe"}.icon-support:before{content:"\e9ff"}.icon-syncronize:before{content:"\ea00"}.icon-thumbs-up:before{content:"\ea01"}.icon-timer:before{content:"\ea02"}.icon-toggle-off:before{content:"\ea03"}.icon-toggle-on:before{content:"\ea04"}.icon-training:before{content:"\ea05"}.icon-trash:before{content:"\ea06"}.icon-trophy:before{content:"\ea07"}.icon-truck:before{content:"\ea08"}.icon-twitter-square:before{content:"\ea09"}.icon-twitter:before{content:"\ea0a"}.icon-unlock:before{content:"\ea0b"}.icon-upload:before{content:"\ea0c"}.icon-usd-fill:before{content:"\ea0d"}.icon-usd:before{content:"\ea0e"}.icon-user-group-man-man:before{content:"\ea0f"}.icon-user-group-man-woman:before{content:"\ea10"}.icon-user-male:before{content:"\ea11"}.icon-video-call:before{content:"\ea12"}.icon-videos-purchased:before{content:"\ea13"}.icon-visible:before{content:"\ea14"}.icon-wallet-app:before{content:"\ea15"}.icon-wallet:before{content:"\ea16"}.icon-warning-line:before{content:"\ea17"}.icon-warning:before{content:"\ea18"}.icon-wifi:before{content:"\ea19"}.icon-worldwide-location:before{content:"\ea1a"}.icon-yelp-square:before{content:"\ea1b"}.icon-yelp:before{content:"\ea1c"}.icon-youtube:before{content:"\ea1d"}.icon-zoom-in:before{content:"\ea1e"}.icon-zoom-out:before{content:"\ea1f"}.icon-left, .icon-right {position: relative; top: 1px;}.icon-left {margin-right: 0.125rem}.icon-right {margin-left: 0.125rem;} /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*-----------Titles-----------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 0.833em 0; line-height: 1.2; font-weight:400; font-style: normal; color: #2d3a4b; font-family:'Open Sans',sans-serif} h1, .h1 {font-size: 2.4375rem; line-height: 1.125;} h2, .h2 {font-size: 1.9375rem} h3, .h3 {font-size: 1.5625rem} h4, .h4 {font-size: 1.25rem} h5, .h5 {font-size: 1.125rem} h6, .h6 {font-size: 1rem} .subheader {font-weight: 600; color:#4d479c; margin-top: -0.6em} .subheader--mt0 {margin-top: 0} .headings {border-bottom:1px solid #c4d0d4; padding:0 0 0.667em 0; margin:0 0 1.667em 0; position:relative;} .headings:before {content:""; display:block; position:absolute; bottom:-1px; left:0; width:175px; height:1px; background: linear-gradient(to right, #857dbb 0%,#6b62ac 25%,#4d479c 50%,#603f98 75%,#7155a4 100%);} .headings span[class^="icon-"] {color:#c4d0d4; font-size:80%; margin-right:0.167em;} .headings-alt {position: relative; padding:0 0 1.25rem 0; margin:0 0 1.875rem 0;} .headings-alt:before {content:""; display:block; position:absolute; bottom:-1px; left:0; width:6.25rem; height:3px; background: linear-gradient(to right, #857dbb 0%,#6b62ac 25%,#4d479c 50%,#603f98 75%,#7155a4 100%);} .headings-alt--centered {text-align: center;} .headings-alt--centered:before {left: 50%; margin-left: -3.125rem;} /*-----------Branding Colors-----------*/ .purple {color:#4d479c} .bg-purple {background-color: #4d479c;} .light-purple {color:#7155a4} .bg-light-purple {background-color: #7155a4;} .blue {color: #3a93d0} .bg-blue {background-color: #3a93d0} .orange {color: #ffa820} .bg-orange {background-color: #ffa820} .green {color: #145c79} .bg-green {background-color: #145c79} .black {color:#2d3a4b} .bg-black {background-color: #2d3a4b;} .dark-gray {color: #526b74} .bg-dark-gray {background-color: #526b74} .gray {color:#85969c} .bg-gray {background-color: #85969c;} .light-gray {color:#c4d0d4} .bg-light-gray {background-color: #c4d0d4;} .off-white {color:#eef3f5} .bg-off-white {background-color: #eef3f5;} /*-----------Lists-----------*/ .list-reset { list-style: none; padding: 0; margin: 0; } ul, ol { margin: 0 0 1.000em 1.778em; padding: 0; } ol, li { line-height: 1.5; } ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000em 0; padding: 0; } ol li { counter-increment: section; position: relative; padding: 0 0 0 1.125em; margin-bottom: 1.250em; } ol li:before { font-weight: 700; content: counters(section, ".") "."; display: inline-block; color:#4d479c; margin-right: 0.5em; } ol ol { margin: 1.778em 0; } ol ol li { font-size: 0.875em; } ol ol li { padding-left: 2.1429em; } ul.bullets, ul.checkmarks { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } ul.bullets li, ul.checkmarks li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.250em; position: relative; } ul.bullets li:before, ul.checkmarks li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color:#4d479c; } ul.bullets li:before { font-size: 1em; content: "\e915"; top: -0.0625em;} ul.checkmarks li:before { font-size: 1em; content: "\e94b"; top: -0.0625em;} ul.bullets ul, ul.checkmarks ul { margin: 1.250em 0 0 0.667em; } .article { font-size: 1.125rem; } .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {margin: 3.25rem 0 1.875rem; } .article p {line-height: 1.8; margin-bottom: 1.875rem} .article p.lead {line-height: 1.6;} .article .subheader {margin-top: -0.75rem} .article > :first-child, .article .mt0 {margin-top: 0} .article .label--mb {margin-bottom: 0.8333em} .article > p.drop-cap:first-letter {font-size:3rem; float: left; line-height: 0.5; margin-top: 1.125rem; margin-right: 0.375rem;} .article blockquote {font-size: 0.8em;} .article a:not(.button):not(.text-button) {font-weight: 600; border-bottom: 1px solid #4d479c; position: relative; transition: color 250ms ease, border 250ms ease;} .article a:not(.button):not(.text-button):hover {border-color: #526b74} .article form {font-size: 0.8em;} /*-----------Paragraphs-----------*/ p { margin: 0 0 1.500em 0; line-height:1.5; } .lead { font-size: 1.25rem; font-weight: 300; line-height:1.5;} /*-----------Links-----------*/ a { color:#4d479c; text-decoration: none; -webkit-transition: color 300ms ease-out; transition: color 300ms ease-out; } a:hover {color:#85969c; text-decoration: none; cursor: pointer; } /*-----------Images-----------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } img.aligntop { margin: 0 0 1.000em 0; } img.alignleft, img.alignright {max-width:35%; margin-top:0.333em; margin-bottom:0.333em} img.alignleft { float: left; margin-right:1.389em;} img.alignright { float: right; margin-left:1.389em;} img.border { border: 1px solid #c4d0d4; padding:0.278em; background: #fff;} /*-----------Zoom Images-----------*/ .zoom-trigger {overflow: hidden;} .zoom-trigger:hover .zoom-img {-webkit-transform: translate3d(0,0,0) scale(1.05); transform: translate3d(0,0,0) scale(1.05);} .zoom-img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform; } /*-----------Figure-----------*/ figure {padding: 0; margin: 0 0 1.875rem 0; text-align: center; } figcaption {font-size: 0.875rem; line-height: 1.4; margin-top: 0.625em} @media only screen and (min-width: 641px) { figure.alignleft, figure.alignright {margin-top: 0.625rem; width: 65%;} figure.alignleft {margin-left: -9.375rem; float: left; margin-right: 1.875rem;} figure.alignright {margin-right: -9.375rem; float: right; margin-top: 0.625rem; margin-left: 1.875rem;} } /*-----------Aligning-----------*/ .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .left { float: left } .right { float: right } /*-----------Misc Typography-----------*/ .open-sans {font-family: 'Open Sans', sans-serif;} .small { font-size:1rem; font-weight: 700; } .light {font-weight:300;} .regular { font-weight:400; } .semi-bold { font-weight:600; } .bold { font-weight:700; } .italic { font-style: italic } .caps { text-transform: uppercase;} .regular-case {text-transform: none;} .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .t1 {font-size:0.8125rem} .t2 {font-size:1.000rem} .t3 {font-size:1.125rem} .t4 {font-size:1.25rem} .t5 {font-size:1.5625rem} .t6 {font-size:1.9375rem} .t7 {font-size:2.4375rem} .t6,.t7 {line-height:1.2} /*-----------Spacing-----------*/ .mx-auto { margin-left: auto; margin-right: auto; } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mt1 { margin-top: 0.313rem } .mt2 { margin-top: 0.625rem } .mt3 { margin-top: 0.938rem } .mt4 { margin-top: 1.250rem } .mt5 { margin-top: 1.563rem } .mt6 { margin-top: 1.875rem } .mt7 { margin-top: 2.500rem } .mt8 { margin-top: 3.125rem } .mt9 { margin-top: 3.750rem } .mt10 { margin-top: 5.000rem } .mt11 { margin-top: 6.250rem } .mt12 { margin-top: 8.750rem } .mb0 { margin-bottom: 0!important } .mb1 { margin-bottom: 0.313rem } .mb2 { margin-bottom: 0.625rem } .mb3 { margin-bottom: 0.938rem!important } .mb4 { margin-bottom: 1.250rem } .mb5 { margin-bottom: 1.563rem } .mb6 { margin-bottom: 1.875rem } .mb7 { margin-bottom: 2.500rem } .mb8 { margin-bottom: 3.125rem } .mb9 { margin-bottom: 3.750rem } .mb10 { margin-bottom: 5.000rem } .mb11 { margin-bottom: 6.250rem } .mb12 { margin-bottom: 8.750rem } .p0 { padding: 0 } .pt0 { padding-top: 0 } .pt1 { padding-top: 0.313rem } .pt2 { padding-top: 0.625rem } .pt3 { padding-top: 0.938rem } .pt4 { padding-top: 1.250rem } .pt5 { padding-top: 1.563rem } .pt6 { padding-top: 1.875rem } .pt7 { padding-top: 2.500rem } .pt8 { padding-top: 3.125rem } .pt9 { padding-top: 3.750rem } .pt10 { padding-top: 5.000rem } .pt11 { padding-top: 6.250rem } .pt12 { padding-top: 8.750rem } .pb0 { padding-bottom: 0 } .pb1 { padding-bottom: 0.313rem } .pb2 { padding-bottom: 0.625rem } .pb3 { padding-bottom: 0.938rem } .pb4 { padding-bottom: 1.250rem } .pb5 { padding-bottom: 1.563rem } .pb6 { padding-bottom: 1.875rem } .pb7 { padding-bottom: 2.500rem } .pb8 { padding-bottom: 3.125rem } .pb9 { padding-bottom: 3.750rem } .pb10 { padding-bottom: 5.000rem } .pb11 { padding-bottom: 6.250rem } .pb12 { padding-bottom: 8.750rem } /*-----------Borders and Rounding-----------*/ .border { border-style: solid; border-width: 1px; border-color:#c4d0d4; } .border-top { border-top-style: solid; border-top-width: 1px; border-top-color:#c4d0d4; } .border-right { border-right-style: solid; border-right-width: 1px; border-right-color:#c4d0d4; } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#c4d0d4; } .border-left { border-left-style: solid; border-left-width: 1px; border-left-color:#c4d0d4; } .border-none { border: 0 } .rounded { border-radius: 3px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } /*-----------heading color-----------*/ .heading--primary {color: #4d479c; } .heading--primary-light {color: #7155a4; } .heading--secondary {color: #3a93d0; } /*-----------Labels-----------*/ .label {font-size: 0.875rem; font-weight: 600; text-transform: uppercase; color: #3a93d0; line-height: 1.2; letter-spacing: 1.2px; display: inline-block; margin: 0;} .label--secondary {color: #4d479c; } .label--tertiary {color: #85969c;} .label--spacing {margin: 0 0.909em;} .label--mb {margin-bottom: 0.8333em} /*-----------Blockquotes-----------*/ blockquote {margin: 0 0 1.389em 0; padding:0 0 0 2.5em;; position:relative;} blockquote .quote {line-height: 1.7; margin:0 0 1.000em 0; font-style: italic; } blockquote .quote:before {font-size:1.5em; content:'\e9e3'; font-family: 'CD-Project-Icons'; font-style: normal; position:absolute; top:-0.0667em; left:0; color:#4d479c; line-height:1; } blockquote .quote p {font-size: 1.0625rem;} blockquote .cite {font-weight: 700; } blockquote .cite span {font-size:0.857em; font-weight: 400; margin: 0 0 0 0.389em } blockquote :last-child { margin: 0; } /*-----------Divider-----------*/ hr { border: none; height: 1px; background: #c4d0d4; clear: both; margin: 1.389em 0; } /*-----------Responsive Embed-----------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-----------Buttons-----------*/ .button {font-size: 0.875rem; font-weight: 600; text-transform: uppercase; cursor: pointer; line-height: 1; border: 2px solid transparent; border-radius: 2.5714em; margin: 0 0 1.4286em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 0.9286em 2.3571em; transition: all 200ms ease; color: #fff; background-color: #4d479c;} body:not(.user-is-tabbing) .button {outline: none;} .button:hover, .button:focus {color: #fff; background-color: #5f58bb;} .button.stroke {background: none; border: 2px solid #5f58bb; color: #5f58bb;} .button.stroke:hover {background: #5f58bb; border: 2px solid transparent; color: #fff;} .button.secondary {background-color: #ffa820;} .button.secondary:hover, .button.secondary:focus {background-color: #ffb33b;} .button.secondary.stroke {background: none; border-color: #ffb33b; color: #ffb33b;} .button.secondary.stroke:hover {background: #ffb33b; border: 2px solid transparent; color: #fff;} .button.tertiary {background-color: #3a93d0;} .button.tertiary:hover, .button.tertiary:focus {background-color: #48adf3;} .button.tertiary.stroke {background: none; border-color: #48adf3; color: #48adf3;} .button.tertiary.stroke:hover {background: #48adf3; border: 2px solid transparent; color: #fff;} .button.large {font-size: 1em; padding: 1em 3.25em} .button.tiny {font-size: 0.778rem; padding: 0.8333em 1.9167em} .button.expand {padding-right: 0; padding-left: 0; width: 100%;} .button.wide {padding-left: 3.333em; padding-right: 3.333em;} button.reset {border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;} /*-----------Text Buttons-----------*/ .text-button {font-size: 0.875rem; font-weight: 600; text-transform: uppercase; line-height: 1; margin: 0 0 1.111em 0; padding: 0 0 0.250em 0; display: inline-block; color: #4d479c; border-bottom: 2px solid #4d479c; transition: all 250ms ease;} .text-button:hover {color: #c4d0d4; border-color: #c4d0d4;} .text-button.secondary {color: #ffb33b; border-color: #ffb33b;} .text-button.secondary:hover {color: #c4d0d4; border-color: #c4d0d4;} .text-button.tertiary {color: #48adf3; border-color: #48adf3;} .text-button.tertiary:hover {color: #c4d0d4; border-color: #c4d0d4;} .text-button.tiny {font-size: 0.875rem; text-transform: uppercase;} @media only screen and (max-width: 1023px) { .mt5 { margin-top: 1.250rem } .mt6 { margin-top: 1.563rem } .mt7 { margin-top: 2.188rem } .mt8 { margin-top: 2.813rem } .mt9 { margin-top: 3.125rem } .mt10 { margin-top: 4.375rem } .mt11 { margin-top: 5.625rem } .mt12 { margin-top: 7.500rem } .mb5 { margin-bottom: 1.250rem } .mb6 { margin-bottom: 1.563rem } .mb7 { margin-bottom: 2.188rem } .mb8 { margin-bottom: 2.813rem } .mb9 { margin-bottom: 3.125rem } .mb10 { margin-bottom: 4.375rem } .mb11 { margin-bottom: 5.625rem } .mb12 { margin-bottom: 7.500rem } .pt5 { padding-top: 1.250rem } .pt6 { padding-top: 1.563rem } .pt7 { padding-top: 2.188rem } .pt8 { padding-top: 2.813rem } .pt9 { padding-top: 3.125rem } .pt10 { padding-top: 4.375rem } .pt11 { padding-top: 5.625rem } .pt12 { padding-top: 7.500rem } .pb5 { padding-bottom: 1.250rem } .pb6 { padding-bottom: 1.563rem } .pb7 { padding-bottom: 2.188rem } .pb8 { padding-bottom: 2.813rem } .pb9 { padding-bottom: 3.125rem } .pb10 { padding-bottom: 4.375rem } .pb11 { padding-bottom: 5.625rem } .pb12 { padding-bottom: 7.500rem } } @media only screen and (max-width: 800px) { .mt5 { margin-top: 1.125rem } .mt6 { margin-top: 1.375rem } .mt7 { margin-top: 1.875rem } .mt8 { margin-top: 2.500rem } .mt9 { margin-top: 2.813rem } .mt10 { margin-top: 3.750rem } .mt11 { margin-top: 5.000rem } .mt12 { margin-top: 6.250rem } .mb5 { margin-bottom: 1.125rem } .mb6 { margin-bottom: 1.375rem } .mb7 { margin-bottom: 1.875rem } .mb8 { margin-bottom: 2.500rem } .mb9 { margin-bottom: 2.813rem } .mb10 { margin-bottom: 3.750rem } .mb11 { margin-bottom: 5.000rem } .mb12 { margin-bottom: 6.250rem } .pt5 { padding-top: 1.125rem } .pt6 { padding-top: 1.375rem } .pt7 { padding-top: 1.875rem } .pt8 { padding-top: 2.500rem } .pt9 { padding-top: 2.813rem } .pt10 { padding-top: 3.750rem } .pt11 { padding-top: 5.000rem } .pt12 { padding-top: 6.250rem } .pb5 { padding-bottom: 1.125rem } .pb6 { padding-bottom: 1.375rem } .pb7 { padding-bottom: 1.875rem } .pb8 { padding-bottom: 2.500rem } .pb9 { padding-bottom: 2.813rem } .pb10 { padding-bottom: 3.750rem } .pb11 { padding-bottom: 5.000rem } .pb12 { padding-bottom: 6.250rem } } @media only screen and (max-width: 479px) { .mt5 { margin-top: 1.000rem } .mt6 { margin-top: 1.250rem } .mt7 { margin-top: 1.625rem } .mt8 { margin-top: 2.188rem } .mt9 { margin-top: 2.500rem } .mt10 { margin-top: 3.125rem } .mt11 { margin-top: 4.375rem } .mt12 { margin-top: 5.000rem } .mb5 { margin-bottom: 1.000rem } .mb6 { margin-bottom: 1.250rem } .mb7 { margin-bottom: 1.625rem } .mb8 { margin-bottom: 2.188rem } .mb9 { margin-bottom: 2.500rem } .mb10 { margin-bottom: 3.125rem } .mb11 { margin-bottom: 4.375rem } .mb12 { margin-bottom: 5.000rem } .pt5 { padding-top: 1.000rem } .pt6 { padding-top: 1.250rem } .pt7 { padding-top: 1.625rem } .pt8 { padding-top: 2.188rem } .pt9 { padding-top: 2.500rem } .pt10 { padding-top: 3.125rem } .pt11 { padding-top: 4.375rem } .pt12 { padding-top: 5.000rem } .pb5 { padding-bottom: 1.000rem } .pb6 { padding-bottom: 1.250rem } .pb7 { padding-bottom: 1.625rem } .pb8 { padding-bottom: 2.188rem } .pb9 { padding-bottom: 2.500rem } .pb10 { padding-bottom: 3.125rem } .pb11 { padding-bottom: 4.375rem } .pb12 { padding-bottom: 5.000rem } } @media only screen and (max-width: 375px) { /*-----------Images-----------*/ img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;} /*----------Buttons-----------*/ .button {display:block; width:100%;} } /******************************************************************************** --- Components - Heading Block --- *********************************************************************************/ .heading-block {text-align: center;} .heading-block--left {text-align: left;} .heading-block .small-centered > :last-child {margin-bottom: 0} .heading-block--divider > .row-site {padding-bottom: 2.5em; margin-bottom: 2.5em; border-bottom: 1px solid #c4d0d4} .heading-block p {font-size: 1.25em; font-weight: 300;} .heading-block__overview > :last-child {margin-bottom: 0} .heading-block__cta {margin-top: 2.5em;} .pb0 .heading-block--divider, .pb0 .heading-block--divider > .row-site {margin-bottom: 0} /******************************************************************************** --- Components - Split Overview --- *********************************************************************************/ .split-overview__left p {font-size: 1.25em;} @media only screen and (min-width: 801px) { .split-overview {display: flex; justify-content: space-between;} .split-overview__left {width: 54%} .split-overview__right {width: 40%;} } @media only screen and (max-width: 800px) { .split-overview__left {margin-bottom: 2.5em;} } /******************************************************************************** --- Navigation Block List --- *********************************************************************************/ .nav-block-list ul {list-style: none; margin: 0; padding: 0;} .nav-block-list ul li, .nav-block-list ul a {display: block;} .nav-block-list ul li {margin-bottom: 1.5625em;} .nav-block-list ul a {font-size: 1.25em; color: #2d3a4b; font-weight: 600; padding: 0.75em 1.25em; border: 1px solid rgba(196, 208, 212, 0.25); border-bottom: 4px solid #4d479c; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(45, 58, 75, 0.05); transition:all 250ms ease} .nav-block-list ul a:hover {box-shadow: 0px 3px 8px 0px rgba(45, 58, 75, 0.25); border-bottom: 4px solid #85969c; color: #2d3a4b; transform: translate3d(0px, -2px, 0px);} .nav-block-list ul [class^="icon-"] {color: #85969c} /******************************************************************************** --- Full Width CTA --- *********************************************************************************/ .full-card__image {position: relative; background-position:center center; background-repeat:no-repeat; background-size:cover;} .full-card__image::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(41,35,106,1) 0%, rgba(75,66,160,1) 100%); opacity: 0.25} .full-card__image--top {background-position: top center;} .full-card__image--bottom {background-position: bottom center;} .full-card__info-inner {display: table; width: 100%; background:#eef3f5; padding:3.750em 10.500em 3.750em 7.500em; position:relative;} .full-card__bios {padding: 2.5em 0;} .full-card__info-valign {display: table-cell; vertical-align: middle;} .full-card--left .full-card__info-inner {padding-right: 7.500em; padding-left: 10.500em} .full-card__subtitle, .full-card__headline {display:block;} .full-card__subtitle {font-size:0.8125em; text-transform: uppercase; font-weight: 600; color: #4d479c; line-height:1.2; margin-bottom: 0.769em} .full-card__headline {font-size:1.9375em; margin-bottom: 0.6452em;} .full-card-list {padding: 0.3125em 0;} .full-card-list .full-card {padding-top:0.3125em; padding-bottom:0.3125em;} @media only screen and (min-width: 801px) { .full-card__inner {display: flex; align-items: stretch; align-content: flex-start; } .full-card__info-inner {min-height: 31.250em;} .full-card__info, .full-card__image, .full-card__bios {width: 50%;} .full-card--left .full-card__info {order: 1;} .full-card--left .full-card__image, .full-card--left .full-card__bios {order: 2;} } @media only screen and (max-width: 1599px) { .full-card__info-inner, .full-card--left .full-card__info-inner {padding-right: 6.000em; padding-left: 6.000em} } @media only screen and (max-width: 1440px) { .full-card__info-inner, .full-card--left .full-card__info-inner {padding:2.222em 4.000em;} } @media only screen and (max-width: 1199px) { .full-card__info-inner, .full-card--left .full-card__info-inner {padding-right: 3.000em; padding-left: 3.000em} } @media only screen and (max-width: 800px) { .full-card__image {height:22em;} .full-card--left .full-card__info {padding-right:0;} .full-card__info-inner, .full-card--left .full-card__info-inner {padding:3.000em;} } @media only screen and (max-width: 639px) { .full-card__image {height:18em;} } @media only screen and (max-width: 479px) { .full-card__image {height:16em;} .full-card__overview {font-size: 1.1667em} .full-card__info-inner, .full-card--left .full-card__info-inner {padding:1.500em;} } /******************************************************************************** --- Cards --- *********************************************************************************/ .card-list {display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -0.9375rem;} .card-list__block {padding: 0 0.9375rem 1.875rem;} .card-list--3 .card-list__block {width: 33.3333%} .card-list .card {height: 100%} @media only screen and (max-width: 959px) { .card-list--3 .card-list__block {width: 50%} } @media only screen and (max-width: 639px) { .card-list--3 .card-list__block {width: 100%} } /******************************************************************************** --- Cards --- *********************************************************************************/ .card {border-radius: 3px; overflow: hidden; background-color: #fff; border: 1px solid rgba(196, 208, 212, 0.25); border-bottom: 4px solid #4d479c; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(45, 58, 75, 0.05); transition: all 250ms ease} .card:hover {box-shadow: 0px 3px 8px 0px rgba(45, 58, 75, 0.25); border-bottom: 4px solid #85969c; color: #2d3a4b; transform: translate3d(0px, -2px, 0px);} .card__image {display: block; position: relative;} .card__image:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(2,40,72,0.10); z-index: 1;} .card__image img {display: block; width: 100%;} .card__image-bg {background-position: center center; background-repeat: no-repeat; background-size: cover;} .card__label {position: absolute; top: 0.938em; left: 0.938em; z-index: 1; max-width: 65%} .card__label--download {position: absolute; top: 0.938em; right: 0.938em; z-index: 1;} .card__body {padding: 1.563em; min-height: 15.63em} .card__meta {font-size: 0.813em; display: block; line-height: 1.2; margin-bottom: 0.385em; color: #85969c; font-weight: 600; text-transform: uppercase;} .card__title {font-size: 1.000em; font-weight: 600; line-height: 1.6;} .card__title a {color: #2d3a4b} .card__subtitle {font-size: 0.813em; display: block; text-transform: uppercase; color: #4d479c; font-weight: 600; margin-top: -1.154em; margin-bottom: 1.923em;} .card__overview {font-size: 0.875em; margin-bottom: 1.500em;} .card__overview :last-child {margin-bottom: 0;} .card__icon {display: block; width: 4.750em; height: 4.750em; line-height: 4.625em; border-radius: 4.750em; margin: 0 auto 1.250em auto; text-align: center; background: #eef3f5; color: #4d479c; border: 1px solid #c4d0d4; transition: all 250ms ease;} .card__icon span {font-size:2.250em; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: -0.111em; left: -0.028em;} .card:hover .card__icon {background: #4d479c; color: #fff;} .card--article .card__overview, .card--section .card__overview {margin-top: 1.429em; padding-top: 1.214em; border-top: 1px solid #c4d0d4} .card--icon {text-align: center;} .card--icon .card__body {color:#2d3a4b} @media (min-width: 640px) { .card__image-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} } @media (max-width: 959px) { .card__body {padding: 1.250em;} } @media (max-width: 800px) { .card__body {padding: 1.563em;} .card__overview {font-size: 1em;} } @media (max-width: 639px) { .card__body {padding: 1.250em;} .card__image-bg {height: 17.857em;} } @media (max-width: 479px) { .card__body {padding: 1.250em;} .card__image-bg {height: 14.286em;} } @media (max-width: 375px) { .card__image-bg {height: 12.00em;} } /******************************************************************************** --- flex column --- *********************************************************************************/ .flex-column { align-content: center; align-items: center; display: flex; justify-content: center; } @media screen and (min-width: 640px) { .flex-column { height: 100vh; } } /******************************************************************************** --- Slick CSS --- *********************************************************************************/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } body:not(.user-is-tabbing) .slick-slider *, body:not(.user-is-tabbing) .slick-list:focus {outline: none;} .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { /* outline: none; */ } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /******************************************************************************** --- Custom Slick --- *********************************************************************************/ .carousel {font-size: 16px; padding: 0;} .carousel:not(.slick-initialized) .carousel__slide {visibility: hidden;} .carousel:not(.slick-initialized) .carousel__slide:not(:first-child) {display: none;} .carousel:not(.slick-initialized) .carousel__slide:after {content: ""; display: block; height: 2.000em;} .carousel--arows {padding-right: 2.000em; padding-left: 2.000em;} .carousel .slick-slide {text-align: center;} .carousel .slick-slide img {display: inline-block;} .carousel__slide {text-align: center;} .carousel .slick-arrow {position: absolute; top: 50%; margin: -1.000em 0 0; display: block; width: 2.000em; height: 2.000em; line-height: 2.000em; text-align: center; color: #9baab7; background: none; border: none; outline: none; padding: 0; transition: color 250ms ease;} .carousel .slick-arrow:hover {color: #495865} .carousel .slick-arrow span {font-size: 1.313em; display: inline-block; vertical-align: middle; line-height: 1;} .carousel .slick-next {right: 0;} .carousel .slick-prev {left: 0;} .carousel .slick-dots {list-style: none; margin: 0.625em 0 0 0; padding: 0; text-align: center; line-height: 1;} .carousel .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 0.313em 0.626em; line-height: 1;} .carousel .slick-dots button {display: block; margin: 0; padding: 0; background: #fff; border: 2px solid #9baab7; width: 12px; height: 12px; border-radius: 12px; text-indent: -9999em; cursor: pointer;} .carousel .slick-dots li.slick-active button {background: #9baab7} @media (max-width: 1199px) { .carousel {font-size: 15px;} } @media (max-width: 959px) { .carousel {font-size: 14px;} } @media (max-width: 800px) { .carousel {font-size: 13px;} } @media (max-width: 639px) { .carousel {font-size: 12px;} } @media (max-width: 479px) { .carousel {font-size: 11px;} } @media (max-width: 375px) { .carousel {font-size: 10px;} } /******************************************************************************** --- Sponsor Carousel --- *********************************************************************************/ .full-card__bios {display: flex; align-items: center; background: #2d3a4b;} .bios-carousel {width: 100%; padding: 0 3.75em;} .bios-carousel__slide {color: #fff;} .bios-carousel__slide .profile-grid__title {color: #fff;} .bios-carousel__slide .profile-grid__subtitle {color: rgba(255,255,255,0.75)} .bios-carousel__slide .profile-grid__subtitle:after {background: rgba(223, 229, 233, 0.25);} .bios-carousel .carousel .slick-dots button {background: none; border: 2px solid #756ce5;} .bios-carousel .carousel .slick-dots li.slick-active button {background: #756ce5} /******************************************************************************** --- Profile Grid --- *********************************************************************************/ .profile-grid {text-align: center; position: relative;} .profile-grid__image {width: 11.250em; height: 11.250em; margin: 0 auto 1.250em auto; position: relative;} .profile-grid__image img {display: block; width: 100%; border-radius: 11.250em;} .profile-grid__image-bg {border-radius: 50%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .profile-grid__image--square .profile-grid__image-bg, .profile-grid__image--square img {border-radius:0;} .profile-grid__title {font-size: 1.25em; font-weight: 600;} .profile-grid__title a {color: #2d3a4b;} .profile-grid__title a:hover {color: #4d479c} .profile-grid__subtitle {font-size: 0.8125em; color: #4d479c; font-weight: 600; margin-top: -0.769em; margin-bottom: 1.231em; position: relative;} .profile-grid__subtitle:after {content: ""; display: block; width: 5.385em; height: 1px; background: #dfe5e9; margin: 1.385em auto 0 auto;} .profile-grid__overview {font-size: 0.938em; margin-bottom: 1.200em;} .profile-grid__overview :last-child {margin-bottom: 0;} .profile-grid__credits {font-size: 0.813em; font-weight: 700; text-transform: uppercase; color: #2d3a4b; position: relative;} .profile-grid__credits:before {content: ""; display: block; width: 5.385em; height: 1px; background: #dfe5e9; margin: 0 auto 1.385em auto;} .profile-grid__meta {font-size: 0.938em; list-style: none; margin: 0; padding: 0;} .profile-grid__meta li {line-height: 1.3; margin-bottom: 0.400em;} .profile-grid__meta--alt {position: relative;} .profile-grid__meta--alt:before {content: ""; display: block; width: 5.385em; height: 1px; background: #dfe5e9; margin: 1.385em auto;} .profile-grid__meta--alt li {font-weight:600; text-transform: uppercase; color: #4d479c;} .profile-grid__count {position: absolute; top: 0; right: 0; text-align: center; width: 2.250em; height: 2.250em; line-height: 2.250em;} .profile-grid__count:before {font-size: 2.250em; content: "\e834"; font-family: 'CD-Project-Icons'; color: #dfe5e9; display: block; position: absolute; top: 0; left: 0;} .profile-grid__count span {font-size: 0.750em; color: #2d3a4b; font-weight: 600; position: relative; display: inline-block; vertical-align: middle; top: -0.250em} /******************************************************************************** --- Navigation Block --- *********************************************************************************/ .navigation-block {display: block; background: #2d3a4b; border-radius: 3px; position: relative; margin-bottom: 1.875em} .navigation-block__bg, .navigation-block__bg::before, .navigation-block__overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .navigation-block__bg {background-position: center center; background-repeat: no-repeat; background-size: cover;} .navigation-block__bg::before {content: ""; display: block; background: rgba(77, 71, 156, 0.9)} .navigation-block--green .navigation-block__bg::before {background: rgba(20, 92, 121, 0.9)} .navigation-block--blue .navigation-block__bg::before {background: rgba(58, 147, 208, 0.9)} .navigation-block--light-purple .navigation-block__bg::before {background: rgba(113, 85, 164, 0.9)} .navigation-block__overlay {display: flex; align-items: center; text-align: center;} .navigation-block__title {font-size: 1.5625em; color: #fff; width: 100%; position: relative; padding: 0 1em 0.8em; margin-bottom: 0} .navigation-block__title:before {content:""; display:block; position:absolute; bottom:-1px; left: 50%; margin-left: -1.2em; width:2.4em; height:2px; background: #fff;} .navigation-block-list.large-up-4 .navigation-block {height: 15.625em;} .navigation-block-list.large-up-2 .navigation-block {height: 31.25em;} .navigation-block-list.large-up-2 .navigation-block__title {font-size: 1.9375em;} .navigation-block-list.large-up-3 .navigation-block {height: 21.875em;} @media (max-width: 1199px) { .navigation-block-list.large-up-2 .navigation-block {height: 21.875em;} .navigation-block-list.large-up-2 .navigation-block__title {font-size: 1.5625em;} } @media (max-width: 800px) { .navigation-block-list.large-up-2 .navigation-block, .navigation-block-list.large-up-3 .navigation-block {height: 15.625em;} } @media (max-width: 639px) { .navigation-block__title, .navigation-block-list.large-up-2 .navigation-block__title {font-size: 1.25em} } /******************************************************************************** --- Two Column Layout --- *********************************************************************************/ .page-body {padding-top: 5em; padding-bottom: 5em;} .page-body--m0 {padding-top: 0; padding-bottom: 0} @media only screen and (min-width: 1025px) { .page-body {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .page-body__left {width: 25%; position: -webkit-sticky; position: sticky; top: 7em; height: 100%;} .page-body__right {width: 66.67%; height: 100%; } } @media only screen and (max-width: 1024px) { .page-body__left .sidebar__module {display: none;} } /******************************************************************************** --- Sidebar --- *********************************************************************************/ .sidebar__menu h5 {font-size: 1.25em; font-weight: 600;} .sidebar__menu ul {list-style: none; margin: 0; padding: 0;} .sidebar__menu li {line-height: 1.2;} .sidebar__menu li, .sidebar__menu a {display: block;} .sidebar__menu a {color: #2d3a4b} .sidebar__menu a:hover {color: #4d479c} .sidebar__menu > ul {border: 1px solid rgba(196, 208, 212,0.5); border-radius: 3px;} .sidebar__menu > ul > li {display: block; border-bottom: 1px solid rgba(196, 208, 212,0.5); position: relative; padding-left: 0.9375em;} .sidebar__menu > ul > li::before {font-size: 1.375em; content: "\ea21"; font-family: 'CD-Project-Icons'; display: block; vertical-align: top; line-height: 1; position: absolute; top: 0.4091em; left: 0.5455em; color: #85969c;} .sidebar__menu > ul > li:last-child {border-bottom: none;} .sidebar__menu > ul > li > a {font-size: 1em; display: block; padding: 0.75em 1.25em;} .sidebar__menu > ul > li.selected > a {font-weight: 600; color: #4d479c} .sidebar__menu > ul > li.selected ul {display: block;} .sidebar__menu ul ul {display: none; padding-left: 2.1875em;} .sidebar__menu ul ul a {font-size: 0.875em; padding: 0.5714em 0;} @media only screen and (min-width: 1025px) { .sidebar__menu > ul {display: block!important} } @media only screen and (max-width: 1024px) { .sidebar__menu {margin-top: -2em; margin-bottom: 2em} .sidebar__menu h5 {font-size: 1em; text-transform: uppercase; font-weight: 600 ;cursor: pointer; color: #4d479c;} .sidebar__menu h5::after {font-size: 1.375em; font-weight: normal; content: "\e9b7"; font-family: 'CD-Project-Icons'; color: #4d479c; margin-left: 8px; position: relative; top: 3px;} .sidebar__menu--active h5::after {content: "\e955";} .sidebar__menu > ul {display: none;} .sidebar__menu ul ul {display: block;} } /******************************************************************************** --- Team Bio --- *********************************************************************************/ .team-list__bio {margin-bottom: 2.5em} .team-list__bio-image img {border-radius: 50%} .article .team-list__bio-name, .article .team-list__bio-title {margin-top: 0;} .team-list__bio-name {font-size: 1.25em; margin-bottom: 0.4em!important} .team-list__bio-title {font-size: 0.8125em; text-transform: uppercase; font-weight: 600; color: #4d479c} .team-list__bio-overview {font-size: 0.9em;} @media only screen and (min-width: 480px) { .team-list__bio--photo {overflow: hidden;} .team-list__bio-image {float: left; width: 30%;} .team-list__bio--photo .team-list__bio-body {float: right; width: 65%;} } @media only screen and (max-width: 479px) { .team-list__bio-image {max-width: 50%; margin: 0 auto 1.875em auto;} } /******************************************************************************** --- Contact Page --- *********************************************************************************/ @media only screen and (min-width: 640px) { .contact-grid {overflow: hidden;} .contact-grid__left {float: left; width: 36%; padding-right: 3.75em; border-right: 1px solid #c4d0d4} .contact-grid__right {float: right; width: 62%; padding-left: 3.75em;} } @media only screen and (max-width: 639px) { .contact-grid__right {margin-bottom: 3.75em;} .contact-grid__left {text-align: center;} .contact-grid__left img {max-width: 60%;} } /******************************************************************************** --- Positions --- *********************************************************************************/ .positions_block {margin-bottom: 2.5em; padding-bottom: 1.25em; border-bottom: 1px solid #c4d0d4} .positions__title {font-size: 1.25em; font-weight: 600; margin:0 0 0.5em!important} .positions__meta {list-style: none; margin: 0 0 1.875em 0; padding: 0;} .positions__meta li {font-size: 0.875em;} .positions__meta li > span {font-weight: 600;} .positions__desc-title {font-size: 1em; margin:0 0 0.625em!important} /******************************************************************************** --- News --- *********************************************************************************/ .news__block {margin-bottom: 1.6667em; padding-bottom: 0.625em;} .news__block:not(:last-child) {border-bottom: 1px solid #c4d0d4} .news__date {color: #85969c;} .news__title {font-size: 1em; margin: 0 0 0.625em!important; line-height: 1.6;} .news__title a {border: none!important; color: #2d3a4b;} .news__title a:hover {color: #4d479c} .news__overview {margin-bottom: 1.25em;} .news__overview > :last-child {margin-bottom: 0} /******************************************************************************** --- Page Layout --- *********************************************************************************/ .full--ad .entry-content {margin-top: 0} /******************************************************************************** --- Hero --- *********************************************************************************/ .rp-hero {font-size: 16px; height: 21.875em; overflow: hidden; position: relative;} .rp-hero__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;} .rp-hero__body {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center;} .rp-hero__valign {width: 100%;} .rp-hero__container {max-width: 60em; margin-right: auto; margin-left: auto; padding: 0 1.875em; text-align: center;} .rp-hero__headline {font-size: 4em; margin: 0;} .rp-hero--overlay .rp-hero__bg::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(30, 40, 50, 0.50)} .rp-hero--overlay .rp-hero__headline {color: #fff;} @media (max-width: 1199px){.rp-hero{font-size:15px}}@media (max-width: 1023px){.rp-hero{font-size:14px}}@media (max-width: 800px){.rp-hero{font-size:13px}}@media (max-width: 479px){.rp-hero{font-size:12px}}@media (max-width: 375px){.rp-hero{font-size:11px}} /******************************************************************************** --- Block Navigation --- *********************************************************************************/ .rp-block-nav {font-size: 16px; margin-bottom: 5em;} .rp-block-nav h2 {font-size: 2.875em; margin: 0 0 0.4348em 0;} .rp-block-nav__list {display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -0.9375em;} .rp-block-nav__block {display: block; width: 33.3333%; padding: 0 0.9375em 1.875em;} .rp-block-nav__block-inner {height: 18.75em; display: flex; align-items: center; padding: 0 2.8125em; text-align: center; border: 1px solid rgba(196, 208, 212, 0.25); border-bottom: 6px solid #4d479c; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(45, 58, 75, 0.05); transition:all 250ms ease; transition: all 250ms ease;} .rp-block-nav__block-inner h3 {font-size: 1.875em; color: #424242; font-weight: 600; margin: 0; display: block; width: 100%;} .rp-block-nav__block:hover .rp-block-nav__block-inner {box-shadow: 0px 3px 8px 0px rgba(45, 58, 75, 0.25); border-bottom: 6px solid #85969c; color: #2d3a4b; transform: translate3d(0px, -4px, 0px);} @media (max-width: 1199px){ .rp-block-nav {font-size: 15px;} } @media (max-width: 1023px){ .rp-block-nav {font-size: 14px;} } @media (max-width: 959px) and (min-width: 801px){ .rp-block-nav {font-size: 12px;} } @media (max-width: 800px){ .rp-block-nav {font-size: 13px;} .rp-block-nav__block {width: 50%;} } @media (max-width: 639px){ .rp-block-nav__block {width: 100%;} } @media (max-width: 479px){ .rp-block-nav {font-size: 12px;} } @media (max-width: 375px){ .rp-block-nav {font-size: 11px;} } /******************************************************************************** --- Global --- *********************************************************************************/ .rp-lead {font-size: 1.1875em;} .rp-subheader {font-weight: 600; color: #4d479c} .rp-blue {color: #3a93d0} .rp-purple {color: #4d479c} .rp-green {color: #145c79} .x-nav-articles, .rp-single-breadcrumbs {display: none;} /******************************************************************************** --- Buttons --- *********************************************************************************/ .rp-button {font-size: 1em; font-weight: 600; cursor: pointer; line-height: 1; border: 2px solid #4d479c; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 1em 2.5em; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #4d479c; background-color: transparent;} .rp-button:hover, .rp-button:focus {color: #fff; background-color: #4d479c;} .rp-button.rp-secondary {border-color: #3a93d0; color: #3a93d0;} .rp-button.rp-secondary:hover, .rp-button.rp-secondary:focus {background-color: #3a93d0; color: #fff;} .rp-button.rp-large {font-size: 1.125em;} .rp-button.rp-tiny {font-size: 0.875em;} .slide-toggle.rp-button.active:hover, .slide-toggle.rp-button.active:focus {background: none;} .slide-toggle.rp-button.active {border-color: #85969c;} /******************************************************************************** --- Split Panel --- *********************************************************************************/ .split-panel {font-size: 16px; overflow: hidden;} .split-panel__left, .split-panel__right {position: relative;} .split-panel__bg, .split-panel__bg::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .split-panel__bg {background-position: center; background-repeat: no-repeat; background-size: cover;} .split-panel__bg::before {content: ""; display: block; background-color: rgba(62, 55, 127, 0.85);} .split-panel__right .split-panel__bg::before { background-color: rgba(13, 90, 119, 0.85)} .split-panel__container {max-width: 60em; margin-right: auto; margin-left: auto; padding: 0 1.875em; text-align: center;} .split-panel__headline, .split-panel__overview {color: #fff;} .split-panel__headline {font-size: 2.4375em; font-weight: 400; margin: 0 0 0.5128em 0;} .split-panel__overview {font-size: 1.1875em;} .split-panel__action.button {border-color: #fff; color: #fff; margin: 0;} .split-panel__action.button:hover, .split-panel__action.button:focus {background-color: #fff; color: rgba(62, 55, 127, 1);} .split-panel__right .split-panel__action.button:hover, .split-panel__right .split-panel__action.rp-button:focus {background-color: #fff; color: rgba(13, 90, 119, 1);} @media (min-width: 640px){ .split-panel__left, .split-panel__right {float: left; width: 50%; height: 400px;} .split-panel__body {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center;} .split-panel__valign {width: 100%;} } @media (max-width: 1199px){ .split-panel {font-size: 15px;} } @media (max-width: 1023px){ .split-panel {font-size: 14px;} } @media (max-width: 800px){ .split-panel {font-size: 13px;} } @media (max-width: 639px){ .split-panel__left, .split-panel__right {padding-top: 3.75em; padding-bottom: 3.75em;} .split-panel__body {position: relative;} } @media (max-width: 479px){ .split-panel {font-size: 13px;} } @media (max-width: 375px){ .split-panel {font-size: 13px;} } /******************************************************************************** --- Components - Featured - Images --- *********************************************************************************/ .featured-panel {padding: 3.75em 0;} .featured-panel--gray {background: #eef3f5} .featured-panel__headline {font-size: 1.9375em; font-weight: 600; margin:0 0 0.6452em 0} .featured-panel__subheadline {font-size: 1.5625em; font-weight: 600; margin: -0.4em 0 0.8em 0; color: #4d479c;} .featured-panel__overview {font-size: 1.25em} .featured-panel__overview ul {list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden;} .featured-panel__overview ul li {list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.250em; position: relative;} .featured-panel__overview ul li::before {font-size: 1em; content: "\e915"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: -0.0625em; left: 0; color:#4d479c;} .featured-panel__image, .featured-panel__image img {position: relative;} .featured-panel__content {position: relative;} @media only screen and (min-width: 1025px) { .featured-panel__container {display: flex; justify-content: space-between; align-items: center; align-content: center} .featured-panel__content {width: 45%; z-index: 1; order:0} .featured-panel__image {width: 45%; order:1} .featured-panel--left .featured-panel__content {order:1} .featured-panel--left .featured-panel__image {order:0} } @media only screen and (max-width: 1024px) { .featured-panel__image {max-width: 65%; margin-right: auto; margin-left: auto; margin-bottom: 3.75em; text-align: center;} } @media only screen and (max-width: 479px) { .featured-panel__image {max-width: 60%; margin-bottom: 2.5em;} } /******************************************************************************** --- CTA Bar --- *********************************************************************************/ .cta-bar {font-size: 16px; padding: 1.875em 0; text-align: center; border-top: 1px solid rgba(82,107,116, 0.15);} .cta-bar p {font-size: 1.1875em; font-weight: 600; line-height: 1.4; margin:0} @media (max-width: 639px){ .cta-bar {font-size: 15px;} } @media (max-width: 375px){ .cta-bar {font-size: 14px;} } /******************************************************************************** --- Trial List --- *********************************************************************************/ .rp-section--trial-list {margin-top: 100px} .trial-list {font-size: 16px; overflow: hidden; position: relative; margin-bottom: 3.75em; padding-bottom: 2.5em; } .trial-list:not(:last-child) {border-bottom: 1px solid rgba(147, 153, 161, 0.25);} .trial-list__status-icon {display: block; margin-bottom: 0.625em;} .trial-list__status-label {font-size: 1.1875em; font-weight: 600; text-transform: uppercase;} .trial-list__meta {list-style: none; margin: 0 0 1.25em 0; padding: 0;} .trial-list__meta li {font-size: 1.1875em; font-weight: 600; display: inline-block;} .trial-list__meta li:not(:last-child) {margin-right: 1.0526em;} .trial-list__meta-id {text-transform: uppercase;} .trial-list__meta-updated {color: #85969c;} .trial-list__headline {font-size: 1.9375em; font-weight: 600; margin: 0 0 0.6452em 0;} .trial-list__headline, .trial-list__headline a {color: #4d479c;} .trial-list__overview {font-size: 1.125em; margin-bottom: 1.1111em} .trial-list__actions {margin-top: 1.875em;} .trial-list__actions a:not(:last-child) {margin-right: 1.25em;} .trial-list__actions .rp-button {font-size: 0.875em; border-radius: 1.7857em; background: #4d479c; border-color: transparent; color: #fff;} .trial-list__actions .rp-button:hover {background-color: #6459c3} .trial-list__actions .rp-button.rp-secondary {background-color: #3a93d0} .trial-list__actions .rp-button.rp-secondary:hover {background-color: #4daeff} @media (min-width: 561px){ .trial-list__status {position: absolute; top: 0; left: 0; width: 8.75em; text-align: center;} .trial-list__body {padding-left: 10.625em;} } @media (max-width: 1023px){ .trial-list {font-size: 15px;} } @media (max-width: 959px){ .trial-list {font-size: 14px;} } @media (max-width: 800px){ .trial-list {font-size: 13px;} } @media (max-width: 560px){ .trial-list__status {margin-bottom: 1.875em} .trial-list__status-icon {max-width: 3.125em;} } @media (max-width: 379px){ .trial-list__headline {font-size: 1.75em} } /******************************************************************************** --- Trial Detail --- *********************************************************************************/ .rp-sidebar {font-size: 16px;} .rp-sidebar__module {margin-bottom: 2.5em;} .rp-sidebar__module > :last-child {margin-bottom: 0;} .rp-sidebar__title {font-size: 1.4375em; font-weight: 600; color: #4d479c; padding-bottom: 0.1739em; margin: 0 0 1.087em 0; border-bottom: 1px solid rgba(221, 221, 221, 0.75);} .rp-sidebar__headline {font-size: 1.1875em; font-family: 'Open Sans', sans-serif; margin: 0 0 0.3158em; font-weight: 600; text-transform: uppercase;} .rp-sidebar__module .rp-button {font-size: 0.875em; display: block; width: 100%; border-radius: 1.7857em; background: #4d479c; border-color: transparent; color: #fff;} .rp-sidebar__module .rp-button:hover {background-color: #6459c3} .rp-sidebar__module .rp-button.rp-secondary {background-color: #3a93d0} .rp-sidebar__module .rp-button.rp-secondary:hover {background-color: #4daeff} .rp-sidebar__list {font-size: 1.1875em; margin-bottom: 0.4211em; } .rp-sidebar__list a {color: #526b74} .rp-sidebar__list a:hover {color: #4d479c} .rp-sidebar__list-icon {display: inline-block; margin-right: 0.3158em; position: relative; top: 2px;} .rp-sidebar__list-icon::before {font-size: 1.1579em; color: #3e9ceb;} .rp-sidebar__tag {font-size: 0.875em; font-weight: 600; display: block; line-height: 1.2; padding: 0.8571em; margin-bottom: 0.4286em; color: #4d479c; background: #F2F5FA} .rp-sidebar__module--locations .rp-button {margin-top: 0.8571em;} .rp-sidebar-module {position: relative; padding: 1.5625em; margin-bottom: 2.5em;} .rp-sidebar-module__bg, .rp-sidebar-module__bg::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rp-sidebar-module__bg {background-position: center; background-repeat: no-repeat; background-size: cover;} .rp-sidebar-module__bg::before {content: ""; display: block; background-color: rgba(62, 55, 127, 0.85);} .rp-sidebar-module--alt .rp-sidebar-module__bg::before {background-color: rgba(13, 90, 119, 0.85);} .rp-sidebar-module__body {position: relative;} .rp-sidebar-module__headline, .rp-trial-detail .rp-sidebar-module__overview, .rp-trial-detail .rp-sidebar-module__overview p, .rp-sidebar-module__overview, .rp-sidebar-module__overview p {color: #fff;} .rp-sidebar-module__headline {font-size: 1.4375em; margin: 0 0 10px 0; font-weight: 600;} .rp-sidebar-module__overview {font-size: 0.875em; line-height: 1.6;} .rp-sidebar-module__action.rp-button {font-size: 0.875em; border-color: #fff; color: #fff; padding: 0.8571em 1.7857em;} .rp-sidebar-module__action.rp-button:hover {background: #fff; color: rgba(62, 55, 127, 1)} .rp-sidebar-module--alt .rp-sidebar-module__action.rp-button:hover {color: rgba(13, 90, 119, 1)} .rp-trial-detail {font-size: 16px;} .rp-trial-detail p, .rp-trial-detail__article > ol > li, .rp-trial-detail__article > ul > li {font-size: 1.125em; line-height: 1.8; color: #000;} .rp-trial-detail__article > ol > li, .rp-trial-detail__article > ul > li {margin-bottom: 0.6667em} .rp-trial-detail__headline {font-size: 2.4375em; font-weight: 600; margin: 0 0 0.3077em 0;} .rp-trial-detail__id {font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-weight: 600; margin: 0 0 1.875em 0; color: rgba(82,107,116, 0.65)} .rp-trial-detail__subtitle {font-size: 1.1875em; font-weight: 600; margin-bottom: 1.5789em; color: rgb(82,107,116)!important;} .rp-trial-detail table {font-size: 0.875em; width: 100%;} .rp-trial-detail table th, .rp-trial-detail table td {} .rp-trial-detail table th, .rp-trial-detail table td {padding-top: 0.8571em; padding-bottom: 0.8571em; color: #000; border-top: 1px solid #c4d0d4; line-height: 1.4; padding: 0.5em 0.625em; vertical-align: middle;} .rp-trial-detail thead {background: #3a93d0} .rp-trial-detail thead th {color: #fff;} .rp-trial-detail__details {margin-bottom: 3.75em} .rp-trial-detail__details h3 {font-size: 2.4375em; font-weight: 600; margin: 0 0 1.0256em 0} .rp-trial-detail__details ul {list-style: none; margin: 0; padding: 0; text-align: center;} .rp-trial-detail__details ul li {font-size: 0.8889em; display: inline-block; padding: 0 1.25em;} .rp-trial-detail__details-icon, .rp-trial-detail__details-label {display: block;} .rp-trial-detail__details-icon {font-size: 4.0625em; font-weight: 600;} .rp-trial-detail__details-icon img {width: auto; max-height: 0.8769em;} .rp-trial-detail__details-label {font-size: 1.5625em; font-weight: 600;} .rp-trial-detail__body h1, .rp-trial-detail__body h2, .rp-trial-detail__body h3, .rp-trial-detail__body h4, .rp-trial-detail__body h5, .rp-trial-detail__body h6 {margin: 0 0 1.25rem 0; font-family: "Open Sans",sans-serif; font-weight: 600;} .rp-map-container {height: 200px; background: #000; margin-bottom: 2.5em;} @media only screen and (min-width: 960px) { .rp-sidebar-mobile {display: none;} .rp-two-column {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .rp-two-column__left {width: 23.33%; order: 1} .rp-two-column__right {width: 71.67%; order: 0} .js-sticky-sidebar {max-width: 17.5em!important;} } @media only screen and (max-width: 959px) { .rp-two-column__left .rp-sidebar {display: none;} .rp-sidebar-mobile {border: 1px solid rgba(193, 196, 202,0.65); border-bottom: 7px solid #5A75C2; padding: 1.875em; margin-bottom: 3.75em; height: auto!important;} .rp-sidebar-mobile .rp-sidebar {max-width: 480px; margin-right: auto; margin-left: auto; } } @media only screen and (max-width: 639px) { .rp-sidebar, .rp-trial-detail {font-size: 15px;} .rp-trial-detail__details {font-size: 12px;} .rp-trial-detail__headline {font-size: 2em;} } @media only screen and (max-width: 479px) { .rp-sidebar, .rp-trial-detail {font-size: 14px;} .rp-trial-detail__details {font-size: 10px;} .rp-trial-detail__headline {font-size: 1.375em; line-height: 1.2} } @media only screen and (max-width: 375px) { .rp-trial-detail__details {font-size: 8px;} } /******************************************************************************** --- Cards --- *********************************************************************************/ .rp-cards {font-size: 16px; display: flex; flex-wrap: wrap; align-items: stretch; align-content: flex-start; margin: 2.5em -0.9375em;} .rp-cards__block {display: block; width: 50%; padding: 0 0.9375em 1.875em;} .rp-cards__block-inner {height: 100%; border: 1px solid rgba(196, 208, 212, 0.25); border-bottom: 6px solid #4d479c; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(45, 58, 75, 0.05); padding: 1.875em;} @media (max-width: 639px) { .rp-cards__block {width: 100%;} } /******************************************************************************** --- Location Card --- *********************************************************************************/ .location-card {font-weight: 600;} .location-card__name, .location-card__contact-label {font-size: 0.9375em;} .location-card__name, .location-card a, .location-card__contact > span {display: block; line-height: 1.4;} .location-card__addr {margin-bottom: 0.7143em;} .location-card__addr, .location-card__contact-name, .location-card__contact-phone, .location-card__contact-email {font-size: 0.875em;} .location-card a:hover {color: #526b74} .location-card__contact {margin-top: 0.625em;} .location-card__contact-name, .location-card__contact-phone, .location-card__contact-email {margin-bottom: 0.2857em;} /******************************************************************************** --- Locations Map --- *********************************************************************************/ .rp-section-map {position:relative; height:500px; overflow:hidden; margin-bottom: 2.5em;} .map-canvas {height: 100%; width:100%; margin: 0; padding: 0;} .map-controls {font-size:16px; position:absolute; bottom:3.750em; right:2.500em; background:#fff; -webkit-box-shadow: 0px 0px 0.938em 0px rgba(17,16,24,0.05); -moz-box-shadow: 0px 0px 0.938em 0px rgba(17,16,24,0.05); box-shadow: 0px 0px 0.938em 0px rgba(17,16,24,0.05); z-index: 2;} .map-controls a {display:block; width:2.875em; height:2.875em; line-height:2.625em; text-align:center; transition:background 250ms ease;} .map-controls a:hover {background:#f4f4f8;} .map-controls a:active {background:#f3f3f5;} .map-controls a:not(:last-child) {border-bottom:1px solid #e4e3e7;} .map-controls__zoom, .map-controls__zoom-out {display: inline-block; vertical-align: middle; background-repeat:no-repeat; background-size: cover; width: 1.25em; height: 1.25em; } .map-controls__zoom {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE0RDc1NDYzOEM5MTExRTlCMjVEQjAxODk5MkYwRkUwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE0RDc1NDY0OEM5MTExRTlCMjVEQjAxODk5MkYwRkUwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTRENzU0NjE4QzkxMTFFOUIyNURCMDE4OTkyRjBGRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTRENzU0NjI4QzkxMTFFOUIyNURCMDE4OTkyRjBGRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5o3nqOAAAAc0lEQVR42mL8//8/AzUBC4hgZGTEqcDfbaEDkNoP5Tpu3BV/AJdakOOYGKgMRg0chAayQJNGApBSwKFGHokdD01G2MADIF7AAlMIxA5EOCABjxwofS6gupcZQal7NKeMGkhGTiEAQDmgEYlNOB1SEwAEGADMviLvdyolNQAAAABJRU5ErkJggg==);} .map-controls__zoom-out {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwRjk1MzcyOEM5MTExRTk4RjI5QkI0QkIyNDI2NTU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwRjk1MzczOEM5MTExRTk4RjI5QkI0QkIyNDI2NTU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjBGOTUzNzA4QzkxMTFFOThGMjlCQjRCQjI0MjY1NTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjBGOTUzNzE4QzkxMTFFOThGMjlCQjRCQjI0MjY1NTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5lcxhKAAAAQUlEQVR42mL8//8/AzUBEwOVwaiBI8FARn+3hQpAOoEKZi3YsDPuAQuQATKwngoGHgDiB9T38mjWGzVwOBoIEGAAIDANXs2kWWcAAAAASUVORK5CYII=);} .map-search {font-size:16px; position: absolute; bottom: 0.9375em; left: 0; width: 100%; z-index: 1; text-align: center;} .map-search__box {display: inline-block; vertical-align: top; padding: 0.75em; position: relative; width: 28em; background: rgb(92, 82, 185); background: -moz-linear-gradient(top, rgba(92, 82, 185,1) 0%, rgba(79, 70, 161,1) 100%); background: -webkit-linear-gradient(top, rgba(92, 82, 185,1) 0%,rgba(79, 70, 161,1) 100%); background: linear-gradient(to bottom, rgba(92, 82, 185,1) 0%,rgba(79, 70, 161,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c52b9', endColorstr='#4d479c',GradientType=0 ); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15);} .map-search__row {overflow: hidden; margin: 0 -0.375em;} .map-search__col {float: left; padding: 0 0.375em;} .map-search__col-1 {width: 60%;} .map-search__col-2 {width: 40%;} /* .map-search__col-3 {width: 40%;} */ .map-search input[type="text"], .map-search select, .map-search button {font-size: 0.875em; margin-bottom: 0; background-color: rgba(0,0,0,0.15); border: none; box-shadow: none; color: rgba(255,255,255,0.85); height: 2.5714em; display: block; padding: 0.5714em; border-radius: 0; width:100%} .map-search input[type="text"]:focus, .map-search select:focus, .map-search button:hover {background-color: rgba(0,0,0,0.25);} .map-search .columns {padding-right: 0.31em; padding-left: 0.31em;} .map-search button {font-weight: 700; text-transform: uppercase; display: block; width: 100%; transition: background 250ms ease; outline: none;} .map-search ::-webkit-input-placeholder {color: rgba(255,255,255,0.85);} .map-search ::-moz-placeholder {color: rgba(255,255,255,0.85);} .map-search :-ms-input-placeholder {color: rgba(255,255,255,0.85);} .map-search :-moz-placeholder {color: rgba(255,255,255,0.85);} .map-search select option {background: #fff; color: #585d6b;} .filter-search__clear {font-size:0.88em; position: absolute; top: -1.71em; right: 0; padding: 0 15px; height: 1.71em; line-height: 1.71em; background: #585d6b; color: #fff; cursor: pointer;} .filter-search__clear span {position: relative; top: 0.14em;} .locations-map {position:absolute; top:0; right:0; width:100%; height:100%; z-index:1;} .locations-pop-block {font-size:16px; background: #fff; padding:2.500em; text-align:left; max-width: 350px; margin: 2.500em auto; border-radius:2px; position: relative; box-shadow:0px 0px 16px 0px rgba(17, 16, 24, 0.30); overflow:hidden;} .locations-pop-name, .locations-pop-addr, .locations-pop-street, .locations-pop-suite, .locations-pop-loc, .locations-pop-phone, .locations-pop-directions {display:block; line-height:1.3;} .locations-pop-name {color: #343248; font-size:1.250em; font-weight: 700; margin-bottom:0.190em;} .locations-pop-addr {color:#575d6e; margin-bottom:1.067em;} .locations-pop-phone, .locations-pop-directions {color:#343248; font-weight:700; margin-top: 0.250em;} .locations-pop-phone:before, .locations-pop-directions:before {font-family: 'CD-Project-Icons'; margin-right:0.267em; font-weight:normal; position:relative;} .locations-pop-phone:before {content:"\e864"; font-size:0.933em; top:0.143em;} .locations-pop-directions:before {content:"\e829"; font-size:0.867em; top:0.077em;} .locations-pop-block:after {font-family: 'CD-Project-Icons'; display:block; position:absolute; bottom:0; right:0; color:rgba(116, 124, 146,0.18); line-height:1;} .locations-pop-detail {text-transform: uppercase; font-weight: 700} .locations-pop-detail span {position: relative; top: 1px; color: #747c92} @media only screen and (max-width: 1600px) { .map-controls, .map-search {font-size:15px;} } @media only screen and (max-width: 1199px) { .rp-section-map {height:450px;} .map-controls, .map-search {font-size:14px;} } @media only screen and (max-width: 959px) { .rp-section-map {height:400px;} .map-controls, .map-search {font-size:13px;} } @media only screen and (max-width: 767px) { .rp-section-map {height:350px;} .map-controls, .map-search {font-size:12px;} .map-search {text-align: left; padding-left: 1.25em;} } @media only screen and (max-width: 639px) { .map-controls, .map-search {font-size:11px;} } @media only screen and (max-width: 479px) { .locations-pop-block {font-size:15px; padding-right:2.000em; padding-left:2.000em;} .rp-section-map {height:300px;} .map-search {font-size: 10px;} .map-controls {font-size: 9px; bottom: 8em; right: 1em} } @media only screen and (max-width: 375px) { .locations-pop-block {font-size:14px; padding-right:1.250em; padding-left:1.250em;} .rp-section-map {height:250px;} .map-search__box {width: 24em;} } /******************************************************************************** --- Magnific Popup--- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background: rgba(30, 40, 50, 0.95);} .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner {padding: 0; border: 0;} .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .white-popup-block {background: #fff; padding:2.500rem; text-align:left; max-width: 650px; margin: 2.500rem auto; border-radius:2px; position: relative; box-shadow:0px 0px 16px 0px rgba(17, 16, 24, 0.90); overflow:hidden;} @media all and (max-width: 479px) { .white-popup-block {padding-right:1.500rem; padding-left:1.500rem; margin-top:1.250rem; margin-bottom:1.250rem;} } .mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:1}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0} /******************************************************************************** --- Form Popup --- *********************************************************************************/ .form-popup h3 {font-weight: 600; margin: 0 0 1.25rem 0; color: #4d479c; } .form-popup .row {padding-right: 0; padding-left: 0;} .form-popup .req {color: #f60045; font-weight: 700;} .form-popup label {font-weight: 600;} .form-popup select, .form-popup textarea, .form-popup input[type="text"], .form-popup input[type="email"] {font-size: 1em; width: 100%;} .form-popup select, .form-popup input[type="text"], .form-popup input[type="email"] {height: 3em;} /******************************************************************************** --- Age Verification Popup --- *********************************************************************************/ .consent-verification-popup {font-size:16px; max-width:700px; padding:5.000em 3.750em; margin:2.500em auto; position:relative; overflow:hidden; background: #fff;} .consent-container {max-width:75%; margin-right: auto; margin-left: auto; position:relative;} .consent__subtitle, .consent__headline {display:block; line-height:1.1;} .consent__subtitle {font-size:2.4375em; color: #4d479c; font-weight:600; margin-bottom: 0.2564em} .consent__headline {font-size:1.5625em; margin-bottom:0.8em;} .consent__link {font-weight: 600; text-transform: uppercase; padding-bottom: 0.0625em; border-bottom: 2px solid #4d479c; transition: all 250ms ease;} .consent__link:hover {color: #526b74; border-color: #526b74;} .consent__actions {margin-top: 2.5em} .consent__actions .rp-button {display: block; width: 100%; padding-right: 0.9375em; padding-left: 0.9375em} .consent__actions .rp-button:not(:last-child) {margin-right: 0.8em;} .consent__alert {display:none; margin-top: 2.5em;} .consent__alert p {font-size:1.1875em; font-weight: 600;} @media all and (max-width: 959px) { .consent-verification-popup {font-size:14px;} } @media all and (max-width: 800px) { .consent-verification-popup {font-size:13px;} } @media all and (max-width: 639px) { .consent-verification-popup {font-size:12px; padding:3.500em 2.500em;} .consent-verification-popup:before {right:-20%;} .consent-container {max-width:85%;} } @media all and (max-width: 479px) { .consent-verification-popup {font-size:11px;} .consent__remember-checkbox {font-size:1.625em;} .consent__actions .button {font-size:1.000em;} .consent__subtitle {font-size:2.000em;} .consent__headline {font-size:2.250em;} } @media all and (max-width: 375px) { .consent-verification-popup {font-size:10px; padding-right:2.000em; padding-left:2.000em;} .consent-container {max-width:100%;} .consent__actions .button {display:inline-block; width:auto;} } /******************************************************************************** --- Alert Message Box --- *********************************************************************************/ .alert-box {position: absolute; top:50%; left:50%; margin:-1.75em 0 0 -8em; width: 16em; height: 3.5em; line-height: 3.25em; background: rgba(44, 54, 145,0.85); text-align: center; z-index:100; animation-delay:500ms; animation-duration: 500ms; animation-fill-mode: both; animation-name: alertFadeIn;} .alert-box__inner {font-size: 1.13em; display: inline-block; vertical-align: middle; line-height: 1.2; padding:0 1.39em; color: #fff;} .alert-box__inner span[class^="icon-"] {position: relative; top: 2px;} @media (max-width: 800px) { .alert-box {margin-top:-1.5em; margin-left: -7em; width: 14em; height: 3em; line-height: 2.75em;} } @media (max-width: 639px) { .alert-box {font-size: 12px;} } @media (max-width: 479px) { .alert-box {font-size: 11px;} } @media (max-width: 375px) { .alert-box {font-size: 10px;} } @keyframes alertFadeIn{from{opacity:0;}to{opacity:1;}} /******************************************************************************** --- Animated Loader --- *********************************************************************************/ .spinner{position:fixed; z-index:999999; top:50%; left:50%; margin:-30px 0 0 -30px; height:60px;width:60px; -webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(242, 245, 250,1);border-right:6px solid rgba(242, 245, 250,1);border-bottom:6px solid rgba(242, 245, 250,1);border-top:6px solid rgba(79, 70, 161,1);border-radius:100%}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}} .loading-overlay {position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; background: rgba(88, 93, 107,0.30); -webkit-animation-name: overlayFadeIn; animation-name: overlayFadeIn; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 250ms; animation-duration: 250ms; } @-webkit-keyframes overlayFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes overlayFadeIn{0%{opacity:0}100%{opacity:1}} /******************************************************************************** --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form {margin: 0;} /*-----------Label Styles-----------*/ label {font-size: 0.875em; cursor: pointer; display: block; margin: 0; font-weight:500; color: #2d3a4b} /*-----------Required-----------*/ .req, .hs-form-required { color:#d14747; font-weight: 700;} /*-----------styling on all basic form elements-----------*/ 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"], textarea, select {font-size: 1.000rem; -webkit-appearance: none; background-color: #fff; border: 1px solid #c4d0d4; color: #2d3a4b; display: block; margin: 0 0 1.875em 0; padding:0.625em 0.9375em; height: 3.375em; width: 100%; transition: border linear 0.2s; border-radius: 3px; font-weight:normal;} /*-----------styling on all basic form focus elements-----------*/ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {border-color: #4d479c; outline:none;} body.user-is-tabbing input[type="text"]:focus, body.user-is-tabbing input[type="password"]:focus, body.user-is-tabbing input[type="date"]:focus, body.user-is-tabbing input[type="datetime"]:focus, body.user-is-tabbing input[type="datetime-local"]:focus, body.user-is-tabbing input[type="month"]:focus, body.user-is-tabbing input[type="week"]:focus, body.user-is-tabbing input[type="email"]:focus, body.user-is-tabbing input[type="number"]:focus, body.user-is-tabbing input[type="search"]:focus, body.user-is-tabbing input[type="tel"]:focus, body.user-is-tabbing input[type="time"]:focus, body.user-is-tabbing input[type="url"]:focus, body.user-is-tabbing textarea:focus, body.user-is-tabbing select:focus {border: none; outline: auto; outline: 2px solid rgba(82, 107, 116,0.15)!important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color!important;} /*-----------styling on all basic form disabled elements-----------*/ input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #c4d0d4; } /*-----------input submit-----------*/ input[type="submit"] { -webkit-appearance: none; } /*-----------textarea-----------*/ textarea { min-height: 6.944em; resize: none; max-width: 100%; } textarea[rows] { height: auto; } /*-----------select-----------*/ select { background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNMTEuODc5NyAxLjIxODZMMTEuMjc4NSAwLjYxNjUxMkMxMS4yMDY0IDAuNTQ0MjY2IDExLjA5ODEgMC40OTYwOTQgMTEuMDAyIDAuNDk2MDk0QzEwLjkwNTggMC40OTYwOTQgMTAuNzk3NSAwLjU0NDI2NiAxMC43MjU0IDAuNjE2NTEyTDUuOTk5OTggNS4zNDg4NEwxLjI3NDUzIDAuNjE2NTEyQzEuMjAyMzkgMC41NDQyNjYgMS4wOTQxNiAwLjQ5NjA5NCAwLjk5Nzk5MiAwLjQ5NjA5NEMwLjg4OTc3MSAwLjQ5NjA5NCAwLjc5MzU3NCAwLjU0NDI2NiAwLjcyMTQ1MSAwLjYxNjUxMkwwLjEyMDI0NiAxLjIxODZDMC4wNDgwOTg0IDEuMjkwODUgMCAxLjM5OTIyIDAgMS40OTU1NkMwIDEuNTkxOTEgMC4wNDgwOTg0IDEuNzAwMjcgMC4xMjAyNDYgMS43NzI1Mkw1LjcyMzQ2IDcuMzgzOUM1Ljc5NTYxIDcuNDU2MTQgNS45MDM4MyA3LjUwNDMyIDYgNy41MDQzMkM2LjA5NjIgNy41MDQzMiA2LjIwNDQyIDcuNDU2MTQgNi4yNzY1NCA3LjM4MzlMMTEuODc5OCAxLjc3MjUyQzExLjk1MTkgMS43MDAyNyAxMiAxLjU5MTkxIDEyIDEuNDk1NTZDMTIgMS4zOTkyMiAxMS45NTE5IDEuMjkwODUgMTEuODc5OCAxLjIxODZIMTEuODc5N1oiIGZpbGw9IiNBOUFGQzAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: calc(100% - 13px) center; background-size: 0.675em; -webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;} :-moz-any(select) {background-image:none;} select::-ms-expand {display: none;} /*-----------other form elements-----------*/ input[type="file"], input[type="checkbox"], input[type="radio"] { margin: 0 0 1.875em 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.444em; margin-right: 0.889em; margin-bottom: 0; vertical-align: baseline; } .input-radio, .input-checkbox {vertical-align:top; margin:0.444em 0; line-height:1.2;} .input-radio input[type="radio"], .input-checkbox input[type="checkbox"] {width:18px; height:18px; margin:0 0.222em 0 0; padding:0;} /*-----------Normalize file input width-----------*/ input[type="file"] { width: 100%; } /*-----------We add basic fieldset styling-----------*/ fieldset { border: 1px solid #c4d0d4; border-radius: 3px; padding: 1.111em; margin: 1.000em 0; } fieldset legend { font-weight: 700; background: #fff; padding: 0 0.167em; margin: 0; margin-left: -0.167em; } /*-----------Custom replaced checkbox, radio, switch-----------*/ .checkbox, .radio, .switch {margin: 1.000em 0; } .checkbox label, .radio label {font-size: 1em; text-transform: none; font-weight: 400; line-height: 1;} .checkbox *, .radio * { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox input, .radio input { opacity: 0; margin: 0; outline: none;} .checkbox span, .radio span { position: relative; display: inline-block; margin-left: -0.75em; vertical-align: middle; text-align: center; width: 18px; height: 18px; background: #fff; border: 2px solid #c4d0d4; transition: border-color 250ms ease;} .checkbox span {border-radius: 2px;} .radio span { border-radius: 18px; } .checkbox:hover span, .radio:hover span { border-color: #4d479c; } .checkbox span:before, .radio span:before {display:block; opacity: 0; color: #4d479c; line-height: 1; transition: opacity 250ms ease; } .checkbox span:before {font-size: 13px; content: "\e94b"; font-family: 'CD-Project-Icons';} .radio span:before {content: ""; width: 8px; height: 8px; border-radius: 8px; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; background-color: #4d479c;} .checkbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span { border-color: #4d479c; background-color: #4d479c; } .radio input[type=radio]:checked + span { background-color: #fff; } .checkbox input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before { color: #fff; opacity: 1;} .checkbox input[type=checkbox]:disabled + span, .radio input[type=radio]:disabled + span { border-color: #c4d0d4!important; background-color: #c4d0d4!important; } .radio input[type=radio]:checked:focus + span:before { background-color: #4d479c;} .radio input[type=radio]:checked:focus + span { border-color: #4d479c; background-color: #fff; } .checkbox input[type=checkbox]:checked:focus + span, .switch input[type=checkbox]:checked:focus + span {background-color: #4d479c;} /* --- SWITCH --- */ .switch * { cursor: pointer; } .switch input { opacity: 0; position: absolute; z-index: -1; } .switch span { position: relative; display: inline-block; width: 58px; height: 30px; background-color: #fff; border: 1px solid #c4d0d4; border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(82, 107, 116,0.1) inset; } .switch span:after { content: ""; position: absolute; background-color: #fff; top: 0; left: 0; height: 28px; width: 28px; border: 1px solid #c4d0d4; border-radius: 400px; box-shadow: 1px 1px 3px rgba(82, 107, 116,0.1); transition: all .2s; } .switch input:checked + span { background-color: #4d479c; border-color: #4d479c; transition: all .5s; } .switch input:checked + span:after { left: 50%; transition: all .2s; } /*-----------Error Validation-----------*/ form small.form-error {font-size: 0.667rem; background: #4d479c; color: #fff; padding: 0.222rem 0.333rem; font-weight: 500; margin:0; display: block;} form small.form-error:last-of-type {margin-bottom: 1.875em} .fv-has-error input[type="text"], .fv-has-error input[type="email"], .fv-has-error input[type="tel"], .fv-has-error textarea, .fv-has-error select {margin-bottom: 0} /*-----------Success Container-----------*/ .success-container {display: none; text-align: center;} .success-container__icon {font-size:7.5em; line-height: 1; margin-bottom: 1.25rem; color: #4d479c} .success-container p {font-size: 1.5625em;} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#c4d0d4; color:#565e68; cursor:default; text-shadow:none;} /*-----------Gravity Forms Helpers-----------*/ .gform_wrapper [type="checkbox"], .gform_wrapper [type="radio"] {margin: 0} .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {margin-top: 0!important} .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {font-size: 1em!important;} .gform_wrapper input[type="text"], .gform_wrapper input[type="password"], .gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="tel"], .gform_wrapper textarea, .gform_wrapper select {margin-bottom: 0;} .gform_wrapper .ginput_complex.ginput_container {margin-top: 1.25rem!important} .gform_wrapper .ginput_complex.ginput_container_address {margin-top: 8px!important;} .gform_confirmation_wrapper {padding: 1.6667em; margin: 2.2222em 0; border-radius: 3px; border: 1px solid #4d479c; font-weight: 600;} .gform_button.button {font-size: 1em!important; font-weight: 600!important; border-radius: 1.7857em!important; cursor: pointer!important; line-height: 1!important; border: 2px solid transparent!important; margin: 0 0 1.111em 0!important; position: relative!important; text-decoration: none!important; text-align: center!important; -webkit-appearance: none!important; display: inline-block!important; padding: 1em 2.5em!important; -webkit-transition: all 200ms ease!important; transition: all 200ms ease!important; color: #fff!important; background-color: #4d479c!important;} .gform_button.button:hover {background-color: #6459c3!important;} /*-----------Error Form Validation-----------*/ form small.form-error {font-size: 0.875em; background: #f60045; color: #fff; padding: 0.222em 0.333em; font-weight: 500; margin: -0.6429em 0 0.6429em 0; display: block; } /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion {font-size:1.000rem; margin: 0 0 1.667em; box-shadow: 0px 4px 15px rgba(45, 58, 75,0.1);} .accordion dt {border-top: 1px solid rgba(196, 208, 212, 0.5); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:1.111em 4em 1.111em 1.875em; margin: 0; position:relative; font-weight:700;} .accordion dt:first-child {border-top: none;} .accordion dt:after {font-size: 1.3125em; content: "\e91b"; font-family: 'CD-Project-Icons'; position:absolute; top:0.625em; right:0.9524em; color:#4d479c;} .accordion dt.accordion-active:after { content: "\e926"; } .accordion dd { display: none; padding:0.9375em 1.875em 1.875em; margin: 0; } body.user-is-tabbing .accordion dt:focus { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 3.22rem; } body.user-is-tabbing .accordion dt:focus:after { right:1rem; } body:not(.user-is-tabbing) .accordion dt:focus { outline: none; } /******************************************************************************** --- Responsive Tabs --- *********************************************************************************/ /*-----------Universal Tabs-----------*/ .resp-tabs-list {list-style:none; margin: 0; padding: 0;} .resp-tabs-list li {display: inline-block; margin: 0; padding:0; cursor: pointer; float: left; background-color: #eef3f5; color: #000; } .resp-tabs-list li.resp-tab-active {font-weight: 600; background: #fff; color:#4d479c; position: relative; } .resp-tabs-container {padding: 0; background-color: #fff; clear: left; box-shadow: 0px 4px 15px rgba(45, 58, 75,0.1);} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content { display: none; padding: 1.667em 1.944em; border: 1px solid rgba(196, 208, 212, 0.5);} .resp-accordion { cursor: pointer; display: none; border: 1px solid rgba(196, 208, 212, 0.5); margin: 0; padding: 0.667em; } .resp-tab-active {border-bottom:none;} .resp-arrow { position: absolute; top: 0.833em; right: 0.833em; } .resp-arrow:after { content: "\e91b"; font-family: 'CD-Project-Icons'; } .resp-tab-active .resp-arrow:after { content: "\e926"; } body:not(.user-is-tabbing) .resp-accordion:focus { outline: none !important; } /*-----------Vertical tabs-----------*/ .resp-tabs--vertical .resp-tab-content {word-wrap: break-word; } .resp-tab-item:focus, .resp-accordion:focus { position: relative; z-index: 2;} @media only screen and (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-tabs--horizontal .resp-tabs-list li { padding: 0.833em; border-top: 1px solid rgba(196, 208, 212, 0.5); border-left: 1px solid rgba(196, 208, 212, 0.5); } .resp-tabs--horizontal .resp-tabs-list li:last-child { border-right: 1px solid rgba(196, 208, 212, 0.5); } .resp-tabs--horizontal .resp-tabs-list li.resp-tab-active:after { content: ""; display: block; background: #fff; height: 1px; width: 100%; position: absolute; bottom: -1px; left: 0; } body:not(.user-is-tabbing) .resp-tabs--horizontal .resp-tabs-list li:focus { outline: none; } /*-----------Vertical tabs-----------*/ .resp-tabs--vertical {overflow: hidden; padding-top: 3px; padding-left: 3px; /*padding is so focus ring shows completely */} .resp-tabs--vertical .resp-tabs-list { float: left; width: 30%; border: 1px solid rgba(196, 208, 212, 0.5); border-right: none; box-shadow: 0px 4px 15px rgba(45, 58, 75,0.1);} .resp-tabs--vertical .resp-tabs-list li { display: block; padding: 0.778em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid rgba(196, 208, 212, 0.5); } .resp-tabs--vertical .resp-tabs-list li:last-child {border-bottom:none;} .resp-tabs--vertical .resp-tabs-container { border: 1px solid rgba(196, 208, 212, 0.5); box-shadow: 0px 4px 15px rgba(45, 58, 75,0.1); float: left; width: 70%; min-height: 250px; clear: none; } .resp-tabs--vertical .resp-tab-content { border: none; } .resp-tabs--vertical .resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} body:not(.user-is-tabbing) .resp-tabs--vertical .resp-tabs-list li:focus { outline: none; } } @media only screen and (max-width: 767px) { .resp-tabs-list { display: none; } .resp-accordion { display: block; background-color: #eef3f5; position: relative; font-size: 1.125em;} .resp-accordion:not(:last-of-type) {border-bottom:none; } .resp-accordion.resp-tab-active {font-weight: 600; background: #fff; color:#4d479c; } .resp-tab-content { border: 1px solid rgba(196, 208, 212, 0.5); border-bottom:none; } .resp-tab-content:last-of-type {border-bottom:1px solid rgba(196, 208, 212, 0.5);} .resp-tabs--verticalvtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } } /******************************************************************************** --- Tables --- *********************************************************************************/ table.table { background: white; margin-bottom: 1.000em; border: solid 1px #c4d0d4; table-layout: auto; width: 100%; } table.table caption { background: none; color: #000; font-weight: bold; } table.table thead { background:#eef3f5; } table.table thead tr th, table.table thead tr td { padding:0.750em 0.857em; font-size: 0.778em; text-transform: uppercase; color: #000; font-weight:700; border: 1px solid #c4d0d4; } table.table tr th, table.table tr td { padding:1em 0.820em; font-size:0.813em; text-align: left; border: 1px solid #c4d0d4; } table.table tr.even, table.table tr.alt, table.table tr:nth-of-type(even) { background: #eef3f5; } table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { display: table-cell; line-height: 1.3; } /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content { display: none; } .slide-toggle:not(.button):after { content: "\e911"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333em; font-size:90%;} .slide-toggle:not(.button).active:after { content: "\e917"; } .slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:#85969c; } .slide-toggle.button.active {background-color:#85969c; color:#fff;} .slide-toggle.button.stroke.active {border-color: #85969c} .slide-toggle.button:after { content: "\e911"; font-family: 'CD-Project-Icons'; font-size:90%; margin-left:0.333em; } .slide-toggle.button.active:after { content: "\e917";} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert { display: none; padding: 0.556em 0.833em; margin-bottom: 1.111em; background-color: #4d479c; color: #fff;} .alert p {line-height:1.2; padding-left:1.333em; position:relative;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.278em; } .alert a { color: #fff; text-decoration: underline; } .alert a:hover { color:#4d479c; } .alert p:before { font-family: 'CD-Project-Icons'; color: #fff; position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:#55c371; } .alert-success p:before { content: "\e94b"; } .alert-info p:before { content: "\e98f"; } .alert-warning { background-color:#ffa820; } .alert-warning p:before { content: "\ea17"; } .alert-danger { background-color:#d14747; } .alert-danger p:before { content: "\e96d"; } /******************************************************************************** --- Footer Main--- *********************************************************************************/ .footer {background-color: #2d3a4b;} .footer__top {padding-top: 4.375em; padding-bottom: 3.125em; position: relative;} .footer__logo {margin-bottom: 4.375em; position: relative;} .footer__back-top {width: 2.125em; height: 2.125em; line-height: 1.875em; border-radius: 2.125em; border: 2px solid rgba(255,255,255, 0.85); text-align: center; color: rgba(255,255,255, 0.85); transition: border-color 250ms ease, color 250ms ease;} .footer__back-top:hover {color: rgba(255,255,255, 1); border-color: rgba(255,255,255, 1)} .footer__col h5 {font-size: 1.1875em; font-weight: 500; color: #fff; margin-bottom: 1.875rem} .footer__loc ul {margin: 0; padding: 0; list-style: none} .footer__loc li {display: block; line-height: 1.2; margin-bottom: 1.25em;} .footer__loc li::before {font-size: 1.25em; font-family:'CD-Project-Icons'; display: block; color: rgba(255,255,255,0.85);} .footer__phone, .footer__email {font-size: 1.25em; font-weight: 500;} .footer__phone a, .footer__email a {color: #987eff} .footer__phone a:hover, .footer__email a:hover {color: #aa95ff} .footer__loc li.footer__phone::before {content: "\e99e"; left: -3px} .footer__loc li.footer__email::before {content: "\e9af"; left: -3px} .footer__loc li.footer__locs::before {content: "\e9b2"} .footer__locs-label {font-size: 1em; font-weight: 500; display: block; color: rgba(255,255,255, 1)} .footer__locs-addr {font-size: 0.875em; line-height: 1.8; color: rgba(255,255,255, 1)} .footer__links ul, .footer__social ul {list-style: none; margin: 0; padding: 0;} .footer__links li {display: block; margin-bottom: 0.75em;} .footer__links a {font-size: 0.9375em;} .footer__links a, .footer__social a {color: rgba(255,255,255, 1)} .footer__links a:hover, .footer__social a:hover {color: rgba(255,255,255, 0.65)} .footer__social li {display: block; margin-bottom: 0.9375em} .footer__social a {display: block;} .footer__social .social-links__icon, .footer__social .social-links__label {display: inline-block; vertical-align: middle;} .footer__social .social-links__label {font-size: 0.9375em; line-height: 1;} .footer__social .social-links__icon {font-size: 14px; display: inline-block; width: 30px; height: 30px; line-height: 28px; border-radius: 30px; text-align: center; border: 2px solid rgba(255,255,255,1); margin-right: 12px;} .footer__social .social-links__icon::before {position: relative; top: -1px;} .footer__bottom {padding: 2.5em 0; border-top: 1px solid rgba(255,255,255,0.15);} .footer__copyright {display: block; font-size: 0.8125em; font-weight: 600; color: rgba(255,255,255, 1)} .footer__site-links {display: block; list-style: none; margin: 0; padding: 0; line-height: 1;} .footer__site-links li {display: inline-block; line-height: 1;} .footer__site-links a {font-size: 0.8125em; color: rgba(255,255,255, 1); font-weight: 600;} .footer__site-links a:hover {color: rgba(255,255,255, 0.65);} @media only screen and (min-width: 1025px) { .footer__row {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin: 0 -1.875rem;} .footer__col {padding: 0 1.875rem;} } @media only screen and (min-width: 641px) and (max-width: 1024px) { .footer__row {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0 -1.875rem;} .footer__col {padding: 0 1.875rem 3.75em;} } @media only screen and (min-width: 641px) { .footer__back-top {display: block; position: absolute; top: 0; right: 0;} .footer__links ul {margin: 0 -0.9375em; overflow: hidden; max-width: 28.125em} .footer__links li {float: left; width: 50%; padding: 0 0.9375em;} .footer__loc li {position: relative; padding-left: 2em;} .footer__loc li.footer__phone {padding-left: 1.5em} .footer__loc li::before {position: absolute; top: -2px; left: 0;} .footer__bottom-row {overflow: hidden;} .footer__copyright {float: left;} .footer__site-links {float: right;} .footer__site-links li {margin-left: 1.25em;} } @media only screen and (max-width: 640px) { .footer {font-size: 1.1538em; text-align: center;} .footer__logo {max-width: none; margin-bottom: 2em} .footer__back-top {font-size: 0.9333em; display:block; margin-top: 2em; margin-right: auto; margin-left: auto;} .footer__row {text-align: center;} .footer__col:not(:last-child) {margin-bottom: 2.1429em; padding-bottom: 2.1429em; position: relative;} .footer__col:not(:last-child)::after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 2px; background: rgba(255,255,255, 0.75);} .footer__loc li::before {margin-bottom: 0.4286em} .footer__copyright {margin-bottom: 1em;} .footer__site-links li {margin: 0 0.5333em;} } @media only screen and (max-width: 479px) { .footer {font-size: 1.0769em;} .footer__logo {margin-bottom: 2.8571em} } /******************************************************************************** --- ADA Jump to Main Content--- *********************************************************************************/ .ada-banner {position: relative;} a.skip-main {left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; transition: all 300ms ease-out;} a.skip-main:focus, a.skip-main:active {font-size: 1.25em; color: #fff; background-color: #000; left: auto; top: auto; width: auto; height: auto; overflow: auto; margin: 0 5% ; padding: 0.4em 1em; border-radius: 0 0 5px 5px; text-align: center; font-size: 1.2em; z-index: 99999;} /******************************************************************************** --- WP Toolbar --- *********************************************************************************/ /* This might require updating based on header whether it's fixed or not */ .admin-bar .header {top: 0;} .admin-bar.sticky-header .header {top: 32px;} @media only screen and (max-width: 782px) { #wpadminbar {position: fixed;} .admin-bar.sticky-header .header {top: 46px;} } /******************************************************************************** --- Style Guide--- *********************************************************************************/ .sg-section {padding: 5.000em 0; border-bottom: 1px solid #c4d0d4;} .sg-section__heading {position: relative; margin-bottom: 2.000em} .sg-section__heading span {font-size: 50%; position: absolute; top: 50%; left: -3.125em; margin-top: -0.938em; width: 1.875em; height: 1.875em; line-height: 1.875em;} .sg-section__heading span:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #c4d0d4;} .sg-section__subheading {font-size: 14px; text-transform: uppercase; margin: 4.000em 0 2.000em; position: relative;} .sg-section__subheading:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #c4d0d4;} .sg-section__subheading span {position: relative; background: #fff; padding-right: 1.250em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font-letters {font-size: 5.000em; display: block; line-height: 1; opacity: 0.20;} .sg-section__font-name {display: block; line-height: 1;} .sg-section__font-left, .sg-section__font-right {width: 50%; float: left;} .sg-section__font-left {padding-right: 2.000em;} .sg-section__font-right {border-left: 1px solid #c4d0d4; padding-left: 2.000em;} .sg-section__font-weight {display: block;} .sg-body {overflow-x: hidden;} .sg-body .root, .sg-toggle {-webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-fixed-nav {position: fixed; top: 0; left: 0; width: 250px; height: 100%; overflow-y: auto; padding: 40px 15px; background: #fff; z-index: 9999999; border-right: 1px solid #c4d0d4; -webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);-ms-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-snippets-toggle {font-size: 14px; display: block;} .sg-snippets-toggle:before {content: "\ea03"; font-family: 'CD-Project-Icons'; margin-right: 6px;} .sg-snippets-toggle.active:before {content: "\ea04"; font-family: 'CD-Project-Icons';} .sg-toc {font-size: 13px;} .sg-toggle {font-size: 14px; position: fixed; bottom: 0; left:0; width: 28px; height: 28px; line-height:1; padding: 0; margin: 0; border-radius: 0; z-index: 9999999;} .sg-toggle:before {content: "\e974"; font-family: 'CD-Project-Icons';} .sg-body--push .root, .sg-body--push .sg-toggle {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);-ms-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px);} .sg-body--push .sg-fixed-nav {-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);} .sg-body--push .sg-toggle:before {content: "\e955";} @media (max-width: 1399px) { .sg-section__heading {padding-left: 1.500em;} .sg-section__heading span {left: 0;} } /*---------- Swatches ----------*/ .swatch__color { position: relative; height: 100px;} .swatch__hex { padding: 1rem; text-align: center;} .swatch__name {display:block; font-size:0.750em} /*---------- Code Snippets ----------*/ code {display: none; /* Remove in Production */} code.active {display: block;} pre {padding:15px; border:1px solid #c4d0d4;}