:root { --color-pri-royal-blue: #004C97; --color-pri-yellow: #FFC600; --color-pri-blue-gray: #4F758B; --color-pri-royal-blue--rgb: 0,76,151; --color-pri-yellow--rgb: 255,198,0; --color-pri-blue-gray--rgb: 79,117,139; --color-pri-royal-blue--80: #336FAB; --color-pri-royal-blue--60: #6693C0; --color-pri-royal-blue--40: #99B7D5; --color-pri-royal-blue--20: #CCDBEA; --color-pri-royal-blue--10: #E5EDF4; --color-pri-yellow--80: #FFD333; --color-pri-yellow--60: #FFDE66; --color-pri-yellow--40: #FFE999; --color-pri-yellow--20: #FFF4CC; --color-pri-yellow--10: #FFF9E5; --color-pri-blue-gray--80: #7290A2; --color-pri-blue-gray--60: #95ACB9; --color-pri-blue-gray--40: #B8C7D0; --color-pri-blue-gray--20: #DBE3E7; --color-pri-blue-gray--10: #EDF1F3; --color-sec-dark-silver: #54585A; --color-sec-medium-silver: #9EA2A2; --color-sec-light-silver: #D0D3D4; --color-sec-dark-silver--80: #76797B; --color-sec-dark-silver--60: #989A9C; --color-sec-dark-silver--40: #BABCBD; --color-sec-dark-silver--20: #DCDDDE; --color-sec-dark-silver--10: #EDEEEE; --color-sec-medium-silver--80: #B1B4B4; --color-sec-medium-silver--60: #C4C7C7; --color-sec-medium-silver--40: #D8D9D9; --color-sec-medium-silver--20: #EBECEC; --color-sec-medium-silver--10: #F5F5F5; --color-sec-light-silver--80: #D9DBDC; --color-sec-light-silver--60: #E2E4E5; --color-sec-light-silver--40: #ECEDED; --color-sec-light-silver--20: #F5F6F6; --color-sec-light-silver--10: #FAFAFA; --color-pri-black: #000000; --color-pri-aqua-blue: #00FFFF; --color-pri-bright-yellow: #FFFF00; --color-pri-green: #00FF00; --color-pri-black--rgb: 0,0,0; --color-pri-aqua-blue--rgb: 0,255,255; --color-pri-bright-yellow--rgb: 255,255,0; --color-pri-green--rgb: 0,255,0; --color-pri-black--80: #333333; --color-pri-black--60: #666666; --color-pri-black--40: #999999; --color-pri-black--20: #CCCCCC; --color-pri-black--10: #E5E5E5; --color-pri-aqua-blue--80: #33FFFF; --color-pri-aqua-blue--60: #66FFFF; --color-pri-aqua-blue--40: #99FFFF; --color-pri-aqua-blue--20: #CCFFFF; --color-pri-aqua-blue--10: #E5FFFF; --color-pri-bright-yellow--80: #FFFF33; --color-pri-bright-yellow--60: #FFFF66; --color-pri-bright-yellow--40: #FFFF99; --color-pri-bright-yellow--20: #FFFFCC; --color-pri-bright-yellow--10: #FFFFE5; --color-pri-green--80: #33FF33; --color-pri-green--60: #66FF66; --color-pri-green--40: #99FF99; --color-pri-green--20: #CCFFCC; --color-pri-green--10: #E5FFE5; --color-sec-dark-gray: #53565A; --color-sec-medium-gray: #B1B3B3; --color-sec-light-gray: #D9D9D6; --color-sec-dark-gray--80: #75777B; --color-sec-dark-gray--60: #97999C; --color-sec-dark-gray--40: #BABBBD; --color-sec-dark-gray--20: #DCDDDE; --color-sec-dark-gray--10: #EDEEEE; --color-sec-medium-gray--80: #C0C2C2; --color-sec-medium-gray--60: #D0D1D1; --color-sec-medium-gray--40: #DFE0E0; --color-sec-medium-gray--20: #EFEFEF; --color-sec-medium-gray--10: #F7F7F7; --color-sec-light-gray--80: #E0E0DE; --color-sec-light-gray--60: #E8E8E6; --color-sec-light-gray--40: #EFEFEE; --color-sec-light-gray--20: #F7F7F6; --color-sec-light-gray--10: #FBFBFA; --color-apus-blue: #004C97; --color-apus-green: #acc333; --color-apus-orange: #E87722; --color-apus-aqua: #05C3DE; --color-apus-navy: #041E42; --color-apus-blue--rgb: 0,76,151; --color-apus-green--rgb: 120,190,32; --color-apus-orange--rgb: 232,119,34; --color-apus-aqua--rgb: 5,195,222; --color-apus-navy--rgb: 4,30,66; --color-apus-blue--80: #3370AC; --color-apus-blue--60: #6694C1; --color-apus-blue--40: #99B7D5; --color-apus-blue--20: #CCDBEA; --color-apus-blue--10: #E6EDF5; --color-apus-green--80: #BDCF5C; --color-apus-green--60: #CDDB85; --color-apus-green--40: #DEE7AD; --color-apus-green--20: #EEF3D6; --color-apus-green--10: #F7F9EB; --color-apus-orange--80: #ED924E; --color-apus-orange--60: #F1AD7A; --color-apus-orange--40: #F6C9A7; --color-apus-orange--20: #FAE4D3; --color-apus-orange--10: #FDF1E9; --color-apus-aqua--80: #37CFE5; --color-apus-aqua--60: #69DBEB; --color-apus-aqua--40: #9BE7F2; --color-apus-aqua--20: #CDF3F8; --color-apus-aqua--10: #E6F9FC; --color-apus-navy--80: #364B68; --color-apus-navy--60: #68788E; --color-apus-navy--40: #9BA5B3; --color-apus-navy--20: #CDD2D9; --color-apus-navy--10: #E6E9EC; --color-apus--cloud: #ededed; --color-apus--fog: #dde6ea; --color-apus--steam: #e9f2ff; --color-apus--main: #fcfcfc; --color-apus--page: #f0ece8; --color-sec-black: #000000; --color-sec-white: #ffffff; --color-sec-error: #FF0000; --color-sec-error--20: #FFCCCC; --font-barlow: Barlow, Arial, Helvetica, Geneva, sans-serif; --font-barlow-condensed: "Barlow Condensed", Arial, Helvetica, Geneva, sans-serif; --font-gibson-light: Gibson-Light, GibsonLight, Arial, Helvetica, Geneva, sans-serif; --font-gibson-regular: Gibson-Regular, GibsonRegular, Arial, Helvetica, Geneva, sans-serif; --font-gibson-bold: Gibson-SemiBold, "GibsonSemibold", sans-serif; --font-roboto: "Roboto Slab", serif; --font-din-light: DINNext-Light, Arial, Helvetica, Geneva, sans-serif; --font-din-regular: DINNext-Regular, Arial, Helvetica, Geneva, sans-serif; --font-din-medium: DINNext-Medium, Arial, Helvetica, Geneva, sans-serif; --font-din-bold: DINNext-Bold, Arial, Helvetica, Geneva, sans-serif; --font-din-heavy-condensed: DINNext-HeavyCondensed, Arial, Helvetica, Geneva, sans-serif; --font-weight-light: 400; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --color-rfi: #59a0c3; --color-rfi2: #ebf1f6; --color-rfi-step2: ; --color-rfi-input: #ECF3F7; --color-rfi-input-text: #5d5d5d; --color-select-arrow: var(--color-brand-tertiary); --color-select-arrow--hover: var(--color-brand-tertiary--80); } @font-face { font-family: 'FontAwesome'; src: url('font-awesome/fontawesome-webfont.eot?v=3.2.1'); src: url('font-awesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('font-awesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('font-awesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('font-awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } a [class^="icon-"], a [class*=" icon-"] { display: inline; } [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: 0.2857142857142857em; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714285714286em; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; line-height: inherit; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { line-height: inherit; } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } *:focus { outline: 2px dashed var(--color-brand-tertiary); } html { height: 100%; max-width: 100%; background-color: var(--color-apus--cloud); } body { margin: 0 auto; background-color: var(--color-apus--main); } * { box-sizing: border-box; } html, body { color: var(--color-sec-dark); line-height: normal; font-family: var(--font-text); font-weight: var(--font-text-weight-light); font-style: normal; font-size: 1rem; vertical-align: baseline; background-color: var(--color-apus--main); } h1, h2, h3, h4, h5, h6, ol, ul, p, .h1 { margin: 1rem 0; } @media screen and (min-width: 2000px) { html, body { font-size: 1.25rem; } h1, h2, h3, h4, h5, h6, ol, ul, p, .h1 { margin: 1.25rem 0; } } h1, h2, h3, h4, h5, h6, .h1 { font-family: var(--font-bold); font-weight: var(--font-weight-bold); text-transform: capitalize; line-height: 1.125; } h1, .h1 { font-size: 2.4rem; } h2 { font-size: 2rem; } h3 { font-size: 1.6rem; } h4 { font-size: 1.4rem; } h5 { font-size: 1.2rem; } h6 { font-size: 1.08rem; } p, ul, ol { font-size: 1.07rem; line-height: 1.5rem; } strong { font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); } .apu main p, .apu main ul, .apu main ol, .apu .nav-header p, .apu .nav-header ul, .apu .nav-header ol { font-size: 1.125rem; } .apu h3 { font-weight: var(--font-text-weight-medium); } .font-light { font-family: var(--font) !important; font-weight: var(--font-weight-light) !important; } .font-regular { font-family: var(--font-regular) !important; font-weight: var(--font-weight-normal) !important; } .font-medium { font-family: var(--font-medium) !important; font-weight: var(--font-weight-normal) !important; } .font-bold { font-family: var(--font-bold) !important; font-weight: var(--font-weight-bold) !important; } .font-text-light { font-family: var(--font-text) !important; font-weight: var(--font-text-weight-light) !important; } .font-text-regular { font-family: var(--font-text-regular) !important; font-weight: var(--font-text-weight-normal) !important; } .font-text-medium { font-family: var(--font-text-medium) !important; font-weight: var(--font-text-weight-normal) !important; } .font-text-bold { font-family: var(--font-text-bold) !important; font-weight: var(--font-text-weight-bold) !important; } hr { display: block; clear: both; border-bottom-style: solid; border-bottom-width: 1px; } .center-align { text-align: center; } .left-align { text-align: left; } .right-align { text-align: right; } .float-clear { clear: both; display: block; } .no-margin { margin: 0; } .aside img { max-width: 150px; height: auto; } .aside p { max-width: 600px; margin: 1rem auto; } @media screen and (min-width: 2000px) { aside p { max-width: none; } } .image-full { display: block; width: 100%; height: auto; margin: 1rem 0; } .image-max { display: block; max-width: 100%; height: auto; margin: 1rem 0; } .image-center { margin-right: auto; margin-left: auto; } ul, ol { list-style: none; margin-left: 0; padding: 0; } ul li, ol li { margin: 0; padding: 0; } .list-disc { list-style: disc; margin-left: 1.6rem; } .list-circle { list-style: circle; margin-left: 1.6rem; } .list-square { list-style: square; margin-left: 1.6rem; } .list-number { list-style: decimal; margin-left: 1.6rem; } .list-alpha { list-style: lower-alpha; margin-left: 1.6rem; } .list-roman { list-style: upper-roman; margin-left: 1.6rem; } .list-badge { margin-left: 70px; text-align: left; } .list-badge li { border-radius: 6px; margin-left: 0; list-style: none; margin-bottom: 1em; min-height: 55px; } .list-badge li::before { content: ""; display: block; background: url("/common/images/icons/badge.svg") no-repeat; width: 60px; height: 60px; float: left; margin: 0 0 0 -70px; } .list-leaders { overflow-x: hidden; font-size: 1.5rem; } .list-leaders li { margin-bottom: 1rem; background-color: transparent; background-image: url(/common/images/bg-leaders.png); background-position: bottom left; background-repeat: repeat-x; } .list-leaders.list-leaders-dark li { margin-bottom: 1rem; background-color: transparent; background-image: url(/common/images/bg-leaders-dark.png); background-position: bottom left; background-repeat: repeat-x; } .list-leaders li > span { background-color: inherit; } .list-leaders li > span:first-child { padding-right: 0.6rem; } .list-leaders li > span.leader-stat { font-family: var(--font-medium); font-weight: var(--font-weight-bold); } .list-leaders li > span + span { float: right; padding-left: 0.6rem; } @media screen and (max-width: 600px) { .list-leaders { font-size: 1.125rem; } } .steps-to-enroll h3, .steps-to-enroll h4, .steps-to-enroll p, .steps-to-enroll ul { margin-left: 4rem; } .steps-to-enroll .number { color: var(--color-brand-primary); float: left; font-family: var(--font-regular); font-weight: var(--font-weight-normal); font-size: 5rem; position: absolute; margin-top: -0.25em; } .steps-to-enroll .cta { text-align: center; margin: 1em; padding: 1em; } .steps-to-enroll .cta p { margin-left: 0; } @media only screen and (max-width: 800px) { .steps-to-enroll .number { font-size: 3.4rem; } } @media only screen and (max-width: 500px) { .steps-to-enroll h3, .steps-to-enroll h4, .steps-to-enroll p, .steps-to-enroll ul { margin-left: 3rem; } } .list-marker > li { list-style: none; padding: 1rem 0; display: flex; flex-flow: row nowrap; } .list-marker.condensed > li { padding: 0.25rem 0; } .list-marker > li strong { flex: none; } .list-marker > li span { align-self: center; } .list-marker.numbers > li { counter-increment: counter; } .list-marker > li::before { font-size: 2rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); color: var(--color-brand-tertiary); margin-top: 0.2rem; margin-right: 1rem; width: 25px; flex: 0 0 25px; } .list-marker.numbers > li::before { content: counter(counter) "."; } .list-marker.stars > li::before { content: "\f006"; font-family: FontAwesome; font-weight: normal; font-style: normal; } .list-marker.svg-check > li::before { content: url("/common/images/apu-rebrand/icons/check-lg.svg"); } .list-marker.circled > li::before { display: block; color: var(--color-sec-black); background-color: var(--color-brand-tertiary--40); width: 2.75rem; height: 2.75rem; flex: 0 0 2.75rem; font-size: 2.75rem; text-align: center; line-height: 1; padding: 1.25rem; border-radius: 100%; } .apu .list-marker > li::before { color: var(--color-brand-primary); } .apu .bg-primary--full .list-marker > li::before, .apu .bg-sec-black .list-marker > li::before, .apu .bg-black-n-blue .list-marker > li::before { color: var(--color-sec-white); } .alert { position: relative; padding: 0; display: flex; height: auto; min-height: 3rem; min-width: 18rem; width: 100%; border: 0; border-left: 3px solid var(--color-sec-dark); background: var(--color-sec-light); color: var(--color-sec-black); } .alert-details { display: flex; flex-grow: 1; margin: 0 1rem; } .alert-icon { flex-shrink: 0; margin-right: 1rem; margin-top: .875rem; fill: var(--color-sec-dark); } .alert-content { display: flex; flex-wrap: wrap; align-items: center; padding: .75rem 0; } .alert-title { font-size: 1rem; font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); line-height: 1.125rem; margin: 0 .25rem 0 0; line-height: 1.5rem; } .alert-subtitle { display: block; width: 100%; font-size: 1rem; font-family: var(--font-text); font-weight: var(--font-text-weight-light); line-height: 1.125rem; margin: 0 .25rem 0 0; line-height: 1.5rem; } .alert-subtitle span { display: block; max-width: 700px; } .alert .alert-content a { color: var(--color-brand-primary); text-decoration: underline; } .alert-close { background: transparent; color: var(--color-sec-black); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; margin: 0; height: 3rem; width: 3rem; min-width: 3rem; max-width: 3rem; outline: 2px solid transparent; outline-offset: -2px; border: none; cursor: pointer; transition: outline .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9); } .alert-close .alert-close-icon { fill: var(--color-sec-black); } .alert-close:focus { outline: 2px dashed var(--color-brand-tertiary); } .alert-info { border-left: 3px solid var(--color-brand-secondary); background: var(--color-brand-secondary--10); color: var(--color-sec-black); } .alert-info .alert-icon { fill: var(--color-brand-secondary); } .alert-success { border-left: 3px solid var(--color-pri-green); background: var(--color-pri-green--10); color: var(--color-sec-black); } .alert-success .alert-icon { fill: var(--color-pri-green); } .alert-warning { border-left: 3px solid #ffbe2e; background: #faf3d1; color: var(--color-sec-black); } .alert-warning .alert-icon { fill: #ffbe2e; } .alert-error { border-left: 3px solid #d54309; background: #f4e3db; color: var(--color-sec-black); } .alert-error .alert-icon { fill: #d54309; } .testimonials li { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; } .testimonials li > * { flex: 1 auto; } _:-ms-fullscreen, :root .testimonials li { display: block; } _:-ms-fullscreen, :root .testimonials li > * { display: block; } .testimonials li img { flex: 0 0 auto; object-fit: scale-down; margin: 1rem 0; } .testimonials blockquote { font-size: 1rem; } .testimonials blockquote cite h3 { font-size: 1.125rem; margin: 0; } .testimonials blockquote cite span { margin: 0; } .testimonial-panel.flex { padding: 0; margin-left: 0; width: 100%; } .testimonial-panel.flex > * { padding: 0; } .testimonial-panel.flex .testimonial-image, .testimonial-panel.testimonial-carousel .testimonial-image { vertical-align: bottom; min-height: 450px; } .testimonial-panel.flex blockquote, .testimonial-panel.testimonial-carousel blockquote { text-align: center; background-color: var(--color-sec-white); margin: 0; padding: 1rem 0; position: relative; display: flex; flex-direction: column; justify-content: center; } .testimonial-panel.flex blockquote:only-child, .testimonial-panel.testimonial-carousel blockquote:only-child { background-color: inherit; } .testimonial-panel.flex blockquote p, .testimonial-panel.testimonial-carousel blockquote p { font-size: 1.5rem; line-height: 1.35; max-width: 100%; margin: 0; padding: 2rem; z-index: 5; } .testimonial-panel.flex blockquote p span, .testimonial-panel.testimonial-carousel blockquote p span { font-family: var(--font-bold); font-weight: var(--font-weight-bold); } .testimonial-panel.flex blockquote::before, .testimonial-panel .slider .flex blockquote::before { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 50; opacity: 0.05; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" width="70" height="70"><rect x="0" y="40" width="30" height="30"></rect><path d="M 0 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path><rect x="40" y="40" width="30" height="30"></rect><path d="M 40 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" width="70" height="70" transform="rotate(180)"><rect x="0" y="40" width="30" height="30"></rect><path d="M 0 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path><rect x="40" y="40" width="30" height="30"></rect><path d="M 40 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path></svg>'); background-position: 5% 5%, 95% 95%; background-repeat: no-repeat; } .testimonial-panel.flex .testimonial-image + blockquote::after, .testimonial-panel.testimonial-carousel .testimonial-image + blockquote::after { content: ''; display: block; background: var(--color-sec-white); transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 50px; height: 50px; position: absolute; top: calc(50% - 24px); left: -24px; margin: auto; z-index: 50; } .testimonial-panel.flex blockquote cite, .testimonial-panel.testimonial-carousel blockquote cite { z-index: 100; } .testimonial-panel.flex blockquote cite h3, .testimonial-panel.testimonial-carousel blockquote cite h3 { color: var(--color-brand-primary); font-family: var(--font-bold); font-weight: var(--font-weight-bold); font-size: 1.25rem; line-height: 1.125; margin-bottom: 0; } .bg-primary--full.testimonial-panel.flex blockquote, .bg-primary--full.testimonial-panel.testimonial-carousel blockquote, .bg-secondary--full.testimonial-panel.flex blockquote, .bg-secondary--full.testimonial-panel.testimonial-carousel blockquote, .bg-tertiary--full.testimonial-panel.flex blockquote, .bg-tertiary--full.testimonial-panel.testimonial-carousel blockquote { background-color: inherit !important; } .bg-primary--full.testimonial-panel.flex blockquote cite h3, .bg-primary--full.testimonial-panel.testimonial-carousel blockquote cite h3, .bg-secondary--full.testimonial-panel.flex blockquote cite h3, .bg-secondary--full.testimonial-panel.testimonial-carousel blockquote cite h3, .bg-tertiary--full.testimonial-panel.flex blockquote cite h3, .bg-tertiary--full.testimonial-panel.testimonial-carousel blockquote cite h3 { color: inherit !important; } .bg-primary--full.testimonial-panel.flex .testimonial-image + blockquote::after, .bg-primary--full.testimonial-panel.testimonial-carousel .testimonial-image + blockquote::after, .bg-primary--full.testimonial-panel.flex blockquote cite span, .bg-primary--full.testimonial-panel.testimonial-carousel blockquote cite span { background: inherit; } .bg-primary--full.testimonial-panel.flex blockquote::before { opacity: 0.2; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" width="70" height="70"><rect fill="white" x="0" y="40" width="30" height="30"></rect><path fill="white" d="M 0 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path><rect fill="white" x="40" y="40" width="30" height="30"></rect><path fill="white" d="M 40 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" width="70" height="70" transform="rotate(180)"><rect fill="white" x="0" y="40" width="30" height="30"></rect><path fill="white" d="M 0 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path><rect fill="white" x="40" y="40" width="30" height="30"></rect><path fill="white" d="M 40 40 q 0 -40 30 -40 v 15 q -15 0 -15 25"></path></svg>'); background-position: 5% 5%, 95% 95%; background-repeat: no-repeat; } .testimonial-panel.testimonial-carousel .slider li { padding: 0; } .testimonial-panel.testimonial-carousel .slick-initialized .slick-dots { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0 0 1rem 0; margin-bottom: 0; } .testimonial-panel.testimonial-carousel .slick-initialized .slick-dots li { padding: 0; margin: 0 3px; } .testimonial-panel.testimonial-carousel .slick-initialized .slick-dots li button { min-width: auto; margin: 0; padding: 0.5rem 0.75rem; cursor: pointer; } .testimonial-panel.testimonial-carousel .slick-prev, .testimonial-panel.testimonial-carousel .slick-next { position: absolute; top: calc(50% - 2rem); height: 2rem; } .testimonial-panel.testimonial-carousel .slick-prev::before, .testimonial-panel.testimonial-carousel .slick-next::before { top: -2px; } .testimonial-panel.testimonial-carousel .slick-initialized .slick-dots li button { background-color: var(--color-sec-light); } .testimonial-panel.testimonial-carousel .slick-initialized .slick-dots li.slick-active button { background-color: var(--color-brand-quaternary); } .testimonial-panel.testimonial-carousel .slick-initialized .slick-dots li button:hover, .testimonial-panel.testimonial-carousel .slick-initialized .slick-dots li button:focus { background-color: var(--color-brand-quaternary); } .testimonial-panel.testimonial-carousel .slick-initialized .slick-dots li button:active { background-color: var(--color-brand-tertiary); } @media only screen and (max-width: 1160px) { .testimonial-panel.flex blockquote p, .testimonial-panel.testimonial-carousel blockquote p { font-size: 1.25rem; } } @media only screen and (max-width: 900px) { .testimonial-panel.flex blockquote p, .testimonial-panel.testimonial-carousel blockquote p { font-size: 1rem; padding: 1rem 2rem; } .testimonial-panel.flex blockquote cite h3, .testimonial-panel.testimonial-carousel blockquote cite h3 { font-size: 1.125rem; line-height: 1; } } @media only screen and (max-width: 700px) { .testimonial-panel.flex blockquote::after, .testimonial-panel.testimonial-carousel blockquote::after { left: calc(50% - 24px); top: -24px; } .testimonial-panel.testimonial-carousel .slick-prev, .testimonial-panel.testimonial-carousel .slick-next { top: 225px; } } .testimonial-panel.creative { position: relative; display: flex; padding: 0; width: 100%; height: 435px; flex-flow: row wrap; } .testimonial-panel.creative .testimonial-image-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; } .testimonial-panel.creative .testimonial-image-container img { position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .testimonial-panel.creative .testimonial-image-gradient { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)); z-index: 2; } .testimonial-panel.creative .testimonial-overlay { display: flex; color: var(--color-sec-white); flex: 1 auto; flex-direction: column; justify-content: center; align-items: center; padding: 3rem; font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); z-index: 3; } .testimonial-panel.creative .testimonial-overlay p { font-size: 2rem; line-height: 1; text-align: center; } .testimonial-panel.creative .testimonial-overlay cite { font-size: 1.5rem; line-height: 1; text-align: center; } .testimonial-panel.creative .testimonial-overlay cite a { color: var(--color-brand-tertiary); text-decoration: underline; font-family: inherit; font-weight: inherit; } .apu .testimonial-panel.creative .testimonial-overlay cite a { color: var(--color-brand-secondary); text-decoration: none; } @media only screen and (max-width: 700px) { .testimonial-panel.creative { height: 500px; } .testimonial-panel.creative .testimonial-overlay { justify-content: flex-end; padding: 3rem 1rem; } .testimonial-panel.creative .testimonial-overlay p { font-size: 1.5rem; } .testimonial-panel.creative .testimonial-overlay cite { font-size: 1rem; } } .testimonial-panel.creative.optimized { min-height: 435px; height: auto; position: relative; } .testimonial-panel.creative.optimized .testimonial-overlay { flex: 0 1 50%; padding: 3rem 0 3rem 3rem; order: 1; } .testimonial-panel.creative.optimized .placeholder { flex: 1 auto; order: 1; } .testimonial-panel.creative.optimized .testimonial-overlay.flip { order: 2; padding: 3rem 3rem 3rem 0; } @media only screen and (max-width: 960px) { .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.75rem; } .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1.25rem; } } @media only screen and (max-width: 800px) { .testimonial-panel.creative.optimized { min-height: 300px; } .testimonial-panel.creative.optimized .testimonial-overlay { justify-content: center; } .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.5rem; } .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1rem; } } @media only screen and (max-width: 600px) { .testimonial-panel.creative.optimized .testimonial-overlay { padding: 3rem 0 3rem 2rem; } .testimonial-panel.creative.optimized .testimonial-overlay.flip { padding: 3rem 2rem 3rem 0; } .testimonial-panel.creative.optimized .testimonial-overlay p, .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.25rem; text-shadow: 1px 1px black; } .testimonial-panel.creative.optimized .testimonial-overlay cite, .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1rem; text-shadow: 1px 1px black; } } @media only screen and (max-width: 500px) { .testimonial-panel.creative.optimized .testimonial-overlay { flex: 0 1 70%; } } .svg-container { max-width: 650px; margin: 0 auto; } .svg-container svg { width:100%; } _:-ms-fullscreen, .svg-container { width: 100%; height: 0; position: relative; } _:-ms-fullscreen, .svg-container.svg-costs { padding-top: 65%; } _:-ms-fullscreen, .svg-container.svg-tc { padding-top: 74%; } _:-ms-fullscreen, .svg-container.svg-ac { padding-top: 50%; } _:-ms-fullscreen, .svg-container svg { position: absolute; top: 0; left: 0; } #tuitionChart, #transCreditChart { font-family: var(--font-text); stroke-miterlimit: 10; } #tuitionChart .ugrad .balloon { fill: var(--color-brand-primary); } #tuitionChart .grad .balloon { fill: var(--color-brand-secondary); } #tuitionChart .number, #tuitionChart .perCred { fill: white; } #tuitionChart .number { font-family: var(--font-bold); font-weight: var(--font-weight-bold); font-size: 33pt; } #tuitionChart .perCred { font-size: 12pt; } #tuitionChart .header { fill: var(--color-brand-primary); } #tuitionChart .header { font-family: var(--font-bold); font-weight: var(--font-weight-bold); text-transform: uppercase; font-size: 16pt; } #tuitionChart .subhead { font-size: 11pt; font-family: var(--font-text-regular); font-weight: var(--font-text-weight-normal); text-transform: uppercase; letter-spacing: -.4pt; } #tuitionChart .milGrant { font-size: 8pt; fill: var(--color-sec-dark); } @media only screen and (min-width: 1400px) { #tuitionChart .milGrant { font-size: 8pt;} } .apu #tuitionChart .number { font-size: 40pt; } .apu #tuitionChart .perCred { font-size: 10pt; } .apu #tuitionChart .grad .number, .apu #tuitionChart .grad .perCred { fill: black; } .apu #tuitionChart .ugrad .number { fill: url("#gradient"); } .stop1 { stop-color: var(--color-brand-secondary); } .stop2 { stop-color: var(--color-brand-tertiary); } .apu #tuitionChart .subhead { fill: var(--color-sec-dark); font-weight: var(--font-text-weight-semibold); } #transCredChart .st2 { fill: var(--color-brand-secondary); } #transCredChart .st1 { fill: var(--color-brand-primary); } #transCredChart .number { font-family: var(--font-bold); font-weight: var(--font-weight-bold); font-size: 42pt; } #transCredChart .number .header { fill: var(--color-brand-primary); } #transCredChart .header { font-family: var(--font-text-regular); font-weight: var(--font-weight-normal); text-transform: uppercase; font-size: 14pt; } #affordChart .outer-circle{ fill:var(--color-brand-primary); stroke:#FFFFFF; stroke-miterlimit:10; } #affordChart .inner-circle{ fill:var(--color-brand-primary); stroke:#FFFFFF; stroke-width:2; stroke-miterlimit:10; } #affordChart .inner-path{ fill:var(--color-brand-primary); stroke:#FFFFFF; stroke-width:47; stroke-miterlimit:10; } #affordChart .empty-rectangle{fill:none;} #affordChart .number{ fill:var(--color-sec-white); font-family:var(--font-text-bold); font-size:128px;} .amu #affordChart .number{ font-size:140px; } #affordChart .percent-symbol{ fill:var(--color-sec-white); font-family:var(--font-text-regular); font-size:56px;} .amu #affordChart .percent-symbol{ font-size:60px; } .bookgrant .flex div { width: 100px; } .bookgrant .flex p { width: calc(100% - 100px); } @media only screen and (max-width: 700px) { .bookgrant .flex div { width: 68px; } .bookgrant .flex p { width: calc(100% - 68px); } } .svg-icon-container { max-width: 300px; margin: 0 auto; display: block; } .svg-icon-container svg { width: 100%; height: auto; } _:-ms-fullscreen, .svg-icon-container { width: 100%; height: 0; position: relative; padding-top: 50%; } _:-ms-fullscreen, .svg-icon-container svg { position: absolute; top: 0; left: 0; } #icon-active-veteran .cls-1, #icon-active-veteran .cls-7 { fill:none; } #icon-active-veteran .cls-2 { clip-path:url(#icon-avc-clip-path); } #icon-active-veteran .cls-3 { fill:var(--color-brand-tertiary); } #icon-active-veteran .cls-4, #icon-active-veteran .cls-8 { fill:var(--color-brand-secondary); } #icon-active-veteran .cls-4, #icon-active-veteran .cls-5, #icon-active-veteran .cls-7 { stroke:var(--color-sec-black); stroke-miterlimit:10; stroke-width:8px; } #icon-active-veteran .cls-5 { fill:var(--color-brand-primary); } #icon-active-veteran .cls-6 { fill:var(--color-brand-primary--40); } #icon-active-veteran .cls-7 { stroke-linecap:round; } #icon-active-veteran .cls-9{ fill:var(--color-sec-white); } #icon-convenient-accessible .cls-1 { fill:var(--color-brand-tertiary); } #icon-convenient-accessible .cls-2 { fill:var(--color-sec-white); } #icon-convenient-accessible .cls-3 { fill:var(--color-brand-tertiary--20); } #icon-convenient-accessible .cls-4 { fill:var(--color-brand-primary); } #icon-convenient-accessible .cls-5 { fill:var(--color-brand-tertiary--40); } #icon-convenient-accessible .cls-6 { fill:#0072d2; } #icon-convenient-accessible.cls-7 { fill:var(--color-brand-secondary); } #icon-expert-faculty .cls-1 { fill:var(--color-brand-primary); } #icon-expert-faculty .cls-2 { fill:var(--color-sec-white); } #icon-expert-faculty .cls-3 { fill:var(--color-brand-tertiary); } #icon-expert-faculty .cls-4 { fill:var(--color-brand-tertiary--40); } #icon-expert-faculty .cls-5 { fill:var(--color-sec-medium); } #icon-respected-accredited .cls-1 { fill:var(--color-brand-primary); } #icon-respected-accredited .cls-2 { fill:var(--color-brand-tertiary); } #icon-respected-accredited .cls-3 { fill:var(--color-sec-white); } #icon-respected-accredited .cls-4 { fill:var(--color-brand-secondary); } #icon-supportive-career .cls-1 { fill:var(--color-brand-tertiary); } #icon-supportive-career .cls-2 { fill:var(--color-sec-dark--80); } #icon-supportive-career .cls-3 { fill:var(--color-brand-secondary--20); } #icon-supportive-career .cls-4 { fill:var(--color-sec-white); } #icon-supportive-career .cls-5 { fill:var(--color-brand-tertiary); } #icon-supportive-career .cls-6 { fill:var(--color-sec-medium); } #icon-supportive-career .cls-7 { fill:var(--color-brand-primary); } #icon-supportive-career .cls-8 { fill:var(--color-brand-tertiary--20); } #icon-transfer-credit-friendly .cls-1 { fill:var(--color-brand-secondary); } #icon-transfer-credit-friendly .cls-2 { fill:var(--color-brand-tertiary); } #icon-transfer-credit-friendly .cls-3 { fill:var(--color-sec-white); } #icon-transfer-credit-friendly .cls-4 { fill:var(--color-sec-medium); } #icon-consistently-affordable .cls-1 { fill:var(--color-brand-primary); } #icon-consistently-affordable .cls-2 { fill:var(--color-brand-tertiary); } #icon-consistently-affordable .cls-3 { fill:none; stroke:var(--color-sec-black); stroke-width:8; stroke-miterlimit:10; } #icon-consistently-affordable .cls-4 { fill:var(--color-brand-primary--20); } #icon-consistently-affordable .cls-5 { fill:var(--color-sec-white); } #icon-consistently-affordable .cls-6 { fill:var(--color-brand-secondary); } #icon-consistently-affordable .cls-7 { fill:var(--color-sec-medium--10); } #icon-consistently-affordable .cls-8 { fill:#231F20; } #icon-shrm .cls-1 { fill: var(--color-brand-primary); } .apu #icon-shrm .cls-1 { fill: var(--color-brand-secondary); } #icon-shrm .cls-2 { fill: var(--color-sec-white); } #icon-shrm .cls-3 { fill: var(--color-brand-tertiary); } #icon-shrm .cls-4 { fill: var(--color-sec-medium); } #icon-shrm .cls-5 { fill: #f9dac5; } #icon-shrm .cls-5, #icon-shrm .cls-6, #icon-shrm .cls-7 { stroke: var(--color-sec-black); } #icon-shrm .cls-5, #icon-shrm .cls-6 { stroke-miterlimit: 10; } #icon-shrm .cls-6 { fill: #a89178; } #icon-shrm .cls-7 { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; } .image-blocks .image-block { position: relative; background-size: cover !important; padding: 0 !important; } .image-blocks .image-block img { position: absolute; z-index: 1 !important; object-fit: cover; width: 100% !important; height: 100% !important; top: 0; bottom: 0; left: 0; right: 0; } .image-blocks .image-block a { position: relative; color: var(--color-sec-white); background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)); border-bottom: none; width: 100%; height: 250px; text-align: center; text-decoration: none; padding: 0; display: flex; align-content: center; align-items: center; flex-direction: column; justify-content: center; z-index: 2; } @media screen and (min-width: 2000px) { .image-blocks .image-block a { height: 320px; } } .image-blocks .image-block a:hover { background: linear-gradient( rgba(var(--color-brand-tertiary--rgb),0.8), rgba(var(--color-brand-tertiary--rgb),0.8)); text-decoration: none; opacity: 1; } .apu .image-blocks .image-block a:hover { background: linear-gradient( rgba(var(--color-brand-secondary--rgb),0.8), rgba(var(--color-brand-secondary--rgb),0.8)); text-decoration: none; opacity: 1; border-bottom: none; } .image-blocks .image-block a h2, .image-blocks .image-block a h3, .image-blocks .image-block a h4, .image-blocks .image-block a h5, .image-blocks .image-block a h6 { color: var(--color-sec-white); margin: 1rem; } .image-blocks .image-block a p { font-size: 1.125rem; margin: 0; } .image-blocks .image-block .image-block-title { color: var(--color-sec-white); font-family: var(--font-bold); font-weight: var(--font-weight-bold); text-transform: none; line-height: 1.125; font-size: 1.4rem; margin: 0.5rem 1rem; } .image-blocks .image-block a:hover, .image-blocks .image-block a:hover .image-block-title, .image-blocks .image-block a:hover h2, .image-blocks .image-block a:hover h3, .image-blocks .image-block a:hover h4, .image-blocks .image-block a:hover h5, .image-blocks .image-block a:hover h6 { color: var(--color-sec-black); } .image-blocks .image-block a[aria-selected="true"], .image-blocks .image-block a[aria-selected="true"] .image-block-title, .image-blocks .image-block a[aria-selected="true"] h2, .image-blocks .image-block a[aria-selected="true"] h3, .image-blocks .image-block a[aria-selected="true"] h4, .image-blocks .image-block a[aria-selected="true"] h5, .image-blocks .image-block a[aria-selected="true"] h6 { color: var(--color-sec-black); } .hover-cards .hover-card { position: relative; width: 100%; min-height: 360px; color: var(--color-sec-white); background-size: cover !important; display: flex; align-content: center; align-items: center; flex-direction: column; justify-content: center; transition: .4s ease-in-out; text-align: center; text-decoration: none; overflow: hidden; margin: 0; padding: 0 !important; } .hover-cards.slider li { max-width: none; padding: 0; } @media screen and (min-width: 2000px) { .hover-cards .hover-card { min-height: 500px; } } .hover-cards .hover-card:hover { background: linear-gradient( rgba(var(--color-brand-primary--rgb),0.8), rgba(var(--color-brand-primary--rgb),0.8)); text-decoration: none; opacity: 1; } .hover-cards .hover-card .hover-card-context { position: absolute; top: 100%; left: 0; padding: 0; width: 100%; height: 100%; background-color: rgba(4,30,66,.9); transform: translateY(0); transition: .4s ease-in-out; order: 2; text-align: center; } .hover-cards .hover-card .hover-card-context .hover-card-context-wrap { position: absolute; width: 100%; top: 0; transform: translateY(0); transition: .4s ease-in-out; } .hover-cards .hover-card .hover-card-title { transform: translateY(-100%); transition: .4s ease-in-out; background-color: rgba(4,30,66,.85); z-index: 2; padding: 1rem; text-align: center; max-width: 100%; text-overflow: ellipsis; overflow: hidden; } .hover-cards .hover-card .hover-card-title .hover-card-main-title { color: var(--color-sec-white); text-transform: none; font-family: var(--font-regular); font-size: 1.4rem; position: relative; display: inline-block; padding-bottom: 1rem; margin: 0; } .hover-card-subtitle { display: block; font-size: 1rem; margin:0; } .hover-cards .hover-card .hover-card-title .hover-card-main-title::after { content: ""; display: block; background-color: var(--color-brand-secondary); height: 2px; width: 100%; position: absolute; bottom: .5rem; } .hover-cards .hover-card .hover-card-copy { display: block; position: relative; padding: 0 1rem 1rem; } .hover-card-fine { font-family: var(--font-text); font-size: .8rem; line-height: 1rem; padding: 0 1rem; } .hover-cards .slick-slide:focus .hover-card .hover-card-context, .hover-cards .slick-slide:hover .hover-card .hover-card-context { transform: translateY(-100%); background-color: rgba(4,30,66,.9); } .hover-cards .slick-slide:focus .hover-card .hover-card-context .hover-card-context-wrap, .hover-cards .slick-slide:hover .hover-card .hover-card-context .hover-card-context-wrap { top: 50%; transform: translateY(-50%); } .hover-cards .slick-slide:focus .hover-card .hover-card-title, .hover-cards .slick-slide:hover .hover-card .hover-card-title { background-color: transparent; transform: translateY(0); } .hover-cards.secondary .hover-card:hover { background: linear-gradient( rgba(var(--color-brand-secondary--rgb),0.8), rgba(var(--color-brand-secondary--rgb),0.8)); } .hover-cards.secondary .hover-card .hover-card-context { background-color: rgba(var(--color-brand-secondary--rgb),0.9); } .hover-cards.secondary .hover-card .hover-card-title { background-color: rgba(var(--color-brand-secondary--rgb),0.9); } .hover-cards.secondary .hover-card .hover-card-title .hover-card-main-title { color: var(--color-sec-white); } .hover-cards.secondary .hover-card .hover-card-title .hover-card-main-title::after { background-color: transparent; } .hover-cards.secondary .slick-slide:focus .hover-card .hover-card-context, .hover-cards.secondary .slick-slide:hover .hover-card .hover-card-context { background-color: rgba(var(--color-brand-secondary--rgb),0.9); } .hover-cards.tertiary .hover-card:hover { background: linear-gradient( rgba(var(--color-brand-tertiary--rgb),0.8), rgba(var(--color-brand-tertiary--rgb),0.8)); } .hover-cards.tertiary .hover-card .hover-card-context { background-color: rgba(var(--color-brand-tertiary--rgb),0.9); } .hover-cards.tertiary .hover-card .hover-card-title { background-color: rgba(var(--color-brand-tertiary--rgb),0.9); } .hover-cards.tertiary .hover-card .hover-card-title .hover-card-main-title { color: var(--color-sec-white); } .hover-cards.tertiary .hover-card .hover-card-title .hover-card-main-title::after { background-color: transparent; } .hover-cards.tertiary .slick-slide:focus .hover-card .hover-card-context, .hover-cards.tertiary .slick-slide:hover .hover-card .hover-card-context { background-color: rgba(var(--color-brand-tertiary--rgb),0.9); } #employer-benefits .hover-card.lazy-background.visible { background-image: url('/common/images/hover-cards/employer-benefits.jpg'); } #fsa .hover-card.lazy-background.visible { background-image: url('/common/images/hover-cards/fsa.jpg'); } #personal-funds .hover-card.lazy-background.visible { background-image: url('/common/images/hover-cards/personal-funds.jpg'); } #scholarships .hover-card.lazy-background.visible { background-image: url('/common/images/hover-cards/scholarship.jpg'); } #tuition-grant .hover-card.lazy-background.visible { background-image: url('/common/images/hover-cards/military.jpg'); } #university-grants .hover-card.lazy-background.visible { background-image: url('/common/images/hover-cards/university-grants.jpg'); } #veterans-benefits .hover-card.lazy-background.visible { background-image: url('/common/images/hover-cards/veterans-benefits.jpg'); } .apu .hover-cards .hover-card .hover-card-title { background-color: var(--color-pri-black--80); } .apu .hover-cards .hover-card .hover-card-title .hover-card-main-title { font-weight: var(--font-weight-bold); } .apu .hover-cards .hover-card .hover-card-context, .apu .hover-cards .slick-slide:focus .hover-card .hover-card-context, .apu .hover-cards .slick-slide:hover .hover-card .hover-card-context { background-color: var(--color-pri-black--80); } .next-steps, .apu .next-steps { font-size: 3rem; } .apply-container { height: 100%; align-items: center; } .regDeadline.text { position: relative; } .regDeadline #deadline { margin-left: 2rem; } .regDeadline .cta { max-width: 600px; margin: 0 auto; } .regDeadline .cta a { width: calc(50% - 0.5rem); } .regDeadline .cta a:first-child { margin-right: 1rem; } .regDeadline.text span { font-family: var(--font-bold); font-weight: var(--font-weight-bold); } .regDeadline.text::before { content: ' '; display: block; background: url(/common/images/icons/alarmclock.svg) no-repeat; background-size: contain; height: 1.5em; width: 1.5em; float: left; position: absolute; top: 5%; left: 0; } #digiClock { display: flex; justify-content: center; margin: 1rem auto; } #digiClock > span { font-size: 2.25rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); text-align: center; text-transform: uppercase; padding: 0; flex: 0 1 100px; } #digiClock span > span { display: block; font-size: 3.2rem; font-family: var(--font-regular); font-weight: var(--font-weight-normal); } @media screen and (max-width: 900px) { #digiClock > span { font-size: 2rem; } } @media screen and (max-width: 600px) { #digiClock > span { font-size: 1.5rem; flex: 0 1 60px; font-family: var(--font-regular); font-weight: var(--font-weight-normal); } #digiClock span > span { font-size: 2rem; } } @media only screen and (min-width: 100px) and (max-width: 599px) { .regDeadline .cta { max-width: 300px; margin: 0 auto; } .regDeadline .cta a { width: 100%; } .regDeadline .cta a:first-child { margin-right: 0; margin-bottom: 1rem; } } @media only screen and (min-width: 600px) and (max-width: 799px) { .regDeadline .cta a { width: calc(50% - 0.5rem); } } @media only screen and (min-width: 2000px) { .regDeadline .cta { max-width: none; } } @media only screen and (min-width: 500px) { .regDeadline .cta-list li span { display: block; } } @media only screen and (max-width: 499px) { .regDeadline .cta-list { margin-top: 2rem; } .regDeadline .cta-list li p { margin: 0; } } a { font-family: var(--font-text-medium); font-weight: var(--font-text-weight-normal); color: var(--color-brand-primary); } a:link, a:visited { text-decoration: none; } a:active, a:hover { text-decoration: underline; opacity: 0.75; } h1 a:link:not(.button), h2 a:link:not(.button), h3 a:link:not(.button) { text-decoration: underline; font-family: inherit; font-weight: inherit; } .apu h1 a:link, .apu h2 a:link, .apu h3 a:link { text-decoration: none; } .apu main a, .apu main a:active { border-bottom: 1px solid var(--color-brand-secondary); } .apu main a:hover { border-bottom: 1px solid var(--color-brand-tertiary); text-decoration: none; opacity: 1; } .apu main a[rel], .apu main a[rel]:active, .apu main a[rel]:hover { border-bottom: none; } .apu main a:has(img), .apu main a:has(img):active, .apu main a:has(img):hover { display: block; border-bottom: none; } .apu main .fine a { border-bottom: none; text-decoration: underline; font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); } .apu main .fine a:active, .apu main .fine a:hover { opacity: 0.75; } strong a { font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); } a[rel] { position: relative; display: inline-block; vertical-align: bottom; overflow: hidden; } a[rel]::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; border-bottom: 2px solid var(--color-brand-tertiary); transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975) 0s; } .apu a[rel]::after { border-bottom: 2px solid var(--color-brand-secondary); } a[rel]:hover { text-decoration: none; } a[rel]:hover::after{ animation: 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running hyper; } .apu a[rel]:hover::after { border-bottom: 2px solid var(--color-brand-tertiary); } @keyframes hyper { 0% { -webkit-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } 50.01% { -webkit-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes hyper { 0% { -webkit-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } 50.01% { -webkit-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } em, i { font-style: italic; } .fine, .fine p { font-family: var(--font-text); font-size: .8rem; line-height: 1rem; } .apu .fine, .apu .fine p { font-size: .875rem; } .apu .large, .apu .large p { font-size: 1.375rem; } sup { font-family: var(--font-text); font-size: .6em; position: relative; bottom: .6em; } #iconBookGrant .book { fill: var(--color-brand-primary--60); } #iconBookGrant .letter { fill: var(--color-brand-primary); } .tooltip { display: inline; position: relative; border: none; margin: 0; padding: 0; color: inherit; background-color: transparent; text-align: inherit; min-width: auto; text-decoration-line: underline; text-decoration-color: var(--color-brand-tertiary); text-decoration-style: dotted; text-decoration-thickness: 1px; text-transform: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; } span.tooltip > span, span.tooltip > svg, span.tooltip > sup { text-decoration: none; display: inline-block; margin-left: 5px; } button.tooltip > span, button.tooltip > svg, button.tooltip > sup { text-decoration: none; display: inline-block; margin-left: 0; } [id^=tippy] a:link, [id^=tippy] a:visited { color: white; } span [data-tippy-root] { display: inline-block; z-index: 100000 !important; } .tippy-content { text-align: left !important; font-family: var(--font-text-regular) !important; font-weight: var(--font-text-weight-normal) !important; text-transform: none; line-height: 1.125; padding: 1rem; } .apu .tooltip { text-decoration-line: underline; text-decoration-color: var(--color-brand-primary); text-decoration-style: dotted; text-decoration-thickness: 1px; } .apu .bg-primary--full .tooltip, .apu .bg-sec-black .tooltip, .apu .bg-black-n-blue .tooltip { text-decoration-line: underline; text-decoration-color: var(--color-brand-tertiary); text-decoration-style: dotted; text-decoration-thickness: 1px; } .apu .hero-header .tooltip { text-decoration: 1px underline dotted var(--color-sec-white); } .apu .tooltip:hover, .apu .tooltip:focus { text-decoration: none; } main > section { position: relative; padding: 1rem; margin: 0 auto; overflow: visible; background-color: transparent; } @media only screen and (min-width: 620px) { main > section { position: relative; padding: 2rem; margin: 0 auto; overflow: visible; background-color: transparent; } } @media only screen and (min-width: 960px) { main > section { position: relative; padding: 4rem; margin: 0 auto; overflow: visible; background-color: transparent; } } @media only screen and (min-width: 1500px) { main > section { position: relative; padding: 6rem; margin: 0 auto; overflow: visible; background-color: transparent; } } section.no-padding { padding: 0 !important; } .bg-panel { padding: 0 !important; } .bg-panel.flex { margin-left: 0; width: 100%; } .bg-panel.flex .panel-content { padding: 1rem; } @media only screen and (min-width: 620px) { .bg-panel.flex .panel-content { padding: 2rem; } } @media only screen and (min-width: 960px) { .bg-panel.flex .panel-content { padding: 4rem; } } @media only screen and (min-width: 1500px) { .bg-panel.flex .panel-content { padding: 6rem; } } .panel-image { vertical-align: bottom; min-height: 300px; } .bg-primary{ background-color: var(--color-brand-primary--10); } .bg-secondary{ background-color: var(--color-brand-secondary--10); } .bg-tertiary{ background-color: var(--color-brand-tertiary--10); } .bg-quaternary{ background-color: var(--color-brand-quaternary--10); } .bg-gradient{ background: var(--color-brand-gradient); } .bg-sec-dark{ background-color: var(--color-sec-dark--10); } .bg-sec-medium{ background-color: var(--color-sec-medium--10); } .bg-sec-light{ background-color: var(--color-sec-light--10); } .bg-sec-white{ background-color: var(--color-sec-white); } .bg-sec-black { background-color: var(--color-sec-black); color: var(--color-sec-white); } .bg-black-n-blue { background-color: var(--color-black-n-blue); color: var(--color-sec-white); } .bg-page{ background-color: var(--color-apus--page); } .bg-cloud{ background-color: var(--color-apus--cloud); } .bg-fog{ background-color: var(--color-apus--fog); } .bg-steam{ background-color: var(--color-apus--steam); } .bg-main{ background-color: var(--color-apus--main); } .bg-primary--full { background-color: var(--color-brand-primary); color: var(--color-sec-white); } .bg-secondary--full { background-color: var(--color-brand-secondary); color: var(--color-sec-black); font-family: var(--font-text-regular); font-weight: var(--font-text-weight-normal); } .bg-tertiary--full { background-color: var(--color-brand-tertiary); color: var(--color-sec-black); font-family: var(--font-text-regular); font-weight: var(--font-text-weight-normal); } .bg-quaternary--full { background-color: var(--color-brand-quaternary); color: var(--color-sec-black); font-family: var(--font-text-regular); font-weight: var(--font-text-weight-normal); } .bg-gradient { background: var(--color-brand-gradient); color: var(--color-sec-black); font-family: var(--font-text-regular); font-weight: var(--font-text-weight-normal); } .bg-primary--full h1, .bg-sec-black h1, .bg-black-n-blue h1, .bg-primary--full h2, .bg-sec-black h2, .bg-black-n-blue h2, .bg-primary--full h3, .bg-sec-black h3, .bg-black-n-blue h3, .bg-primary--full h4, .bg-sec-black h4, .bg-black-n-blue h4, .bg-primary--full h5, .bg-sec-black h5, .bg-black-n-blue h5, .bg-primary--full h6, .bg-sec-black h6, .bg-black-n-blue h6 { color: var(--color-sec-white); } .bg-primary--full a, .bg-sec-black a, .bg-black-n-blue a { color: var(--color-sec-white); } .color-primary { color: var(--color-brand-primary); } .color-secondary { color: var(--color-brand-secondary); } .color-tertiary { color: var(--color-brand-tertiary); } .color-black { color: var(--color-sec-black); } .color-white { color: var(--color-sec-white); } .text-gradient { color: var(--color-brand-tertiary) !important; } @supports ((background-clip: text) or (-webkit-background-clip: text)) and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) { .text-gradient { background-image: var(--color-brand-gradient); background-size: cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } } footer { background-color: var(--color-sec-dark); color: var(--color-sec-white); text-align: left; padding: 1rem; } footer h2, .amu footer h2, .apu footer h2 { font-size: 1rem; color: var(--color-sec-white); margin: 1rem 0; max-width: 650px; } footer h4 { margin: 0; } footer nav li { list-style: none; display: inline; margin-right: .5rem; border-right: 1px solid rgba(255, 255, 255, 0.37); padding-right: .5rem; } footer nav li:last-of-type { border-right-style: none; margin-right: 0; padding-right: 0; } footer p { font-family: var(--font-text); font-size: .85rem; margin: .6rem auto; max-width: 650px; line-height: 1.25; } @media screen and (min-width: 2000px) { footer p { max-width: 900px; } } footer label, footer select { display: block; max-width: 650px; margin: 0.6rem 0; } #irmlink { text-align: center; } footer a { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } footer a:link, footer a:visited { color: var(--color-sec-white); text-decoration: underline; } footer a:active, footer a:hover { color: var(--color-sec-white); opacity: 1; text-decoration: none; } @media only screen and (min-width: 620px) { footer { padding: 1rem 2rem; } } @media only screen and (min-width: 960px) { footer { padding: 1rem 4rem; } } @media only screen and (min-width: 1500px) { footer { padding: 1rem 6rem; } } .nowrap { display: inline-block; } .embed { position: relative; width: 100%; } .embed::before { content: ""; display: block; padding-bottom: calc(100% / (16/9)); } .embed.four-by-three::before { padding-bottom: calc(100% / (4/3)); } .embed>div, .embed>iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } header.masthead { position: fixed; margin: 0; padding: 0; width: 100%; z-index: 10000; display: block; background-color: var(--color-brand-primary); } header.masthead .utility { padding: 1rem 2rem; overflow: hidden; top: 0; height: 80px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; background-color: transparent; } header.masthead .logo { flex: 0 0 210px; background: url(/common/images/logos/amu.svg) no-repeat; max-width: 210px; height: 50px; text-indent: -999rem; } header.masthead .ctaPanel { background-color: transparent; text-transform: uppercase; top: -21px; position: relative; display: flex; flex-direction: row; line-height: 1rem; font-size: 1rem; } header.masthead .utility li { display: inline-block; list-style-type: none; padding: 0.75rem; margin: .5rem 0; border-right: 1px solid var(--color-brand-primary--60); line-height: 1rem; font-size: 1rem; } header.masthead .utility li a.phone { color: var(--color-sec-white); background-color: transparent; font-weight: var(--font-weight-normal); } header.masthead .utility li .button { margin: 0; display: inline; } header.masthead .utility li:last-of-type { border-right-style: none; } @media only screen and (max-width: 830px) { header.masthead .ctaPanel { flex-direction: column; top: -.3rem; padding: 0; margin: 0; text-align: center; font-size: .9rem; } header.masthead .ctaPanel li { padding: 0; margin: 0; border-right: none; margin-bottom: 1rem; } } @media only screen and (max-width: 580px) { header.masthead .logo { flex: 0 0 50px; max-width: 50px; } header.masthead .ctaPanel { top: 0; font-size: .8rem; } } body, .grid-layout { display: block; width: 100%; } body > header, .grid-layout > header { display: block; width: 100%; } body > main, .grid-layout > main { display: block; width: 100%; } body > footer, .grid-layout > footer { display: block; width: 100%; } body, .grid-layout { display: grid; grid-template-columns: 100%; grid-template-rows: auto; grid-template-areas: "header" "main" "footer" ; } body > header, .grid-layout > header { grid-area: header; } body > main, .grid-layout > main { grid-area: main; } body > footer, .grid-layout > footer { grid-area: footer; } .brand-header { display: block; position: relative; color: var(--color-sec-white); background-color: var(--color-brand-primary); width: 100%; z-index: 100; } .brand-header.creative { background-color: var(--color-black-n-blue); position: fixed; } .brand-header.creative + main { padding-top: 100px; } .amu .brand-header.creative .nav-header .nav-list > li a.nav-cta { color: var(--color-sec-black); } .amu .brand-header.creative .nav-header .nav-list > li a.nav-cta.button-primary:hover { color: var(--color-sec-white); } .brand-header.creative .nav-header .nav-list > li a.button { min-width: auto; } .nav-header { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 1rem 3rem; height: 100px; } .nav-header .brand-logo { flex: 0 auto; margin-right: 1rem; color: var(--color-sec-white); } .nav-header .brand-logo svg { width: 160px; height: auto; } .nav-header .nav-list { flex: 0 auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .nav-header .nav-list > li { flex: 1 auto; } .nav-header .nav-list > li a.nav-phone { color: var(--color-sec-white); text-transform: uppercase; } .nav-header .nav-list > li a.nav-cta { margin: 0 0 0 1rem; } @media only screen and (max-width: 1000px) { .nav-header { padding: 1rem 2rem; } } @media only screen and (max-width: 900px) { .brand-header.creative .nav-header .nav-list > li span { display: none; } } @media only screen and (max-width: 800px) { .brand-header.creative .nav-header { height: 155px; } .brand-header.creative + main { padding-top: 155px; } .brand-header.creative .nav-header .nav-list { position: absolute; top: 100px; margin: 0 -2rem; width: 100%; height: 55px; border-bottom: 1px solid var(--color-brand-primary); } .brand-header.creative .nav-header .nav-list li { flex-basis: 33.33333%; flex-grow: 1; flex-shrink: 1; } .brand-header.creative .nav-header .nav-list li.nav-item-apply { order: -1; border-right: 1px solid transparent; } .brand-header.creative .nav-header .nav-list li.nav-item-phone { order: 2; color: var(--color-sec-black); border-left: 1px solid transparent; } .brand-header.creative .nav-header .nav-list > li a { max-width: 100%; display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 0.75rem 0; } .brand-header.creative .nav-header .nav-list > li a.nav-phone { display: flex; flex-flow: row nowrap; justify-content: center; background-color: var(--color-sec-white); color: var(--color-sec-black); width: 100%; font-size: 1.07rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); line-height: 1.5; text-align: center; text-transform: none; margin-left: 0; padding: 0.75rem 0; border: 2px solid var(--color-sec-white); } .brand-header.creative .nav-header .nav-list > li a.nav-phone:hover { text-decoration: none; color: var(--color-sec-white); background-color: var(--color-brand-primary--80); border: 2px solid var(--color-brand-primary--80); opacity: 1; } .brand-header.creative .nav-header .nav-list > li a > div { display: none; } .brand-header.creative .nav-header .nav-list > li a.nav-phone::after { content: "\f095"; font-family: fontawesome; } .brand-header.creative .nav-header .nav-list > li a.nav-phone::before { content: "Call Now"; margin-right: 5px; } .brand-header.creative .nav-header .nav-list > li a#lp6_apply_masthead::before { content: "Apply Now"; } } @media only screen and (max-width: 660px) { .nav-header .nav-list { flex: 0 auto; display: flex; flex-direction: column; margin: 0; } .nav-header .nav-list > li a.nav-cta { margin: 0; } .brand-header.creative .nav-header .nav-list { flex-direction: row; align-items: stretch; } } @media only screen and (max-width: 620px) { .nav-header { padding: 1rem; } .brand-header.creative .nav-header .nav-list { margin: 0 -1rem; } } @media only screen and (max-width: 500px) { .brand-header.creative .nav-header { height: 110px; } .brand-header.creative + main { padding-top: 110px; } .brand-header.creative .nav-header .nav-list { top: 60px; height: 50px; } .brand-header.creative .nav-header .nav-list li { display: flex; flex-direction: row; justify-content: stretch; } .brand-header.creative .nav-header .nav-list > li a { word-spacing: 100vw; font-size: 0.8rem !important; line-height: 1.125; padding: 0 !important; } .brand-header.creative .nav-header .nav-list > li a.nav-phone::before { display: none; } .brand-header.creative .nav-header .nav-list > li a.nav-phone::after { font-size: 1.5rem; } .brand-header.creative .nav-header .brand-logo svg { width: 70px; height: auto; } .nav-header .brand-logo svg { width: 60px; height: auto; } .brand-logo #text { display: none; } .brand-header.creative .nav-header .nav-list > li a.nav-phone { flex-direction: column; } } .apu .brand-header.gradient { color: var(--color-sec-black); background: var(--color-brand-gradient); } .apu .brand-header.gradient .nav-header .nav-list > li a.nav-phone { color: var(--color-sec-black); font-weight: var(--font-text-weight-bold); } .apu .brand-header.gradient .nav-header .brand-logo { color: var(--color-sec-black); } .apu .nav-header .brand-logo svg { width: 320px; height: auto; } .apu .nav-header .phone-icon svg { width: 36px; height: auto; } .apu .brand-logo #icon, .apu .nav-header .phone-icon { display: none; } @media only screen and (max-width: 800px) { .apu .nav-header .phone-icon { display: block; } .apu .nav-header .phone-text { display: none; } } @media only screen and (max-width: 660px) { .apu .brand-header.creative .nav-header { height: 110px; } .apu .brand-header.creative + main { padding-top: 110px; } .apu .nav-header .nav-list { flex: 0 auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .apu .nav-header .nav-list > li a.nav-cta { margin: 0 0 0 1rem; } } @media only screen and (max-width: 600px) { .apu .brand-logo #stacked, .apu .nav-header .phone-text { display: none; } .apu .brand-logo #icon, .apu .nav-header .phone-icon { display: block; } .apu .nav-header .brand-logo svg { width: 100px; height: auto; } } .flex-panes .panes { display: flex; flex-direction: column; align-items: stretch; } .pane { flex: 1 auto; display: flex; flex-direction: column; color: var(--color-sec-dark); background-color: var(--color-sec-light--10); border: 1px solid var(--color-sec-light); } .ghost .pane { color: var(--color-sec-white); border: none; } .pane-image { width: 100%; max-width: none; height: auto; } .pane-heading { font-size: 1.4rem; line-height: 1.125; text-transform: none; margin-top: 0; padding: 1.5rem 1rem; color: var(--color-sec-white); background-color: var(--color-sec-dark); border-bottom: 3px solid var(--color-sec-medium); } .pane-heading + .pane-image { margin-top: -1rem; } .pane-footer { display: flex; flex-flow: row wrap; text-transform: none; margin-top: auto; padding: 0; border-top: 1px solid var(--color-sec-light); } .pane-footer p, .pane-footer span { font-size: 0.9rem; padding: 0 1rem; flex-basis: 100%; flex-grow: 0; flex-shrink: 1; } .pane-footer h5 { padding: 0 1rem; flex-basis: 100%; flex-grow: 0; flex-shrink: 1; } .pane-footer a { margin-top: 8px; } .pane-footer a.button { margin: 0; } .pane-footer button, .pane-footer a.button { flex-basis: 50%; flex-grow: 1; flex-shrink: 1; margin-bottom: 0; width: 50%; min-width: auto; } .pane-footer button:only-of-type, .pane-footer a.button:only-of-type { width: 100%; } .flex-panes.cloud .pane-heading, .flex-panes.fog .pane-heading, .flex-panes.steam .pane-heading, .flex-panes.dark .pane-heading { background-color: var(--color-sec-dark); border-bottom: 3px solid var(--color-sec-medium); } .flex-panes.medium .pane-heading { color: var(--color-sec-black); background-color: var(--color-sec-medium); border-bottom: 3px solid var(--color-sec-light); } .flex-panes.light .pane-heading { color: var(--color-sec-dark); background-color: var(--color-sec-light); border-bottom: 3px solid var(--color-sec-light--60); } .flex-panes.primary .pane-heading { background-color: var(--color-brand-primary); border-bottom: 3px solid var(--color-brand-primary--60); } .flex-panes.secondary .pane-heading { background-color: var(--color-brand-secondary); border-bottom: 3px solid var(--color-brand-secondary--60); } .flex-panes.tertiary .pane-heading { background-color: var(--color-brand-tertiary); border-bottom: 3px solid var(--color-brand-tertiary--60); } .flex-panes.quaternary .pane-heading { color: var(--color-sec-black); background-color: var(--color-brand-quaternary); border-bottom: 3px solid var(--color-brand-quaternary--60); } .flex-panes.ghost .pane-heading { background-color: transparent; border-bottom: none; margin-bottom: 0; } .pane-body { padding: 0 1rem 1rem 1rem; } .flex-panes.cloud .pane { background-color: var(--color-apus--cloud); } .flex-panes.fog .pane { background-color: var(--color-apus--fog); } .flex-panes.steam .pane { background-color: var(--color-apus--steam); } .flex-panes.dark .pane { background-color: var(--color-sec-light--10); } .flex-panes.medium .pane { background-color: var(--color-sec-light--10); } .flex-panes.medium .light { background-color: var(--color-sec-white); } .flex-panes.primary .pane { background-color: var(--color-sec-light--10); } .flex-panes.ghost .pane { background-color: transparent; } .flex-panes.primary.pane-monochromatic .pane { color: var(--color-sec-black); background-color: var(--color-brand-primary--10); } .flex-panes.secondary.pane-monochromatic .pane { color: var(--color-sec-black); background-color: var(--color-brand-secondary--10); } .flex-panes.tertiary.pane-monochromatic .pane { color: var(--color-sec-black); background-color: var(--color-brand-tertiary--10); } .flex-panes.quaternary.pane-monochromatic .pane { color: var(--color-sec-black); background-color: var(--color-brand-quaternary--10); } .flex-panes.dark.pane-monochromatic .pane { color: var(--color-sec-black); background-color: var(--color-sec-dark--20); } .flex-panes.medium.pane-monochromatic .pane { color: var(--color-sec-black); background-color: var(--color-sec-medium--20); } .flex-panes.light.pane-monochromatic .pane { color: var(--color-sec-black); background-color: var(--color-sec-light--20); } .flex-panes.primary.pane-single-color .pane { color: var(--color-sec-white); background-color: var(--color-brand-primary); } .flex-panes.primary.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-brand-primary); } .flex-panes.primary.pane-single-color .pane .pane-heading { background-color: var(--color-brand-primary); border-bottom: none; margin-bottom: 0; } .flex-panes.secondary.pane-single-color .pane { color: var(--color-sec-white); background-color: var(--color-brand-secondary); } .flex-panes.secondary.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-brand-secondary); } .flex-panes.secondary.pane-single-color .pane .pane-heading { background-color: var(--color-brand-secondary); border-bottom: none; margin-bottom: 0; } .flex-panes.tertiary.pane-single-color .pane { color: var(--color-sec-white); background-color: var(--color-brand-tertiary); } .flex-panes.tertiary.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-brand-tertiary); } .flex-panes.tertiary.pane-single-color .pane .pane-heading { background-color: var(--color-brand-tertiary); border-bottom: none; margin-bottom: 0; } .flex-panes.quaternary.pane-single-color .pane { color: var(--color-sec-black); background-color: var(--color-brand-quaternary); } .flex-panes.quaternary.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-brand-quaternary); } .flex-panes.quaternary.pane-single-color .pane .pane-heading { background-color: var(--color-brand-quaternary); border-bottom: none; margin-bottom: 0; } .flex-panes.black.pane-single-color .pane { color: var(--color-sec-white); background-color: var(--color-sec-black); } .flex-panes.black.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-sec-black); } .flex-panes.black.pane-single-color .pane .pane-heading { background-color: var(--color-sec-black); border-bottom: none; margin-bottom: 0; } .flex-panes.black.pane-single-color .pane h1, .flex-panes.black.pane-single-color .pane h2, .flex-panes.black.pane-single-color .pane h3, .flex-panes.black.pane-single-color .pane h4, .flex-panes.black.pane-single-color .pane h5, .flex-panes.black.pane-single-color .pane h6 { color: var(--color-sec-white); } .flex-panes.black-n-blue.pane-single-color .pane { color: var(--color-sec-white); background-color: var(--color-black-n-blue); } .flex-panes.black-n-blue.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-black-n-blue); } .flex-panes.black-n-blue.pane-single-color .pane .pane-heading { background-color: var(--color-black-n-blue); border-bottom: none; margin-bottom: 0; } .flex-panes.black-n-blue.pane-single-color .pane h1, .flex-panes.black-n-blue.pane-single-color .pane h2, .flex-panes.black-n-blue.pane-single-color .pane h3, .flex-panes.black-n-blue.pane-single-color .pane h4, .flex-panes.black-n-blue.pane-single-color .pane h5, .flex-panes.black-n-blue.pane-single-color .pane h6 { color: var(--color-sec-white); } .flex-panes.dark.pane-single-color .pane { color: var(--color-sec-white); background-color: var(--color-sec-dark); } .flex-panes.dark.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-sec-dark); } .flex-panes.dark.pane-single-color .pane .pane-heading { background-color: var(--color-sec-dark); border-bottom: none; margin-bottom: 0; } .flex-panes.medium.pane-single-color .pane { color: var(--color-sec-black); background-color: var(--color-sec-medium--60); } .flex-panes.medium.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-sec-medium--60); } .flex-panes.medium.pane-single-color .pane .pane-heading { background-color: var(--color-sec-medium--60); border-bottom: none; margin-bottom: 0; } .flex-panes.light.pane-single-color .pane { background-color: var(--color-sec-light--40); } .flex-panes.light.pane-single-color .pane .pane-footer { border-top: 1px solid var(--color-sec-light--40); } .flex-panes.light.pane-single-color .pane .pane-heading { background-color: var(--color-sec-light--40); border-bottom: none; margin-bottom: 0; } .flex-panes.creative { margin-left: -1px; width: calc(100% + 1px); } .flex-panes.creative .panes { padding-left: 1px; padding-bottom: 1px; } .flex-panes.creative .panes .pane { border: none; text-align: center; } .flex-panes.creative .pane .pane-body { padding: 0 1em 1em; } .flex-panes .pane.pane-align-center { text-align: center; } .flex-panes .pane .pane-body.pane-align-center { text-align: center; } .flex-panes .pane .pane-heading.pane-align-center{ text-align: center; } .flex-panes .pane.pane-align-right { text-align: right; } .flex-panes .pane .pane-body.pane-align-right { text-align: right; } .flex-panes .pane .pane-heading.pane-align-right { text-align: right; } .flex-panes.pane-text-black .pane .pane-heading, .flex-panes.pane-text-black .pane .pane-body, .flex-panes.pane-text-black .pane .pane-footer { color: var(--color-sec-black); } .flex-panes.pane-text-white .pane .pane-heading, .flex-panes.pane-text-white .pane .pane-body, .flex-panes.pane-text-white .pane .pane-footer { color: var(--color-sec-white); } .flex-panes.secondary.pane-single-color .pane, .flex-panes.tertiary.pane-single-color .pane { color: var(--color-sec-black); } .flex-panes.gradient.pane-single-color .pane { color: var(--color-sec-black); background-color: transparent; } .flex-panes.gradient.pane-single-color .pane .pane-footer { border-top: none; } .flex-panes.gradient.pane-single-color .pane .pane-heading { color: var(--color-sec-black); background-color: transparent; border-bottom: none; margin-bottom: 0; } .apu .flex-panes.secondary .pane-heading { color: var(--color-sec-black); } .apu .flex-panes.tertiary .pane-heading { color: var(--color-sec-black); } .fact-number { display: block; font-size: 3rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); line-height: 3.5rem; margin-top: 0; } .fact-number span { display: block; font-size: 2rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); line-height: 1.125; margin-top: 0; } .fact-name, .fact-text { display: block; font-size: 1.25rem; font-family: var(--font-text-medium); font-weight: var(--font-text-weight-normal); line-height: 1.5rem; } .fact-title { display: block; font-size: 1.25rem; font-family: var(--font-medium); font-weight: var(--font-weight-normal); line-height: 1; } .facts-large .fact-number { display: block; font-size: 5rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); line-height: 6rem; margin-top: 0; } .facts-large .fact-name, .facts-large .fact-text { display: block; font-size: 1.5rem; font-family: var(--font-text-medium); font-weight: var(--font-text-weight-normal); line-height: 1.75rem; } .facts-large .fact-title { display: block; font-size: 1.5rem; font-family: var(--font-medium); font-weight: var(--font-weight-normal); line-height: 1.75rem; } .facts-large .fact-title.hidden { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .facts-large .fact-title.hidden + .pane-body .fact-number { margin-top: 1rem; } .fact-image img { max-width: 150px; height: auto; } .affordability h3 > span:first-of-type { font-size: 4rem; } .affordability h3 { text-transform: none; } .accredited img { max-width: 150px; height: auto; } .attributes img, .attributes svg { max-width: 120px; height: auto; } .attributes svg { color: var(--color-brand-tertiary--40); } .attributes .panel-content .svg-container { display: none; } main > section.attributes.bg-panel { position: relative; padding: 1rem !important; margin: 0 auto; overflow: visible; } @media only screen and (min-width: 620px) { main > section.attributes.bg-panel { position: relative; padding: 2rem !important; margin: 0 auto; overflow: visible; } } @media only screen and (min-width: 960px) { main > section.attributes.bg-panel { position: relative; padding: 4rem !important; margin: 0 auto; overflow: visible; } } @media only screen and (min-width: 1500px) { main > section.attributes.bg-panel { position: relative; padding: 6rem !important; margin: 0 auto; overflow: visible; } } .attributes.bg-panel > h2 { padding: 0 0 1em; } .attributes.bg-panel > :nth-child(1) { order: 1; } .attributes.bg-panel > :nth-child(2) { order: 2; } .attributes.bg-panel > :nth-child(3) { order: 3; } .attributes.bg-panel > :nth-child(4) { order: 4; } .attributes.bg-panel > :nth-child(5) { order: 5; } .attributes.bg-panel > :nth-child(6) { order: 6; } @media only screen and (min-width: 620px) { .attributes.bg-panel .panel-content div:first-child :first-child { margin-top: 0 !important; } } .attributes.bg-panel .panel-spacer { position: relative; padding: 0 !important; margin: 0 auto; overflow: visible; display: none; } @media only screen and (min-width: 1400px) { .attributes.bg-panel .panel-spacer { position: relative; padding: 2rem !important; margin: 0 auto; overflow: visible; display: block; } } @media only screen and (min-width: 1500px) { .attributes.bg-panel .panel-spacer { position: relative; padding: 3rem !important; margin: 0 auto; overflow: visible; display: block; } } @media only screen and (max-width: 799px) { .attributes .panel-image { min-height: 400px; background-position: center bottom !important; } .attributes.bg-panel > :nth-child(6) { order: 5; } .attributes.bg-panel > :nth-child(5) { order: 6; } } @media only screen and (max-width: 619px) { .attributes.bg-panel.flex .panel-content { padding: 0; } } .transfer-credit img { max-width: 120px; height: auto; } .apu .fact-gradient .fact-number, .apu .affordability.gradient h3 > span:first-of-type { color: var(--color-brand-tertiary); } .apu .fact-gradient .fact-number > span { color: var(--color-sec-black); } .apu .bg-primary--full .fact-gradient .fact-number > span, .apu .bg-sec-black .fact-gradient .fact-number > span { color: var(--color-sec-white); } @supports ((background-clip: text) or (-webkit-background-clip: text)) and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) { .apu .fact-gradient .fact-number, .apu .affordability.gradient h3 > span:first-of-type { background-image: var(--color-brand-gradient); background-size: cover; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .apu .fact-gradient .fact-number > span { -webkit-text-fill-color: var(--color-sec-black); } .apu .bg-primary--full .fact-gradient .fact-number > span, .bg-sec-black .fact-gradient .fact-number > span { -webkit-text-fill-color: var(--color-sec-white); } } .apu .affordability h3 > span:first-of-type, .apu .facts-large .fact-number { font-size: 6rem; font-weight: var(--font-text-weight-bold); line-height: 1; } table { margin: 1rem 0; width: 100%; } caption { font-size: 1.25rem; font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); text-align: left; line-height: 1.125; margin: 1rem 0; } caption.hidden { clip: rect(1px,1px,1px,1px); height: 1px; margin: 0; overflow: hidden; position: absolute; width: 1px; } table + table { margin-top: -1rem; } .table-container { overflow: auto; } .table-default { font-size: 0.9rem; background-color: var(--color-sec-white); border-collapse: separate; border-spacing: 0px; border: 1px solid var(--color-sec-medium--60); } .table-primary.table-monochromatic { background-color: var(--color-brand-primary--20); border: var(--color-brand-primary) 1px solid; color: var(--color-sec-black);; } .table-secondary.table-monochromatic { background-color: var(--color-brand-secondary--20); border: var(--color-brand-secondary) 1px solid; color: var(--color-sec-black);; } .table-tertiary.table-monochromatic { background-color: var(--color-brand-tertiary--20); border: var(--color-brand-tertiary) 1px solid; color: var(--color-sec-black);; } .table-quaternary.table-monochromatic { background-color: var(--color-brand-quaternary--20); border: var(--color-brand-quaternary) 1px solid; color: var(--color-sec-black);; } .table-default th { font-size: 1rem; font-family: var(--font-regular); font-weight: var(--font-weight-bold); text-align: left; padding: 1rem; width: auto; border-top: 1px solid var(--color-sec-dark); border-bottom: 1px solid var(--color-sec-dark); background-color: var(--color-sec-dark); color: var(--color-sec-white); vertical-align: top; } .table-primary th { border-top: 1px solid var(--color-brand-primary); background-color: var(--color-brand-primary); } .table-secondary th { border-top: 1px solid var(--color-brand-secondary); background-color: var(--color-brand-secondary); } .table-tertiary th { border-top: 1px solid var(--color-brand-tertiary); background-color: var(--color-brand-tertiary); } .table-quaternary th { border-top: 1px solid var(--color-brand-quaternary); background-color: var(--color-brand-quaternary); } .table-default th:first-child { } .table-default tr { } .table-default td:first-child { text-align: left; border-left: 0; } .table-default td { padding: 0.5rem 1rem; width: auto; border-top: 1px solid var(--color-sec-white); border-bottom: 1px solid var(--color-sec-light); border-left: 1px solid var(--color-sec-light); vertical-align: top; } .table-primary.table-monochromatic td { border-top: 1px solid var(--color-sec-white); border-bottom: 1px solid var(--color-brand-primary--60); border-left: 1px solid var(--color-brand-primary); } .table-secondary.table-monochromatic td { border-top: 1px solid var(--color-sec-white); border-bottom: 1px solid var(--color-brand-secondary--60); border-left: 1px solid var(--color-brand-secondary); } .table-tertiary.table-monochromatic td { border-top: 1px solid var(--color-sec-white); border-bottom: 1px solid var(--color-brand-tertiary--60); border-left: 1px solid var(--color-brand-tertiary); } .table-quaternary.table-monochromatic td { border-top: 1px solid var(--color-sec-white); border-bottom: 1px solid var(--color-brand-quaternary--60); border-left: 1px solid var(--color-brand-quaternary); } .table-primary.table-monochromatic td:first-child, .table-secondary.table-monochromatic td:first-child, .table-tertiary.table-monochromatic td:first-child, .table-quaternary.table-monochromatic td:first-child { border-left: 0; } .table-default tbody tr { background-color: var(--color-sec-white); } .table-primary.table-monochromatic.table-zebra tbody tr, .table-secondary.table-monochromatic.table-zebra tbody tr, .table-tertiary.table-monochromatic.table-zebra tbody tr, .table-quaternary.table-monochromatic.table-zebra tbody tr { background-color: var(--color-sec-white); } .table-default tbody tr:nth-of-type(2n) { background-color: var(--color-sec-white); } .table-default.table-zebra tbody tr:nth-of-type(2n) { background-color: var(--color-sec-light--20); } .table-primary.table-monochromatic tbody tr, .table-primary.table-monochromatic tbody tr:nth-of-type(2n) { background-color: var(--color-brand-primary--10); } .table-secondary.table-monochromatic tbody tr, .table-secondary.table-monochromatic tbody tr:nth-of-type(2n) { background-color: var(--color-brand-secondary--10); } .table-tertiary.table-monochromatic tbody tr, .table-tertiary.table-monochromatic tbody tr:nth-of-type(2n) { background-color: var(--color-brand-tertiary--10); } .table-quaternary.table-monochromatic tbody tr, .table-quaternary.table-monochromatic tbody tr:nth-of-type(2n) { background-color: var(--color-brand-quaternary--10); } .table-default tr:last-child td { border-bottom: 0; } .table-default.table-align-center, .table-default tr.table-align-center > *, .table-default th.table-align-center, .table-default td.table-align-center { text-align: center; } .table-default.table-align-right, .table-default tr.table-align-right > *, .table-default th.table-align-right, .table-default td.table-align-right { text-align: right; } @media screen and (max-width: 700px) { .table-container .table-responsive { overflow: hidden; } .table-responsive .table-default { border: 0; background-color: inherit; } .table-responsive .table-default thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; background-color: inherit; } .table-responsive .table-default tr { border-bottom: 3px solid var(--color-sec-light); display: block; margin-bottom: .625rem; background-color: inherit; } .table-responsive .table-default td { border-top: none; border-left: none; display: block; font-size: .85rem; text-align: right; background-color: inherit; } .table-responsive .table-default.table-zebra td:nth-of-type(odd) { background-color: var(--color-sec-light--20); } .table-responsive .table-default td[scope="row"], .table-responsive .table-default.table-zebra td[scope="row"] { font-size: 1rem; text-align: left; background-color: var(--color-sec-dark); color: var(--color-sec-white); } .table-responsive .table-default.table-primary td[scope="row"] { background-color: var(--color-brand-primary); color: var(--color-sec-white); } .table-responsive .table-default.table-secondary td[scope="row"] { background-color: var(--color-brand-secondary); color: var(--color-sec-white); } .table-responsive .table-default.table-tertiary td[scope="row"] { background-color: var(--color-brand-tertiary); color: var(--color-sec-white); } .table-responsive .table-default.table-quaternary td[scope="row"] { background-color: var(--color-brand-quaternary); color: var(--color-sec-white); } .table-responsive .table-primary.table-monochromatic tbody tr, .table-responsive .table-primary.table-monochromatic tbody tr:nth-of-type(2n) { background-color: var(--color-brand-primary--10); } .table-responsive .table-secondary.table-monochromatic tbody tr, .table-responsive .table-secondary.table-monochromatic tbody tr:nth-of-type(2n) { background-color: var(--color-brand-secondary--10); } .table-responsive .table-tertiary.table-monochromatic tbody tr, .table-responsive .table-tertiary.table-monochromatic tbody tr:nth-of-type(2n) { background-color: var(--color-brand-tertiary--10); } .table-responsive .table-quaternary.table-monochromatic tbody tr, .table-responsive .table-quaternary.table-monochromatic tbody tr:nth-of-type(2n) { background-color: var(--color-brand-quaternary--10); } .table-responsive .table-default td[scope="row"] a { color: var(--color-sec-white); text-decoration: underline; } .table-responsive .table-default td::before { content: attr(data-label); font-family: var(--font-bold); font-weight: var(--font-weight-bold); float: left; margin-right: 1rem; } .table-responsive .table-default td[scope="row"]::before { float: none; display: block; } .table-responsive .table-default tbody tr:nth-of-type(2n) { background-color: inherit; } .table-responsive .table-default tr:last-child td { border-bottom: 1px solid var(--color-sec-light); } .table-responsive .table-primary.table-monochromatic tr:last-child td { border-bottom: 1px solid var(--color-brand-primary--60); } .table-responsive .table-secondary.table-monochromatic tr:last-child td { border-bottom: 1px solid var(--color-brand-secondary--60); } .table-responsive .table-tertiary.table-monochromatic tr:last-child td { border-bottom: 1px solid var(--color-brand-tertiary--60); } .table-responsive .table-quaternary.table-monochromatic tr:last-child td { border-bottom: 1px solid var(--color-brand-quaternary--60); } } .apu .table-secondary th, .apu .table-tertiary th, .apu .table-quaternary th { color: var(--color-sec-black); } button, .button, input[type=submit], input[type=reset], input[type="button"] { position: relative; display: inline-block; font-size: 1.07rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); font-style: normal; font-variant: normal; line-height: 1.5; text-align: center; text-transform: capitalize; text-decoration: none; margin: 0; margin-bottom: 1rem; padding: 0.75rem 1.5rem; min-width: 150px; max-width: 100%; border-width: 2px !important; border-style: solid; white-space: normal; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } button, input[type=submit], input[type=reset], input[type="button"] { appearance: button; -webkit-appearance: button; -moz-appearance: button; } button:hover, .button:hover { text-decoration: none; opacity: 1; } .button.button-primary, input[type=submit], input[type=reset] { color: var(--color-sec-white); background-color: var(--color-brand-primary); border-color: var(--color-brand-primary); } .button.button-primary.ghost { color: var(--color-brand-primary); border-color: var(--color-brand-primary); background-color: transparent; } .button.button-primary:hover, .button.button-primary.invert:hover, .button.button-primary.ghost:hover, input[type=submit]:hover { color: var(--color-sec-white); background-color: var(--color-brand-primary--80); border-color: var(--color-brand-primary--80); } .button.button-primary.invert { color: var(--color-brand-primary); background-color: var(--color-sec-white); border-color: var(--color-sec-white); } .button.button-primary.ghost.invert { color: var(--color-sec-white); border-color: var(--color-sec-white); background-color: transparent; } .button.button-primary.ghost.invert:hover { color: var(--color-sec-white); border-color: var(--color-sec-white); background-color: rgba(255, 255, 255, 0.35); } .button.button-secondary { color: var(--color-sec-white); background-color: var(--color-brand-secondary); border-color: var(--color-brand-secondary); } .button.button-secondary.ghost { color: var(--color-brand-secondary); border-color: var(--color-brand-secondary); background-color: transparent; } .button.button-secondary.invert { color: var(--color-brand-secondary); background-color: var(--color-sec-white); border-color: var(--color-sec-white); } .button.button-secondary.invert:hover, .button.button-secondary.ghost:hover, .button.button-secondary:hover { color: var(--color-sec-white); background-color: var(--color-brand-secondary--80); border-color: var(--color-brand-secondary--80); } .button.button-tertiary { color: var(--color-sec-white); background-color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); } .button.button-tertiary.ghost { color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); background-color: transparent; } .button.button-tertiary.invert { color: var(--color-brand-tertiary); background-color: var(--color-sec-white); border-color: var(--color-sec-white); } .button.button-tertiary:hover, .button.button-tertiary.invert:hover, .button.button-tertiary.ghost:hover { color: var(--color-sec-white); background-color: var(--color-brand-tertiary--80); border-color: var(--color-brand-tertiary--80); } .button.button-dark { color: var(--color-sec-white); background-color: var(--color-sec-dark); border-color: var(--color-sec-dark); } .button.button-dark.ghost { color: var(--color-sec-dark); border-color: var(--color-sec-dark); background-color: transparent; } .button.button-dark.invert { color: var(--color-sec-dark); background-color: var(--color-sec-white); border-color: var(--color-sec-white); } .button.button-dark.invert:hover, .button.button-dark.ghost:hover, .button.button-dark:hover { color: var(--color-sec-white); background-color: var(--color-sec-dark--80); border-color: var(--color-sec-dark--80); } .button.button-light { color: var(--color-sec-white); background-color: var(--color-sec-medium); border-color: var(--color-sec-medium); } .button.button-light.ghost { color: var(--color-sec-medium); border-color: var(--color-sec-medium); background-color: transparent; } .button.button-light.invert { color: var(--color-sec-medium); background-color: var(--color-sec-white); border-color: var(--color-sec-white); } .button.button-light.invert:hover, .button.button-light.ghost:hover, .button.button-light:hover, input[type=reset]:hover { color: var(--color-sec-white); background-color: var(--color-sec-medium--80); border-color: var(--color-sec-medium--80); } .apu button, .apu .button, .apu input[type=submit], .apu input[type=reset], .apu input[type="button"] { font-size: 1.125rem; font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); } .apu .button-size-large { font-size: 1.25rem; padding: 1rem 2rem; } .apu .button.button-size-large.cta, .apu button.button-size-large.cta { border: none; padding: calc(1rem + 4px) calc(2rem + 4px); } .apu .button.button-primary { color: var(--color-sec-black); background-color: var(--color-brand-secondary); border-color: var(--color-sec-black); } .apu .button.button-primary.ghost { color: var(--color-sec-black); border-color: var(--color-sec-black); background-color: transparent; } .apu .button.button-primary.invert { border-color: var(--color-brand-secondary); } .apu .button.button-primary.ghost.invert { color: var(--color-sec-white); border-color: var(--color-sec-white); background-color: transparent; } .apu .button.button-primary:focus, .apu .button.button-primary:hover { color: var(--color-sec-black); background-color: var(--color-brand-quaternary); } .apu .button.button-primary.invert:focus, .apu .button.button-primary.invert:hover { border-color: var(--color-brand-quaternary); } .apu .button.button-primary.ghost:focus, .apu .button.button-primary.ghost:hover { color: var(--color-sec-black); } .apu .button.button-primary.ghost.invert:focus, .apu .button.button-primary.ghost.invert:hover { color: var(--color-brand-quaternary); border-color: var(--color-brand-quaternary); background-color: transparent; } .apu .button.button-primary:active { color: var(--color-sec-black); background-color: var(--color-brand-tertiary); } .apu .button.button-primary.invert:active { border-color: var(--color-brand-tertiary); } .apu .button.button-primary.ghost:active { color: var(--color-sec-black); } .apu .button.button-primary.ghost.invert:active { color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); background-color: transparent; } .apu .button.button-secondary, .apu .button.button-tertiary { color: var(--color-sec-black); background-color: var(--color-sec-white); border-color: var(--color-sec-black); } .apu .button.button-secondary.ghost, .apu .button.button-tertiary.ghost { color: var(--color-sec-white); border-color: var(--color-sec-white); background-color: transparent; } .apu .button.button-secondary.invert, .apu .button.button-tertiary.invert { color: var(--color-sec-black); background-color: var(--color-sec-white); border-color: var(--color-sec-white); } .apu .button.button-secondary:focus, .apu .button.button-tertiary:focus, .apu .button.button-secondary:hover, .apu .button.button-tertiary:hover { color: var(--color-sec-black); background-color: var(--color-brand-quaternary); } .apu .button.button-secondary.invert:focus, .apu .button.button-tertiary.invert:focus, .apu .button.button-secondary.invert:hover, .apu .button.button-tertiary.invert:hover { color: var(--color-sec-black); background-color: var(--color-brand-quaternary); border-color: var(--color-brand-quaternary); } .apu .button.button-secondary.ghost:focus, .apu .button.button-tertiary.ghost:focus, .apu .button.button-secondary.ghost:hover, .apu .button.button-tertiary.ghost:hover { color: var(--color-brand-quaternary); border-color: var(--color-brand-quaternary); background-color: transparent; } .apu .button.button-secondary:active, .apu .button.button-tertiary:active { color: var(--color-sec-black); background-color: var(--color-brand-tertiary); } .apu .button.button-secondary.invert:active, .apu .button.button-tertiary.invert:active { color: var(--color-sec-black); background-color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); } .apu .button.button-secondary.ghost:active, .apu .button.button-tertiary.ghost:active { color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); background-color: transparent; } .apu .button.button-alternate { color: var(--color-sec-white); background-color: var(--color-brand-primary); border-color: var(--color-brand-primary); } .apu .button.button-alternate:active { color: var(--color-sec-white); background-color: var(--color-sec-black); } .apu .button.button-alternate:focus, .apu .button.button-alternate:hover { color: var(--color-sec-white); background-color: var(--color-brand-primary--80); } .button.button-primary.button-text-black, .button.button-secondary.button-text-black, .button.button-tertiary.button-text-black, .button.button-dark.button-text-black, .button.button-light.button-text-black { color: var(--color-sec-black); } .button.button-primary.button-text-black:hover, .button.button-secondary.button-text-black:hover, .button.button-tertiary.button-text-black:hover, .button.button-dark.button-text-black:hover, .button.button-light.button-text-black:hover { color: var(--color-sec-black); } .button.button-primary.button-text-white, .button.button-secondary.button-text-white, .button.button-tertiary.button-text-white, .button.button-dark.button-text-white, .button.button-light.button-text-white { color: var(--color-sec-white); } .button.button-primary.button-text-white:hover, .button.button-secondary.button-text-white:hover, .button.button-tertiary.button-text-white:hover, .button.button-dark.button-text-white:hover, .button.button-light.button-text-white:hover { color: var(--color-sec-white); } .button.button-primary.button-border-black, .button.button-secondary.button-border-black, .button.button-tertiary.button-border-black, .button.button-dark.button-border-black, .button.button-light.button-border-black { border-color: var(--color-sec-black); } .button.button-primary.button-border-white, .button.button-secondary.button-border-white, .button.button-tertiary.button-border-white, .button.button-dark.button-border-white, .button.button-light.button-border-white { border-color: var(--color-sec-white); } .button.cta, button.cta { border: none; padding: calc(0.75rem + 4px) calc(1.5rem + 4px); } .button.button-primary.cta:hover, button.button-primary.cta:hover { background-color: var(--color-brand-primary); } .button.button-secondary.cta:hover, button.button-secondary.cta:hover { background-color: var(--color-brand-secondary); } .button.button-tertiary.cta:hover, button.button-tertiary.cta:hover { background-color: var(--color-brand-tertiary); } .button.button-dark.cta:hover, button.button-dark.cta:hover { background-color: var(--color-sec-dark); } .button.button-light.cta:hover, button.button-light.cta:hover { background-color: var(--color-sec-medium); } .button.button-primary.cta.invert:hover, button.button-primary.cta.invert:hover, .button.button-secondary.cta.invert:hover, button.button-secondary.cta.invert:hover, .button.button-tertiary.cta.invert:hover, button.button-tertiary.cta.invert:hover, .button.button-dark.cta.invert:hover, button.button-dark.cta.invert:hover, .button.button-light.cta.invert:hover, button.button-light.cta.invert:hover { background-color: var(--color-sec-white); } .button.button-primary.cta.invert:hover, button.button-primary.cta.invert:hover { color: var(--color-brand-primary); } .button.button-secondary.cta.invert:hover, button.button-secondary.cta.invert:hover { color: var(--color-brand-secondary); } .button.button-tertiary.cta.invert:hover, button.button-tertiary.cta.invert:hover { color: var(--color-brand-tertiary); } .button.button-dark.cta.invert:hover, button.button-dark.cta.invert:hover { color: var(--color-sec-dark); } .button.button-light.cta.invert:hover, button.button-light.cta.invert:hover { color: var(--color-sec-medium); } .button.cta::after, button.cta::after { content:""; width: 0; height: 4px; position: absolute; transition: all 0.2s linear; } .button.button-primary.cta::after, button.button-primary.cta::after, .button.button-secondary.cta::after, button.button-secondary.cta::after, .button.button-tertiary.cta::after, button.button-tertiary.cta::after, .button.button-dark.cta::after, button.button-dark.cta::after, .button.button-light.cta::after, button.button-light.cta::after { background-color: var(--color-sec-white); } .button.button-primary.invert.cta::after, button.button-primary.invert.cta::after { background-color: var(--color-brand-primary); } .button.button-secondary.invert.cta::after, button.button-secondary.invert.cta::after { background-color: var(--color-brand-secondary); } .button.button-tertiary.invert.cta::after, button.button-tertiary.invert.cta::after { background-color: var(--color-brand-tertiary); } .button.button-dark.invert.cta::after, button.button-dark.invert.cta::after { background-color: var(--color-sec-dark); } .button.button-light.invert.cta::after, button.button-light.invert.cta::after { background-color: var(--color-sec-medium); } .button.cta:hover::after, button.cta:hover::after { width: 100%; } .cta::before{ left: 50%; top: 0; transition-duration: 0.4s; } .cta::after{ left: 50%; bottom: 0; transition-duration: 0.4s; } .cta:hover::before, .cta:hover::after{ left: 0; } .button-left-align { text-align: left; } .button-right-align { text-align: right; } .button-size-small { font-size: 0.85rem; padding: 0.5rem 1rem; } .button.button-size-small.cta, button.button-size-small.cta { border: none; padding: calc(0.5rem + 4px) calc(1rem + 4px); } .button-size-large { font-size: 1.25rem; padding: 1rem 2rem; } .button.button-size-large.cta, button.button-size-large.cta { border: none; padding: calc(1rem + 4px) calc(2rem + 4px); } .button-full-width { width: 100%; } .button-uppercase { text-transform: uppercase; } .button-capitalize { text-transform: capitalize; } button [class^="icon-"]::before, .button [class^="icon-"]::before, input[type="submit"] [class^="icon-"]::before, input[type="reset"] [class^="icon-"]::before, input[type="button"] [class^="icon-"]::before, button [class*=" icon-"]::before, .button [class*=" icon-"]::before, input[type="submit"] [class*=" icon-"]::before, input[type="reset"] [class*=" icon-"]::before, nput[type="button"][class*=" icon-"]::before { font-family: FontAwesome; margin-left: 5px; } .svg-icon { display: inline-block; } .svg-icon svg { width: auto; height: 16px; line-height: 1; margin-top: -2px; vertical-align: middle; } _:-ms-fullscreen, :root .svg-icon svg { width: 20px; } .button.underline { position: relative; overflow: hidden; border: 2px solid transparent !important; padding: calc(0.75rem + 2px) calc(1.5rem + 2px); margin-top: -2px; } .button.highlight { position: relative; overflow: hidden; border: none; padding: calc(0.75rem + 2px) calc(1.5rem + 2px) } .underline-box { background: transparent; border: 2px solid var(--color-brand-primary); position: absolute; height: 4px; width: 100%; top: auto; right: auto; bottom: 0; left: 0; transition: border 0s linear 0.45s, height 0.5s ease-in-out; } .button.underline:hover { background-color: transparent !important; color: var(--color-brand-primary) !important; } .button.underline:hover .underline-box { height: 100%; border: 4px solid var(--color-brand-primary); transition: border 0s linear 0.1s, height 0.5s ease-in-out; } .button.highlight span { position: relative; transition: 0.1s ease-in-out; transition-delay: 0s; } .button.highlight:hover span { color: var(--color-sec-white) !important; } .button.highlight::before { content: ""; display: block; background: var(--color-black-n-blue); position: absolute; top:0; bottom: 0; left: 0; right: 100%; transition: all 0.3s ease-in-out; } .button.highlight.up::before { top:100%; bottom: 0; left: 0; right: 0; } .button.highlight:hover::before { right:0; } .button.highlight.up:hover::before { top:0; } .button.bordered { position: relative; background-color: transparent !important; border-color: transparent !important; color: var(--color-brand-tertiary) !important; padding: calc(0.75rem + 2px) calc(1.5rem + 2px); } .button.bordered span{ display: block; } .button.bordered::before, .button.bordered::after{ content:""; width: 0; height: 2px; position: absolute; transition: all 0.2s linear; background: var(--color-brand-tertiary); } .button.bordered span::before, .button.bordered span::after{ content:""; width:2px; height:0; position: absolute; transition: all 0.2s linear; background: var(--color-brand-tertiary); } .apu .button.bordered { color: var(--color-brand-primary) !important; } .apu .button.bordered::before, .apu .button.bordered::after{ background: var(--color-brand-primary); } .apu .button.bordered span::before, .apu .button.bordered span::after{ background: var(--color-brand-primary); } .button.bordered:hover::before, .button.bordered:hover::after{ width: 100%; } .button.bordered:hover span::before, .button.bordered:hover span::after{ height: 100%; } .button.bordered::after{ left:0; bottom: 0; transition-duration: 0.4s; } .button.bordered span::after{ right:0; bottom: 0; transition-duration: 0.4s; } .button.bordered::before{ right: 0; top: 0; transition-duration: 0.4s; } .button.bordered span::before{ left: 0; top: 0; transition-duration: 0.4s; } .jiggle { animation: jiggle 2s infinite ease-in; backface-visibility: hidden; } .slide-icon .svg-icon { position: absolute; height: 100%; right: 1rem; display: inline-block; transition: all 0.3s ease-in; } .slide-icon:hover .svg-icon { right: 0.5rem; } .shake { animation: shake 1s infinite cubic-bezier(.36,.07,.19,.97); transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } .pulse { animation: shadow-pulse 1s infinite; } .pulse-light { animation: light-pulse 1s infinite; } .hyper { --y: -25; --x: 0; --rotation: 0; --speed: 2; margin: 0; animation-name: flow-and-shake; animation-duration: calc(var(--speed) * 1s); animation-iteration-count: infinite; animation-timing-function: ease-in-out; z-index: 10; } .hyper:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; } .hyper:hover { --speed: 0.1; --rotation: -1; --y: -1; --x: 1; } .hyper:active { --speed: 4; --x: 0; --y: 5; --rotation: 10; } .button__wrap { position: relative; display: flex; align-items: center; justify-content: center; } .button__shadow { position: absolute; border-radius: 100%; bottom: 0; left: 0; right: 0; height: 3px; width: auto; max-width: 100px; margin: 0 auto; background: var(--color-sec-medium); animation: shadow 2s infinite ease-in-out; z-index: 1; } .hyper:hover + .button__shadow { background: transparent; } @-webkit-keyframes shadow { 0%, 100% { transform: scaleX(1); opacity: 1; } 50% { opacity: 0.2; transform: scaleX(0.25); } } @keyframes shadow { 0%, 100% { transform: scaleX(1); opacity: 1; } 50% { opacity: 0.2; transform: scaleX(0.25); } } @-webkit-keyframes flow-and-shake { 0%, 100% { transform: translate(calc(var(--x) * -1%), 0) rotate(calc(var(--rotation) * -1deg)); } 50% { transform: translate(calc(var(--x) * 1%), calc(var(--y) * 1%)) rotate(calc(var(--rotation) * 1deg)); } } @keyframes flow-and-shake { 0%, 100% { transform: translate(calc(var(--x) * -1%), 0) rotate(calc(var(--rotation) * -1deg)); } 50% { transform: translate(calc(var(--x) * 1%), calc(var(--y) * 1%)) rotate(calc(var(--rotation) * 1deg)); } } @keyframes jiggle { 45%, 65% { transform: scale(1.0, 1.0) } 50% { transform: scale(1.1, 0.9) } 55% { transform: scale(0.9, 1.1) translate(0, -5px) } 60% { transform: scale(1.0, 1.0) translate(0, -5px) } } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 15px rgba(0, 0, 0, 0); } } @keyframes light-pulse { 0% { box-shadow: 0 0 0 0px rgba(255, 255,255, 0.3); } 100% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); } } .button.geometric { z-index: 1; } .button.geometric::before, .button.geometric::after { content: ''; position: absolute; transition: all 0.3s; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .button.geometric:hover { background-color: transparent; border: 2px solid transparent; } .button.geometric span { z-index: 10; } .button.geometric:hover::after { animation-name: rotatecw; animation-duration: 2s; background-color: var(--color-brand-tertiary--20); border: 2px solid var(--color-brand-tertiary); } .button.geometric:hover::before { animation-name: rotateccw; animation-duration: 3s; background-color: var(--color-brand-tertiary--40); border: 2px solid var(--color-brand-tertiary);; } .button.geometric:hover::after, .button.geometric:hover::before { left: calc((100% - 50px)/2); width: 50px; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes rotatecw { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @keyframes rotateccw { from {transform: rotate(0deg);} to {transform: rotate(-360deg);} } .hero-viewport { display: flex; flex-direction: row; justify-content: space-between; width: 100vw ; height: 100vh; max-width:100%; min-height: 360px; margin: 0; padding: 0; color: var(--color-sec-white); background-image: url(/common/images/banners/adobestock_99613417.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; } .hero-img-left { background-position: top left; } .hero-img-right { background-position: top right; } .hero-img-sepia { filter: sepia(90%); -webkit-filter: sepia(90%); } .hero-img-contrast { filter: contrast(150%); -webkit-filter: contrast(150%); } .hero-img-saturate { filter: saturate(200%); -webkit-filter: saturate(200%); } .hero-spacer { flex-basis: 1px; flex-grow: 1; flex-shrink: 1; padding: 0; } .hero-content { position: relative; flex-basis: 33.333%; flex-grow: 0; flex-shrink: 1; min-width: 400px; display: flex; flex-direction: column; justify-content: center; padding: 30px; overflow: auto; } .hero-content-no-padding { padding: 0; } .hero-content-full-height { flex-direction: row; } .hero-content-one-half { flex-basis: 50%; } .hero-content-two-third { flex-basis: 66.666%; } .hero-content-three-fourth { flex-basis: 75%; } .hero-content.hero-content-full { flex-basis: 100%; align-items: center; } .hero-content-align-center { text-align: center; } .hero-content-align-right { text-align: right; } .hero-justify-start { justify-content: flex-start; } .hero-justify-end { justify-content: flex-end; } .hero-left { order: -1; } .hero-right { order: 2; } .hero-header { background: transparent; color: var(--color-sec-white); padding: 30px; text-align: left; filter: blur(0); } .hero-header a { background-color: transparent; color: var(--color-sec-white); } .hero-header .hero-school a { background-color: transparent; color: var(--color-sec-white); font-size: 1.25rem; padding: 0 0 4px 0; } .hero-title { margin: 0; color: var(--color-sec-white); font-size: 2rem; line-height: 1; } .hero-title > span { margin: 0 0 1rem 0; line-height: 1; display: block; text-transform: capitalize; } .hero-title span.tooltip, .hero-title span.tooltip-parent { display: inline; } .hero-title span.degreeType, .hero-program span.degreeType { display: block; text-transform: uppercase; margin: 1rem 0 0 0; font-size: 1.2rem; font-family: var(--font-regular); font-weight: var(--font-weight-normal); line-height: 1; } .hero-title + .button { margin-top: 1rem; } .hero-image { margin: 1rem 0; } .hero-footer { padding: 0 30px 30px; } .hero-blur { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .hero-sepia { backdrop-filter: sepia(90%); -webkit-backdrop-filter: sepia(90%); } .hero-contrast { backdrop-filter: contrast(200%); -webkit-backdrop-filter: contrast(200%); } .hero-saturate { backdrop-filter: saturate(200%); -webkit-backdrop-filter: saturate(200%); } .hero-darken { color: var(--color-sec-white); background: rgba(0,0,0,0.5); } .hero-lighten { color: var(--color-sec-black); background: rgba(255,255,255,0.5); } .hero-fixed { position: relative; display: block; width: 100%; height: auto; margin: auto; padding: 0; color: var(--color-sec-white); } .hero-fixed:after { content:" "; display: table; clear: both; } .hero-fixed img { width: 100%; height: auto; position: absolute; z-index: 1; overflow: hidden; margin: 0; } .hero-fixed .hero-container { display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; width: 100%; height: auto; } .hero-fixed .hero-content { position: relative; overflow-y: auto; z-index: 10; } .hero-fixed .hero-content .hero-header, .hero-fixed .hero-content .hero-footer { color: var(--color-sec-white); background-color: transparent; } figure.banner { position: relative; color: var(--color-sec-white); margin: 0 auto; display: block; overflow: hidden; } .apu figure.banner { background-image: linear-gradient(180deg, transparent 0%, transparent 50%, black 100%), url(/common/images/banners/apu-rebrand-woman-hero-mobile.jpg); background-color: var(--color-sec-black); background-size: cover; background-position: center 25%; background-repeat: no-repeat; } .amu figure.banner { background-image: linear-gradient(180deg, transparent 0%, transparent 50%, black 100%), url(/common/images/banners/commencement-hero-amu.png); background-color: var(--color-sec-black); background-size: cover; background-position: 80% center; background-repeat: no-repeat; } figure.banner figcaption { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: flex-end; text-align: center; padding: 1rem; background-color: rgba(0,0,0,0.3); min-height: 500px; } @media only screen and (min-width: 620px) { figure.banner figcaption { padding: 2rem; } } @media only screen and (min-width: 960px) { .apu figure.banner { background-image: linear-gradient(180deg, transparent 0%, transparent 50%, black 100%), url(/common/images/banners/apu-rebrand-woman-hero.jpg); background-position: center center; } .amu figure.banner { background-image: linear-gradient(180deg, transparent 0%, transparent 50%, black 100%), url(/common/images/banners/commencement-hero-amu.png); background-position: 100% 25%; } figure.banner figcaption { padding: 4rem; } } @media only screen and (min-width: 1500px) { figure.banner figcaption { padding: 6rem; } } .banner h1 { margin-top: 0; font-size: 1.5em; color: var(--color-sec-white); } .banner .hero-title span { margin: 0; } .banner p { font-size: 0.85em; line-height: 1.125; } .banner figcaption.banner-overlay h1 { margin-top: 0; font-size: 3.4rem; color: var(--color-sec-white); } .banner figcaption.banner-overlay p { font-size: 1rem; line-height: 1.125; max-width: 650px; } figure.banner.loopVid { background-image: none; background-color: var(--color-sec-black); color: var(--color-sec-white); padding-top: 30%; margin: 0; position: relative; display: block; overflow: hidden; } .banner.loopVid .fine { font-size: .8em; line-height: 1em; } .banner.loopVid h1 { margin-top: 0; font-size: 1.5em; color: var(--color-sec-white); } .banner.loopVid .hero-title span { margin: 0; } .banner.loopVid p { font-size: 0.85em; line-height: 1.125; } .banner.loopVid .button { text-decoration: none; font-size: 0.85em; } .banner.loopVid > div.wistia_responsive_padding { position: absolute; margin: -32% 0; } .banner.loopVid.fbh { margin-top: 5.5em; } .banner.loopVid figcaption { text-align: left; z-index: 10; position: absolute; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); padding: 2.5rem 1.5rem; height: 100%; width: 40%; overflow: auto; } .banner.loopVid figcaption.video-overlay-full { text-align: center; width: 100%; } .banner.loopVid figcaption.video-overlay-full h1 { margin-top: 0; font-size: 3.4rem; color: var(--color-sec-white); } .banner.loopVid figcaption.video-overlay-full p { font-size: 1rem; line-height: 1.125; max-width: 650px; } .banner.loopVid figcaption.video-overlay-full .button { text-decoration: none; font-size: 1rem; } .loopVid figcaption { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; } .banner.loopVid .w-ui-container button.w-vulcan-v2-button { display: none !important; } .hero-viewport.hero-creative { background: linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0.3)), url(/common/images/banners/adobestock_99613417.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 600px; } .hero-creative .hero-content.hero-content-align-center, .hero-creative .hero-content.hero-content-align-center .hero-header { text-align: center; } .hero-creative .hero-content.hero-content-align-right, .hero-creative .hero-content.hero-content-align-right .hero-header { text-align: right; } .hero-creative .hero-program { display: block; font-size: 4rem; line-height: 4rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); overflow: visible; margin: 1rem 0; color: var(--color-sec-white); } .hero-creative .hero-title { font-size: 1.5rem; } .hero-creative .hero-header > div { display: flex; flex-flow: row nowrap; justify-content: space-between; } .hero-creative .hero-header > div > * { flex: 1 auto; } .hero-creative .hero-header > div .button { flex-basis: 50%; flex-grow: 0; margin: auto; white-space: nowrap; } .hero-creative .hero-header > div .button:only-of-type { margin-left: 0; } .fbh figcaption { width: 30%; background-color: rgba(0, 13, 88, 0.8); } @media only screen and (max-width: 767px) { .fbh figcaption { background-color: #000d58; } .banner.loopVid > div { margin-left: 0; width: 100%; background-color: var(--color-sec-black); padding: 2rem; } .banner.loopVid figcaption { position: relative; background-color: black; padding: 1rem; width: 100%; margin-top: 22%; } .banner.loopVid figcaption.video-overlay-full h1 { font-size: 2.5rem; } } @media only screen and (max-width: 620px) { .banner.loopVid figcaption.video-overlay-full h1 { font-size: 1.75rem; } .banner.loopVid figcaption.video-overlay-full h1 span.degreeType { font-size: 1rem; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .banner.loopVid figcaption { padding: 1rem 1rem; } .banner.loopVid h1 { margin-top: 0; font-size: 1.125em; } .banner.loopVid p { font-size: 0.8em; } .banner.loopVid .button { font-size: 0.8em; } .banner.loopVid figcaption.video-overlay-full h1 { font-size: 3rem; } } @media only screen and (max-width: 1000px) { .hero-title { font-size: 1.8rem; } .hero-title span.degreeType { font-size: 1rem; } .hero-content { min-width: auto; flex-basis: 50%; } } @media only screen and (max-width: 768px) { .hero-title { font-size: 1.4rem; } .hero-title span.degreeType { font-size: 0.9rem; } .hero-spacer { display: none; } .hero-content { flex-basis: 100%; } .hero-fixed .hero-content { padding: 0; justify-content: flex-start; } .hero-content.hero-content-one-half { flex-basis: 100%; } .hero-content.hero-content-two-third { flex-basis: 100%; } .hero-content.hero-content-three-fourth { flex-basis: 100%; } .hero-fixed .hero-content div { flex-grow: 1; display: flex; flex-direction: column; } .hero-fixed .hero-header { padding: 20px 30px; } } @media only screen and (max-width: 620px) { .hero-viewport { height: auto; } .hero-viewport .hero-content { padding: 0; } .hero-viewport .hero-header { position: absolute; width: 100%; height: 100%; } .hero-fixed { font-size: 0; } .hero-fixed .hero-darken { background-color: var(--color-sec-black); } .hero-fixed img { position: relative; } .hero-header { padding: 30px 1rem; } } @media only screen and (min-width: 1801px) and (max-width: 3000px) { .hero-creative .hero-content { min-width: auto; flex-basis: 40%; } .hero-creative .hero-content.hero-content-full { flex-basis: 100%; align-items: center; } } @media only screen and (min-width: 1301px) and (max-width: 1800px) { .hero-creative .hero-content { min-width: auto; flex-basis: 50%; } .hero-creative .hero-content.hero-content-full { flex-basis: 100%; align-items: center; } } @media only screen and (min-width: 1100px) and (max-width: 1300px) { .hero-creative .hero-content { min-width: auto; flex-basis: 50%; } .hero-creative .hero-content.hero-content-full { flex-basis: 100%; align-items: center; } } @media only screen and (min-width: 800px) and (max-width: 1099px) { .hero-creative .hero-content { min-width: auto; flex-basis: 60%; } .hero-creative .hero-program { font-size: 3rem; line-height: 3rem; } .hero-creative .hero-content.hero-content-full { flex-basis: 100%; align-items: center; } } @media only screen and (max-width: 799px) { .hero-creative .hero-spacer { display: none; } .hero-viewport.hero-creative { height: auto; } .hero-viewport.hero-creative .hero-content { flex-basis: 100%; padding: 30px 0; } .hero-viewport.hero-creative .hero-header { text-align: center; height: auto; position: relative; } .hero-creative .hero-header > div { flex-flow: row wrap; } .hero-creative .hero-header > div .button { flex-basis: 100%; flex-grow: 1; margin: 0.5rem 0; } .hero-creative .hero-program { font-size: 2rem; line-height: 2rem; } } .hero-viewport.hero-rfi { height: auto; background-image: url(/common/images/banners/graduation-overview-test2-apu.jpg); background-position: 30% 0; } .hero-viewport.hero-rfi .hero-spacer:first-child { z-index: 1000; } .hero-content.hero-rfi-form, .hero-content.hero-apply { padding: 0; flex-direction: row; flex-wrap: nowrap; overflow: auto; flex-basis: 45%; justify-content: flex-end; } .hero-viewport.hero-rfi .hero-content.hero-rfi-form .hero-header, .hero-viewport.hero-rfi .hero-content.hero-apply .hero-header { overflow: auto; } .hero-content.hero-rfi-form .hero-darken, .hero-content.hero-apply .hero-darken { background-color: rgba(var(--color-black-n-blue--rgb),0.6); width: 100%; } .hero-viewport.hero-rfi .rfi-apply { padding: 0 1rem; } .hero-content.hero-rfi-form .flex-panes.black-n-blue.pane-single-color .pane .pane-footer { border-top: none; } .hero-content.hero-rfi-form .flex-panes.black-n-blue.pane-single-color .pane { background-color: transparent; } .hero-content.hero-rfi-form .flex-panes.black-n-blue.pane-single-color .pane .pane-heading { background-color: transparent; } .hero-content.hero-rfi-form .flex-panes.black-n-blue.pane-single-color .pane .progress-bar { background-color: transparent; } .hero-content.hero-rfi-form h1, .hero-content.hero-apply h1, .hero-content.hero-rfi-form h2, .hero-content.hero-apply h2, .hero-content.hero-rfi-form h3, .hero-content.hero-apply h3, .hero-content.hero-rfi-form h4, .hero-content.hero-apply h4, .hero-content.hero-rfi-form h5, .hero-content.hero-apply h5, .hero-content.hero-rfi-form h6 .hero-content.hero-apply h6 { color: var(--color-sec-white); } .apu .hero-content.hero-rfi-form .hero-darken { background-color: transparent; } .apu .hero-content.hero-rfi-form .pane-heading, .apu .hero-content.hero-apply .pane-heading { font-size: 3rem; } @media only screen and (max-width: 1100px) { .apu .hero-content.hero-rfi-form .pane-heading, .apu .hero-content.hero-apply .pane-heading { font-size: 2rem; } } .hero-viewport.hero-rfi .hero-spacer .hero-header { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; text-align: center; } .hero-viewport.hero-rfi .hero-spacer .hero-header h1, .hero-viewport.hero-rfi .hero-spacer .hero-header .h1 { color: var(--color-sec-white); font-size: 4rem; } .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-program { color: var(--color-sec-white); font-size: 4rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); line-height: 1; margin: 1rem 0; } .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-title { color: var(--color-sec-white); font-size: 1.5rem; } .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-title:only-child { color: var(--color-sec-white); font-size: 4rem; } @media only screen and (max-width: 1000px) { .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-title:only-child { font-size: 2rem; } .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-title:only-child span.degreeType { font-size: 1rem; } } .hero-viewport.hero-rfi .hero-spacer .hero-header.hero-content-align-center { text-align: center; } .hero-viewport.hero-rfi .hero-spacer .hero-header.hero-content-align-right { text-align: right; } .hero-viewport.hero-rfi .hero-spacer .hero-header.hero-justify-start { justify-content: flex-start; } .hero-viewport.hero-rfi .hero-spacer .hero-header.hero-justify-end { justify-content: flex-end; } @media only screen and (max-width: 1100px) { .hero-content.hero-rfi-form, .hero-content.hero-apply { min-width: auto; flex-basis: 55%; } .hero-viewport.hero-rfi .hero-spacer .hero-header h1, .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-program, .hero-viewport.hero-rfi .hero-spacer .hero-header .h1 { color: var(--color-sec-white); font-size: 3rem; } } @media only screen and (max-width: 900px) { .hero-viewport.hero-rfi .hero-spacer .hero-header h1, .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-program, .hero-viewport.hero-rfi .hero-spacer .hero-header .h1 { font-size: 2rem; } } @media only screen and (max-width: 800px) { .hero-viewport.hero-rfi { flex-wrap: wrap; background: none; } .hero-content.hero-rfi-form, .hero-content.hero-apply { flex-basis: 100%; } .hero-content.hero-rfi-form .hero-darken, .hero-content.hero-apply .hero-darken { flex-basis: 100%; background: var(--color-black-n-blue) !important; } .apu .hero-content.hero-rfi-form .hero-darken, .apu .hero-content.hero-apply .hero-darken { background: transparent !important; } .hero-viewport.hero-rfi .hero-spacer:first-of-type { flex-basis: 100%; display: block; background-image: url(/common/images/banners/graduation-overview-test2-apu.jpg); background-position: top left; background-size: cover; background-repeat: no-repeat; min-height: 300px; } .hero-viewport.hero-rfi .hero-header { position: relative; } } .hero-content.hero-rfi-form .flex-panes.black-n-blue.pane-single-color .pane { border: none; } .hero-content.hero-rfi-form.revert-to-old { justify-content: flex-start; } .hero-content.hero-rfi-form.revert-to-old .hero-darken { background: rgba(var(--color-brand-primary--rgb),0.6); } _:-ms-fullscreen, :root .hero-rfi-form .flex > * { flex-basis: 100%; } @media only screen and (max-width: 800px) { .hero-content.hero-rfi-form.revert-to-old .hero-darken { background: rgba(var(--color-brand-primary--rgb),1) !important; } } .apu .hero-viewport.hero-rfi .hero-spacer .hero-header { padding: 40px 0 60px 0; } .apu .hero-title { margin: 0; color: var(--color-sec-white); font-size: 2rem; line-height: 1; } .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-title, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header p { color: var(--color-sec-white); background: none; font-size: 1.125rem; line-height: 1; font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); text-align: right; text-transform: none; padding: 0.625rem 1.25rem 0.625rem; margin: 0 100px 0 auto; max-width: 700px; } .apu .hero-viewport.hero-rfi .hero-spacer .hero-header h1, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .h1, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header h1.hero-title:only-child { color: var(--color-sec-black); background: var(--color-brand-gradient); font-size: 3.875rem; line-height: 1; font-family: var(--font-bold); font-weight: var(--font-weight-bold); text-align: right; text-transform: capitalize; margin: 0; padding: 0.375rem 1.25rem 0.625rem; margin-right: 100px; } .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-program { color: var(--color-sec-black); background: var(--color-brand-gradient); font-size: 3.875rem; line-height: 1; text-align: right; margin: 0; padding: 0.375rem 1.25rem 0.625rem; margin-right: 100px; } .apu .hero-rfi-form { background: linear-gradient(180deg, black 0%, #53565A 100%); } .apu .hero-rfi-form form { font-size: 1.07rem; } @media only screen and (max-width: 1100px) { .apu .hero-viewport.hero-rfi .hero-spacer .hero-header h1, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-program, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .h1, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header h1.hero-title:only-child { font-size: 3rem; } } @media only screen and (max-width: 900px) { .apu .hero-viewport.hero-rfi .hero-spacer .hero-header h1, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-program, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .h1, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header h1.hero-title:only-child { font-size: 2.25rem; } } @media only screen and (max-width: 800px) { .apu .hero-viewport.hero-rfi .hero-spacer .hero-header { padding: 10px 0; justify-content: flex-end; } .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-title, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header p { text-align: left; margin: 0 15px 0 130px; } } @media only screen and (max-width: 620px) { .apu .hero-viewport.hero-rfi .hero-spacer:first-of-type { min-height: 400px; } .apu .hero-viewport.hero-rfi .hero-spacer .hero-header h1, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-program, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .h1, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header h1.hero-title:only-child { font-size: 2rem; margin-right: 65px; } .apu .hero-viewport.hero-rfi .hero-spacer .hero-header .hero-title, .apu .hero-viewport.hero-rfi .hero-spacer .hero-header p { margin: 0 15px 0 65px; } } .hero-viewport.hero-rfi .hero-spacer .hero-rebrand-header { position: relative; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%; text-align: center; padding: 40px 0 60px; } .hero-viewport.hero-rfi .hero-spacer .hero-rebrand-header.hero-justify-start { justify-content: flex-start; } .hero-viewport.hero-rfi .hero-spacer .hero-rebrand-header.hero-justify-center { justify-content: center; } .hero-viewport.hero-rfi .hero-spacer .hero-rebrand-header.hero-justify-end { justify-content: flex-end; } .hero-rebrand-title { display: grid; grid-template-rows: auto auto auto; grid-template-columns: 6rem 1fr 1fr 6rem; width: 100%; margin: 0 auto; } .hero-rebrand-title div:nth-child(1) { grid-row: 1; grid-column: 1 / 4; text-align: left; } .hero-rebrand-title div:nth-child(2) { grid-row: 2; grid-column: 2 / 5; text-align: right; border-top: 2px solid transparent; } .hero-rebrand-title div.hero-rebrand-subtitle { grid-row: 3; grid-column: 2 / 5; text-align: right; border-top: 2px solid transparent; } .hero-rebrand-subtitle { color: var(--color-sec-white); width: 100%; font-size: 1.125rem; font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); padding: 0.75rem 1.5rem; text-align: right; } .hero-rebrand-title span { display: inline-block; font-size: 3.875rem; line-height: 1; padding: 0.25rem 1.5rem 0.75rem; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .hero-rebrand-title.hero-rebrand-title-large span { font-size: 7.1875rem; text-transform: uppercase; } .hero-rebrand-title div:nth-child(2) span { background: linear-gradient(180deg, #79FF86 0%, #FFFF00 100%); vertical-align: top; } .hero-rebrand-title div:nth-child(1) span { background: linear-gradient(180deg, #00FFFF 0%, #79FF86 100%); vertical-align: bottom; } @media only screen and (min-width: 3000px) { .hero-rebrand-title span { font-size: 5rem; } } @media only screen and (max-width: 1800px) { .hero-rebrand-title span { font-size: 3.5rem; } .hero-rebrand-title.hero-rebrand-title-large span { font-size: 6rem; } } @media only screen and (max-width: 1700px) { .hero-rebrand-title span { font-size: 3rem; } .hero-rebrand-title.hero-rebrand-title-large span { font-size: 6rem; } } @media only screen and (max-width: 1500px) { .hero-rebrand-title.hero-rebrand-title-large span { font-size: 5rem; } } @media only screen and (max-width: 1300px) { .hero-rebrand-title.hero-rebrand-title-large span { font-size: 4rem; } } @media only screen and (max-width: 1200px) { .hero-rebrand-title.hero-rebrand-title-large span { font-size: 3.875rem; } } @media only screen and (max-width: 1100px) { .hero-rebrand-title { grid-template-columns: 3rem 1fr 1fr 3rem; } .hero-rebrand-title span { font-size: 2.25rem; padding: 0.25rem 1.5rem 0.5rem; } .hero-rebrand-title.hero-rebrand-title-large span { font-size: 3.5rem; } .hero-rebrand-title div:nth-child(1) span { text-align: right; } } @media only screen and (max-width: 800px) { .hero-viewport.hero-rfi { background: none; } .hero-viewport.hero-rfi .hero-spacer .hero-rebrand-header { position: relative; padding: 0; justify-content: flex-end; } .hero-rebrand-title { grid-template-columns: 6rem 1fr 1fr 6rem; } .hero-rebrand-title span { padding: 0.25rem 0.625rem 0.375rem; } .hero-rebrand-title div:nth-child(2) span { text-align: left; } } @media only screen and (max-width: 600px) { .hero-rebrand-title span { font-size: 2rem; } .hero-rebrand-title.hero-rebrand-title-large span { font-size: 2.25rem; } } .hero-viewport.hero-creative.hero-carousel { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; height: 450px; } .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; margin: 0; } .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; } .slider-default.slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-sr-only { border:0!important; clip:rect(1px,1px,1px,1px)!important; -webkit-clip-path:inset(50%)!important; clip-path:inset(50%)!important ;height:1px!important; margin:-1px!important; overflow:hidden!important; padding:0!important; position:absolute!important; width:1px!important; white-space:nowrap!important } .slick-autoplay-toggle-button { position:absolute; z-index:10; opacity:.75; background:0 0; border:0; cursor:pointer; color:#000 } .slick-autoplay-toggle-button .slick-pause-icon:before { content:"\f04c"; width:20px; height:20px; font-family:"FontAwesome"; font-size:18px; font-weight:400; line-height:20px; text-align:center } .slick-autoplay-toggle-button .slick-play-icon:before { content:"\f04b"; width:20px; height:20px; font-family:"FontAwesome"; font-size:18px; font-weight:400; line-height:20px; text-align:center } .slider button.slick-prev, .slider button.slick-next { padding: 0; } .slider-original .slick-autoplay-toggle-button { bottom: 0; left: 0; height: 2.75rem; min-width: auto; margin-top: 1rem; padding: .5rem 1rem; } .slider-original .slick-autoplay-toggle-button .slick-pause-icon::before, .slider-original .slick-autoplay-toggle-button .slick-play-icon::before { font-size: 16px; line-height: 1; } ul.slider { margin: 0; border-top: none; border-bottom: none; } ul.slider-spotlight { margin-left: -30px; margin-right: -30px; margin-bottom: 1em; } .fullwidth ul.slider-spotlight { margin-left: 0; margin-right: 0; } ul.slider-spotlight section.banner { background: transparent; } @media only screen and (max-width: 637px) { ul.slider-spotlight section.banner { display: flex; flex-direction: column; } ul.slider-spotlight section.banner > div { flex: 1 auto; } } .slider a, .slider a:hover { font-weight: var(--font-text-weight-semibold); font-style: normal; text-decoration: none; display: block; } .slider.slider-spotlight a, .slider.slider-spotlight a:hover { display: inline-block; } .slider li { text-align: center; line-height: 1; text-transform: uppercase; padding: 0 0.5em; position: relative; } .slider.slider-spotlight li { text-align: left; line-height: 1; padding: 0; } .slider.slider-nav li span { cursor: pointer; } .slider img { width: 100%; height: auto; display: block; margin-right: auto; margin-left: auto; cursor: pointer; } .slider img.schoolIcon { width: 100%; height: auto; margin-bottom: 1em; } .slider button { border-radius: 0; color: var(--color-sec-black); background-color: var(--color-brand-tertiary--80); border: none; height: 100%; z-index: 1; } .slider button:hover { background-color: var(--color-brand-tertiary); } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; min-width: auto; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: 1; color: #a8bcc1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 1px; position: relative; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "\2039"; } [dir="rtl"] .slick-prev:before { content: "\2039"; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "\203A"; } [dir="rtl"] .slick-next:before { content: "\203A"; } .slick-prev, .slick-next { top: 0; margin-top: 0; } .slick-prev { left: 0; } .slick-next { right: 0; } .fullwidth .slick-prev { left: 0; } .fullwidth .slick-next { right: 0; } .slick-prev:hover, .slick-next:hover, .slick-prev:active, .slick-next:active { opacity: 0.75; } .slick-prev::before, .slick-next::before { color: var(--color-sec-black); } .slick-track { display: flex; justify-content: flex-start; align-items: stretch; } .slider-default.slick-initialized .slick-slide { display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; } .slider-default.slick-initialized .slick-slide > * { flex-basis: auto; flex-grow: 0; flex-shrink: 1; } .slider-spotlight.slick-initialized .slick-slide > * { flex-grow: 1; } li.slick-slide { font-size: 1em; margin: 0; text-transform: none; outline: none; } li.slick-slide:focus { outline: none; } li.slick-slide:focus > div { outline: 2px dashed var(--color-brand-tertiary); } .slider-nav li.slick-slide div { display: flex; justify-content: center; align-items: center; position: absolute; background: rgba(0,0,0,0.5); width: calc(100% - 16px); margin: 0; top: 0; bottom: 0; } .slider-nav li.slick-slide div span { display: block; font-size: 0.9em; font-family: var(--font-text-medium); font-weight: var(--font-text-weight-normal); color: var(--color-sec-white); margin: 0; padding: 1em; } .slider-basic li { padding: 0; } .slider-basic li.slick-slide { border: 2px solid transparent; } .slider-basic li.slick-slide:focus { border: 2px dashed var(--color-sec-black); } .slider-basic.slick-initialized .slick-dots { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0; margin-top: calc(-40px - 1rem); z-index: 100; } .slider-basic.slick-initialized .slick-dots li { padding: 0; margin: 0 3px; } .slider-basic.slick-initialized .slick-dots li button { min-width: auto; margin: 0; padding: 0.5rem 0.75rem; background-color: var(--color-sec-light); cursor: pointer; } .slider-basic.slick-initialized .slick-dots li button:hover { background-color: var(--color-brand-tertiary); } .slider-basic.slick-initialized .slick-dots li button:focus { background-color: var(--color-brand-tertiary); } .slider-basic .slick-prev, .slider-basic .slick-next { position: absolute; top: 0; height: 100%; background-color: transparent; } .slider-basic .slick-prev:hover, .slider-basic .slick-next:hover { background-color: transparent } .slider-basic .slick-prev { left: 1rem; text-shadow: 10px 0 rgba(255,255,255,0.5); } .slider-basic .slick-next { right: 1rem; text-shadow: -10px 0 rgba(255,255,255,0.5); } .slider-basic .slick-prev::before, .slider-basic .slick-next::before { top: 0; font-size: 6rem; margin: 0; color: rgba(0,0,0,0.5); } .slider-basic .slick-prev:hover::before, .slider-basic .slick-next:hover::before { color: rgba(0,0,0,1); } .slider-basic.slick-initialized .slick-dots li.slick-active button { background-color: var(--color-brand-tertiary); } @media only screen and (max-width: 900px) { .slider-nav li.slick-slide span { font-size: 0.8em; } } @media only screen and (max-width: 620px) { .hero-viewport.hero-creative.hero-carousel { height: auto; } } @media only screen and (max-width: 499px) { .slider-nav li.slick-slide span { font-size: 1em; } } .slider-nav li { opacity: 0.5; } .slider-nav li.slick-current { opacity: 1; } .slider-minimal li img { width: 120px; height: auto; } .slider-minimal li.slick-slide { border: 2px solid transparent; } .slider-minimal li.slick-slide:focus { border: 2px dashed var(--color-sec-black); } .slider-minimal.slick-initialized .slick-dots { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0; z-index: 100; } .slider-minimal.slick-initialized .slick-dots li { padding: 0; margin: 0 3px; } .slider-minimal.slick-initialized .slick-dots li button { min-width: auto; margin: 0; padding: 0.5rem 0.75rem; color: var(--color-sec-white); background-color: var(--color-sec-light--60); cursor: pointer; } .slider-minimal.invert.slick-initialized .slick-dots li button { color: var(--color-sec-black); background-color: var(--color-sec-light--60); } .slider-minimal.slick-initialized .slick-dots li.slick-active button, .slider-minimal.slick-initialized .slick-dots li button:hover { background-color: var(--color-brand-tertiary); } .slider-minimal.slick-initialized .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 0.75rem; height: 0.75rem; padding: 0; border: 0; border-radius: 1rem; outline: none; } .slider-minimal.slick-initialized .slick-dots li button:focus { background-color: var(--color-brand-tertiary); } .slider-military { background-color: var(--color-black-n-blue); } .slider-military .slick-track { align-items: center; height: 390px; } .slider-military li img { height: 320px; width: 193px; transition: all 0.2s ease; } .slider-military li div { position: relative; } .slider-military .slide-title { position: absolute; color: var(--color-sec-black); background-color: var(--color-brand-tertiary); z-index: 1000; width: 170px; height: 3rem; margin: auto; padding: 1rem; overflow: auto; top: 0; left: 50%; bottom: 0; right: 0; transform: translateX(-50%); cursor: pointer; } .slider-military.slider-military-link .slide-title { padding: 0; height: calc(3rem + 2px); } .slider-military.slider-military-link .slide-title.two-lines { height: calc(3.5rem + 2px); } .slider-military.slider-military-link .slide-title a { color: var(--color-sec-black); font-size: 1rem; text-transform: uppercase; height: 100%; margin: 0; padding: 1rem; white-space: nowrap; outline: 2px solid transparent; } .slider-military.slider-military-link .slide-title.two-lines a { white-space: normal !important; } @media screen and (min-width: 2000px) { .slider-military.slider-military-link .slide-title a { font-size: 0.8rem; padding: 0.8rem; } .slider-military.slider-military-link .slide-title { height: calc(2.4rem + 2px); } .slider-military.slider-military-link .slide-title.two-lines { width: 180px; height: calc(3rem + 2px); } } .slider-military.slider-military-link .slide-title a:focus { border: 2px dashed var(--color-sec-black); background-color: #d9a800; } .slider-military.slider-military-link .slide-title::after { background-color: var(--color-black-n-blue); content:""; width: 0; height: 4px; position: absolute; transition: all 0.2s linear; } .slider-military.slider-military-link .slide-title:hover::after { width: 100%; } .slider-military.slider-military-link .slide-title::before{ left: 50%; top: 0; transition-duration: 0.2s; } .slider-military.slider-military-link .slide-title::after{ left: 50%; bottom: 0; transition-duration: 0.2s; } .slider-military.slider-military-link .slide-title:hover::before, .slider-military.slider-military-link .slide-title:hover::after{ left: 0; } .slider-military .slide-title h3 { color: var(--color-sec-black); font-size: 1rem; font-family: var(--font-text-medium); line-height: 1; text-transform: uppercase; margin: 0; padding: 0; white-space: nowrap; } .slider-military li:hover .slide-title { background-color: var(--color-brand-tertiary--60); } .slider-military.slider-military-link li:hover .slide-title { background-color: var(--color-brand-tertiary); } .slider-military.slider-military-link li:hover .slide-title:hover { background-color: #d9a800; } .slider-military li.slick-current img { height: 390px; width: 235px; z-index: 100; } .slider-military.slick-initialized .slick-dots { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0; z-index: 100; } .slider-military.slick-initialized .slick-dots li { padding: 0; margin: 0 3px; } .slider-military.slick-initialized .slick-dots li button { min-width: auto; margin: 0; padding: 0.5rem 0.75rem; color: var(--color-sec-black); background-color: var(--color-sec-white); cursor: pointer; } .slider-military.invert { background-color: var(--color-sec-white); } .slider-military.invert.slick-initialized .slick-dots li button { color: var(--color-sec-black); background-color: var(--color-sec-light--60); } .slider-military.slick-initialized .slick-dots li.slick-active button, .slider-military.slick-initialized .slick-dots li button:hover, .slider-military.invert.slick-initialized .slick-dots li.slick-active button, .slider-military.invert.slick-initialized .slick-dots li button:hover { background-color: var(--color-brand-tertiary); } .slider-military.slick-initialized .slick-dots li button:focus { background-color: var(--color-brand-tertiary); } .slider-military.slider-dots.slick-initialized .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 0.75rem; height: 0.75rem; padding: 0; border: 0; border-radius: 1rem; outline: none; } .slider-military .slick-autoplay-toggle-button { bottom: 0; left: 1rem; height: auto; min-width: auto; margin-bottom: 0; padding: .5rem 1rem; } .slider-military .slick-autoplay-toggle-button .slick-pause-icon::before, .slider-military .slick-autoplay-toggle-button .slick-play-icon::before { font-size: 16px; line-height: 1; } ul.slider-vertical { background-color: var(--color-black-n-blue); margin-top: 3rem; } .slider-vertical .slick-track { align-items: center; height: 390px; } .slider-vertical li img { height: 320px; width: 320px; transition: all 0.2s ease; } .slider-vertical li div { position: relative; } .slider-vertical .slide-title { position: absolute; color: var(--color-sec-black); background-color: var(--color-brand-tertiary); z-index: 1000; width: 290px; height: 3rem; margin: auto; padding: 1rem; overflow: auto; top: 0; left: 50%; bottom: 0; right: 0; transform: translateX(-50%); cursor: pointer; } .slider-vertical.slider-vertical-link .slide-title { padding: 0; height: calc(3rem + 2px); } .slider-vertical.slider-vertical-link .slide-title.slide-title-long { padding: 0; height: calc(3.5rem + 2px); } .slider-vertical.slider-vertical-link .slide-title a { color: var(--color-sec-black); font-size: 1rem; text-transform: uppercase; height: 100%; margin: 0; padding: 1rem; white-space: normal; outline: 2px solid transparent; border-bottom: none; } @media screen and (min-width: 2000px) { .slider-vertical.slider-vertical-link .slide-title { height: calc(2.4rem + 2px); } .slider-vertical.slider-vertical-link .slide-title a { font-size: 0.8rem; padding: 0.8rem; } .slider-vertical.slider-vertical-link .slide-title.slide-title-long { height: calc(2.8rem + 2px); } } .slider-vertical.slider-vertical-link .slide-title a:focus { border: 2px dashed var(--color-sec-black); background-color: #d9a800; } .slider-vertical.slider-vertical-link .slide-title::after { background-color: var(--color-black-n-blue); content:""; width: 0; height: 4px; position: absolute; transition: all 0.2s linear; } .slider-vertical.slider-vertical-link .slide-title:hover::after { width: 100%; } .slider-vertical.slider-vertical-link .slide-title::before{ left: 50%; top: 0; transition-duration: 0.2s; } .slider-vertical.slider-vertical-link .slide-title::after{ left: 50%; bottom: 0; transition-duration: 0.2s; } .slider-vertical.slider-vertical-link .slide-title:hover::before, .slider-vertical.slider-vertical-link .slide-title:hover::after{ left: 0; } .slider-vertical .slide-title h3 { color: var(--color-sec-black); font-size: 1rem; text-transform: uppercase; margin: 0; padding: 0; white-space: nowrap; } .slider-vertical li:hover .slide-title { background-color: var(--color-brand-tertiary--60); } .slider-vertical.slider-vertical-link li:hover .slide-title { background-color: var(--color-brand-tertiary); } .slider-vertical.slider-vertical-link li:hover .slide-title:hover { background-color: #d9a800; } .slider-vertical.slider-vertical-link li:hover .slide-title a:hover { opacity: 1; } .slider-vertical li.slick-current img { height: 400px; width: 400px; z-index: 100; } .slider-vertical.slick-initialized .slick-dots { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0; z-index: 100; } .slider-vertical.slick-initialized .slick-dots li { padding: 0; margin: 0 3px; } .slider-vertical.slick-initialized .slick-dots li button { min-width: auto; margin: 0; padding: 0.5rem 0.75rem; color: var(--color-sec-black); background-color: var(--color-sec-white); cursor: pointer; } .slider-vertical.invert { background-color: var(--color-sec-white); } .slider-vertical.invert.slick-initialized .slick-dots li button { color: var(--color-sec-black); background-color: var(--color-sec-light--60); } .slider-vertical.slick-initialized .slick-dots li.slick-active button, .slider-vertical.slick-initialized .slick-dots li button:hover { background-color: var(--color-brand-tertiary); } .slider-vertical.slick-initialized .slick-dots li button:focus { background-color: var(--color-brand-tertiary); } .slider-vertical.slider-dots.slick-initialized .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 0.75rem; height: 0.75rem; padding: 0; border: 0; border-radius: 1rem; outline: none; } .slider-vertical .slick-autoplay-toggle-button { bottom: 0; left: 1rem; height: auto; min-width: auto; margin-bottom: 0; padding: .5rem 1rem; } .slider-vertical .slick-autoplay-toggle-button .slick-pause-icon::before, .slider-vertical .slick-autoplay-toggle-button .slick-play-icon::before { font-size: 16px; line-height: 1; } @media only screen and (min-width: 801px) { .slider-vertical li img { height: 400px; width: 400px; transition: all 0.2s ease; filter: brightness(50%); } .slider-vertical li.slick-current img { filter: brightness(100%); } .slider-vertical li:hover img { filter: brightness(100%); } } ul.slider-vertical.image-blocks { background-color: var(--color-sec-medium--10); margin-top: 3rem; } .slider-vertical.image-blocks .image-block { width: 300px; height: 250px; } @media screen and (min-width: 2000px) { .slider-vertical.image-blocks .image-block { width: 375px; height: 320px; } } .slider-vertical.image-blocks .image-block a:hover { display: flex; } .slider-vertical.image-blocks.slick-initialized .slick-dots li button { background-color: var(--color-sec-medium); } .slider-vertical.image-blocks.slick-initialized .slick-dots li.slick-active button, .slider-vertical.image-blocks.slick-initialized .slick-dots li button:hover { background-color: var(--color-brand-tertiary); } .slider-vertical.image-blocks.slick-initialized .slick-dots li button:focus { background-color: var(--color-brand-tertiary); } ul.slider-schools { background-color: transparent; margin-top: 3rem; } .slider-schools .slick-track { align-items: center; height: 497px; } .slider-schools .slick-track li { width: 320px; height: 497px; } .slider-schools .slick-track li div { position: relative; } .slider-schools .slick-track li .slide-image { width: 100%; height: auto; } .slider-schools .slick-track li:nth-child(even) .slide-image { background-image: linear-gradient(180deg, transparent 0%, transparent 10%, var(--color-brand-primary) 10%, var(--color-brand-primary) 100%); } .slider-schools .slick-track li:nth-child(odd) .slide-image { background-image: linear-gradient(180deg, transparent 0%, transparent 10%, var(--color-brand-secondary) 10%, var(--color-brand-secondary) 100%); } .slider-schools .slick-track li img { height: auto; width: 100%; transition: all 0.2s ease; } .slider-schools .slick-track li .slide-title { color: var(--color-sec-white); font-size: 1.125rem; font-family: var(--font-regular); width: 100%; height: 100px; margin: auto; padding: 2rem; } .slider-schools .slick-track li:nth-child(even) .slide-title { background-color: var(--color-brand-secondary); } .slider-schools .slick-track li:nth-child(odd) .slide-title { background-color: var(--color-brand-primary); } .slider-schools.slick-initialized .slick-dots { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0; z-index: 100; } .slider-schools.slick-initialized .slick-dots li { padding: 0; margin: 0 3px; } .slider-schools.slick-initialized .slick-dots li button { min-width: auto; margin: 0; padding: 0.5rem 0.75rem; color: var(--color-sec-black); background-color: var(--color-sec-light); cursor: pointer; } .slider-schools.slick-initialized .slick-dots li.slick-active button, .slider-schools.slick-initialized .slick-dots li button:hover { background-color: var(--color-brand-tertiary); } .slider-schools.slick-initialized .slick-dots li button:focus { background-color: var(--color-brand-tertiary); } .slider-schools.slider-dots.slick-initialized .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 0.75rem; height: 0.75rem; padding: 0; border: 0; border-radius: 1rem; outline: none; } .slider-schools .slick-autoplay-toggle-button { color: var(--color-sec-white); background-color: var(--color-apus-green); bottom: 0; left: 1rem; height: auto; min-width: auto; margin-bottom: 0; padding: .5rem 1rem; } .slider-schools .slick-autoplay-toggle-button:hover, .slider-schools .slick-autoplay-toggle-button:focus { background-color: var(--color-apus-green); opacity: 1; } .slider-schools .slick-autoplay-toggle-button .slick-pause-icon::before, .slider-schools .slick-autoplay-toggle-button .slick-play-icon::before { font-size: 16px; line-height: 1; } .slider-creative .testimonial-panel.creative { display: flex; padding: 0; width: 100%; height: 435px; flex-flow: row wrap; } @media screen and (min-width: 2000px) { .slider-creative .testimonial-panel.creative { height: 600px; } } .slider-creative li.slick-slide:focus > div { outline: none; } .slider-creative .testimonial-panel.creative .testimonial-overlay { display: flex; color: var(--color-sec-white); flex: 1 auto; flex-direction: column; justify-content: flex-end; align-items: center; padding: 3rem; font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); } .slider-creative .testimonial-panel.creative .testimonial-overlay p { font-size: 1.25rem; } .slider-creative .testimonial-panel.creative .testimonial-overlay cite { font-size: 1rem; } .slider-creative.single .testimonial-panel.creative .testimonial-overlay { justify-content: center; } .slider-creative.single .testimonial-panel.creative .testimonial-overlay p { font-size: 2rem; } .slider-creative.single .testimonial-panel.creative .testimonial-overlay cite { font-size: 1.5rem; } .slider-creative .testimonial-panel.creative .testimonial-overlay a { display: inline-block; } .slider-creative.slick-initialized .slick-dots { position: absolute; bottom: 0; left: 0; right: 0; } .slider-creative .slick-autoplay-toggle-button { bottom: 0; left: 0; height: auto; min-width: auto; margin-bottom: 0; padding: .5rem 1rem; } .slider-creative .slick-autoplay-toggle-button .slick-pause-icon::before, .slider-creative .slick-autoplay-toggle-button .slick-play-icon::before { font-size: 16px; line-height: 1; } @media only screen and (max-width: 700px) { .slider-creative .testimonial-panel.creative { height: 500px; } .slider-creative .testimonial-panel.creative .testimonial-overlay { padding: 3rem 1rem; } .slider-creative .testimonial-panel.creative .testimonial-overlay p, .slider-creative.single .testimonial-panel.creative .testimonial-overlay p { font-size: 1.5rem; } } .slider-creative .testimonial-panel.creative.optimized { min-height: 435px; height: auto; } @media screen and (min-width: 2000px) { .slider-creative .testimonial-panel.creative.optimized { min-height: 600px; } } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay { flex: 0 1 50%; padding: 3rem 0 3rem 3rem; order: 1; justify-content: center; } .slider-creative .testimonial-panel.creative.optimized .placeholder { flex: 1 auto; order: 1; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay.flip { order: 2; padding: 3rem 3rem 3rem 0; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 2rem; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1.5rem; } .slider-creative .testimonial-panel.creative.optimized { border: none; } @media only screen and (max-width: 960px) { .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.75rem; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1.25rem; } } @media only screen and (max-width: 800px) { .slider-creative .testimonial-panel.creative.optimized { min-height: 300px; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay { justify-content: center; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.5rem; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1rem; } } @media only screen and (max-width: 600px) { .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay { padding: 3rem 0 3rem 2rem; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay.flip { padding: 3rem 2rem 3rem 0; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p, .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.25rem; text-shadow: 1px 1px black; } .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite, .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1rem; text-shadow: 1px 1px black; } } @media only screen and (max-width: 500px) { .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay { flex: 0 1 70%; } } .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-family: var(--font-bold); font-weight: var(--font-weight-bold); font-size: 3rem; line-height: 1; text-align: center; } .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); font-size: 1.375rem; line-height: 1; text-align: center; } .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite a { color: var(--color-brand-secondary); text-decoration: none; font-family: inherit; font-weight: inherit; } @media only screen and (max-width: 1200px) { .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 2.25rem; } .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1.275rem; } } @media only screen and (max-width: 960px) { .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.75rem; } .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1.25rem; } } @media only screen and (max-width: 800px) { .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.5rem; } .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1rem; } } @media only screen and (max-width: 600px) { .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p, .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay p { font-size: 1.25rem; text-shadow: 1px 1px black; } .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite, .apu .slider-creative .testimonial-panel.creative.optimized .testimonial-overlay cite { font-size: 1rem; text-shadow: 1px 1px black; } } @media only screen and (min-width: 801px) { .slider-military li img { height: 390px; width: 235px; transition: all 0.2s ease; filter: brightness(50%); } .slider-military li.slick-current img { filter: brightness(100%); } .slider-military li:hover img { filter: brightness(100%); } } .tml-v2 { background-color: #fff; padding: 0; height: calc(575px + 4rem); overflow: visible; } .tml-v2 .slider-default.slider-engine.slick-initialized .slick-slide { flex: 0 1 100%; flex-direction: row; flex-wrap: nowrap; height: 575px; margin-top: 4rem; margin-bottom: 0; text-align: left; } .tml-v2 .slider-default.slider-engine .slick-track { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .testimonial-panel.engine { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; height: auto; background-color: var(--color-brand-primary); padding: 2rem; overflow: visible; height: calc(575px + 4rem); } .testimonial-panel.engine .testimonial-overlay { flex: 1 1 50%; padding: 3rem 0; order: 1; color: #fff; font-family: var(--font-regular); font-weight: var(--font-weight-normal); } .testimonial-panel.engine .testimonial-image { flex: 0 1 500px; order: 1; position: relative; outline: none; } .testimonial-panel.engine .testimonial-image .bs { margin-top: -4rem; } .testimonial-panel.engine .testimonial-image .bs img { width: auto; height: 100%; vertical-align: bottom; } .testimonial-panel.engine .testimonial-overlay p { font-size: 2rem; line-height: 1.125; } .testimonial-panel.engine .testimonial-overlay cite { display: block; font-family: var(--font); font-weight: var(--font-weight-light); font-size: 1rem; line-height: 1.5; margin-top: 4rem; } .testimonial-panel.engine .testimonial-overlay a { font-family: var(--font-regular); font-weight: var(--font-weight-normal); color: #fff; } .slider-engine.slick-initialized .slick-dots { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0 0 1rem 0; margin-bottom: 0; left: 2rem; right: auto; } .tml-v2 .slider-engine.slick-initialized .slick-dots li { padding: 0; margin: 0 10px; } .tml-v2 .slider-engine.slick-initialized .slick-dots li button { background-color: transparent; cursor: pointer; font-size: 0; line-height: 0; display: block; min-width: auto; width: 0.75rem; height: 0.75rem; padding: 0; border: 0; border-radius: 1rem; outline: none; border: 1px solid #fff; } .tml-v2 .slider-engine.slick-initialized .slick-dots li.slick-active button, .tml-v2 .slider-engine.slick-initialized .slick-dots li button:focus { background-color: #fff; } .testimonial-panel.creative.optimized .testimonial-overlay.flip { order: 2; padding: 3rem 3rem 3rem 0; } .slider-engine .slick-autoplay-toggle-button { top: 3rem; left: 0; height: 2.75rem; min-width: auto; margin-top: 1rem; padding: .5rem 1rem; } .slider-engine .slick-autoplay-toggle-button .slick-pause-icon::before, .slider-engine .slick-autoplay-toggle-button .slick-play-icon::before { font-size: 16px; line-height: 1; } @media only screen and (max-width: 1100px) { .testimonial-panel.engine .testimonial-overlay { flex: 1 1 70%; } .testimonial-panel.engine .testimonial-overlay p { font-size: 1.85rem; line-height: 1.125; } .testimonial-panel.engine .testimonial-image { flex: 0 1 30%; margin-right: -5rem; } .testimonial-panel.engine .testimonial-image .bs { margin-top: -3rem; } } @media only screen and (max-width: 799px) { .tml-v2 { height: auto; } .tml-v2 .slider-default.slider-engine.slick-initialized .slick-slide { height: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; } .testimonial-panel.engine { flex-wrap: wrap; height: auto; padding-bottom: 0; } .testimonial-panel.engine .testimonial-overlay { flex: 1 auto; margin-top: 2rem; margin-bottom: auto; } .testimonial-panel.engine .testimonial-overlay p { font-size: 1.85rem; line-height: 1.125; } .testimonial-panel.engine .testimonial-image { flex: 1 auto; margin: 0; } .testimonial-panel.engine .testimonial-image .bs img { width: auto; max-width: 100%; height: auto; } .tml-v2 .slider-engine.slick-initialized .slick-dots { top: 7rem; bottom: auto; } } @media only screen and (max-width: 620px) { .testimonial-panel.engine .testimonial-image .bs { margin-left: -2rem; margin-right: -2rem; } } @media only screen and (min-width: 800px) { .testimonial-panel.engine { padding: 0 0 0 4rem; } .tml-v2 .slider-engine.slick-initialized .slick-dots { left: 4rem; } } @media only screen and (min-width: 960px) { main > section.tml-v2 { position: relative; padding: 0; margin: 0 auto; overflow: visible; } .testimonial-panel.engine { position: relative; padding: 0 0 0 6rem; margin: 0 auto; overflow: visible; } .tml-v2 .slider-engine.slick-initialized .slick-dots { left: 6rem; } } @media only screen and (min-width: 1100px) { main > section.tml-v2 { position: relative; padding: 0; margin: 0 auto; overflow: visible; } .testimonial-panel.engine { position: relative; padding: 0 2rem 0 8rem !important; margin: 0 auto; overflow: visible; } .tml-v2 .slider-engine.slick-initialized .slick-dots { left: 8rem; } } @media only screen and (min-width: 1440px) { .testimonial-panel.engine { position: relative; padding: 0 8rem 0 14rem !important; margin: 0 auto; overflow: visible; } .tml-v2 .slider-engine.slick-initialized .slick-dots { left: 14rem; } } @media only screen and (min-width: 2100px) { main > section.tml-v2 { position: relative; padding: 0; margin: 0 auto; overflow: visible; } .testimonial-panel.engine { position: relative; padding: 0 12rem 0 14rem !important; margin: 0 auto; overflow: visible; } .tml-v2 .slider-engine.slick-initialized .slick-dots { left: 14rem; } } .slider-engine a, .slider-engine a:hover { display: inline-block; } .mktoForm { display: none; color: #fff; width: 100% !important; border: 2px dotted gray; padding: 10px; box-sizing: border-box; } .mktoForm input { border: 2px dotted gray; } input, textarea, select { font: inherit; letter-spacing: inherit; } .label-container { display: flex; align-items: flex-start; flex-flow: row nowrap; } .label, .label-info { box-sizing: border-box; padding: 0; border: 0; font-size: 0.85rem; color: var(--color-sec-dark); font-weight: 400; display: inline-block; vertical-align: baseline; margin: 0 0 .2rem; line-height: 1rem; } select, input[type=text], input[type=email], input[type=tel], input[type=number], input[type=date] { display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: var(--color-sec-black); background: var(--color-sec-light--20); border: 1px solid var(--color-sec-medium); border-radius: 0; width: 100%; text-align: left; text-decoration: none; text-overflow: ellipsis; margin: 0; padding: 0.5rem; } .apu select, .apu input[type=text], .apu input[type=email], .apu input[type=tel], .apu input[type=number], .apu input[type=date] { border-radius: 5px; } select.form-req-active, input[type=text].form-req-active, input[type=email].form-req-active, input[type=tel].form-req-active, input[type=number].form-req-active { border: 1px solid red; } input[type=checkbox] { display: inline-block; } input[type=checkbox] ~ label { display: inline-block; } select { padding-right: 2em; } select::-ms-expand { display: none; } textarea { width: 100%; color: var(--color-sec-dark); border: 1px solid var(--color-sec-medium); } .text-area { outline: 2px solid transparent; outline-offset: -2px; background-color: var(--color-sec-light--20); width: 100%; min-width: 10rem; min-height: 2.5rem; padding: .6875rem 1rem; color: var(--color-sec-black); order: 3; resize: vertical; border: none; border-bottom: 1px solid var(--color-sec-medium); transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9); } select:hover, input:hover, textarea:hover, select:focus, input:focus, textarea:focus { background: var(--color-brand-tertiary--10); } select:focus, input:active, textarea:active, select:focus, input:focus, textarea:focus { outline: 1px dashed var(--color-brand-tertiary); } ::placeholder { color: var(--color-sec-dark); opacity: 1; } :-ms-input-placeholder { color: var(--color-sec-dark); opacity: 1; } ::-ms-input-placeholder { color: var(--color-sec-dark); opacity: 1; } optgroup:before { font-style: italic; } optgroup option { margin-left: 1rem; } .select { box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; position: relative; display: flex; flex-direction: column; width: 100%; } .select-input-wrapper { position: relative; display: flex; align-items: center; height: 100%; } .select-arrow { fill: var(--color-sec-black); position: absolute; right: 1rem; pointer-events: none; } .select-arrow-color { position: absolute; fill: var(--color-sec-dark); right: 0; top: 0; pointer-events: none; } .radio-button-group { display: flex; align-items: center; margin-top: .375rem; border: none; } .radio-button { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; visibility: visible; white-space: nowrap; visibility: inherit; } .radio-button-wrapper:not(:last-of-type) { margin-right: 1rem; } .radio-button-wrapper .radio-button-label { display: flex; align-items: center; justify-content: center; margin: 0; } .radio-button-label { font-size: 1rem; font-weight: 400; line-height: 1.125rem; display: flex; align-items: center; cursor: pointer; margin-right: 1rem; } .radio-button-appearance { box-sizing: border-box; padding: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; background-color: transparent; border-radius: 50%; border: 1px solid #161616; flex-shrink: 0; height: 1.125rem; width: 1.125rem; margin: 0 .5rem 0 0; } .radio-button:checked + .radio-button-label .radio-button-appearance { display: flex; align-items: center; justify-content: center; border-color: var(--color-sec-black); } .radio-button:checked + .radio-button-label .radio-button-appearance::before { content: ""; display: inline-block; position: relative; width: .5rem; height: .5rem; border-radius: 50%; background-color: var(--color-brand-primary); } .checkbox { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; visibility: visible; white-space: nowrap; } .checkbox-label { box-sizing: border-box; margin: 0; border: 0; vertical-align: baseline; line-height: 1.5rem; position: relative; display: flex; cursor: pointer; padding: 0 0 0 1.625rem; min-height: 1.5rem; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-label::before { content: ""; width: 1rem; height: 1rem; margin: .125rem; position: absolute; left: 0; top: .125rem; background-color: transparent; border: 1px solid var(--color-sec-black); border-radius: 1px; } .checkbox-label[data-contained-checkbox-state="mixed"]::before, .checkbox-label[data-contained-checkbox-state="true"]::before, .checkbox:checked + .checkbox-label::before, .checkbox:indeterminate + .checkbox-label::before { background-color: var(--color-sec-black); border-color: var(--color-sec-black); border-width: 1px; } .checkbox-label::after { content: ""; position: absolute; left: .375rem; top: .5rem; width: .5625rem; height: .3125rem; background: none; border-left: 2px solid var(--color-sec-white); border-bottom: 2px solid var(--color-sec-white); -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); -webkit-transform-origin: bottom right; transform-origin: bottom right; margin-top: -.25rem; } .checkbox-label[data-contained-checkbox-state="true"]::after, .checkbox:checked + .checkbox-label::after { -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } .checkbox-label[data-contained-checkbox-disabled="true"], .checkbox:disabled + .checkbox-label { cursor: not-allowed; color: var(--color-sec-medium); } .checkbox-label[data-contained-checkbox-disabled="true"]::before, .checkbox:disabled + .checkbox-label::before { border-color: var(--color-sec-medium); } .toggle-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; visibility: visible; white-space: nowrap; } .toggle-input-label { color: var(--color-sec-black); font-size: 0.85rem; display: flex; flex-direction: column; align-items: flex-start; cursor: pointer; } .toggle-switch { position: relative; display: flex; align-items: center; width: 3rem; height: 1.5rem; margin: .5rem 0; cursor: pointer; } .toggle-switch::after, .toggle-switch::before { box-sizing: border-box; position: absolute; display: block; content: ""; } .toggle-switch::before { top: 0; width: 3rem; height: 1.5rem; border-radius: .9375rem; background-color: var(--color-sec-dark); will-change: box-shadow; box-shadow: 0 0 0 1px transparent,0 0 0 3px transparent; -webkit-transition: box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9); transition: box-shadow 70ms cubic-bezier(.2,0,1,.9),background-color 70ms cubic-bezier(.2,0,1,.9); } .toggle-text--off, .toggle-text--on { position: absolute; font-size: 1rem; margin-left: 3.5rem; -webkit-user-select: none; -ms-user-select: none; user-select: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .toggle-input:checked + .toggle-input-label > .toggle-switch > .toggle-text--off, .toggle-input:not(:checked) + .toggle-input-label > .toggle-switch > .toggle-text--on { visibility: hidden; } .toggle-text--off, .toggle-text--on { position: absolute; margin-left: 3.5rem; -webkit-user-select: none; -ms-user-select: none; user-select: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .toggle-switch::after { top: .1875rem; left: .1875rem; width: 1.125rem; height: 1.125rem; border-radius: 50%; background-color: var(--color-sec-white); -webkit-transition: -webkit-transform 70ms cubic-bezier(.2,0,1,.9); transition: -webkit-transform 70ms cubic-bezier(.2,0,1,.9); transition: transform 70ms cubic-bezier(.2,0,1,.9); transition: transform 70ms cubic-bezier(.2,0,1,.9),-webkit-transform 70ms cubic-bezier(.2,0,1,.9); } .toggle-switch::after, .toggle-switch::before { box-sizing: border-box; position: absolute; display: block; content: ""; } .toggle-input:checked + .toggle-input-label > .toggle-switch::before { background-color: var(--color-pri-green); } .toggle-input:checked + .toggle-input-label > .toggle-switch::after { background-color: var(--color-sec-white); -webkit-transform: translateX(1.5rem); transform: translateX(1.5rem); } .form-item-group { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: end; } .form-item { display: flex; flex-direction: column; flex: 1 1 auto; align-items: flex-start; margin-bottom: 0.5rem; } .form-item-group > .form-item { flex: 0 0 49%; } .text-input-field-wrapper, .text-area-wrapper { position: relative; display: flex; align-items: center; width: 100%; } .form-requirement { color: red; font-size: 0.85rem; font-family: inherit; font-weight: 400; line-height: 1.5; box-sizing: border-box; padding: 0; border: 0; vertical-align: baseline; text-shadow: none; margin: 0; max-height: 0; overflow: hidden; display: none; } .form-requirement.form-req-active { max-height: none; overflow: visible; display: block; } .select-input-wrapper[data-invalid] ~ .form-requirement, .text-area-wrapper[data-invalid] ~ .form-requirement, .text-input-field-wrapper[data-invalid] ~ .form-requirement, .time-picker[data-invalid] ~ .form-requirement, input[data-invalid] ~ .form-requirement { max-height: 12.5rem; display: block; overflow: visible; color: red; } .hero-rfi-form .label { color: var(--color-sec-white); } .hero-rfi-form a { color: var(--color-sec-white); text-decoration: underline; } .hero-rfi-form #lp5_apply_rfi { text-decoration: none; } .rfi-apply { display: block; color: var(--color-sec-dark); font-size: 1.2rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); text-transform: capitalize; line-height: 1.125; } .hero-rfi-form .rfi-apply { color: var(--color-sec-white); } .apu .hero-rfi-form a { text-decoration: none; } .apu #lp5_apply_rfi { border-bottom: none; text-decoration: none; } .apu main .hero-rfi-form a { border-bottom: none; text-decoration: underline; } .apu main .rfi-apply { font-size: 1.3rem; font-family: var(--font-text-bold); font-weight: var(--font-weight-bold); } .apu main .rfi-apply a { font-size: 1.125rem; font-family: var(--font-text-medium); font-weight: var(--font-text-weight-medium); } .apu main .hero-rfi-form a:active, .apu main .hero-rfi-form a:hover { opacity: 0.75; } #mktFrmSubmit { margin-top: 1rem; } .hero-rfi-form #mktFrmSubmit { margin-top: 0; } @media only screen and (max-width:500px) { .form-item-group { flex-wrap: wrap; } .form-item-group > .form-item { flex: 1 1 100%; } } .footloose .form-item { position: relative; margin-bottom: 3px; } .footloose .button { margin-top: 0.5rem; } .footloose .label { position: absolute; color: var(--color-sec-dark--80); margin-left: 0.5rem; opacity: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .hero-rfi-form .footloose .label { color: var(--color-sec-white); } .footloose select, .footloose input[type="text"], .footloose input[type="email"], .footloose input[type="tel"], .footloose input[type="number"] { border: none; border-bottom: 2px solid var(--color-sec-medium--60); background-color: transparent; padding-top: .95rem; padding-bottom: 0; height: 47px; font-family: var(--font-text-regular); font-weight: var(--font-text-weight-normal); } .footloose select option { color: var(--color-sec-dark); } @supports (-moz-appearance:none) { .footloose select { text-indent: -2px; } } .hero-rfi-form .footloose select, .hero-rfi-form .footloose input[type="text"], .hero-rfi-form .footloose input[type="email"], .hero-rfi-form .footloose input[type="tel"], .hero-rfi-form .footloose input[type="number"] { color: var(--color-sec-white); border-bottom: 2px solid var(--color-sec-white); } .hero-rfi-form .footloose ::placeholder { color: var(--color-sec-white); } .footloose input:not(:placeholder-shown) + label, .footloose select:not([value=""]):not([disabled]):valid + label { top: .25rem; opacity: 1; z-index: 1000; width: 100%; height: auto; clip: auto; } .footloose select.form-req-active, .footloose input[type=text].form-req-active, .footloose input[type=email].form-req-active, .footloose input[type=tel].form-req-active, .footloose input[type=number].form-req-active { border-bottom: 2px solid red; } .footloose.creative { max-width: 900px; } .footloose.creative h2, .footloose.creative .degree-finder-intro { text-align: center; } .footloose.creative select:hover, .footloose.creative input:hover, .footloose.creative textarea:hover, .footloose.creative select:focus, .footloose.creative input:focus, .footloose.creative textarea:focus { background: var(--color-sec-light--10); } .footloose.creative select, .footloose.creative input[type="text"], .footloose.creative input[type="email"], .footloose.creative input[type="tel"], .footloose.creative input[type="number"] { height: 60px; } .footloose.creative select { color: var(--color-sec-medium); } .footloose.creative input:placeholder-shown { opacity: 1; color: var(--color-sec-medium); } .footloose.creative select:not([value=""]):not([disabled]):valid { opacity: 1; color: var(--color-sec-dark); } .footloose.creative ::placeholder { color: var(--color-sec-medium); opacity: 1; } .footloose.creative :-ms-input-placeholder { color: var(--color-sec-medium); opacity: 1; } .footloose.creative ::-ms-input-placeholder { color: var(--color-sec-medium); opacity: 1; } .footloose.creative select:hover, .footloose.creative input:hover, .footloose.creative textarea:hover, .footloose.creative select:focus, .footloose.creative input:focus, .footloose.creative textarea:focus { background: var(--color-sec-medium--20); } .footloose.creative.dark select { color: var(--color-sec-dark); } .footloose.creative.dark .label { color: var(--color-sec-dark); } .footloose.creative.dark input:placeholder-shown { opacity: 1; color: var(--color-sec-dark); } .footloose.creative.dark select:not([value=""]):not([disabled]):valid { opacity: 1; color: var(--color-sec-black); } .footloose.creative.dark ::placeholder { color: var(--color-sec-dark); opacity: 1; } .footloose.creative.dark :-ms-input-placeholder { color: var(--color-sec-dark); opacity: 1; } .footloose.creative.dark ::-ms-input-placeholder { color: var(--color-sec-dark); opacity: 1; } #rfi .flex-panes .pane { border: none; } #rfi .wForm { padding: 0; } #rfi .wFormContainer { max-width: 100%; } #rfi .wForm .group { display: flex; flex-flow: row nowrap; gap: 0 1rem; align-items: flex-end; } #rfi .wForm .group:focus { outline: none !important; } #rfi .wForm .oneField { display: flex; flex-direction: column; margin-top: 0; margin-bottom: 0.75rem; padding: 0; border: 0; } #rfi .wForm .oneField:focus { outline: none !important; } #rfi .wForm .group .oneField { flex: 0 1 50%; } #rfi .wForm .label { font-size: 0.9rem; margin-bottom: 0.75rem; padding: 0; } #rfi .wForm .preField { min-width: auto; } #rfi .wForm .readonly { background-color: var(--color-sec-light--20) !important; border: 1px solid var(--color-sec-medium) !important; background-image: none !important; } #rfi .black-n-blue .label, #rfi .black-n-blue .label-info, #rfi .primary .label, #rfi .primary .label-info, #rfi .dark .label, #rfi .dark .label-info { color: var(--color-sec-white); } #rfi .wForm label .littlefoot, #rfi .wForm label .littlefoot__button { vertical-align: bottom; } #rfi .wForm .littlefoot__content { margin: inherit; padding: var(--footnote-popover-vertical-padding) var(--footnote-popover-horizontal-padding); } #rfi .wForm .littlefoot__tooltip { margin-left: var(--footnote-margin); } #rfi .wForm .reqMark::after { content: ""; display: none; } #rfi br { display: none; } #rfi .wForm select, #rfi .wForm input[type="text"], #rfi .wForm input[type="email"], #rfi .wForm input[type="tel"], #rfi .wForm input[type="number"], #rfi .wForm input[type="date"] { padding: 0.75rem; width: 100%; } #rfi .wForm select { background-image: url('data:image/svg+xml;utf8,<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" fill="black" width="10" height="6" viewBox="0 0 10 6" aria-hidden="true"><path d="M5 6L0 1 0.7 0.3 5 4.6 9.3 0.3 10 1z"></path></svg>'); background-repeat: no-repeat; background-position-x: calc(100% - 0.75rem); background-position-y: 50%; padding-right: calc(0.75rem + 15px); } #rfi .wForm .twitter-typeahead .wfAutosuggest:nth-child(2) { background-color: var(--color-sec-light--20) !important; padding-right: 1.875rem; padding-left: 1.875rem; } #rfi .wForm .tt-search, #rfi .wForm .tt-clear, #rfi .wForm .tt-menu { color: var(--color-sec-black); } #rfi .wForm div .tt-menu { max-height: calc(3rem * 6); } .amu #rfi .tt-menu { border-radius: 0; } #rfi .wForm div .tt-suggestion .tt-cursor, #rfi .wForm div .tt-suggestion:hover { background-color: var(--color-brand-primary); } #rfi .wForm div .tt-suggestion, #rfi .wForm div .tt-empty-message { padding: 0.5rem 0.75rem; } #rfi .wFormContainer .errMsg { color: #990f04; background-color: #fcd8d5; width: 100%; padding: 0 0.85rem; font-size: 0.85rem; font-family: inherit; font-weight: 400; line-height: 1.5; } #rfi .wFormContainer .errMsg.errorMessage { color: #990f04 !important; margin: 0; padding: 0.5rem 1rem; } #rfi .wFormContainer .errorMessage a.errMsg { padding: 0; } #rfi .wFormFooter, #rfi .supportInfo { display: none; } #rfi .wForm .actions { border: none; padding: 0; margin-top: 1.65rem; } #rfi .wForm .primaryAction { font-size: 1.25rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); font-style: normal; font-variant: normal; line-height: 1.5; text-align: center; text-transform: capitalize; text-decoration: none; margin: 0; margin-bottom: 1rem; padding: 1rem 2rem; min-width: 150px; color: var(--color-sec-white); background-color: var(--color-brand-primary); border-color: var(--color-brand-primary); width: 100%; } #rfi .wForm .primaryAction:hover { color: var(--color-sec-white); background-color: var(--color-brand-primary--80); border-color: var(--color-brand-primary--80); } .apu #rfi .wForm .primaryAction { font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); color: var(--color-sec-black); background-color: var(--color-brand-secondary); border-color: var(--color-brand-secondary); } .apu #rfi .wForm .primaryAction:focus, .apu #rfi .primaryAction:hover { color: var(--color-sec-black); background-color: var(--color-brand-quaternary); border-color: var(--color-brand-quaternary); } .apu #rfi .wForm .primaryAction:active { color: var(--color-sec-black); background-color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); } #rfi .wForm .wfPagingButtons { display: flex; flex-flow: row nowrap; border: none; padding: 0; margin-top: 1.65rem; margin-right: 0.5rem; width: 100%; } #rfi .wForm .wfPagingButtons:has(+ .actions) { width: calc(50% - 0.5rem); } #rfi .wForm .actions.multipage { border: none; padding: 0; margin-top: 1.65rem; width: calc(50% - 0.5rem); margin-left: 0.5rem; } #rfi .wForm .wfPageNextButton { font-size: 1.25rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); font-style: normal; font-variant: normal; line-height: 1.5; text-align: center; text-transform: capitalize; text-decoration: none; margin: 0; margin-bottom: 1rem; padding: 1rem 2rem; min-width: 150px; color: var(--color-sec-white); background-color: var(--color-brand-primary); border-color: var(--color-brand-primary); width: 100%; } #rfi .wForm .wfPageNextButton:hover { color: var(--color-sec-white); background-color: var(--color-brand-primary--80); border-color: var(--color-brand-primary--80); } .apu #rfi .wForm .wfPageNextButton { font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); color: var(--color-sec-black); background-color: var(--color-brand-secondary); border-color: var(--color-brand-secondary); } .apu #rfi .wForm .wfPageNextButton:focus, .apu #rfi .wfPageNextButton:hover { color: var(--color-sec-black); background-color: var(--color-brand-quaternary); border-color: var(--color-brand-quaternary); } .apu #rfi .wForm .wfPageNextButton:active { color: var(--color-sec-black); background-color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); } #rfi .wForm .wfPagePreviousButton { font-size: 1.25rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); font-style: normal; font-variant: normal; line-height: 1.5; text-align: center; text-transform: capitalize; text-decoration: none; margin: 0; margin-bottom: 1rem; padding: 1rem 2rem; min-width: 150px; color: var(--color-brand-primary); background-color: var(--color-sec-white); border-color: var(--color-sec-white); width: 100%; } #rfi .wForm .wfPagePreviousButton:hover { color: var(--color-sec-white); background-color: var(--color-brand-primary--80); border-color: var(--color-brand-primary--80); } #rfi .flex-panes.white .wForm .wfPagePreviousButton { color: var(--color-sec-black); background-color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); } #rfi .flex-panes.white .wForm .wfPagePreviousButton:hover { color: var(--color-sec-black); background-color: var(--color-brand-tertiary--80); border-color: var(--color-brand-tertiary--80); } .apu #rfi .wForm .wfPagePreviousButton { font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); color: var(--color-sec-white); border-color: var(--color-sec-white); background-color: transparent; } .apu #rfi .wForm .wfPagePreviousButton:focus, .apu #rfi .wfPagePreviousButton:hover { color: var(--color-brand-quaternary); border-color: var(--color-brand-quaternary); background-color: transparent; } .apu #rfi .wForm .wfPagePreviousButton:active { color: var(--color-brand-tertiary); border-color: var(--color-brand-tertiary); background-color: transparent; } .apu #rfi .flex-panes.white .wForm .wfPagePreviousButton { color: var(--color-sec-black); border-color: var(--color-sec-black); background-color: var(--color-sec-white); } .apu #rfi .flex-panes.white .wForm .wfPagePreviousButton:hover { color: var(--color-sec-black); border-color: var(--color-sec-black); background-color: var(--color-brand-quaternary); } .apu #rfi .flex-panes.white .wForm .wfPagePreviousButton:active { color: var(--color-sec-black); border-color: var(--color-sec-black); background-color: var(--color-brand-tertiary); } @media only screen and (max-width:500px) { #rfi .wForm .group { flex-wrap: wrap; } #rfi .wForm .group .oneField { flex: 1 1 100%; } } @media only screen and (max-width:900px) { #rfi .wForm .wfPageNextButton, #rfi .wForm .wfPagePreviousButton, #rfi .wForm .primaryAction { padding: 1rem; } } .rfi-off-canvas { position: absolute; left: -100%; top: 0; height: 100%; width: 100%; overflow-y: scroll; overflow-x: visible; -webkit-overflow-scrolling: touch; transition: left 0.5s ease; z-index: 999; } .rfi-off-canvas section { margin: 0 auto; padding: 2.5em; min-height: 100%; width: 100%; background-color: var(--color-rfi); } .rfi-off-canvas .menu-close { position: absolute; right: 1em; top: 1em; } .rfi-open { position: fixed; bottom: 0; left: 0; width: 100%; overflow: hidden; } .rfi-off-canvas:target, .rfi-off-canvas[aria-expanded="true"] { left: 0; outline: none; -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25); -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25); box-shadow: 3px 0 12px rgba(0,0,0,.25); } .rfi-off-canvas:target .menu-close, .rfi-off-canvas[aria-expanded="true"] .menu-close { z-index: 1001; } .rfi-off-canvas:target section, .rfi-off-canvas[aria-expanded="true"] section { position: relative; z-index: 1000; } .rfi-off-canvas:target + .backdrop, .rfi-off-canvas[aria-expanded="true"] + .backdrop { position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; cursor: default; } #off-canvas-rfi { display: flex; flex-direction: row; justify-content: space-around; } #rfi-info { color: #fff; flex-basis: 40%; flex-grow: 0; padding: 0 1em; } #rfi-info h2 { font-size: 2.75em; line-height: 1; } #rfi-info h3 { } #rfi-info a, #off-canvas-rfi #lp6-rfi-overlay a { color: #fff; text-decoration: underline; } #rfi-info a:active, #rfi-info a:hover, #lp6-rfi-overlay a:active, #lp6-rfi-overlay a:hover { opacity: 0.75; } #lp6-rfi-overlay { flex-basis: 60%; max-width: 700px; flex-grow: 0; margin: 0 auto; padding: 0 1em; color: var(--color-sec-white); } #lp6-rfi-overlay h1, #lp6-rfi-overlay h2, #lp6-rfi-overlay h3, #lp6-rfi-overlay h4, #lp6-rfi-overlay h5, #lp6-rfi-overlay h6 { color: var(--color-sec-white); } #lp6-rfi-overlay input[type="text"]:-moz-read-only { background-color: var(--color-rfi); color: var(--color-sec-white); pointer-events: none; } #lp6-rfi-overlay input:read-only { background-color: var(--color-rfi); color: var(--color-sec-white); pointer-events: none; } #lp6-rfi-overlay input[disabled], #lp6-rfi-overlay select[disabled] { background-color: var(--color-rfi); color: var(--color-sec-white); pointer-events: none; } #lp6-rfi-overlay .mktInput.locked .mktFormMsg { display: none; background-color: #fff; padding: 20px 10px; margin: 0 1em; width: calc(100% - 2em); position: absolute; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); left: 0; color: #1E2021; font-size: 15px; line-height: 1; } #lp6-rfi-overlay .mktInput.locked:hover .mktFormMsg { display: block; } #lp6-rfi-overlay select, #lp6-rfi-overlay input { color: var(--color-sec-dark); border: 2px solid #fff; border-radius: 0; } #lp6-rfi-overlay select option { background-color: rgba(255, 255, 255, 1); color: var(--color-sec-dark); } #lp6-rfi-overlay .form-requirement { color: var(--color-sec-black); font-family: var(--font-medium); font-weight: var(--font-weight-bold); text-decoration: underline; } #lp6-rfi-overlay .button-rfi input { border: 0; } #lp6-rfi-overlay select:focus, #lp6-rfi-overlay input:active, #lp6-rfi-overlay textarea:active, #lp6-rfi-overlay select:focus, #lp6-rfi-overlay input:focus, #lp6-rfi-overlay textarea:focus, #lp6-rfi-overlay input:hover, #lp6-rfi-overlay select:hover, #lp6-rfi-overlay textarea:hover { color: var(--color-sec-dark); background-color: rgba(255, 255, 255, 1); outline: 1px dashed var(--color-brand-primary); } #lp6-rfi-overlay .mktLblLeft li:nth-child(1),#lp6-rfi-overlay .mktLblLeft li:nth-child(2),#lp6-rfi-overlay .mktLblLeft li:nth-child(3), #lp6-rfi-overlay .mktLblLeft li:nth-child(4), #lp6-rfi-overlay .mktLblLeft li:nth-child(6), #lp6-rfi-overlay .mktLblLeft li:nth-child(7), #lp6-rfi-overlay .mktLblLeft li:nth-child(8) { width: 50%; float: left; } #lp6-rfi-overlay .progressIndicator > * { background-color: #15342c; } #lp6-rfi-overlay .progressIndicator .active { background-color: white; } #lp6-rfi-overlay label { color: var(--color-sec-white); } #off-canvas-rfi #lp6-rfi-overlay #lp5_apply_rfi { text-decoration: none; } #rfi-overlay-content { text-align: center; } .rfi-overlay-button { margin: 0; } @media only screen and (max-width:1160px) { #rfi-info { flex-basis: 50%; flex-direction: row; } #rfi-info h2 { font-size: 2em; line-height: 1; } } @media only screen and (max-width:900px) { section#off-canvas-rfi { flex-direction: column-reverse; } #rfi-info, #lp6-rfi-overlay { flex-basis: 100%; padding: 0; } } @media only screen and (max-width:767px) { #lp6-rfi-overlay .mktLblLeft li { float: none !important; width: 100% !important; } } @media only screen and (max-width:500px) { .rfi-off-canvas section { padding: 2.5em 1em; } #lp6-rfi-overlay .form-item-group { flex-wrap: wrap; } #lp6-rfi-overlay .form-item-group > .form-item { flex: 1 1 100%; } } @supports (position: fixed) { .rfi-off-canvas, .rfi-off-canvas:target + .backdrop, .rfi-off-canvas[aria-expanded="true"] + .backdrop { position: fixed; } } .flex { display: -ms-flexbox; display: flex; margin-left: -2em; width: calc(100% + 2em); flex-wrap: wrap; transition: all .3s ease; } .flex>* { box-sizing: border-box; flex: 1 1 auto; padding-left: 2em; padding-bottom: 2em; } _:-ms-fullscreen, :root .flex>* { flex-basis: calc(50% - 2em); margin-left: 0; } .flex[class*="one"]>*, .flex[class*="two"]>*, .flex[class*="three"]>*, .flex[class*="four"]>*, .flex[class*="five"]>*, .flex[class*="six"]>*, .flex[class*="seven"]>*, .flex[class*="eight"]>*, .flex[class*="nine"]>*, .flex[class*="ten"]>*, .flex[class*="eleven"]>*, .flex[class*="twelve"]>* { flex-grow: 0 } .flex.grow>* { flex-grow: 1 } .center { justify-content: center } .one>* { width: 100% } .two>* { width: 50% } .three>* { width: 33.33333% } .four>* { width: 25% } .five>* { width: 20% } .six>* { width: 16.66666% } .seven>* { width: 14.28571% } .eight>* { width: 12.5% } .nine>* { width: 11.11111% } .ten>* { width: 10% } .eleven>* { width: 9.09091% } .twelve>* { width: 8.33333% } @media all and (min-width: 500px) { .one-500>* { width: 100% } .two-500>* { width: 50% } .three-500>* { width: 33.33333% } .four-500>* { width: 25% } .five-500>* { width: 20% } .six-500>* { width: 16.66666% } .seven-500>* { width: 14.28571% } .eight-500>* { width: 12.5% } .nine-500>* { width: 11.11111% } .ten-500>* { width: 10% } .eleven-500>* { width: 9.09091% } .twelve-500>* { width: 8.33333% } } @media all and (min-width: 600px) { .one-600>* { width: 100% } .two-600>* { width: 50% } .three-600>* { width: 33.33333% } .four-600>* { width: 25% } .five-600>* { width: 20% } .six-600>* { width: 16.66666% } .seven-600>* { width: 14.28571% } .eight-600>* { width: 12.5% } .nine-600>* { width: 11.11111% } .ten-600>* { width: 10% } .eleven-600>* { width: 9.09091% } .twelve-600>* { width: 8.33333% } } @media all and (min-width: 700px) { .one-700>* { width: 100% } .two-700>* { width: 50% } .three-700>* { width: 33.33333% } .four-700>* { width: 25% } .five-700>* { width: 20% } .six-700>* { width: 16.66666% } .seven-700>* { width: 14.28571% } .eight-700>* { width: 12.5% } .nine-700>* { width: 11.11111% } .ten-700>* { width: 10% } .eleven-700>* { width: 9.09091% } .twelve-700>* { width: 8.33333% } } @media all and (min-width: 800px) { .one-800>* { width: 100% } .two-800>* { width: 50% } .three-800>* { width: 33.33333% } .four-800>* { width: 25% } .five-800>* { width: 20% } .six-800>* { width: 16.66666% } .seven-800>* { width: 14.28571% } .eight-800>* { width: 12.5% } .nine-800>* { width: 11.11111% } .ten-800>* { width: 10% } .eleven-800>* { width: 9.09091% } .twelve-800>* { width: 8.33333% } } @media all and (min-width: 900px) { .one-900>* { width: 100% } .two-900>* { width: 50% } .three-900>* { width: 33.33333% } .four-900>* { width: 25% } .five-900>* { width: 20% } .six-900>* { width: 16.66666% } .seven-900>* { width: 14.28571% } .eight-900>* { width: 12.5% } .nine-900>* { width: 11.11111% } .ten-900>* { width: 10% } .eleven-900>* { width: 9.09091% } .twelve-900>* { width: 8.33333% } } @media all and (min-width: 1000px) { .one-1000>* { width: 100% } .two-1000>* { width: 50% } .three-1000>* { width: 33.33333% } .four-1000>* { width: 25% } .five-1000>* { width: 20% } .six-1000>* { width: 16.66666% } .seven-1000>* { width: 14.28571% } .eight-1000>* { width: 12.5% } .nine-1000>* { width: 11.11111% } .ten-1000>* { width: 10% } .eleven-1000>* { width: 9.09091% } .twelve-1000>* { width: 8.33333% } } @media all and (min-width: 1100px) { .one-1100>* { width: 100% } .two-1100>* { width: 50% } .three-1100>* { width: 33.33333% } .four-1100>* { width: 25% } .five-1100>* { width: 20% } .six-1100>* { width: 16.66666% } .seven-1100>* { width: 14.28571% } .eight-1100>* { width: 12.5% } .nine-1100>* { width: 11.11111% } .ten-1100>* { width: 10% } .eleven-1100>* { width: 9.09091% } .twelve-1100>* { width: 8.33333% } } @media all and (min-width: 1200px) { .one-1200>* { width: 100% } .two-1200>* { width: 50% } .three-1200>* { width: 33.33333% } .four-1200>* { width: 25% } .five-1200>* { width: 20% } .six-1200>* { width: 16.66666% } .seven-1200>* { width: 14.28571% } .eight-1200>* { width: 12.5% } .nine-1200>* { width: 11.11111% } .ten-1200>* { width: 10% } .eleven-1200>* { width: 9.09091% } .twelve-1200>* { width: 8.33333% } } @media all and (min-width: 1300px) { .one-1300>* { width: 100% } .two-1300>* { width: 50% } .three-1300>* { width: 33.33333% } .four-1300>* { width: 25% } .five-1300>* { width: 20% } .six-1300>* { width: 16.66666% } .seven-1300>* { width: 14.28571% } .eight-1300>* { width: 12.5% } .nine-1300>* { width: 11.11111% } .ten-1300>* { width: 10% } .eleven-1300>* { width: 9.09091% } .twelve-1300>* { width: 8.33333% } } @media all and (min-width: 1400px) { .one-1400>* { width: 100% } .two-1400>* { width: 50% } .three-1400>* { width: 33.33333% } .four-1400>* { width: 25% } .five-1400>* { width: 20% } .six-1400>* { width: 16.66666% } .seven-1400>* { width: 14.28571% } .eight-1400>* { width: 12.5% } .nine-1400>* { width: 11.11111% } .ten-1400>* { width: 10% } .eleven-1400>* { width: 9.09091% } .twelve-1400>* { width: 8.33333% } } @media all and (min-width: 1500px) { .one-1500>* { width: 100% } .two-1500>* { width: 50% } .three-1500>* { width: 33.33333% } .four-1500>* { width: 25% } .five-1500>* { width: 20% } .six-1500>* { width: 16.66666% } .seven-1500>* { width: 14.28571% } .eight-1500>* { width: 12.5% } .nine-1500>* { width: 11.11111% } .ten-1500>* { width: 10% } .eleven-1500>* { width: 9.09091% } .twelve-1500>* { width: 8.33333% } } @media all and (min-width: 1600px) { .one-1600>* { width: 100% } .two-1600>* { width: 50% } .three-1600>* { width: 33.33333% } .four-1600>* { width: 25% } .five-1600>* { width: 20% } .six-1600>* { width: 16.66666% } .seven-1600>* { width: 14.28571% } .eight-1600>* { width: 12.5% } .nine-1600>* { width: 11.11111% } .ten-1600>* { width: 10% } .eleven-1600>* { width: 9.09091% } .twelve-1600>* { width: 8.33333% } } @media all and (min-width: 1700px) { .one-1700>* { width: 100% } .two-1700>* { width: 50% } .three-1700>* { width: 33.33333% } .four-1700>* { width: 25% } .five-1700>* { width: 20% } .six-1700>* { width: 16.66666% } .seven-1700>* { width: 14.28571% } .eight-1700>* { width: 12.5% } .nine-1700>* { width: 11.11111% } .ten-1700>* { width: 10% } .eleven-1700>* { width: 9.09091% } .twelve-1700>* { width: 8.33333% } } @media all and (min-width: 1800px) { .one-1800>* { width: 100% } .two-1800>* { width: 50% } .three-1800>* { width: 33.33333% } .four-1800>* { width: 25% } .five-1800>* { width: 20% } .six-1800>* { width: 16.66666% } .seven-1800>* { width: 14.28571% } .eight-1800>* { width: 12.5% } .nine-1800>* { width: 11.11111% } .ten-1800>* { width: 10% } .eleven-1800>* { width: 9.09091% } .twelve-1800>* { width: 8.33333% } } @media all and (min-width: 1900px) { .one-1900>* { width: 100% } .two-1900>* { width: 50% } .three-1900>* { width: 33.33333% } .four-1900>* { width: 25% } .five-1900>* { width: 20% } .six-1900>* { width: 16.66666% } .seven-1900>* { width: 14.28571% } .eight-1900>* { width: 12.5% } .nine-1900>* { width: 11.11111% } .ten-1900>* { width: 10% } .eleven-1900>* { width: 9.09091% } .twelve-1900>* { width: 8.33333% } } @media all and (min-width: 2000px) { .one-2000>* { width: 100% } .two-2000>* { width: 50% } .three-2000>* { width: 33.33333% } .four-2000>* { width: 25% } .five-2000>* { width: 20% } .six-2000>* { width: 16.66666% } .seven-2000>* { width: 14.28571% } .eight-2000>* { width: 12.5% } .nine-2000>* { width: 11.11111% } .ten-2000>* { width: 10% } .eleven-2000>* { width: 9.09091% } .twelve-2000>* { width: 8.33333% } } .full { width: 100% } .half { width: 50% } .third { width: 33.33333% } .two-third { width: 66.66666% } .fourth { width: 25% } .three-fourth { width: 75% } .fifth { width: 20% } .two-fifth { width: 40% } .three-fifth { width: 60% } .four-fifth { width: 80% } .sixth { width: 16.66666% } .none { display: none } @media all and (min-width: 500px) { .full-500 { width: 100%; display: block } .half-500 { width: 50%; display: block } .third-500 { width: 33.33333%; display: block } .two-third-500 { width: 66.66666%; display: block } .fourth-500 { width: 25%; display: block } .three-fourth-500 { width: 75%; display: block } .fifth-500 { width: 20%; display: block } .two-fifth-500 { width: 40%; display: block } .three-fifth-500 { width: 60%; display: block } .four-fifth-500 { width: 80%; display: block } .sixth-500 { width: 16.66666%; display: block } } @media all and (min-width: 600px) { .full-600 { width: 100%; display: block } .half-600 { width: 50%; display: block } .third-600 { width: 33.33333%; display: block } .two-third-600 { width: 66.66666%; display: block } .fourth-600 { width: 25%; display: block } .three-fourth-600 { width: 75%; display: block } .fifth-600 { width: 20%; display: block } .two-fifth-600 { width: 40%; display: block } .three-fifth-600 { width: 60%; display: block } .four-fifth-600 { width: 80%; display: block } .sixth-600 { width: 16.66666%; display: block } } @media all and (min-width: 700px) { .full-700 { width: 100%; display: block } .half-700 { width: 50%; display: block } .third-700 { width: 33.33333%; display: block } .two-third-700 { width: 66.66666%; display: block } .fourth-700 { width: 25%; display: block } .three-fourth-700 { width: 75%; display: block } .fifth-700 { width: 20%; display: block } .two-fifth-700 { width: 40%; display: block } .three-fifth-700 { width: 60%; display: block } .four-fifth-700 { width: 80%; display: block } .sixth-700 { width: 16.66666%; display: block } } @media all and (min-width: 800px) { .full-800 { width: 100%; display: block } .half-800 { width: 50%; display: block } .third-800 { width: 33.33333%; display: block } .two-third-800 { width: 66.66666%; display: block } .fourth-800 { width: 25%; display: block } .three-fourth-800 { width: 75%; display: block } .fifth-800 { width: 20%; display: block } .two-fifth-800 { width: 40%; display: block } .three-fifth-800 { width: 60%; display: block } .four-fifth-800 { width: 80%; display: block } .sixth-800 { width: 16.66666%; display: block } } @media all and (min-width: 900px) { .full-900 { width: 100%; display: block } .half-900 { width: 50%; display: block } .third-900 { width: 33.33333%; display: block } .two-third-900 { width: 66.66666%; display: block } .fourth-900 { width: 25%; display: block } .three-fourth-900 { width: 75%; display: block } .fifth-900 { width: 20%; display: block } .two-fifth-900 { width: 40%; display: block } .three-fifth-900 { width: 60%; display: block } .four-fifth-900 { width: 80%; display: block } .sixth-900 { width: 16.66666%; display: block } } @media all and (min-width: 1000px) { .full-1000 { width: 100%; display: block } .half-1000 { width: 50%; display: block } .third-1000 { width: 33.33333%; display: block } .two-third-1000 { width: 66.66666%; display: block } .fourth-1000 { width: 25%; display: block } .three-fourth-1000 { width: 75%; display: block } .fifth-1000 { width: 20%; display: block } .two-fifth-1000 { width: 40%; display: block } .three-fifth-1000 { width: 60%; display: block } .four-fifth-1000 { width: 80%; display: block } .sixth-1000 { width: 16.66666%; display: block } } @media all and (min-width: 1100px) { .full-1100 { width: 100%; display: block } .half-1100 { width: 50%; display: block } .third-1100 { width: 33.33333%; display: block } .two-third-1100 { width: 66.66666%; display: block } .fourth-1100 { width: 25%; display: block } .three-fourth-1100 { width: 75%; display: block } .fifth-1100 { width: 20%; display: block } .two-fifth-1100 { width: 40%; display: block } .three-fifth-1100 { width: 60%; display: block } .four-fifth-1100 { width: 80%; display: block } .sixth-1100 { width: 16.66666%; display: block } } @media all and (min-width: 1200px) { .full-1200 { width: 100%; display: block } .half-1200 { width: 50%; display: block } .third-1200 { width: 33.33333%; display: block } .two-third-1200 { width: 66.66666%; display: block } .fourth-1200 { width: 25%; display: block } .three-fourth-1200 { width: 75%; display: block } .fifth-1200 { width: 20%; display: block } .two-fifth-1200 { width: 40%; display: block } .three-fifth-1200 { width: 60%; display: block } .four-fifth-1200 { width: 80%; display: block } .sixth-1200 { width: 16.66666%; display: block } } @media all and (min-width: 1300px) { .full-1300 { width: 100%; display: block } .half-1300 { width: 50%; display: block } .third-1300 { width: 33.33333%; display: block } .two-third-1300 { width: 66.66666%; display: block } .fourth-1300 { width: 25%; display: block } .three-fourth-1300 { width: 75%; display: block } .fifth-1300 { width: 20%; display: block } .two-fifth-1300 { width: 40%; display: block } .three-fifth-1300 { width: 60%; display: block } .four-fifth-1300 { width: 80%; display: block } .sixth-1300 { width: 16.66666%; display: block } } @media all and (min-width: 1400px) { .full-1400 { width: 100%; display: block } .half-1400 { width: 50%; display: block } .third-1400 { width: 33.33333%; display: block } .two-third-1400 { width: 66.66666%; display: block } .fourth-1400 { width: 25%; display: block } .three-fourth-1400 { width: 75%; display: block } .fifth-1400 { width: 20%; display: block } .two-fifth-1400 { width: 40%; display: block } .three-fifth-1400 { width: 60%; display: block } .four-fifth-1400 { width: 80%; display: block } .sixth-1400 { width: 16.66666%; display: block } } @media all and (min-width: 1500px) { .full-1500 { width: 100%; display: block } .half-1500 { width: 50%; display: block } .third-1500 { width: 33.33333%; display: block } .two-third-1500 { width: 66.66666%; display: block } .fourth-1500 { width: 25%; display: block } .three-fourth-1500 { width: 75%; display: block } .fifth-1500 { width: 20%; display: block } .two-fifth-1500 { width: 40%; display: block } .three-fifth-1500 { width: 60%; display: block } .four-fifth-1500 { width: 80%; display: block } .sixth-1500 { width: 16.66666%; display: block } } @media all and (min-width: 1600px) { .full-1600 { width: 100%; display: block } .half-1600 { width: 50%; display: block } .third-1600 { width: 33.33333%; display: block } .two-third-1600 { width: 66.66666%; display: block } .fourth-1600 { width: 25%; display: block } .three-fourth-1600 { width: 75%; display: block } .fifth-1600 { width: 20%; display: block } .two-fifth-1600 { width: 40%; display: block } .three-fifth-1600 { width: 60%; display: block } .four-fifth-1600 { width: 80%; display: block } .sixth-1600 { width: 16.66666%; display: block } } @media all and (min-width: 1700px) { .full-1700 { width: 100%; display: block } .half-1700 { width: 50%; display: block } .third-1700 { width: 33.33333%; display: block } .two-third-1700 { width: 66.66666%; display: block } .fourth-1700 { width: 25%; display: block } .three-fourth-1700 { width: 75%; display: block } .fifth-1700 { width: 20%; display: block } .two-fifth-1700 { width: 40%; display: block } .three-fifth-1700 { width: 60%; display: block } .four-fifth-1700 { width: 80%; display: block } .sixth-1700 { width: 16.66666%; display: block } } @media all and (min-width: 1800px) { .full-1800 { width: 100%; display: block } .half-1800 { width: 50%; display: block } .third-1800 { width: 33.33333%; display: block } .two-third-1800 { width: 66.66666%; display: block } .fourth-1800 { width: 25%; display: block } .three-fourth-1800 { width: 75%; display: block } .fifth-1800 { width: 20%; display: block } .two-fifth-1800 { width: 40%; display: block } .three-fifth-1800 { width: 60%; display: block } .four-fifth-1800 { width: 80%; display: block } .sixth-1800 { width: 16.66666%; display: block } } @media all and (min-width: 1900px) { .full-1900 { width: 100%; display: block } .half-1900 { width: 50%; display: block } .third-1900 { width: 33.33333%; display: block } .two-third-1900 { width: 66.66666%; display: block } .fourth-1900 { width: 25%; display: block } .three-fourth-1900 { width: 75%; display: block } .fifth-1900 { width: 20%; display: block } .two-fifth-1900 { width: 40%; display: block } .three-fifth-1900 { width: 60%; display: block } .four-fifth-1900 { width: 80%; display: block } .sixth-1900 { width: 16.66666%; display: block } } @media all and (min-width: 2000px) { .full-2000 { width: 100%; display: block } .half-2000 { width: 50%; display: block } .third-2000 { width: 33.33333%; display: block } .two-third-2000 { width: 66.66666%; display: block } .fourth-2000 { width: 25%; display: block } .three-fourth-2000 { width: 75%; display: block } .fifth-2000 { width: 20%; display: block } .two-fifth-2000 { width: 40%; display: block } .three-fifth-2000 { width: 60%; display: block } .four-fifth-2000 { width: 80%; display: block } .sixth-2000 { width: 16.66666%; display: block } } @media all and (min-width: 500px) { .none-500 { display: none } } @media all and (min-width: 600px) { .none-600 { display: none } } @media all and (min-width: 700px) { .none-700 { display: none } } @media all and (min-width: 800px) { .none-800 { display: none } } @media all and (min-width: 900px) { .none-900 { display: none } } @media all and (min-width: 1000px) { .none-1000 { display: none } } @media all and (min-width: 1100px) { .none-1100 { display: none } } @media all and (min-width: 1200px) { .none-1200 { display: none } } @media all and (min-width: 1300px) { .none-1300 { display: none } } @media all and (min-width: 1400px) { .none-1400 { display: none } } @media all and (min-width: 1500px) { .none-1500 { display: none } } @media all and (min-width: 1600px) { .none-1600 { display: none } } @media all and (min-width: 1700px) { .none-1700 { display: none } } @media all and (min-width: 1800px) { .none-1800 { display: none } } @media all and (min-width: 1900px) { .none-1900 { display: none } } @media all and (min-width: 2000px) { .none-2000 { display: none } } .off-none { margin-left: 0 } .off-half { margin-left: 50% } .off-third { margin-left: 33.33333% } .off-two-third { margin-left: 66.66666% } .off-fourth { margin-left: 25% } .off-three-fourth { margin-left: 75% } .off-fifth { margin-left: 20% } .off-two-fifth { margin-left: 40% } .off-three-fifth { margin-left: 60% } .off-four-fifth { margin-left: 80% } .off-sixth { margin-left: 16.66666% } @media all and (min-width: 500px) { .off-none-500 { margin-left: 0 } .off-half-500 { margin-left: 50% } .off-third-500 { margin-left: 33.33333% } .off-two-third-500 { margin-left: 66.66666% } .off-fourth-500 { margin-left: 25% } .off-three-fourth-500 { margin-left: 75% } .off-fifth-500 { margin-left: 20% } .off-two-fifth-500 { margin-left: 40% } .off-three-fifth-500 { margin-left: 60% } .off-four-fifth-500 { margin-left: 80% } .off-sixth-500 { margin-left: 16.66666% } } @media all and (min-width: 600px) { .off-none-600 { margin-left: 0 } .off-half-600 { margin-left: 50% } .off-third-600 { margin-left: 33.33333% } .off-two-third-600 { margin-left: 66.66666% } .off-fourth-600 { margin-left: 25% } .off-three-fourth-600 { margin-left: 75% } .off-fifth-600 { margin-left: 20% } .off-two-fifth-600 { margin-left: 40% } .off-three-fifth-600 { margin-left: 60% } .off-four-fifth-600 { margin-left: 80% } .off-sixth-600 { margin-left: 16.66666% } } @media all and (min-width: 700px) { .off-none-700 { margin-left: 0 } .off-half-700 { margin-left: 50% } .off-third-700 { margin-left: 33.33333% } .off-two-third-700 { margin-left: 66.66666% } .off-fourth-700 { margin-left: 25% } .off-three-fourth-700 { margin-left: 75% } .off-fifth-700 { margin-left: 20% } .off-two-fifth-700 { margin-left: 40% } .off-three-fifth-700 { margin-left: 60% } .off-four-fifth-700 { margin-left: 80% } .off-sixth-700 { margin-left: 16.66666% } } @media all and (min-width: 800px) { .off-none-800 { margin-left: 0 } .off-half-800 { margin-left: 50% } .off-third-800 { margin-left: 33.33333% } .off-two-third-800 { margin-left: 66.66666% } .off-fourth-800 { margin-left: 25% } .off-three-fourth-800 { margin-left: 75% } .off-fifth-800 { margin-left: 20% } .off-two-fifth-800 { margin-left: 40% } .off-three-fifth-800 { margin-left: 60% } .off-four-fifth-800 { margin-left: 80% } .off-sixth-800 { margin-left: 16.66666% } } @media all and (min-width: 900px) { .off-none-900 { margin-left: 0 } .off-half-900 { margin-left: 50% } .off-third-900 { margin-left: 33.33333% } .off-two-third-900 { margin-left: 66.66666% } .off-fourth-900 { margin-left: 25% } .off-three-fourth-900 { margin-left: 75% } .off-fifth-900 { margin-left: 20% } .off-two-fifth-900 { margin-left: 40% } .off-three-fifth-900 { margin-left: 60% } .off-four-fifth-900 { margin-left: 80% } .off-sixth-900 { margin-left: 16.66666% } } @media all and (min-width: 1000px) { .off-none-1000 { margin-left: 0 } .off-half-1000 { margin-left: 50% } .off-third-1000 { margin-left: 33.33333% } .off-two-third-1000 { margin-left: 66.66666% } .off-fourth-1000 { margin-left: 25% } .off-three-fourth-1000 { margin-left: 75% } .off-fifth-1000 { margin-left: 20% } .off-two-fifth-1000 { margin-left: 40% } .off-three-fifth-1000 { margin-left: 60% } .off-four-fifth-1000 { margin-left: 80% } .off-sixth-1000 { margin-left: 16.66666% } } @media all and (min-width: 1100px) { .off-none-1100 { margin-left: 0 } .off-half-1100 { margin-left: 50% } .off-third-1100 { margin-left: 33.33333% } .off-two-third-1100 { margin-left: 66.66666% } .off-fourth-1100 { margin-left: 25% } .off-three-fourth-1100 { margin-left: 75% } .off-fifth-1100 { margin-left: 20% } .off-two-fifth-1100 { margin-left: 40% } .off-three-fifth-1100 { margin-left: 60% } .off-four-fifth-1100 { margin-left: 80% } .off-sixth-1100 { margin-left: 16.66666% } } @media all and (min-width: 1200px) { .off-none-1200 { margin-left: 0 } .off-half-1200 { margin-left: 50% } .off-third-1200 { margin-left: 33.33333% } .off-two-third-1200 { margin-left: 66.66666% } .off-fourth-1200 { margin-left: 25% } .off-three-fourth-1200 { margin-left: 75% } .off-fifth-1200 { margin-left: 20% } .off-two-fifth-1200 { margin-left: 40% } .off-three-fifth-1200 { margin-left: 60% } .off-four-fifth-1200 { margin-left: 80% } .off-sixth-1200 { margin-left: 16.66666% } } @media all and (min-width: 1300px) { .off-none-1300 { margin-left: 0 } .off-half-1300 { margin-left: 50% } .off-third-1300 { margin-left: 33.33333% } .off-two-third-1300 { margin-left: 66.66666% } .off-fourth-1300 { margin-left: 25% } .off-three-fourth-1300 { margin-left: 75% } .off-fifth-1300 { margin-left: 20% } .off-two-fifth-1300 { margin-left: 40% } .off-three-fifth-1300 { margin-left: 60% } .off-four-fifth-1300 { margin-left: 80% } .off-sixth-1300 { margin-left: 16.66666% } } @media all and (min-width: 1400px) { .off-none-1400 { margin-left: 0 } .off-half-1400 { margin-left: 50% } .off-third-1400 { margin-left: 33.33333% } .off-two-third-1400 { margin-left: 66.66666% } .off-fourth-1400 { margin-left: 25% } .off-three-fourth-1400 { margin-left: 75% } .off-fifth-1400 { margin-left: 20% } .off-two-fifth-1400 { margin-left: 40% } .off-three-fifth-1400 { margin-left: 60% } .off-four-fifth-1400 { margin-left: 80% } .off-sixth-1400 { margin-left: 16.66666% } } @media all and (min-width: 1500px) { .off-none-1500 { margin-left: 0 } .off-half-1500 { margin-left: 50% } .off-third-1500 { margin-left: 33.33333% } .off-two-third-1500 { margin-left: 66.66666% } .off-fourth-1500 { margin-left: 25% } .off-three-fourth-1500 { margin-left: 75% } .off-fifth-1500 { margin-left: 20% } .off-two-fifth-1500 { margin-left: 40% } .off-three-fifth-1500 { margin-left: 60% } .off-four-fifth-1500 { margin-left: 80% } .off-sixth-1500 { margin-left: 16.66666% } } @media all and (min-width: 1600px) { .off-none-1600 { margin-left: 0 } .off-half-1600 { margin-left: 50% } .off-third-1600 { margin-left: 33.33333% } .off-two-third-1600 { margin-left: 66.66666% } .off-fourth-1600 { margin-left: 25% } .off-three-fourth-1600 { margin-left: 75% } .off-fifth-1600 { margin-left: 20% } .off-two-fifth-1600 { margin-left: 40% } .off-three-fifth-1600 { margin-left: 60% } .off-four-fifth-1600 { margin-left: 80% } .off-sixth-1600 { margin-left: 16.66666% } } @media all and (min-width: 1700px) { .off-none-1700 { margin-left: 0 } .off-half-1700 { margin-left: 50% } .off-third-1700 { margin-left: 33.33333% } .off-two-third-1700 { margin-left: 66.66666% } .off-fourth-1700 { margin-left: 25% } .off-three-fourth-1700 { margin-left: 75% } .off-fifth-1700 { margin-left: 20% } .off-two-fifth-1700 { margin-left: 40% } .off-three-fifth-1700 { margin-left: 60% } .off-four-fifth-1700 { margin-left: 80% } .off-sixth-1700 { margin-left: 16.66666% } } @media all and (min-width: 1800px) { .off-none-1800 { margin-left: 0 } .off-half-1800 { margin-left: 50% } .off-third-1800 { margin-left: 33.33333% } .off-two-third-1800 { margin-left: 66.66666% } .off-fourth-1800 { margin-left: 25% } .off-three-fourth-1800 { margin-left: 75% } .off-fifth-1800 { margin-left: 20% } .off-two-fifth-1800 { margin-left: 40% } .off-three-fifth-1800 { margin-left: 60% } .off-four-fifth-1800 { margin-left: 80% } .off-sixth-1800 { margin-left: 16.66666% } } @media all and (min-width: 1900px) { .off-none-1900 { margin-left: 0 } .off-half-1900 { margin-left: 50% } .off-third-1900 { margin-left: 33.33333% } .off-two-third-1900 { margin-left: 66.66666% } .off-fourth-1900 { margin-left: 25% } .off-three-fourth-1900 { margin-left: 75% } .off-fifth-1900 { margin-left: 20% } .off-two-fifth-1900 { margin-left: 40% } .off-three-fifth-1900 { margin-left: 60% } .off-four-fifth-1900 { margin-left: 80% } .off-sixth-1900 { margin-left: 16.66666% } } @media all and (min-width: 2000px) { .off-none-2000 { margin-left: 0 } .off-half-2000 { margin-left: 50% } .off-third-2000 { margin-left: 33.33333% } .off-two-third-2000 { margin-left: 66.66666% } .off-fourth-2000 { margin-left: 25% } .off-three-fourth-2000 { margin-left: 75% } .off-fifth-2000 { margin-left: 20% } .off-two-fifth-2000 { margin-left: 40% } .off-three-fifth-2000 { margin-left: 60% } .off-four-fifth-2000 { margin-left: 80% } .off-sixth-2000 { margin-left: 16.66666% } } .tooltip { text-decoration: dashed underline; -webkit-text-decoration: dashed underline; cursor: help; } .tooltip svg { fill: currentColor; vertical-align: text-bottom; margin-left: 5px; } .tpd-tooltip { position: absolute; } .tpd-tooltip { box-sizing: content-box; } .tpd-tooltip [class^="tpd-"] { box-sizing: inherit; } .tpd-content-wrapper { position: absolute; top: 0; left: 0; float: left; width: 100%; height: 100%; overflow: hidden; } .tpd-content-spacer, .tpd-content-relative, .tpd-content-relative-padder { float: left; position: relative; } .tpd-content-relative { width: 100%; } .tpd-content { float: left; clear: both; position: relative; padding: 0.5rem 1rem; font-size: 0.85rem; line-height: 1rem; font-family: var(--font-text); font-weight: var(--font-text-weight-light); color: var(--color-sec-white); box-sizing: border-box !important; } .tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; } .tpd-tooltip .tpd-content-no-padding { padding: 0 !important; } .tpd-title-wrapper { float: left; position: relative; overflow: hidden; } .tpd-title-spacer { float: left; } .tpd-title-relative, .tpd-title-relative-padder { float: left; position: relative; } .tpd-title-relative { width: 100%; } .tpd-title { float: left; position: relative; font-size: 0.85rem; line-height: 1rem; padding: 1rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); text-transform: uppercase; color: var(--color-sec-white); box-sizing: border-box !important; } .tpd-has-title-close .tpd-title { padding-right: 0 !important; } .tpd-close { position: absolute; top: 0; right: 0; width: 28px; height: 28px; cursor: pointer; overflow: hidden; color: var(--color-sec-white); } .tpd-close-icon { float: left; font-family: var(--font); font-weight: var(--font-weight-normal); font-style: normal; text-decoration: none; width: 28px; height: 28px; font-size: 28px; line-height: 28px; text-align: center; } .tpd-skin { position: absolute; top: 0; left: 0; } .tpd-frames { position: absolute; top: 0; left: 0; } .tpd-frames .tpd-frame { float: left; width: 100%; height: 100%; clear: both; display: none; } .tpd-visible-frame-top .tpd-frame-top { display: block; } .tpd-visible-frame-bottom .tpd-frame-bottom { display: block; } .tpd-visible-frame-left .tpd-frame-left { display: block; } .tpd-visible-frame-right .tpd-frame-right { display: block; } .tpd-backgrounds { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .tpd-background-shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; pointer-events: none; } .tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; } .tpd-background-box { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .tpd-no-stem .tpd-background-box, .tpd-no-stem .tpd-shift-stem { display: none; } .tpd-no-stem .tpd-background-box-top { display: block; } .tpd-background-box-shift, .tpd-background-box-shift-further { position: relative; float: left; width: 100%; height: 100%; } .tpd-background { border-radius: 1rem; float: left; clear: both; background: none; -webkit-background-clip: padding-box; background-clip: padding-box; border-style: solid; border-width: 1px; border-color: rgba( 255, 255, 255, 0.1 ); } .tpd-background-loading { display: none; } .tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; } .tpd-background-title { float: left; clear: both; width: 100%; background-color: var(--color-brand-primary); } .tpd-background-content { float: left; clear: both; width: 100%; background-color: var(--color-brand-primary); } .tpd-background-border-hack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-style: solid; } .tpd-background-box-top { top: 0; } .tpd-background-box-bottom { bottom: 0; } .tpd-background-box-left { left: 0; } .tpd-background-box-right { right: 0; } .tpd-shift-stem { position: absolute; top: 0; left: 0; overflow: hidden; } .tpd-shift-stem-side { position: absolute; } .tpd-frame-top .tpd-shift-stem-side, .tpd-frame-bottom .tpd-shift-stem-side { width: 100%; } .tpd-frame-left .tpd-shift-stem-side, .tpd-frame-right .tpd-shift-stem-side { height: 100%; } .tpd-stem { position: absolute; top: 0; left: 0; overflow: hidden; width: 16px; height: 8px; margin-left: 3px; margin-top: 2px; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; } .tpd-stem-spacer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tpd-stem-reset .tpd-stem-spacer { margin-top: 0; } .tpd-stem-point { width: 100px; position: absolute; top: 0; left: 50%; } .tpd-stem-downscale, .tpd-stem-transform { float: left; width: 100%; height: 100%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; position: relative; } .tpd-stem-side { width: 50%; height: 100%; float: left; position: relative; overflow: hidden; } .tpd-stem-side-inversed { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .tpd-stem-triangle { width: 0; height: 0; border-bottom-style: solid; border-left-color: transparent; border-left-style: solid; position: absolute; top: 0; left: 0; } .tpd-stem-border { width: 20px; height: 100%; position: absolute; top: 0; left: 50%; background-color: var(--color-sec-white); border-right-color: var(--color-sec-white); border-right-style: solid; border-right-width: 0; } .tpd-stem-border-corner { position: absolute; top: 0; left: 50%; height: 100%; border-right-style: solid; border-right-width: 0; } .tpd-stem * { z-index: 0; zoom: 1; } .tpd-stem-border-center-offset, .tpd-stem-border-center-offset-inverse { float: left; position: relative; width: 100%; height: 100%; overflow: hidden; } .tpd-stem-notransform { float: left; width: 100%; height: 100%; position: relative; } .tpd-stem-notransform .tpd-stem-border { height: 100%; position: relative; float: left; top: 0; left: 0; margin: 0; } .tpd-stem-notransform .tpd-stem-border-center { position: absolute; } .tpd-stem-notransform .tpd-stem-border-corner { background: var(--color-sec-white); border: 0; top: auto; left: auto; } .tpd-stem-notransform .tpd-stem-border-center, .tpd-stem-notransform .tpd-stem-triangle { height: 0; border: 0; left: 50%; } .tpd-stem-transform-left { -webkit-transform: rotate(-90deg) scale(-1, 1); transform: rotate(-90deg) scale(-1, 1); } .tpd-stem-transform-right { -webkit-transform: rotate(90deg) translate(0, -100%); transform: rotate(90deg) translate(0, -100%); } .tpd-stem-transform-bottom { -webkit-transform: scale(1, -1) translate(0, -100%); transform: scale(1, -1) translate(0, -100%); } .tpd-spinner { position: absolute; top: 50%; left: 50%; width: 46px; height: 36px; } .tpd-spinner-spin { position: relative; float: left; margin: 8px 0 0 13px; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); border-left: 2px solid var(--color-sec-white); -webkit-animation: tpd-spinner-animation 1.1s infinite linear; animation: tpd-spinner-animation 1.1s infinite linear; box-sizing: border-box !important; } .tpd-spinner-spin, .tpd-spinner-spin:after { border-radius: 50%; width: 20px; height: 20px; } @-webkit-keyframes tpd-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes tpd-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .tpd-is-loading .tpd-content-wrapper, .tpd-is-loading .tpd-title-wrapper { display: none; } .tpd-is-loading .tpd-background { display: none; } .tpd-is-loading .tpd-background-loading { display: block; } .tpd-tooltip-measuring { top: 0; left: 0; position: absolute; max-width: 100%; width: 100%; } .tpd-tooltip-measuring .tpd-skin, .tpd-tooltip-measuring .tpd-spinner { display: none; } .tpd-tooltip-measuring .tpd-content-wrapper, .tpd-tooltip-measuring .tpd-title-wrapper { display: block; } .tpd-tooltip a, .tpd-tooltip a:hover { color: #808080; text-decoration: underline; } .tpd-tooltip a:hover { color: #6c6c6c; } .tpd-size-x-small .tpd-content, .tpd-size-x-small .tpd-title { padding: 7px 8px; font-size: 1rem; line-height: 15px; } .tpd-size-x-small .tpd-background { border-radius: 5px; } .tpd-size-x-small .tpd-stem { width: 12px; height: 6px; margin-left: 4px; margin-top: 2px; } .tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px; } .tpd-size-x-small .tpd-close { margin-bottom: 1px; } .tpd-size-x-small .tpd-spinner { width: 35px; height: 29px; } .tpd-size-x-small .tpd-spinner-spin { margin: 6px 0 0 9px; } .tpd-size-x-small .tpd-spinner-spin, .tpd-size-x-small .tpd-spinner-spin:after { width: 17px; height: 17px; } .tpd-size-small .tpd-content, .tpd-size-small .tpd-title { padding: 0.5rem; font-size: 0.85rem; line-height: 1rem; } .tpd-size-small .tpd-background { border-radius: 6px; } .tpd-size-small .tpd-stem { width: 14px; height: 7px; margin-left: 5px; margin-top: 2px; } .tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px; } .tpd-size-small .tpd-close { margin: 0; } .tpd-size-small .tpd-spinner { width: 42px; height: 32px; } .tpd-size-small .tpd-spinner-spin { margin: 7px 0 0 13px; } .tpd-size-small .tpd-spinner-spin, .tpd-size-small .tpd-spinner-spin:after { width: 18px; height: 18px; } .tpd-size-medium .tpd-content, .tpd-size-medium .tpd-title { padding: 0.5rem 1rem; font-size: 0.9rem; line-height: 1rem; } .tpd-size-medium .tpd-background { border-radius: 8px; } .tpd-size-medium .tpd-stem { width: 16px; height: 8px; margin-left: 6px; margin-top: 2px; } .tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 1rem; } .tpd-size-medium .tpd-close { margin: 2px 0; } .tpd-size-medium .tpd-spinner { width: 50px; height: 36px; } .tpd-size-medium .tpd-spinner-spin { margin: 8px 0 0 15px; } .tpd-size-medium .tpd-spinner-spin, .tpd-size-medium .tpd-spinner-spin:after { width: 20px; height: 20px; } .tpd-size-large .tpd-content, .tpd-size-large .tpd-title { padding: 1rem; font-size: 1rem; line-height: 1.125rem; } .tpd-size-large .tpd-background { border-radius: 8px; } .tpd-size-large .tpd-stem { width: 18px; height: 9px; margin-left: 7px; margin-top: 2px; } .tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 1rem; } .tpd-size-large .tpd-close { margin: 5px 2px 5px 2px; } .tpd-size-large .tpd-spinner { width: 54px; height: 38px; } .tpd-size-large .tpd-spinner-spin { margin: 9px 0 0 17px; } .tpd-size-large .tpd-spinner-spin, .tpd-size-large .tpd-spinner-spin:after { width: 20px; height: 20px; } .tpd-skin-dark .tpd-content, .tpd-skin-dark .tpd-title, .tpd-skin-dark .tpd-close { color: var(--color-sec-white); } .tpd-skin-dark .tpd-background-content, .tpd-skin-dark .tpd-background-title { background-color: var(--color-brand-primary); } .tpd-skin-dark .tpd-background { border-width: 1px; border-color: rgba(255, 255, 255, 0.1); } .tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; } .tpd-skin-dark .tpd-spinner-spin { border-color: rgba(255, 255, 255, 0.2); border-left-color: var(--color-sec-white); } .tpd-skin-dark a { color: #ccc; } .tpd-skin-dark a:hover { color: #c0c0c0; } .tpd-skin-light .tpd-content, .tpd-skin-light .tpd-title, .tpd-skin-light .tpd-close { color: #333; } .tpd-skin-light .tpd-background-content { background-color: var(--color-sec-white); } .tpd-skin-light .tpd-background { border-width: 1px; border-color: rgba(0, 0, 0, 0.3); } .tpd-skin-light .tpd-background-title { background-color: #f7f7f7; } .tpd-skin-light .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; } .tpd-skin-light .tpd-background-shadow { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .tpd-skin-light.tpd-no-shadow .tpd-background { border-color: rgba(100, 100, 100, 0.3); } .tpd-skin-light .tpd-spinner-spin { border-color: rgba(51, 51, 51, 0.2); border-left-color: #333; } .tpd-skin-light a { color: #808080; } .tpd-skin-light a:hover { color: #6c6c6c; } .tpd-skin-gray .tpd-content, .tpd-skin-gray .tpd-title, .tpd-skin-gray .tpd-close { color: var(--color-sec-white); } .tpd-skin-gray .tpd-background-content, .tpd-skin-gray .tpd-background-title { background-color: #727272; } .tpd-skin-gray .tpd-background { border-width: 1px; border-color: rgba(255, 255, 255, 0.1); } .tpd-skin-gray .tpd-title-wrapper { border-bottom: 1px solid #505050; } .tpd-skin-gray .tpd-spinner-spin { border-color: rgba(255, 255, 255, 0.2); border-left-color: var(--color-sec-white); } .tpd-skin-gray a { color: #ccc; } .tpd-skin-gray a:hover { color: #b6b6b6; } .tpd-skin-red .tpd-content, .tpd-skin-red .tpd-title, .tpd-skin-red .tpd-close { color: var(--color-sec-white); } .tpd-skin-red .tpd-background-content { background-color: #e13c37; } .tpd-skin-red .tpd-background { border-width: 1px; border-color: rgba(12, 0, 0, 0.6); } .tpd-skin-red .tpd-background-title { background-color: #e13c37; } .tpd-skin-red .tpd-title-wrapper { border-bottom: 1px solid #a30500; } .tpd-skin-red .tpd-background-shadow { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .tpd-skin-red .tpd-spinner-spin { border-color: rgba(255, 255, 255, 0.2); border-left-color: var(--color-sec-white); } .tpd-skin-red a { color: #ddd; } .tpd-skin-red a:hover { color: #c6c6c6; } .tpd-skin-green .tpd-content, .tpd-skin-green .tpd-title, .tpd-skin-green .tpd-close { color: var(--color-sec-white); } .tpd-skin-green .tpd-background-content { background-color: #4aab3a; } .tpd-skin-green .tpd-background { border-width: 1px; border-color: rgba(0, 12, 0, 0.6); } .tpd-skin-green .tpd-background-title { background-color: #4aab3a; } .tpd-skin-green .tpd-title-wrapper { border-bottom: 1px solid #127c00; } .tpd-skin-green .tpd-background-shadow { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .tpd-skin-green .tpd-spinner-spin { border-color: rgba(255, 255, 255, 0.2); border-left-color: var(--color-sec-white); } .tpd-skin-green a { color: #ddd; } .tpd-skin-green a:hover { color: #c6c6c6; } .tpd-skin-blue .tpd-content, .tpd-skin-blue .tpd-title, .tpd-skin-blue .tpd-close { color: var(--color-sec-white); } .tpd-skin-blue .tpd-background-content { background-color: #45a3e3; } .tpd-skin-blue .tpd-background { border-width: 1px; border-color: rgba(0, 0, 12, 0.6); } .tpd-skin-blue .tpd-background-title { background-color: #45a3e3; } .tpd-skin-blue .tpd-title-wrapper { border-bottom: 1px solid #1674b4; } .tpd-skin-blue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .tpd-skin-blue .tpd-spinner-spin { border-color: rgba(255, 255, 255, 0.2); border-left-color: var(--color-sec-white); } .tpd-skin-blue a { color: #ddd; } .tpd-skin-blue a:hover { color: #c6c6c6; } .tpd-skin-lightyellow .tpd-content, .tpd-skin-lightyellow .tpd-title, .tpd-skin-lightyellow .tpd-close { color: #333; } .tpd-skin-lightyellow .tpd-background-content { background-color: var(--color-sec-white)fa9; } .tpd-skin-lightyellow .tpd-background { border-width: 1px; border-color: rgba(8, 8, 0, 0.35); } .tpd-skin-lightyellow .tpd-background-title { background-color: var(--color-sec-white)fa9; } .tpd-skin-lightyellow .tpd-title-wrapper { border-bottom: 1px solid #a7a697; } .tpd-skin-lightyellow .tpd-background-shadow { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .tpd-skin-lightyellow .tpd-spinner-spin { border-color: rgba(51, 51, 51, 0.2); border-left-color: #333; } .tpd-skin-lightyellow a { color: #777; } .tpd-skin-lightyellow a:hover { color: #868686; } .tpd-skin-lightblue .tpd-content, .tpd-skin-lightblue .tpd-title, .tpd-skin-lightblue .tpd-close { color: #333; } .tpd-skin-lightblue .tpd-background-content { background-color: #bce5ff; } .tpd-skin-lightblue .tpd-background { border-width: 1px; border-color: rgba(0, 0, 8, 0.35); } .tpd-skin-lightblue .tpd-background-title { background-color: #bce5ff; } .tpd-skin-lightblue .tpd-title-wrapper { border-bottom: 1px solid #909b9f; } .tpd-skin-lightblue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .tpd-skin-lightblue .tpd-spinner-spin { border-color: rgba(51, 51, 51, 0.2); border-left-color: #333; } .tpd-skin-lightblue a { color: #777; } .tpd-skin-lightblue a:hover { color: #868686; } .tpd-skin-lightpink .tpd-content, .tpd-skin-lightpink .tpd-title, .tpd-skin-lightpink .tpd-close { color: #333; } .tpd-skin-lightpink .tpd-background-content { background-color: #ffc4bf; } .tpd-skin-lightpink .tpd-background { border-width: 1px; border-color: rgba(8, 0, 0, 0.35); } .tpd-skin-lightpink .tpd-background-title { background-color: #ffc4bf; } .tpd-skin-lightpink .tpd-title-wrapper { border-bottom: 1px solid #a08f8f; } .tpd-skin-lightpink .tpd-background-shadow { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); } .tpd-skin-lightpink .tpd-spinner-spin { border-color: rgba(51, 51, 51, 0.2); border-left-color: #333; } .tpd-skin-lightpink a { color: #777; } .tpd-skin-lightpink a:hover { color: #868686; } .acc-toggle { margin-top: 10px; } .acc-toggle-title { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: inherit; font-size: 1.25rem; font-family: var(--font-bold); font-weight: var(--font-weight-bold); margin-bottom: 0; padding: 1rem 5rem 1rem 2rem !important; cursor: pointer; border-radius: 0 !important; border-top: 1px solid; border-color: var(--color-brand-primary); border-right: none; border-bottom: none; border-left: none; appearance: none; text-transform: none; text-align: left; } .acc-toggle-title:hover{ background-color: var(--color-brand-primary--20); } .acc-toggle-title.active { color: var(--color-sec-white); background-color: var(--color-brand-primary); border-color: var(--color-brand-primary); } .acc-toggle-title.active:hover { background-color: var(--color-brand-primary); } .acc-toggle-content { display: none; overflow: hidden; background-color: var(--color-sec-white); border: 1px solid var(--color-brand-primary); border-top: none; margin: 0; padding: 1rem 2rem; } .ac_expand h2, .ac_expand h3, .ac_expand h4, .ac_expand h5, .ac_expand h6 { display: inline-block; margin: 20px 0; } .acc-toggle-swap { float: right; margin: 1rem 0; padding: .5rem !important; text-align: center; } .acc-toggle-icon { display: block; width: 2rem; height: 2rem; position: absolute; top: 0; bottom: 0; margin: auto; right: 2rem; background-color: var(--color-brand-tertiary); border: 1px solid var(--color-sec-black); border-radius: 100%; float: right; } .acc-toggle-title:hover .acc-toggle-icon { background-color: var(--color-brand-quaternary); } .acc-toggle-icon::before { opacity: 1; } .acc-toggle-icon::after { opacity: 1; transform: rotate(270deg); } .acc-toggle-icon::before, .acc-toggle-icon::after { content: ''; display: block; height: .125rem; width: 1rem; position: absolute; top: 50%; margin-top: -.0625rem; left: 50%; margin-left: -.5rem; text-align: center; line-height: 1.9rem; background-color: var(--color-sec-black); transition: all .3s ease-in-out; z-index: 3; } .acc-toggle-title.active .acc-toggle-icon::after { opacity: 0; } .acc-toggle-title.active .acc-toggle-icon::before { transform: rotate(180deg); } .acc-toggle-invert a { color: var(--color-sec-white); text-decoration: underline; } .acc-toggle-invert a.button { text-decoration: none; } .acc-toggle-invert .acc-toggle-title, .acc-toggle-invert .acc-toggle-content, .acc-toggle-invert h3 { color: var(--color-sec-white); } .acc-toggle-invert .acc-toggle-title { border-color: var(--color-sec-white); } .acc-toggle-invert .acc-toggle-title:hover{ background-color: var(--color-brand-primary); } .acc-toggle-invert .acc-toggle-title.active { color: var(--color-sec-black); background-color: var(--color-sec-white); border-color: var(--color-sec-white); } .acc-toggle-invert .acc-toggle-title.active:hover { background-color: var(--color-brand-primary--20); border-color: var(--color-brand-primary--20); } .acc-toggle-invert .acc-toggle-title::before { border-color: var(--color-sec-white); } .acc-toggle-invert .acc-toggle-content { background-color: var(--color-brand-primary); border: 1px solid var(--color-sec-white); border-top: none; } .tabbed [role="tablist"] { padding: 0; margin: 1rem 0 0; } .tabbed [role="tablist"] li, .tabbed [role="tablist"] a { display: inline-block; } .tabbed [role="tablist"] a { text-decoration: none; padding: 0.5rem 1em; } .tabbed [role="tablist"] [aria-selected] { border: 2px solid var(--color-brand-tertiary); background: var(--color-sec-white); border-bottom: 0; position: relative; top: 2px; } .tabbed [role="tabpanel"] { border: 2px solid var(--color-brand-tertiary); padding: 1.5rem; display: block; background: var(--color-sec-white); } .tabbed [role="tabpanel"][hidden] { display: none; } .tabbed [role="tabpanel"] * + * { margin-top: 0.75rem; } @media (max-width: 550px) { .tabbed [role="tablist"] li, .tabbed [role="tablist"] a { display: block; position: static; } .tabbed [role="tablist"] a { border: 2px solid var(--color-brand-tertiary) !important; } .tabbed [role="tablist"] li + li a { margin-top: -2px; } .tabbed [role="tablist"] [aria-selected] { position: static; background-color: var(--color-brand-tertiary--10); } .tabbed [role="tablist"] [aria-selected]::after { content: '\0020⬅'; } .tabbed [role="tabpanel"] { border-top: 0; } } .tabbed .flex > * { padding: 0 0 1px 1px; } .tabbed .flex { width: 100%; } .image-blocks[role="tablist"] { margin: 0 -1px -1px 0; } .image-blocks[role="tablist"] a { border: none !important; display: flex; } .image-blocks[role="tablist"] [aria-selected] { background: linear-gradient( rgba(var(--color-brand-tertiary--rgb),0.8), rgba(var(--color-brand-tertiary--rgb),0.8)); top: 0; border: none !important; } .image-blocks[role="tablist"] [aria-selected]::after { content: ''; } .image-block-tabs [role="tabpanel"] { border: none; padding: 1.5rem; display: block; background: inherit; } .image-block-tabs [role="tabpanel"][hidden] { display: none; } .apu .acc-toggle .acc-toggle-title { font-size: 2.25rem; font-family: var(--font-bold); font-weight: var(--font-weight-medium); line-height: 1; padding: 2.5rem 5rem 2.5rem 2rem !important } .apu .tabbed [role="tablist"] [aria-selected] { border: 2px solid var(--color-brand-primary); border-bottom: 0; } .apu .tabbed [role="tabpanel"] { border: 2px solid var(--color-brand-primary); } @media (max-width: 550px) { .apu .tabbed [role="tablist"] a { border: 2px solid var(--color-brand-primary) !important; } .apu .tabbed [role="tablist"] [aria-selected] { background-color: var(--color-brand-primary--10); } } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; display: none; top: 50%; left: 50%; right: 0; bottom: 0; width: 560px; margin: -250px 0 0 -280px; z-index: 10000; overflow: auto; -webkit-overflow-scrolling: touch; background-color: transparent; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: 0 } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 50%; display: block !important; } .modal.fade.in .pane { max-height: 535px; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: var(--color-sec-white);; -webkit-background-clip: padding-box; background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: var(--color-sec-black); } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 } .modal-header { padding: 15px; margin-bottom: 0; } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 15px; overflow-y: auto; max-height: 400px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width: 300px } } @media (min-width:992px) { .modal-lg { width: 900px } } .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before { display: table; content: " " } .modal-footer:after, .modal-header:after { clear: both } .modal .hide { display: none; } .modal .show { display: block; } .modal .close { float: right; color: var(--color-sec-white); cursor: pointer; } .modal .close:hover { text-decoration: underline; } @media (max-width: 640px) { .modal { position: fixed; top: 10px; left: 10px; right: 10px; width: auto; margin: 0; } .modal.fade.in { top: 10px; } .modal-header .close { padding: 10px; margin: -10px; } } section.finder { display: flex; flex-flow: row nowrap; justify-content: center; border: none; box-shadow: none; margin: 0; width: 100%; overflow: visible; } .degree-finder { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; font-size: 1rem; padding: 0; max-width: 900px; } .finder-search-icon { position: absolute; top: 0.9rem; right: 1rem; min-width: auto; color: var(--color-sec-black); border: none; background: transparent; font-size: 1.25rem; padding: 1rem 0; } #finderSearch:focus + .finder-search-icon { display: none; } .degree-finder > * { flex: 1 auto; } .degree-finder .column { padding-top: 0; padding-left: 0; } .degree-finder .column:nth-of-type(2) { padding-left: 1em; padding-right: 0; } .degree-finder > h2, .degree-finder > h3, .degree-finder #Grid, .degree-finder #autocomplete { flex: 0 0 100%; } .degree-finder .degree-finder-intro { margin: 0 auto 2em auto; text-align: center; clear: both; max-width: 650px; } .degree-finder > .column { flex-basis: 48%; flex-grow: 0; } .degree-finder .column:nth-of-type(2) { padding-left: 0; padding-right: 0; } .degree-finder label, .degree-finder span.button-label { display: block; clear: both; font-size: 0.9rem; font-weight: normal; } .degree-finder h2 { text-align: center; } .degree-finder .column { padding: 0; } .degree-finder .column > div { display: inline-block; } .parent { padding: 0 3em; } .parent div.query p { margin: 0 !important; line-height: 1; } .degree-finder button { text-transform: none; font-family: var(--font-regular); } .degree-finder button.control { background: var(--color-brand-secondary); color: var(--color-sec-white); border: none; padding: 0.75rem 1.5rem; margin-right: 0.5rem; min-width: auto; } .degree-finder button.mixitup-control-active { background: var(--color-brand-tertiary); } .degree-finder button.control:hover { background: var(--color-brand-secondary--80); } .degree-finder button.mixitup-control-active:hover { background: var(--color-brand-tertiary--80); } .degree-finder select, .degree-finder input[type="text"], .degree-finder input[type="email"] { display: inline-block; text-decoration: none; appearance: none; -webkit-appearance: none; width: 100%; text-align: left; margin-bottom: .5em; padding: 0.75em; border-color: var(--color-sec-medium); } .degree-finder input[type="text"] { padding: 0.75em; } .hero-finder { padding: 0; } .hero-finder .degree-finder .form-item-group { justify-content: center; } .hero-finder .degree-finder .form-item { max-width: 300px; padding: 0 0.5rem; } .hero-finder .degree-finder select { height: 40px; background-color: var(--color-sec-white); padding: 0 0.75em; border-radius: 0; border-color: var(--color-sec-white); } .hero-finder .degree-finder label { color: var(--color-sec-white); text-align: left; } .hero-finder .degree-finder label.hidden { text-indent: -99999px; } .twitter-typeahead, .awesomplete { width: 100%; } .tt-input, .tt-hint { width: auto; } .tt-input:hover, .tt-hint:hover { background: var(--color-brand-tertiary--10) !important; } .tt-input { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { color: var(--color-sec-medium) !important; } .tt-menu { width: 100%; margin-top: 0; padding: 1rem 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .4em; box-shadow: 0 5px 10px rgba(0,0,0,.2); } .tt-suggestion { padding: 3px 20px; font-size: 18px; line-height: 24px; cursor: pointer; } .tt-suggestion:hover { color: #f0f0f0; background-color: #0097cf; } .tt-suggestion p { margin: 0; } #fauxFind, #dumFind { margin: 0; height: 40px; padding: 0; } .hero-viewport.hero-creative.hero-finder .hero-content { min-width: auto; flex-basis: 100%; align-items: center; } .hero-viewport.hero-creative.hero-finder .hero-content h1, .hero-viewport.hero-creative.hero-finder .hero-content h2, .hero-viewport.hero-creative.hero-finder .hero-content h3 { color: var(--color-sec-white); } .apu .hero-viewport.hero-creative.hero-finder { background: linear-gradient(0deg,rgba(0,0,0,0.1), rgba(0,0,0,0)), url(/common/images/banners/apu-main-hero-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; } .amu .hero-viewport.hero-creative.hero-finder { background: linear-gradient(0deg,rgba(0,0,0,0.1), rgba(0,0,0,0)), url(/common/images/banners/amu-main-hero-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; } #fauxFinder .form-item, #dumFinder .form-item { flex: 1 1 50%; max-width: none; } #fauxFinder .form-requirement, #dumFinder .form-requirement { background-color: var(--color-sec-white); padding: 0.25rem; } #fauxFinder .form-item.fauxFind-button, #dumFinder .form-item.dumFind-button { flex: 0 0 150px; } @media only screen and (max-width:700px) { #fauxFinder .form-item-group { flex-wrap: wrap; } #dumFinder .form-item-group { flex-wrap: wrap; } } @media only screen and (max-width:500px) { #fauxFinder .form-item-group > .form-item { flex: 1 1 100%; } #fauxFinder .form-item button { width: 100%; } #dumFinder .form-item-group > .form-item { flex: 1 1 100%; } #dumFinder .form-item button { width: 100%; } } #Grid { padding-bottom: 3em; } #Grid h1, #Grid h2, #Grid h3, #Grid h4, #Grid h5, #Grid ol, #Grid ul, #Grid p { margin: 0 0 16px 0; padding: 0; } #Grid ul { width: 100%; height: auto !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: space-evenly; list-style: none; margin: 0; padding: 0; } #Grid li { position: relative; flex-basis: 20%; flex-grow: 1; flex-shrink: 0; max-width: 33.333%; height: auto; margin: 0; padding: 1em; border: 1px solid #eee; background-color: #fff; display: flex; flex-flow: column nowrap; } #Grid h1, #Grid h2, #Grid h3, #Grid h4, #Grid h5 { clear: none; } #Grid h2 { font-size: 1.125em; font-family: var(--font-bold); font-weight: var(--font-weight-bold); margin-top: 1em; margin-bottom: 0.25em; } #Grid .program-rfi { margin-top: auto; margin-right: 0; margin-bottom: 0; text-align: center; width: 100%; } #Grid .program-rfi .button { display: block; margin: 0; } #Grid .program-rfi:disabled { background-color: #eee; } #Grid h3 { font-size: 1em; font-family: var(--font-text-medium); font-weight: var(--font-text-weight-normal); text-align: left; border-bottom: 1px solid #c5c5c5; margin-bottom: 10px; padding-bottom: 3px; width: 100%; } .apu #Grid h3 { font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); } #Grid h4 { font-size: 1.125em; text-align: left; margin-bottom: 5px; width: 100%; } #Grid h5 { font-size: 1em; text-align: left; margin-bottom: 5px; width: 100%; } #Grid img { width: 100%; -ms-flex-negative: 0; } #Grid a { -ms-flex-negative: 0; } #Grid dl div { display: block; } #Grid dt, #Grid dd { display: inline-block; } #Grid dt::after { content: ": "; } #Grid dd::after { content: ""; display: table; clear: both; } #Grid table { margin-top: 0; } #Grid tbody tr:nth-of-type(2n) { background-color: #f4f4f4; } #Grid table td.nobreak { white-space: nowrap; width: 15%; text-align: right; } #Grid table tbody td.data-alternate { width: 35%; padding-right: 5%; } #Grid table tbody td.data-alternate + td.data-alternate { width: 60%; padding-right: 0; } #Grid table tbody td.data-alternate ul { text-align: left; } #Grid .mixitup-fail-message { opacity: 0; display: none; width: 100%; margin: 0; padding: 1em 0; z-index: 1; font-size: 1.125em; text-align: center; transition: opacity 200ms; } .mixitup-fail-reset { opacity: 0; display: none; margin: 0; } .mixitup-fail-reset.visible { opacity: 1; display: flex; justify-content: center } #Grid .mixitup-fail-message h2 { font-size: 100%; font-weight: 700; text-transform: uppercase; } #Grid.mixitup-container-failed .mixitup-fail-message { opacity: 1; display: block; } #Grid .fineprint { margin: 0 4em; padding: 1em 0 0 0; text-align: center; display: none; } @media only screen and (max-width:1500px) { #Grid li { flex-basis: 25%; } } @media only screen and (max-width:1200px) { #Grid li { flex-basis: 33.3333%; max-width: 50%; } } @media only screen and (max-width:991px) { #Grid li { flex-basis: 50%; } } @media only screen and (max-width:768px) { .degree-finder .column, .degree-finder .column:nth-of-type(n) { padding-left: 0; padding-right: 0; flex-basis: 100%; } .expand { display: none; } #Grid li h4, #Grid li h3 { width: auto; clear: none; margin-top: 0; } #Grid .fineprint { margin: 0 1.25em;} } @media only screen and (max-width:580px) { #Grid li { flex-basis: 100%; max-width: 100%; display: block; } #Grid li img { float: right; max-width: 33%; margin-left: 1em; margin-bottom: 0.5em; } #Grid li h2 { margin-top: 0; } #Grid li h3 { border-bottom: none; } #Grid li .program-rfi { margin-top: 1.5em; } } #queryHelp + #queryHelper { display: none; } #Grid #top-pagination { display: none; } #Grid.carousel {overflow: hidden;} #Grid.carousel ul { flex-wrap: nowrap; } #Grid.carousel .controls-pagination { display: none; } #Grid.carousel.active .controls-pagination { padding: 1rem; font-size: 0.1px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; } #Grid.carousel .mixitup-page-stats.mixitup-page-stats-disabled { display: none; } @media only screen and (max-width:580px) { #Grid.carousel ul { flex-wrap: wrap; } #Grid #top-pagination { display: flex; } } .controls-pagination:after { content: ''; display: inline-block; width: 100%; } .mixitup-page-list, .mixitup-page-stats { flex: 1 auto; } .mixitup-page-list { text-align: left; display: flex; } .mixitup-page-stats { flex: 1 auto; font-size: .9rem; color: #333; font-family: var(--font-text); } .mixitup-control { flex: 1 auto; position: relative; text-align: center; width: 2.7rem; height: 2.7rem; background: #fff; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-radius: 0 !important; margin-right: 1px; padding: 0; cursor: pointer; font-size: .9rem; color: #005e98; font-family: var(--font-bold); font-weight: var(--font-weight-bold); transition: color 150ms, border-color 150ms; vertical-align: middle; } button.mixitup-control { min-width: auto; border-left: none; border-right: none; } .mixitup-control:first-child { border-radius: 3px 0 0 3px; } .mixitup-control:last-child { border-radius: 0 3px 3px 0; } .mixitup-control:not(.mixitup-control-active):hover { color: #0086d8; } .mixitup-control-active { border-bottom-color: var(--color-brand-tertiary); cursor: default; } .mixitup-control:disabled { background: #eaeaea; color: #aaa; cursor: default; } .mixitup-control-truncation-marker { background: transparent; pointer-events: none; line-height: 2.2em; } #Grid.creative { background-color: var(--color-sec-white); } #Grid.creative .image-block { position: relative; width: 100%; height: auto; z-index: 100; display: flex; align-content: center; align-items: center; flex-direction: column; justify-content: center; -ms-flex-negative: 0; } #Grid.creative .image-block a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)); border-bottom: none; text-decoration: none; padding: 0; margin: 0; z-index: 1000; display: flex; align-content: center; align-items: center; flex-direction: column; justify-content: center; } #Grid.creative .image-block a:hover { background: linear-gradient( rgba(var(--color-brand-primary--rgb),0.8), rgba(var(--color-brand-primary--rgb),0.8)); text-decoration: none; opacity: 1; } #Grid.creative .image-block a h3 { width: auto; color: var(--color-sec-white); border-bottom: 0; margin-bottom: 0; padding: 1rem; text-align: center; text-transform: uppercase; font-size: 1.25rem; } #Grid.creative .program-desc { margin-top: 1rem; } #Grid.creative .mixitup-control { flex: 1 auto; position: relative; text-align: center; width: 2.7rem; height: 2.7rem; background: var(--color-sec-white); border-top: 3px solid transparent; border-bottom: 3px solid transparent; margin-right: 1px; padding: 0; cursor: pointer; font-size: .9rem; color: var(--color-sec-black); font-family: var(--font-bold); font-weight: var(--font-weight-bold); transition: color 150ms, border-color 150ms; vertical-align: middle; } .apu #Grid.creative .mixitup-control { font-family: var(--font-text-bold); font-weight: var(--font-text-weight-bold); } #Grid.creative button.mixitup-control { min-width: auto; border-left: none; border-right: none; } #Grid.creative .mixitup-control:first-child { border-radius: 3px 0 0 3px; } #Grid.creative .mixitup-control:last-child { border-radius: 0 3px 3px 0; } #Grid.creative .mixitup-control:not(.mixitup-control-active):not(:disabled):hover { color: var(--color-sec-dark); border-bottom: 3px solid var(--color-brand-tertiary); } #Grid.creative .mixitup-control-active { background: var(--color-brand-tertiary); cursor: default; } #Grid.creative .mixitup-control:disabled { background: #eaeaea; color: #aaa; cursor: default; } #Grid.creative .mixitup-control:disabled:hover { color: #aaa; } @media only screen and (max-width:580px) { #Grid.creative li { display: block; flex-basis: 50%; max-width: 50%; border: none; padding: 0; } #Grid.creative li img { float: none; max-width: 100%; margin-left: 0; margin-bottom: 0; } #Grid.creative .image-block a h3 { font-size: 1rem; } #Grid.creative li .program-desc, #Grid li .program-rfi { display: none; } } .column-counter { font-size: 5px; } @media only screen and (max-width:1500px) { .column-counter { font-size: 4px; } } @media only screen and (max-width:1200px) { .column-counter { font-size: 3px; } } @media only screen and (max-width:991px) { .column-counter { font-size: 2px; } } @media only screen and (max-width:580px) { .column-counter { font-size: 1px; } } .video-embed { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; margin: 1rem 0; } .video-embed.three-by-four { padding-bottom: 75%; } .video-embed iframe, .video-embed object, .video-embed embed, .video-embed .wistia_embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }