/* Source and licensing information for the line(s) below can be found at https://www.anderson.ucla.edu/themes/custom/ucla_anderson/prebuilt/css/v0/main-2017-new.css. */ @charset "UTF-8"; .ucla-anderson-comple-map, .cms-ucla-anderson-footer-logo { width: 100%; height: auto; display:block; margin-left: auto; margin-right: auto; } /** clearfix **/ .clearfix:after { clear: both;} .clearfix:after, .clearfix:before { display: table; content: " ";-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-order: 1;order: 1;} /** IE Search Button Fix **/ /** Headers, font management, etc **/ a.top-level-link h1 { font-size: 16px!important;line-height: 24px!important;/* padding: .7rem 1rem!important; */text-decoration: none!important;font-family: 'open sans',Verdana,sans-serif;} h1.homepage-h1 {text-indent: -9999px;height: 1px;margin: -1px;} /**.off-canvas-wrapper { min-height: 100px; }**/ iframe[id^='twitter-widget-']{ width:100% !important; margin:0px auto !important; display:block;} .content-padding-twitter { padding: 0 5%; } .instagram-iframe { min-height:626px; } .font-10 { font-size: 10px; line-height:inherit; } .font-11 { font-size: 11px; line-height:inherit; } .font-12 { font-size: 12px; line-height:inherit; } .font-13 { font-size: 13px; line-height:inherit; } .font-14 { font-size: 14px; line-height:inherit; } .font-16 { font-size: 16px; line-height:inherit; } .font-18 { font-size: 18px; line-height:inherit;} .font-20 { font-size: 20px; line-height:inherit; } .font-22 { font-size: 22px; line-height:inherit; } .font-24 { font-size: 24px; line-height:inherit; } .font-26 { font-size: 26px; line-height:inherit; } .font-28 { font-size: 28px; line-height:inherit; } .font-30 { font-size: 30px; line-height:inherit; } .font-32 { font-size: 32px; line-height:inherit; } .font-34 { font-size: 34px; line-height:inherit; } .font-36 { font-size: 36px; line-height:inherit; } .font-38 { font-size: 38px; line-height:inherit; } .font-40 { font-size: 40px; line-height:inherit; } .font-42 { font-size: 42px; line-height:inherit; } .font-44 { font-size: 44px; line-height:inherit; } .font-46 { font-size: 46px; line-height:inherit; } .font-48 { font-size: 48px; line-height:inherit; } .font-50 { font-size: 50px; line-height:inherit; } .font-52 { font-size: 52px; line-height:inherit; } .font-54 { font-size: 54px; line-height:inherit; } .font-56 { font-size: 56px; line-height:inherit; } .font-58 { font-size: 58px; line-height:inherit; } .font-60 { font-size: 60px; line-height:inherit; } .font-80 { font-size: 80px; line-height:inherit; } .font-100 { font-size: 100px; line-height:inherit; } .line-height-10 { line-height: 14px; } .line-height-12 { line-height: 14px; } .line-height-14 { line-height: 14px; } .line-height-16 { line-height: 16px; } .line-height-18 { line-height: 18px; } .line-height-20 { line-height: 20px; } .line-height-20 { line-height: 20px; } .line-height-22 { line-height: 22px; } .line-height-24 { line-height: 24px; } .line-height-25 { line-height: 25px; } .line-height-26 { line-height: 26px; } .line-height-28 { line-height: 28px; } .line-height-30 { line-height: 30px; } .line-height-32 { line-height: 32px; } .line-height-34 { line-height: 34px; } .line-height-36 { line-height: 36px; } .line-height-38 { line-height: 38px; } .line-height-40 { line-height: 40px; } .line-height-42 { line-height: 42px; } .line-height-44 { line-height: 44px; } .line-height-45 { line-height: 45px; } .line-height-46 { line-height: 46px; } .line-height-48 { line-height: 48px; } .line-height-50 { line-height: 50px; } .line-height-52 { line-height: 52px; } .line-height-54 { line-height: 54px; } .line-height-56 { line-height: 56px; } .line-height-58 { line-height: 58px; } .line-height-60 { line-height: 60px; } .line-height-62 { line-height: 62px; } .line-height-64 { line-height: 64px; } .line-height-66 { line-height: 66px; } .line-height-68 { line-height: 68px; } .line-height-78 { line-height:78px; } .line-height-80 { line-height: 80px;} .line-height-100 { line-height: 100px;} .center-image, .center-block { display:block; margin:0px auto;} .center-text { text-align: center;} .display-block { display:block; } .position-relative { position:relative; } .position-absolute { position:absolute; } .float-left { float:left; } img.float-left {margin-right:30px;} img.float-right {margin-left:30px;float:right;} .clear-right { clear:right; } /** All font colors will be defined here. Refer to style guide for proper names **/ .font-white { color:#ffffff; } .font-lightblue { color:#2774ae; } .font-darkblue { color:#002b49; } .font-seagreen { color:#87af9a; } .font-lightblue { color:#2774ae; } .font-lightgrey { color:#666; } .font-darkgrey { color:#464646; } .font-yellow { color:#f1c403; } .font-darkorange { color:#fa7711; } /** offical fonts **/ .font-darkblue { color: #0b2a49; } .font-darkblue2 { color: #404b66; } .font-darkblue3 { color: #71758b; } .font-coolgray { color: #627172; } .font-coolgray2 { color: #899495; } .font-coolgray3 { color: #b0b8b9; } .font-seafoam { color: #86b09b; } .font-seafoam2 { color: #97b9a6; } .font-seafoam3 { color: #b6ccc0; } .font-iceblue { color: #c4dfe0; } .font-iceblue2 { color: #d2e7e8; } .font-iceblue3 { color: #e1efef; } .font-slate { color: #313939; } .font-slate2 { color: #565958; } .font-slate3 { color: #828282; } .font-yellow { color: #f1c403; } .font-yellow2 { color: #f5d242; } .font-yellow3 { color: #f8e181; } .font-neonblue { color: #2774ae; } .font-neonblue2 { color: #2774ae; } .font-neonblue3 { color: #2774ae; } .font-brightcoral { color: #f47c30; } .font-brightcoral2 { color: #f89a5e; } .font-brightcoral3 { color: #fbba8c; } a.font-white:hover { color:#ffffff; } a.font-lightblue:hover { color:#2774ae; } a.font-darkblue:hover { color:#002b49; } a.font-seagreen:hover { color:#87af9a; } a.font-lightblue:hover { color:#2774ae; } a.font-lightgrey:hover { color:#666; } a.font-darkgrey:hover { color:#464646; } a.font-yellow:hover { color:#f1c403; } a.font-darkorange:hover { color:#fa7711; } /**/ a.font-darkblue:hover { color: #0b2a49; } a.font-darkblue2:hover { color: #404b66; } a.font-darkblue3:hover { color: #71758b; } a.font-coolgray:hover { color: #627172; } a.font-coolgray2:hover { color: #899495; } a.font-coolgray3:hover { color: #b0b8b9; } a.font-seafoam:hover { color: #86b09b; } a.font-seafoam2:hover { color: #97b9a6; } a.font-seafoam3:hover { color: #b6ccc0; } a.font-iceblue:hover { color: #c4dfe0; } a.font-iceblue2:hover { color: #d2e7e8; } a.font-iceblue3:hover { color: #e1efef; } a.font-slate:hover { color: #313939; } a.font-slate2:hover { color: #565958; } a.font-slate3:hover { color: #828282; } a.font-yellow:hover { color: #f1c403; } a.font-yellow2:hover { color: #f5d242; } a.font-yellow3:hover { color: #f8e181; } a.font-neonblue:hover { color: #2774ae; } a.font-neonblue2:hover { color: #2774ae; } a.font-neonblue3:hover { color: #80cae8; } a.font-brightcoral:hover { color: #f47c30; } a.font-brightcoral2:hover { color: #f89a5e; } a.font-brightcoral3:hover { color: #fbba8c; } /** Background colors for title block lines, rows, columns, etc. **/ /*.card { background: transparent; }*/ .background-white { background-color:#fff; } .background-lightblue { background-color:#2774ae; } .background-darkblue {background-color:#002b49; } .background-greyblue {background-color:#404b66; } .background-darkgreyblue {background-color:#353e54; } .background-seagreen {background-color:#87af9a; } .background-yellow {background-color:#f1c403; } .background-darkorange {background-color:#ff8030; } .background-lightgrey {background-color:#f8f8f8; } .background-medgrey { background-color:#f1f1f3; } .background-red { background-color:#e62117; } .background-darkred {background-color: #c50008; } a.background-white:hover { background-color:#fff; } a.background-lightblue:hover { background-color:#2774ae; } a.background-darkblue:hover {background-color:#002b49; } a.background-greyblue:hover {background-color:#404b66; } a.background-darkgreyblue:hover {background-color:#353e54; } a.background-seagreen:hover {background-color:#87af9a; } a.background-yellow:hover {background-color:#f1c403; } a.background-darkorange:hover {background-color:#ff8030; } a.background-lightgrey:hover {background-color:#f8f8f8; } a.background-medgrey:hover { background-color:#f1f1f3; } a.background-red:hover { background-color:#e62117; } a.background-darkred:hover {background-color: #c50008; } .hover-background-lightblue { transition: background-color 0.5s ease; } .hover-background-lightblue:hover { background-color:#2774ae; } .hover-background-darkorange { transition: background-color 0.5s ease; } .hover-background-darkorange:hover { background-color:#ff8030; } .hover-background-yellow { transition: background-color 0.5s ease; } .hover-background-yellow:hover { background-color:#f1c403; } .hover-background-lightgrey { transition: background-color 0.5s ease; } .hover-background-lightgrey:hover { background-color:#f8f8f8; } /** Borders **/ .border-lightgrey { border:1px solid #f1f1f3; } /** MED GREY fix for pages that need their background-lightgrey darker **/ body.bg-medgrey .background-lightgrey, body.bg-medgrey .component-column-promo-content.promo-scheme-lightgrey, body.bg-medgrey .section-background-lightgrey { background-color: #f1f1f3;} /** margin and padding management for containers **/ .margin-top-bottom-large { margin-top: 80px; margin-bottom: 80px; } .margin-top-large { margin-top: 80px; } .margin-bottom-large { margin-bottom: 80px; } .margin-top-bottom-medium { margin-top: 40px; margin-bottom: 40px; } .margin-top-medium { margin-top: 40px; } .margin-bottom-medium { margin-bottom: 40px; } .margin-top-bottom-small { margin-top: 20px; margin-bottom: 20px; } .margin-top-small { margin-top: 20px; } .margin-bottom-small { margin-bottom: 20px; } .margin-large { margin: 80px; } .margin-medium { margin: 40px; } .margin-small { margin: 20px; } .margin-sides-large { margin-left: 80px; margin-right:80px; } .margin-sides-medium { margin-left: 40px; margin-right:40px; } .margin-sides-small { margin-left: 20px; margin-right:20px; } .margin-sides-none { margin-left: 0; margin-right:0; } .margin-top-none { margin-top:0; } .margin-bottom-none { margin-bottom:0; } .padding-top-bottom-large { padding-top: 80px; padding-bottom: 80px; } .padding-top-large { padding-top: 80px; } .padding-bottom-large { padding-bottom: 80px; } .padding-top-bottom-medium { padding-top: 40px; padding-bottom: 40px; } .padding-top-medium { padding-top: 40px; } .padding-bottom-medium { padding-bottom: 40px; } .padding-top-bottom-small { padding-top: 20px; padding-bottom: 20px; } .padding-top-small { padding-top: 20px; } .padding-bottom-small { padding-bottom: 20px; } .padding-large { padding: 80px; } .padding-medium { padding: 40px; } .padding-small { padding: 20px; } .padding-sides-large { padding-left: 80px; padding-right:80px; } .padding-sides-medium { padding-left: 40px; padding-right:40px; } .padding-sides-small { padding-left: 20px; padding-right:20px; } .padding-sides-none { padding-left: 0; padding-right:0; } .padding-top-none { padding-top:0; } .padding-bottom-none { padding-bottom:0; } /*** Don't use ***/ .content-padding-small { padding:20px; } /*** Don't use ***/.content-padding-medium { padding:30px; } /*** Don't use ***/.content-padding-large { padding:50px; } .image-fill { overflow: hidden; } .image-fill img { height:100%; width: auto; max-width: none; } .flex-video, .responsive-embed { margin-bottom: 0; } /** Adding column gutters for news sections **/ .column-gutter, .columns-gutter { padding-left: 0.9375rem; padding-right: 0.9375rem; } .column-padding-none { padding: 0px !important; } .column-margin-none { margin: 0px !important; } .cms-desktop-menu { -webkit-font-smoothing: inherit; } /** Global Navigation **/ /* .cms-anderson-logo {height:auto; transition: height .5s; -webkit-transition: height .5s; /* Safari 3.1 to 6.0 */ .cms-anderson-logo { width: 230px; min-width: 230px; max-width: 230px; padding: 0; margin-top: 0; height: auto; margin-left: 10px; } .global-navigation-menu-FW { padding: 0 40px 0 40px; max-width: 100%; -webkit-font-smoothing: antialiased;} .global-navigation-menu-FW ul { background-color:#f8f8f8; border: 0; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom: 1px solid #dadada; min-width: 240px; padding-top: 0px; margin-top:-1px;} .global-navigation-menu-FW .is-dropdown-submenu {z-index: 2 !important;} .global-navigation-menu-FW .is-dropdown-submenu>li { border-bottom: 1px solid #f1f1f1; } .global-navigation-menu-FW .is-dropdown-submenu li a:hover { color:#2774ae; text-decoration: underline;} .global-navigation-menu-FW li a {padding: 1.3rem 1rem; } .global-navigation-menu-FW ul li a {padding: .7rem 1rem !important; } .globalnav-logo-row {width:100%; height:90px; border-bottom:1px solid #dfdfdf; background-color:#fff; padding:0; margin-right: auto !important; margin-left: auto !important; transition: height .5s; -webkit-transition: height .5s; /* Safari 3.1 to 6.0 */ overflow:hidden;} .is-stuck .globalnav-logo-row { height:0; } /* .is-stuck .globalnav-logo-row { height:0; } .is-stuck .globalnav-logo-row .columns {height:0; } .is-stuck .global-sub-links { height: 0; } .is-stuck .cms-anderson-logo {height:0; } */ [data-sticky] {z-index: 1000; width: 100%; } .nav-down .globalnav-logo-row { height: 90px; } .nav-down .globalnav-logo-row .columns {height: 90px; } .nav-down .cms-anderson-logo {height: auto; margin-top: 10px;} .nav-up .global-sub-links { height: 0; } /** Hiding Global Navigation on scroll down **/ .global-navigation-menu-FW { padding: 0 40px 0 40px; max-width: 100%; height:55px; transition: height .2s; -webkit-transition: height .2s; /* Safari 3.1 to 6.0 */ } .is-stuck .global-navigation-menu-FW { height:0; overflow:hidden; } .nav-down .global-navigation-menu-FW { height:55px; overflow:inherit !important;} .nav-up .global-navigation-menu-FW {/* overflow:hidden; */ } /** global sub links **/ .global-sub-links { /* float:left; */ clear:right; font-size: 13px; color: #006198; margin-top: 18px; float:right; vertical-align: middle; -webkit-font-smoothing: subpixel-antialiased; /*font-family: 'open sans', Verdana, sans-serif;*/ margin-right: 11px;} .global-sub-links a { padding: 0 10px; color: #006198 !important; } .global-sub-links .weather-preview { margin-right: 10px; color:#2774ae; } .global-sub-links .weather-preview .icon-thermometer {vertical-align: middle;} .search-drop-button { width: 50px; height: 30px; display: block; float: left; margin-top: -5px;} .search-drop-container { width: 300px !important; background: #fff; border: 1px solid #dadada; padding: 6px 10px 0 10px; margin: 0; } .search-drop-container input {font-size: 12px !important; color:#777;} .search-drop-container td.gsc-input { padding: 9px 0 0 0 !important;} .search-drop-container input.gsc-input { padding: 0 10px; height: 1.35em;} .search-drop-container .gsc-input-box { border:#fff !important; } .search-drop-container .gsc-search-box .gsc-input>input:focus, .search-drop-container .gsc-input-box-focus { -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.3) !important; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.3) !important; box-shadow: inset 0 0px 0px rgba(0,0,0,.3) !important; } .icon-menu { margin-right: 0 !important;} /** Local Navigation **/ .local-navigation-bar { width:100%; height:48px; /* border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; */ background: #f7f7f7; color:#323232; padding: 0;} .local-navigation-bar .dropdown.menu {float:left; clear:right; height: 48px; /* max-width: 350px; */ } /** Link font-size/line-height (default is 14/22)*/ .local-navigation-bar li a { font-size:14px !important; line-height: 20px !important; padding: .5rem 1rem; /*font-size:13px !important; line-height: 20px !important; padding: .3rem 1rem !important;font-family: 'open sans', Verdana, sans-serif;*/ } .local-navigation-bar .top-level {min-width: 275px; padding: 0 40px 0 20px; text-transform: none !important; position:relative; border-top: 0;background: #ededed; height: 48px; margin-right:20px;} /** Top most dropdown should stay larger font size **/ .local-navigation-bar li a.top-level-link { color:#2774ae; font-size:16px !important; line-height: 24px !important;padding: .7rem 1rem !important; text-decoration:none !important;} .local-navigation-bar li.is-active a.top-level-link { color:#2774ae; } .local-navigation-bar a { color:#323232; } .local-navigation-bar a:hover { color:#2774ae; } .local-navigation-bar .is-submenu-item { min-width: 275px; padding: 5px 40px 5px 20px; text-transform: none !important; position:relative; border-bottom:1px solid #dfdfdf;} .local-navigation-bar .is-submenu-item:last-child {border-bottom:0} .local-navigation-bar ul.is-dropdown-submenu {border:0; box-shadow: 0px 0px 0px 1px #dfdfdf; margin-top:1px;} .local-navigation-bar ul.is-dropdown-submenu a { padding: .5rem 1rem;} .local-navigation-bar ul.is-dropdown-submenu ul {border:0; box-shadow: 0px 0px 0px 1px #dfdfdf; margin-left:1px; margin-top:0px; /** Testing second level bg color **/ background: #f8f8f8;} /** Testing third level bg color **/ /** .local-navigation-bar ul.is-dropdown-submenu ul ul { background: #f3f3f3; } **/ .local-navigation-bar .local-nav-breadcrumbs { font-size:13px !important; color:#c5c5c5; list-style-type: none; margin-left:20px; /* padding: 13px 20px; height: 48px; */ text-indent: 0; padding-top: 14px; } .local-navigation-bar .local-nav-breadcrumbs a:first-child { padding-left: 0; } .local-navigation-bar .local-nav-breadcrumbs a { font-size:13px !important; padding: .5rem .5rem; color:#c5c5c5; text-decoration: underline; } .local-navigation-bar .local-nav-breadcrumbs span.current { padding: .5rem 1rem; text-decoration: none; font-family: 'open sans', Verdana, sans-serif;} .local-navigation-bar .local-nav-breadcrumbs span.current h1 { font-size:13px; line-height: 20px; margin: 0; padding: 0; display: inline; } .local-navigation-bar .local-nav-breadcrumbs h1 { font-size:13px; line-height: 20px; margin: 0; padding: 0; display: inline; } /* Arrows */ .local-navigation-bar .dropdown.menu>li.is-dropdown-submenu-parent.top-level>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; right: 23px; margin-top: -3px; } .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {right: 25px !important;border-color: transparent transparent transparent #777; } .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active>a:after { right: 25px !important; border-color: transparent transparent transparent #2774ae; } /** dropdown dark theme **/ .local-navigation-bar.theme-dark { background: #002c48; color:#fff; /* border-bottom:1px solid #002c48; */} .local-navigation-bar.theme-dark .top-level { background-color:#404b66; border-right:1px solid #404b66;} .local-navigation-bar.theme-dark .top-level a.top-level-link { color:#fff; -webkit-font-smoothing: subpixel-antialiased;} .local-navigation-bar .theme-dark .local-nav-breadcrumbs { color:#fff; -webkit-font-smoothing: subpixel-antialiased; } .local-navigation-bar .theme-dark .local-nav-breadcrumbs a{ color:#fff; } .local-navigation-bar.theme-dark .dropdown.menu>li.is-dropdown-submenu-parent>a.top-level-link:after { /* right: -19px !important; */ border-color: #ffffff transparent transparent !important; } /** dropdown light theme **/ .local-navigation-bar.theme-light { background: #fff; color:#999; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;} .local-navigation-bar.theme-light .top-level { background-color:#fff; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } .local-navigation-bar.theme-light .top-level a.top-level-link { color:#2774ae;} .local-navigation-bar.theme-light .local-nav-breadcrumbs { color:#999; } .local-navigation-bar.theme-light .local-nav-breadcrumbs a{ color:#999; } .local-navigation-bar.theme-light .dropdown.menu>li.is-dropdown-submenu-parent>a.top-level-link:after { /* right: -19px !important; */ border-color: #2774ae transparent transparent !important; } /** Show and hide on scroll **/ .local-navigation-bar .menu-show { display:block !important; -webkit-transition: display .5s ease; -moz-transition: display .5s ease; -o-transition: display .5s ease;} .local-navigation-bar .menu-hide { display:none !important; -webkit-transition: display .5s ease; -moz-transition: display .5s ease; -o-transition: display .5s ease;} /** Local Search bar **/ .local-nav-breadcrumbs .search-drop-button { padding-top: 3px !important; height:25px; margin-right: 10px; float:right; overflow: hidden;} .local-nav-breadcrumbs .search-drop-button .icon-magnifier { height:28px; float:right; color: #fff; font-size:20px; } .nav-down .local-nav-breadcrumbs .search-drop-button { display:none; } .nav-up .local-nav-breadcrumbs .search-drop-button { opacity:1; display:block; } /** Local Navigation Changes **/ .local-navigation-bar a { color: #333; } .local-navigation-bar a:hover { color:#aaa; text-decoration: underline;}/*#2774ae underline*/ .local-navigation-bar a:active { color: #2774ae !important; } /* to make the link subtle for submenu parent*/ .local-navigation-bar .is-dropdown-submenu-parent.is-dropdown-submenu-item a:hover { color:#aaaaaa!important; text-decoration: none!important;} .local-navigation-bar .is-dropdown-submenu-item a:hover { color:#2774ae!important; text-decoration: underline!important;} .local-navigation-bar .is-dropdown-submenu-parent.is-dropdown-submenu-item ul.is-dropdown-submenu .is-dropdown-submenu-item a:hover { color:#2774ae!important; text-decoration: underline!important;} .local-navigation-bar .is-dropdown-submenu-parent.is-dropdown-submenu-item ul.is-dropdown-submenu .is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item a:hover { color:#aaaaaa!important; text-decoration: none!important;} .local-navigation-bar .is-dropdown-submenu-parent.is-dropdown-submenu-item ul.is-dropdown-submenu .is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item ul.submenu.is-dropdown-submenu .is-submenu-item.is-dropdown-submenu-item a:hover { color:#2774ae!important; text-decoration: underline!important;} /** .local-navigation-bar ul.js-dropdown-active li.is-active a { text-decoration:underline;} .local-navigation-bar ul.js-dropdown-active li.is-active a:after { } **/ ul.menu.submenu.is-dropdown-submenu.vertical.js-dropdown-active li.is-submenu-item.is-dropdown-submenu-item ul li a {text-decoration:none;} ul.menu.submenu.is-dropdown-submenu.vertical.js-dropdown-active li.is-submenu-item.is-dropdown-submenu-item ul li a:hover {text-decoration:underline;} ul.menu.submenu.is-dropdown-submenu.vertical.js-dropdown-active li.is-submenu-item.is-dropdown-submenu-item ul li a:after {} .local-navigation-bar ul li.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-right a:first-child:hover { text-decoration:underline;} .local-navigation-bar ul li.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-right ul.menu.submenu.is-dropdown-submenu.vertical li.is-submenu-item.is-dropdown-submenu-item ul li ul li a:hover { text-decoration:underline;} .nav-up .local-navigation-bar { position: relative; z-index: 100; } .nav-down .local-navigation-bar { position: relative; z-index:inherit; } /** Replacing Local menu arrow with hover arrow **/ /** Adding Arrow Back **/ /** .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { display: block; width: 0; height: 0; border: 0px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } **/ .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:hover:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {right: 25px !important;border-color: transparent transparent transparent #777; } .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active>a:hover:after { right: 25px !important; border-color: transparent transparent transparent #2774ae; } .local-navigation-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active>a:after { right: 25px !important; border-color: transparent transparent transparent #2774ae; } /** Adding Hamburger Icon to Local Nav **/ .local-navigation-bar.theme-dark .top-level { background: #2774ae url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/icons/subnav-menu-icon.png) 20px 16px no-repeat; padding: 0 40px 0 40px; } .local-navigation-bar ul.is-dropdown-submenu a { padding: .5rem 1rem .5rem .1rem; } /** Mobile Navigation (off canvas) Drilldown **/ /*** REMOVE BACKGROUND FROM: .cms-off-canvas-container in APP.CSS ADD 20 PIXELS WIDTH TO: .position-right in APP.CSS ADD CLASSES "float-left clear-right" and to cms-gcse-search-icon-container in-line and add "width:30px;" to ".cms-gcse-search-icon-container" in app.css ADD CLASS "float-left" to "cms-gcse-search-box-container" in-lin and REMOVE "float:right" property on .cms-gcse-search-box-container in app.css ***/ .cms-off-canvas-container { background-color: #fff; background-image: none; background-repeat: repeat-x; } .off-canvas-bg { background: #fff url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/mobile-nav-bg.jpg) center top repeat-x; } .is-drilldown { margin-top: 40px; height:auto; ;background-color:#fff; } .mobile-nav-drilldown .is-drilldown-submenu { background-color:#fff; } .mobile-nav-drilldown { clear:both; width:100%; /* border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; */ background-color:#fff; color:#323232; padding: 0; } .mobile-nav-drilldown a { color: #808080; padding: 17px 20px !important; border-bottom: 1px solid #e6e6e6; font-family: 'open sans regular', Verdana, sans-serif; font-size:15px; line-height: 20px !important;} /** Off Canvas Search Bar **/ .cms-gcse-search-box-container { width: 235px !important; background: #fff; border: 1px solid #dadada; padding: 6px 10px 0 10px; margin: 10px 0 0 15px; } .cms-gcse-search-box-container input {font-size: 12px !important; color:#777; box-shadow: inset 0 0px 0px hsla(0,0%,4%,.1);} .cms-gcse-search-box-container input:focus {font-size: 12px !important; color:#777; box-shadow: inset 0 0px 0px hsla(0,0%,4%,.1) !important;} .cms-gcse-search-box-container td.gsc-input { padding: 9px 0 0 0 !important;} .cms-gcse-search-box-container input.gsc-input { padding: 0 10px; height: 1.35em;} .cms-gcse-search-box-container .gsc-input-box { border:#fff !important; } .cms-gcse-search-box-container .gsc-search-box .gsc-input>input:focus, .cms-gcse-search-box-container .gsc-input-box-focus { -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.3) !important; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.3) !important; box-shadow: inset 0 0px 0px rgba(0,0,0,.3) !important; } .cms-gcse-search-icon-container { padding: 23px 0 0 16px; } .cms-footer-container { max-width: 100% !important; background-color: #262d3d; } .cms-sticky-container { max-width: none !important; } .cms-sticky-row .row.columns.expanded { min-width:auto; } /** Titles **/ .mobile-nav-title { font-size: 17px !important; color:#b3b3b3; /* font-family: 'open sans semibold', Verdana, sans-serif; */ /* font-size:15px; */ text-align: center; padding: 22px 20px 0 20px; text-transform: uppercase;} /** Arrows **/ .mobile-nav-drilldown .is-drilldown-submenu-parent>a:after { border-color: transparent transparent transparent #0797d0; } .mobile-nav-drilldown .js-drilldown-back>a:before { border-color: transparent #0797d0 transparent transparent; } /** Back Button **/ .mobile-nav-drilldown .js-drilldown-back a { color:#0797d0; line-height: 14px !important; text-transform: uppercase; font-size:12px; padding-top:1px; font-family: 'open sans regular', Verdana, sans-serif; border-bottom: 1px solid #e6e6e6;} .mobile-nav-drilldown .level-3 .js-drilldown-back a { border-bottom: 1px solid #899495; } /** Title Blocks **/ .title-block { margin-top: 50px;margin-bottom: 30px;max-width: 85%;margin-left: auto; margin-right: auto; } .title-block .title-line { width:0; height:0; /* width:52px; height:6px; */ margin: 0 auto 25px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display:none; } .title-block .title-line-bottom {width: 40px;height: 4px;margin: 11px auto 25px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display: block;background-color: #f1c403;} .title-block .title-line h2 { text-align:center; text-transform: capitalize; margin-bottom:25px; } .title-block h2 { -webkit-font-smoothing: antialiased; } .title-block p.main-title-subline { color:#323232; font-size: 18px;width: 80%;margin: 20px auto 40px auto;line-height: 1.7em; } .hide-bottom-title-line .title-block:first-of-type .title-line-bottom { display:none; } .social.title-block { margin-bottom: 5px!important;} /** Add the subheader class if its going in an existing section as a subheader that doesn't need as much margin above and below **/ .title-block.subheader { margin-top: 50px; margin-bottom: 50px; } /* title inside of the hero block with accent - sitting over hero image **/ .hero .title-block { position: relative; top: 0px; text-align: center; z-index: 500; width: 100%; /* margin-top: 3%; */ } .hero .title-block.position-absolute { position: absolute; } .hero-inner-title {width:100%;} .hero-inner-title .title-block { margin-top: 50px; margin-bottom:40px; } .hero-inner-title-image { width:100%; margin-top:-6%; position:relative; z-index:100; } .align-center .program-circle { width: 120px; height: 120px; text-align: center; font-size: 25px; margin-left: auto; margin-right: auto; } .program-circle { width: 120px; height: 120px; text-align: center; font-size: 25px; line-height:105px; margin-left: 20px; margin-right:20px; } .program-circle.border-white { border-radius: 50%; border: 6px solid #ffffff; } .program-circle.border-lightblue { border-radius: 50%; border: 6px solid #2774ae; } .program-circle.border-darkblue { border-radius: 50%; border: 6px solid #002b49; } .program-circle.border-lightgrey { border-radius: 50%; border: 6px solid #d7d7d7; } .program-circle.border-darkgrey { border-radius: 50%; border: 6px solid #d7d7d7; } .program-circle.border-coolgrey { border-radius: 50%; border: 6px solid #899495; } .program-circle.border-orange { border-radius: 50%; border: 6px solid #ff7e39; } .program-circle.border-yellow { border-radius: 50%; border: 6px solid #ffcc18; } .program-circle.border-seafoam { border-radius: 50%; border: 6px solid #87af9b; } .program-circle.border-darkorange { border-radius: 50%; border: 6px solid #f57d2e; } .program-circle.border-seagreen { border-radius: 50%; border: 6px solid #86b09b; } /** adding full width option for foundation grid **/ .fullwidth { width: 100% !important; margin-left: auto; margin-right: auto; max-width: initial; } .element { order: 1; } /* new homepage */ .home-banner {} .home-banner-content {width:100%;position:absolute; bottom:6px; z-index:100;} .home-banner-content h3{ color:#fff; text-align:center; /* font-family: 'open sans semibold', Verdana, sans-serif; */ font-size: 32px;} .home-banner-content p {color:#fff; text-align:center; font-size: 18px;} .home-banner-date { color:#fff; border:1px solid #fff !important; background: none; } .home-banner-image { width:100%; height:auto; position:relative; z-index:10;} .title-block-homepage h2, .homepage .title-block h2 {font-size: 34px;line-height: 40px;margin-top: 40px; margin-bottom: 15px;} .home-blue-block {background: #0072bc; width: 320px; height: 196px; margin-top: 70px; margin-left: 30px; } .home-blue-block.right {position: absolute;right: 30px;height: 228px;margin-top: 55px; } .home-blue-block h3 {font-size:30px; line-height:38px; } .home-blue-block p {font-size:17px; color:#fff;-webkit-margin-after: .5em;} .home-img {background-size: 100%; background-repeat:no-repeat; background-position:center top; height:27em;} .caps { text-transform:uppercase;} a.button.button-small.font-white.background-darkred { padding: 0.52em 1.1em;} a.button.button-small.font-white.background-darkred img {width:20px;height:20px;} .height-fix {min-height:608px;} /* faculty feature*/ .background-darkblue2 {background-color:#061e2f; } .font-xsmall {font-size:13px; line-height: .7em; } /*fix for h1 on press releases*/ .width-60-percent.mobile-width-100-percent .padding-top-small h1 { font-size: 21px; line-height: 30px;} /*calendar new .calendar { } .calendar-listing { background:#f1f1f3; height:120px; width:100%;margin-bottom:26px; clear:both;} .calendar-listing-date { background:#DFDFDF; width:33%; float:left; clear:right; padding: 10px 0;} .calendar-listing-day { font-size:35px; color:#2774ae;font-family: 'open sans bold', Verdana, sans-serif;} .calendar-listing-month { font-size:14px; color:#2774ae; margin-top: -6px; text-transform:uppercase;} .calendar-listing-content { float:left; width:64%; padding: 2%;} .calendar-listing-title { font-size:16px; } .calendar-listing-desc { } .calendar-listing-link { font-size:14px; color:#2774ae; } */ /*calendar old */ .calendar { } .calendar-listing { background:#f1f1f3; height:120px; width:100%;margin-bottom:26px; clear:both;} .calendar-listing-date { background:#DFDFDF; height:120px; width:120px; float:left; } .calendar-listing-day { font-size:35px; color:#2774ae;font-family: 'open sans bold', Verdana, sans-serif;padding-top: 0.6em;} .calendar-listing-month { font-size:14px; color:#2774ae;/* font-family: 'open sans semibold', Verdana, sans-serif; */ margin-top: -6px; text-transform:uppercase;} .calendar-listing-content {padding: 1em ; float:left; width:66%} .calendar-listing-title { font-size:16px; /* font-family: 'open sans semibold', Verdana, sans-serif; */ } .calendar-listing-desc { } .calendar-listing-link { font-size:14px; color:#2774ae;/* font-family: 'open sans semibold', Verdana, sans-serif; */ } /* Medium only 1024px - 1120px interim size for calendar block*/ @media screen and (min-width: 63.9375em) and (max-width: 70.000em) { .calendar-listing-content {padding: 1.2em ; float:left; width:61%} } .faculty-profile.small .desc {width: 68%; } .faculty-profile.small .thumb { width: 28%;height: auto;} .faculty-profile.small .thumb img {margin: 0px auto;display: block;width: 86px !important; height: 86px !important;} img.faculty-feature, img#faculty-feature{ height:100% !important;} /* About/ Who's who page styles*/ .sidebar{ z-index: initial !important;} .sidebar-button { margin:0 16px;border-bottom:1px solid #c3dfe0;padding:25px 50px 25px 25px;} .sidebar-button:first-child { border-top:1px solid #c3dfe0;} .circle-seafoam-arrow { background:url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/circle-arrow-down.png) no-repeat; background-position:right center; } .whoswho { padding:0 50px;} .whoswho p { font-size:.9em; -webkit-font-smoothing: subpixel-antialiased; } .whoswho h4 {margin:45px auto 25px auto;} .whoswho a,.whoswho a:hover{color:#7fa692; } .sidebar.sticky.is-at-top.is-stuck {margin-top:6em!important;} /* About page */ .divider-lightblue {border-bottom: 1px solid #2774ae; width: 30px; text-align: center;margin:6px auto;} /* clubs */ .show-3 .component-profile-column-4:nth-child(4),.show-3 div:nth-child(4) {display:none} .show-2 .component-profile-column-4:nth-child(4), .show-2 .component-profile-column-4:nth-child(3), .show-2 div:nth-child(4), .show-2 div:nth-child(3) {display:none} /** .show-1 .component-profile-column-4:nth-child(4),.show-1 .component-profile-column-4:nth-child(3), .show-1 .component-profile-column-4:nth-child(2),.show-1 div:nth-child(4),.show-1 div:nth-child(3),.show-1 div:nth-child(2) {display:none} **/ /* promo large-5 equalizar (degrees page) */ .width-210 {width:210px;} .resources-accordion .component-accordion-container .accordion .accordion-title {margin-top: -40px;} /** homepage styles **/ .hero { width: 100%; height: auto; max-height:600px; /* max-height:850px; */ overflow: hidden; display: block; margin: 0px auto; position: relative;} .hero .arrow-down-overlay { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/white-bg-overlay.png) center top no-repeat; position:absolute; width:100%; height:600px; bottom:-378px;} .desktop-remove {display:none; } .hero-arrow-overlay-container2 { width:100%; height:auto; overflow:hidden; position:absolute; } .hero-arrow-overlay-container2 img { vertical-align: bottom !important;} .hero-arrow-overlay-container2 .arrow-overlay { width:100%; height:auto; } /** Two/Three Speakers, not implemented .hero-speaker-thumb.two-speakers { width:33%; float:left; clear:right; margin-left:33%;} .hero-speaker-thumb.two-speakers:first-child { margin-left:33%;} .hero-speaker-thumb.three-speakers { width:33%; float:left; clear:right; } **/ /** Gradient arrow backgrounds **/ /** Container with top cap **/ .arrow-block-container-top { width: 100%; position: relative; } .arrow-block-container-top img { width: 100%; position: relative; vertical-align: top; } .arrow-block-container-top .arrow-overlay-container { width:100%; /* height:150px; */ height:auto; overflow:hidden; position:relative; top:0px; } .arrow-block-container-top .arrow-overlay { width:100%; } .arrow-block-container-top .title-line { width:0; height:0; /* width:52px; height:6px; */ display:block; margin: 0 auto 25px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .arrow-block-container-top h2 { text-align:center; } /** Container with bottom cap **/ .arrow-block-container-bottom { width: 100%; position: relative; } .arrow-block-container-bottom .arrow-overlay-container { width:100%; /* height:150px; */ height:auto; overflow:hidden; position:absolute; bottom:0px;z-index: 500; } .arrow-block-container-bottom .arrow-overlay { width:100%; } .arrow-block-container-bottom .title-line { width:0; height:0; /* width:52px; height:6px; */ display:block; margin: 20px auto 10px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .arrow-block-container-bottom h2 { text-align:center; } /** Gradient backgrounds sets **/ .lightblue-gradient-bottom { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-bottom-arrow.png) center bottom no-repeat; } .lightblue-gradient-bottom.small-gradient { background-position: center -450px; } .lightblue-gradient-bottom.large-gradient { background-position: center bottom; } .lightblue-gradient-top { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-top-arrow.png) center top no-repeat; } .lightblue-gradient-top.small-gradient { background-position: center -450px; } .lightblue-gradient-top.large-gradient { background-position: center bottom; } .darkblue-gradient-bottom { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-bottom-arrow.png) center bottom no-repeat; } .darkblue-gradient-bottom.small-gradient { background-position: center -450px; } .darkblue-gradient-bottom.large-gradient { background-position: center bottom; } .darkblue-gradient-top { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-top-arrow.png) center top no-repeat; } .darkblue-gradient-top.small-gradient { background-position: center -450px; } .darkblue-gradient-top.large-gradient { background-position: center bottom; } /** Hero Components **/ /* Main Hero Component With Headline w/accent, logo, paragraph, button */ .hero-content { min-height: 300px; } .hero-content .spacer { height: 50px; margin-left: auto; margin-right: auto; display: block;} .hero-content .spacer-bottom { height: 60px; margin-left: auto; margin-right: auto; display: block;} .hero-content .title-block { margin-bottom:30px; margin-top: 0; } .hero-content .hero-content-image { } .hero-content .hero-content-subline { padding-left:20px; padding-right:20px; margin-top:50px; margin-bottom:50px; display:block; font-size: 22px;line-height: 35px;width: 60%;margin: auto; } .hero-content-full-width-subline .hero-content .hero-content-subline { padding-left:20px; padding-right:20px; margin-top:50px; margin-bottom:50px; display:block; font-size: 22px;line-height: 35px;width: 100%;margin: auto; } .hero-content .chevron-overlay { line-height: 0; } .hero-content .button { position:relative; z-index: 600;} .hero-content .main-title:after { width: 40px; height: 4px; margin: 11px auto 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; background-color: #f1c403; } .parallax-background .hero-content.large-hero { min-height: 500px; } .home-hero-june-subline { font-size:30px; line-height:38px; max-width:700px;margin:230px auto 30px auto; } .home-hero-june-subline .tagline { margin-bottom: 10px; } /** Styles for adding a large circle speaker on the hero **/ .hero-speaker { min-height:600px; } .hero-speaker-thumb { position: relative; width:100%; display: block; text-align: center; margin-top:-20%; margin-bottom: 0%; z-index: 600; } .hero-speaker-thumb img { display: block; margin: 0 auto; max-width: 375px; min-width: 248px;} .hero-speaker { min-height:600px; } .hero-speaker-thumb2 { position: absolute; left: 50%; top: -20%; transform: translate(-50%, -50%); width: 100%; z-index: 600; } .hero-speaker-thumb2 img { display: block; margin: 0 auto; max-width: 375px; min-width: 248px;} /** Straight edged hero with large headline anchored to bottom **/ /* NEW CSS KEEP */ .hero-flat { overflow:hidden;/* max-height:700px; */ min-height:inherit; margin-bottom:10px; position:relative;} .hero-flat-margin-none {margin-bottom: 0px;} .hero-flat .hero-flat-image {width:100%; height: auto; z-index: 100;display: block;} .hero-flat .headline-layer-front { position:absolute; text-transform: uppercase; width:100%; text-align:center; -webkit-font-smoothing: antialiased; font-size: calc(16px + (38 - 16) * (100vw - 320px)/ (800 - 320)); /* font-size: calc( 16px + (24 - 16) * (250vw - 320px) / (800 - 320) ); *//* animation-delay: 1s; position:relative; z-index:900; */ } .hero-flat .inner-div { max-height:inherit; overflow:auto; } .hero-flat .video-headline-layer-front { position:absolute; width:100%; z-index:900; text-align:center; font-size: calc(16px + (38 - 16) * (100vw - 320px)/ (800 - 320)); } .hero-flat-parallax { width: 100%; height: auto; max-height: 700px !important; overflow: hidden; display: block; margin: 0 auto; position: relative; } .hero-flat-parallax .headline-layer-front { position:relative; } .hero-flat.hero-flat-parallax .inner-div { max-height:700px; overflow:hidden; } .parallax-background .hero-flat { width: 100%; height: auto; max-height: 700px !important; overflow: hidden; display: block; margin: 0 auto; position: relative; margin-bottom:0px; } .parallax-background .hero-flat .headline-layer-front { position:relative; } .parallax-background .hero-flat .inner-div { max-height:700px; overflow:hidden; } .hero-chevron-overlay-container2 { width:100%; height:auto; overflow:hidden; position:absolute; } .hero-chevron-overlay-container2 img { vertical-align: bottom !important;} .hero-chevron-overlay-container2 .arrow-overlay { width:100%; height:auto; } .hero-flat .wow.fadeInDownMedium { -webkit-animation-name: fadeInDownMedium1; animation-name: fadeInDownMedium1; } .hero-flat .headline-layer-front {animation-delay: 0s !important; animation-duration:0s !important;} .hero-flat:after { } .wrapper:after {padding-top: 56.25%; /* 16:9 ratio */ display: block; content: '';} .hero-flat-video { overflow:hidden;/* max-height:700px; */ min-height:inherit; margin-bottom:40px; position:relative;} .hero-flat-video .hero-flat-image {width:100%; height: auto; z-index: 100;display: block;} .hero-flat-video .video-headline-layer-front { position:absolute; /* position:relative; */ width:100%; /* z-index:900; */ text-align:center; font-size: calc(16px + (38 - 16) * (100vw - 320px)/ (800 - 320)); /* animation-delay: 1s; */ } .hero-flat-video .inner-div { max-height:inherit; overflow:auto; } .hero-flat-video .video-headline-layer-front { position:absolute; width:100%; z-index:900; text-align:center; font-size: calc(16px + (38 - 16) * (100vw - 320px)/ (800 - 320)); } /** Renaming the backgrounds css for components **/ /** Container with top cap renamed **/ .chevron-block-container-top { width: 100%; position: relative; } .chevron-block-container-top .chevron-overlay-container { width:100%; /* height:150px; */ height:auto; overflow:hidden; position:relative; top:0px; } .chevron-block-container-top .chevron-overlay { width:100%; } .hero-content.chevron-block-container-top .chevron-overlay { margin-bottom: 50px; } .chevron-block-container-top .title-line { width:0; height:0; /* width:52px; height:6px; */ display:block; margin: 0 auto 25px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .chevron-block-container-top h2 { text-align:center; } /** Container with bottom cap renamed**/ .chevron-block-container-bottom { width: 100%; position: relative; } .chevron-block-container-bottom .chevron-overlay-container { width:100%; /* height:150px; */ height:auto; overflow:hidden; position:absolute; bottom:-1px;z-index: 500; } .chevron-block-container-bottom .chevron-overlay { width:100%; } .chevron-block-container-bottom .title-line { width:0; height:0; /* width:52px; height:6px; */ display:block; margin: 20px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .chevron-block-container-bottom h2 { text-align:center; } /** Renaming the background sets for components **/ .uclablue-gradient-bottom-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-uclablue-bottom-chevron.jpg) center bottom no-repeat; } .uclablue-gradient-bottom-chevron.small-gradient { background-position: center -450px; } .uclablue-gradient-bottom-chevron.large-gradient { background-position: center bottom; } .lightblue-gradient-bottom-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-bottom-chevron.jpg) center bottom no-repeat; } .lightblue-gradient-bottom-chevron.small-gradient { background-position: center -450px; } .lightblue-gradient-bottom-chevron.large-gradient { background-position: center bottom; } .lightblue-gradient-top-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-top-chevron.jpg) center top no-repeat; } .lightblue-gradient-top-chevron.small-gradient { background-position: center -450px; } .lightblue-gradient-top-chevron.large-gradient { background-position: center bottom; } .darkblue-gradient-bottom-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-bottom-chevron.jpg) center bottom no-repeat; } .darkblue-gradient-bottom-chevron.small-gradient { background-position: center -450px; } .darkblue-gradient-bottom-chevron.large-gradient { background-position: center bottom; } .darkblue-gradient-top-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-top-chevron.jpg) center top no-repeat; } .darkblue-gradient-top-chevron.small-gradient { background-position: center -450px; } .darkblue-gradient-top-chevron.large-gradient { background-position: center bottom; } .orange-gradient-bottom-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-orange-bottom-chevron.jpg) center bottom no-repeat; } .orange-gradient-bottom-chevron.small-gradient { background-position: center -450px; } .orange-gradient-bottom-chevron.large-gradient { background-position: center bottom; } .orange-gradient-top-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-orange-top-chevron.jpg) center top no-repeat; } .orange-gradient-top-chevron.small-gradient { background-position: center -450px; } .orange-gradient-top-chevron.large-gradient { background-position: center bottom; } /** Transparent chevrons **/ .uclablue-gradient-bottom-transparent-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-uclablue-bottom-chevron-transparent.png) center bottom no-repeat; } .uclablue-gradient-bottom-transparent-chevron.small-gradient { background-position: center -450px; } .uclablue-gradient-bottom-transparent-chevron.large-gradient { background-position: center bottom; } .uclablue-gradient-top-transparent-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-uclablue-top-chevron-transparent.png) center top no-repeat; } .uclablue-gradient-top-transparent-chevron.small-gradient { background-position: center -450px; } .uclablue-gradient-top-transparent-chevron.large-gradient { background-position: center bottom; } .lightblue-gradient-bottom-transparent-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-bottom-chevron-transparent.png) center bottom no-repeat; } .lightblue-gradient-bottom-transparent-chevron.small-gradient { background-position: center -450px; } .lightblue-gradient-bottom-transparent-chevron.large-gradient { background-position: center bottom; } .lightblue-gradient-top-transparent-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-top-chevron-transparent.png) center top no-repeat; } .lightblue-gradient-top-transparent-chevron.small-gradient { background-position: center -450px; } .lightblue-gradient-top-transparent-chevron.large-gradient { background-position: center bottom; } .darkblue-gradient-bottom-transparent-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-bottom-chevron-transparent.png) center bottom no-repeat; } .darkblue-gradient-bottom-transparent-chevron.small-gradient { background-position: center -450px; } .darkblue-gradient-bottom-transparent-chevron.large-gradient { background-position: center bottom; } .darkblue-gradient-top-transparent-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-top-chevron-transparent.png) center top no-repeat; } .darkblue-gradient-top-transparent-chevron.small-gradient { background-position: center -450px; } .darkblue-gradient-top-transparent-chevron.large-gradient { background-position: center bottom; } .orange-gradient-bottom-transparent-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-orange-bottom-chevron-transparent.png) center bottom no-repeat; } .orange-gradient-bottom-transparent-chevron.small-gradient { background-position: center -450px; } .orange-gradient-bottom-transparent-chevron.large-gradient { background-position: center bottom; } .orange-gradient-top-transparent-chevron { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-orange-top-chevron-transparent.png) center top no-repeat; } .orange-gradient-top-transparent-chevron.small-gradient { background-position: center -450px; } .orange-gradient-top-transparent-chevron.large-gradient { background-position: center bottom; } /** Sections with solid blocks of color on the bottom only to bleed into the next section with color **/ .lightgrey-solid-bottom-block { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-lightgrey-top-chevron-solid-transparent.png) center bottom no-repeat; } .orange-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/background-orange-tile.png) center top repeat-y; } .blue-green-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-chevron-tile.png) center top repeat-y; } .blue-green-gradient { background: #0095d1 url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/background-blue-green.jpg) center bottom no-repeat; } .white-medgrey-gradient-top { background-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/white-grey-gradient-top.jpg); background-position: top left; background-repeat: repeat-x; } .faculty-news-module { background-position: center 500px; } .container-link { width:100%; height:100%; position:absolute; top:0; left:0; z-index:500; cursor:pointer;} .community-clubs-link-hover { } .community-clubs-link-hover:hover .community-clubs-link { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/community-icons-sprite.png) 0 -105px no-repeat; } .community-clubs-link-hover:hover h4 { color:#fff; } .community-clubs-link { width:105px; height:105px; background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/community-icons-sprite.png) 0 0 no-repeat; } .community-network-link-hover { } .community-network-link-hover:hover .community-network-link { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/community-icons-sprite.png) -105px -105px no-repeat; } .community-network-link-hover:hover h4 { color:#fff; } .community-network-link { width:105px; height:105px; background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/community-icons-sprite.png) -105px 0 no-repeat; } .community-diversity-link-hover { } .community-diversity-link-hover:hover .community-diversity-link { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/community-icons-sprite.png) -210px -105px no-repeat; } .community-diversity-link-hover:hover h4 { color:#fff; } .community-diversity-link { width:105px; height:105px; background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/community-icons-sprite.png) -210px 0 no-repeat; } /** News Card Styles **/ .card { border:0px; border-radius: 0px; position: relative; display: block;} .social-share { width:40px; height: 40px; /* display:block; */ display:none; position:absolute; bottom: 10px; right: 10px; cursor:pointer;} .card.faculty-highlight { min-height: 518px; } .faculty-profile { width: 100%; padding:25px; margin-left: auto; margin-right: auto;} .faculty-profile .thumb { width:48%; height:128px; display:block; float:left; clear:right; margin: 0 2% 0 0; } .faculty-profile .thumb img { margin:0px auto; display: block; width:150px !important; height: 150px !important;} .faculty-profile .desc { width:50%; float:left; font-size:14px; line-height: 24px; text-align: left;} .faculty-profile-row { width: 100%; max-width: 410px; display: inline-block;} .category-tag { height:36px; display:inline-block; /*width: auto !important;*/ border-radius: 100px; padding: 0 27px; text-transform: uppercase; margin:0 0 20px 0; } .category-tag h6 { font-size:12px; line-height:36px; font-family: 'open sans bold', Verdana, sans-serif;} .category-lightblue { background-color:#2774ae; height:36px; display:inline-block; width: auto !important; color:#fff; border-radius: 100px; padding: 0 27px; text-transform: uppercase; margin:0 0 20px 0; } .category-lightblue h6 { font-size:12px; line-height:36px; font-family: 'open sans bold', Verdana, sans-serif; color:#fff; } .category-white { background-color:#fff; height:36px; display:inline-block; width: auto !important; color:#fff; border-radius: 100px; padding: 0 27px; text-transform: uppercase; margin:0 0 20px 0; } .category-white h6 { font-size:12px; line-height:36px; font-family: 'open sans bold', Verdana, sans-serif; } .in-the-news .component-news-item .image-section, .in-the-news .component-profile-row-4 .image-section {visibility: hidden;height: 0!important;display: none;} p.hide-subhead, .in-the-news.hide-subhead .component-news-item p { display:none;} /** parallax test **/ .parallax-background {height: auto; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: fixed; width: 100%; z-index: 1;} .parallax-content { max-width: 100%; position: relative; margin-top: 660px; font-size: 20px; background-color: #fff;z-index: 2; } .parallax-background-inner {height: auto; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: fixed; width: 100%;} .parallax-content-inner { max-width: 100%; position: relative; margin-top: 660px; font-size: 20px; background-color: #fff; } /** News Cards **/ /** Featured Cards **/ /** Image on left **/ .anderson-news { } .anderson-news .card { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /** Featured Card Portrait **/ .anderson-news .card.featured .anderson-news .card.featured .card-section { padding: 0; } .anderson-news .card.featured .content-60 { width: 52%; overflow:hidden; } .anderson-news .card.featured .content-60 .image-section { /* max-height:585px; */ overflow: hidden; /* height:100%; */ width: 100%; } .anderson-news .card.featured .content-60 img { /* height:100%; */ width: auto; max-width: none; } .anderson-news .card.featured .content-40 { padding: 4%; /*overflow:hidden; */-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .anderson-news .card.featured .content-40 img { height:100%; width: auto; max-width: none;} .anderson-news .card.featured .content-40 { width: 48%; /* overflow:hidden; */} /** Featured Card Landscape **/ .anderson-news .card.featured-landscape { width:100%; height: 570px; } .anderson-news .card.featured-landscape .card-section { height:155px; padding: 20px 25px; overflow: hidden; } .anderson-news .card.featured-landscape .image-section { width: 100%; height: 330px; overflow:hidden; } .anderson-news .card.featured-landscape .image-section img { width: 100%; height: auto; } .anderson-news .card.featured-landscape .card-position { text-align: center; position: relative; margin-top: -18px; height: 36px;} .anderson-news .card.featured-landscape .read-story-link { padding:15px 25px 0 25px; } .anderson-news .card.featured-landscape .content-40 { width: 48%; /* overflow:hidden; */} .anderson-news .card-news-bites { width:100%; height: 570px; } .anderson-news .card-news-bites .category-tag { margin: 0; } /** Grid Cards **/ .anderson-news .card .card-section { padding: 25px; } .anderson-news .card .img-contain { max-height: 230px; } /** Card thirds **/ .anderson-news .card.card-third { width: 100%; height:510px; } .anderson-news .card.card-third .image-section { width: 100%; height:180px; overflow: hidden;} .anderson-news .card.card-third .image-section img { width:100%; height: auto;} .anderson-news .card.card-third .card-section { height:240px; padding: 20px 25px; overflow:hidden; } .anderson-news .card.card-third .card-position { text-align: center; position: relative; margin-top: -18px; height:36px;} .anderson-news .card.card-third .card-position .category-tag { height: 36px; display: inline-block; width: auto !important; border-radius: 100px; padding: 0 27px; text-transform: uppercase; margin: 0 0 0 0; } .anderson-news .card.card-third .read-story-link { padding:15px 25px 0 25px; } .anderson-news .card.card-third .image-height-370 { max-height:370px; min-height:370px; overflow:hidden;} .anderson-news .card.card-third .image-height-370.image-section img { height: auto; width:100%; max-width: none;} .anderson-news-inner .card.card-third { height:420px; } .anderson-news-inner .card.card-third .card-section { height: 150px; } /** Card two-thirds **/ .anderson-news .card.card-two-third { width: 100%; } .anderson-news .card.card-two-third .image-section { width: 100%; height:auto; } .anderson-news .card.card-two-third .image-height-370 { max-height:370px; min-height:370px; overflow:hidden; } .anderson-news .card.card-two-third .image-height-370.image-section img { height: auto; width:100%; max-width: none;} .anderson-news .card.card-two-third .card-position { text-align: center; position: relative; margin-top: -43px; } /** Gallery Card **/ .anderson-news .card.card-third-gallery { height:510px; width: 100%; position:relative;} .anderson-news .card.card-third-gallery img { opacity:1; display:block; margin:0px auto; } .anderson-news .card.card-third-gallery .button-overlay { position:absolute; width:100%; bottom: 20px; opacity:1.0; z-index:500;} /** News List Card **/ .anderson-news .news-bites { margin:0; padding:0; } .anderson-news .news-bites li { font-family: 'open sans', Verdana, sans-serif; font-size:15px; line-height:23px; padding: 20px 35px 20px 0; list-style-type: none; background:url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/list-arrow-right-grey.png) right center no-repeat; border-bottom:1px solid #002b49; } .anderson-news .news-bites li:last-child { border-bottom: 0px; } .anderson-news .news-bites li a { color:#002b49; text-decoration: none; } /** Anderson Events Grid Cards **/ .anderson-events .card .card-section { padding: 25px; } .anderson-events .card .img-contain { max-height: 230px; } .news-margin-bottom { margin-bottom: 14px; } /** Events Card thirds **/ .anderson-events .card.card-third { width: 100%;} .anderson-events .card.card-third .image-height-245 { min-height:245px; overflow:hidden;} .anderson-events .card.card-third .image-height-245 img { height: auto; width:100%; max-width: none;} .anderson-events .card.card-third .image-height-370 { max-height:370px; min-height:370px; overflow:hidden;} .anderson-events .card.card-third .image-height-370 img { height: auto; width:100%; max-width: none;} .anderson-events .card.card-third .image-section { width: 100%; height:370px; overflow:hidden;} .anderson-events .card.card-third .image-section img { width: auto; height:100%; max-width: none;} .anderson-events .card.card-third .card-position { text-align: center; position: relative; margin-top: -43px; } /** Events Card two-thirds **/ .anderson-events .card.card-two-third { width: 100%; } .anderson-events .card.card-two-third .image-section { width: auto; height:370px; overflow:hidden; } .anderson-events .card.card-two-third .image-height-370 { max-height:370px; min-height:370px; overflow:hidden; } .anderson-events .card.card-two-third .image-height-370 img { height: auto; width:100%; max-width: none;} .anderson-events .card.card-two-third .card-position { text-align: center; position: relative; margin-top: -43px; } /** Events Card Half **/ .anderson-events .card.card-half { width: 100%; } .anderson-events .card.card-half .image-section { width: auto; /* height:370px; */ height:280px; overflow:hidden; } .anderson-events .card.card-half .image-height-370 { width:100%; height: auto; overflow:hidden; } .anderson-events .card.card-half .image-height-370 img { height: auto; width:100%; max-width: none;} .anderson-events .card.card-half .card-position { text-align: center; position: relative; margin-top: -50px; } /** Video Thumbnails **/ .vid-thumb a.link-overlay { width: 100%; height:100%; display:block; position:absolute; top:0; left:0; cursor:pointer; z-index: 500; } .vid-thumb .play-button-overlay { width:auto; height:auto; display:block; position:absolute; bottom:0px; right:20px; } .vid-thumb .image-section { width: 100%; height:auto; } .vid-thumb-title { font-size: 24px; line-height: 40px; margin-top: 20px; padding: 0 10px; } .vid-thumb-title-small { font-size: 16px;margin-top: 10px;padding: 0 ;line-height: 23px;} h3.vid-thumb-title { line-height: 30px!important; } /** Tabs + Tabs collapsing into accordions **/ .component-tabs .title-block .title-line { display:none; } .component-tabs .title-block h2.main-title { color:#002c48;text-transform: capitalize; } .component-tabs .title-block p.main-title-subline { color:#323232; font-size: 20px; line-height:1.5;} .component-tabs { } .component-tabs .title-block .title-line { display:none; } /** .component-tabs h2.main-title { } **/ .component-tabs p.main-title-subline { font-size: 20px;} /** .component-tabs .accordion, .component-tabs-lightgrey .tabs { } **/ /** .component-tabs ul.tabs li { } **/ .component-tabs ul.tabs li.is-active { border-bottom: 4px solid #404b66;} .component-tabs .tabs-content { padding:20px; font-family: 'open sans', Verdana, sans-serif;} .component-tabs .accordion-content { font-size:14px; line-height:24px; padding:30px; background: none;} .component-tabs .accordion-title { font-size:16px; } /** .component-tabs .accordion-title:focus, .component-tabs .accordion-title:hover { } **/ .component-tabs .accordion-item.is-active a { font-family: 'open sans', Verdana, sans-serif; } ul.tabs { width:100%; border: 1px solid #e6e6e6; font-size:0; } ul.tabs li { height:80px; padding: 20px; /* height:60px; padding: 10px; */ border:1px solid #e6e6e6; margin-top: -1px; margin-left: -1px;} ul.tabs li.is-active { height:80px; padding: 20px; /* height:60px; padding: 10px; background-color:#f8f8f8; */ border-bottom: 4px solid #2774AE; } ul.tabs li.is-active a {color:#2774AE; font-family: "open sans", Verdana, sans-serif; } ul.tabs li.is-active a:hover {-webkit-column-rule: #2774AE; -moz-column-rule: #2774AE; -o-column-rule: #2774AE; column-rule: #2774AE;color:#2774AE; } ul.tabs li.is-active a:active { outline: none; } ul.tabs li a:active { outline: none; } ul.tabs li a { color:#323232; font-size:18px;line-height:42px; background: none !important; padding: 0 20px !important; font-family: "open sans", Verdana, sans-serif;} ul.tabs li a:hover {color: inherit;} ul.tabs.center-tabs { text-align:center;} ul.tabs.center-tabs.left-tabs { text-align:left;} ul.tabs.center-tabs li { display:inline-block; text-align:center;} ul.tabs.center-tabs li.tabs-title { float:none;} ul.tabs.center-tabs li.tabs-title:first-child { border-left:1px solid #e6e6e6; } .tabs-inner ul.tabs.center-tabs { text-align:center;} .tabs-inner ul.tabs.center-tabs.left-tabs { text-align:left;} .tabs-inner ul.tabs.center-tabs li { display:inline-block; text-align:center;} .tabs-inner ul.tabs.center-tabs li.tabs-title { float:none;} .tabs-inner ul.tabs.center-tabs li.tabs-title:first-child { border-left:1px solid #e6e6e6; } .tabs-panel { max-width:1040px; margin:0px auto; -webkit-font-smoothing: subpixel-antialiased;} .tab-width-1200 .tabs-panel { max-width: 75rem; } .left-tabs .center-tabs { text-align:left !important; } /** Final Stand-alone Accordions **/ /** IGX Accordion Holder **/ .component-accordion-container { } .component-accordion-section-description { margin-bottom: 40px; } .component-accordion-holder {background-color:#f8f8f8; display:block; height: auto;position:relative; margin-bottom:15px;} /** .component-accordion-holder:nth-child(even) { background-color:#fff; } .component-accordion-holder:nth-child(odd) { background-color:#fafafa; } **/ .component-accordion-thumb { width:20%; height:auto; max-height:210px; margin: 2%; vertical-align: top; display: block; float:left; clear:right; } .component-accordion-thumb img { display:block; width: 100%; height:auto; } .component-accordion-description { width:75%; height:auto; padding:2% 0 2% 0;display: block; float:left; clear:right;} .component-accordion-description .title { color:#2774ae; padding-right:40px;} .component-accordion-description .description { color:#323232; padding-right:40px;} .component-accordion-content { display:inline-block; width:75%; } .component-accordion-container .accordion { margin-left: 0; background: none; list-style-type: none; } .component-accordion-container .accordion .accordion-title { padding: 20px 0 20px 0 ; border:0; background:none; font-weight:bold; font-size:14px; color:#323232;} .component-accordion-container .accordion .accordion-item.is-active .accordion-title { display:none;} .component-accordion-container .accordion .accordion-item.is-active .accordion-title-close-x { padding: 0px 0 0 0 ; border:0; background:none; font-weight:bold; font-size:14px; color:#323232; height:1px; cursor:pointer;} .component-accordion-container .accordion .accordion-item.is-active .accordion-title-close { padding: 0px 0 0 0 ; border:0; background:none; font-weight:bold; font-size:14px; color:#323232; clear:both; cursor:pointer;} .component-accordion-container .accordion .accordion-content { padding: 20px 40px 0 0; font-size:16px; color:#323232; line-height:26px; border:0; background-color:transparent;} .component-accordion-container .accordion .accordion-content p { font-size:16px; color:#323232; line-height:26px;} :last-child>.accordion-content:last-child { } :last-child:not(.is-active)>.accordion-title { } .accordion-title:before { position: absolute; top: 20px; right: 1rem; margin-top: -.5rem; content: "\e93a";font-family: 'Linearicons';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } .is-active>.accordion-title:before { content: "\e939"; font-family: 'Linearicons';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .accordion-title-close-x:before { position: absolute; top: 20px; right: 1rem; margin-top: -.5rem; content: "\e92a";font-family: 'Linearicons';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } .is-active>.accordion-title-close-x:before { content: "\e92a"; font-family: 'Linearicons';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color:#323232;} /* Large Thumb */ .component-accordion-container.large-thumb .component-accordion-description { width:75%; height:auto; padding:2% 0 2% 0;display: block; float:left; clear:right;} /* Small Thumb */ .component-accordion-container.small-thumb .component-accordion-description { width:85%; height:auto; padding:2% 0 2% 0;display: block; float:left; clear:right;} .component-accordion-container.small-thumb .component-accordion-thumb { width:10%; height:auto; margin: 2%; vertical-align: top; display: block; float:left; clear:right; } /* No Thumb */ .component-accordion-container.no-thumb .component-accordion-description { width:100%; height:auto; padding:3% 2% 2% 3%;display: block; float:left; clear:right;} .component-accordion-container.no-thumb .component-accordion-thumb { display:none; } /** Fix Anchor Smudging for expanding read more on page load for Large Thumb **/ .large-thumb .accordion-content { padding-top: 353px !important; margin-top: -353px !important;} /** Button styles **/ .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem; padding: .85em 1em; -webkit-appearance: none; border: 1px solid transparent; font-size: .9rem; text-align: center; cursor: pointer; } .button-large { text-transform: uppercase; /*font-family: 'open sans', Verdana, sans-serif;*/ transition: background-color 0s ease-out,color 0s ease-out; padding-left: 35px; padding-right: 35px; line-height:20px; border-radius: 1000px; display: inline-block; vertical-align: middle; margin: 0 0 1rem; padding: .85em 1em; -webkit-appearance: none; border: 1px solid transparent; font-size: .9rem; text-align: center; cursor: pointer;} .button-small { text-transform: uppercase; /*font-family: 'open sans', Verdana, sans-serif;*/ transition: background-color 0s ease-out,color 0s ease-out; padding-left: 35px; padding-right: 35px; line-height:20px; border-radius: 1000px; display: inline-block; vertical-align: middle; margin: 0 0 1rem; padding: .4em 1.5em; -webkit-appearance: none; border: 1px solid transparent; font-size: 12px; text-align: center; cursor: pointer;} .button-center { margin:0px auto;} .read-story { width:180px; padding-left: 35px; padding-right: 35px; } button.round, .button.round { border-radius: 1000px; } .social.button.round {padding-left: 14px;padding-right: 14px;} .button.round {padding-left: 24px;padding-right: 24px;} .button { text-transform: uppercase; font-family: 'open sans', Verdana, sans-serif; transition: background-color 0s ease-out,color 0s ease-out; padding-left: 35px; padding-right: 35px;} .button:focus, .button:hover { /** background-color:inherit; color:inherit; **/ } .button.white { background-color:#fff; } .button.instagram { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/instagram-button-bg.jpg) center center repeat-y; } .play-button-overlay .button-small { border-radius: 0 !important; } /** About Pillars Hover **/ .pillars-hover { width: 100%; height:100%; position: absolute; top:0; left: 0; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; z-index:800; } .pillars-hover:hover { opacity: 1; } table tbody { border: 0px; background-color: transparent; } table tbody td, table tbody th {padding: 1em 1.3em;} /*increasing padding for tables over rites the default css*/ table.no-alternating-rows tbody tr:nth-child(even) { border-bottom: 0; background-color: transparent !important; } table.no-alternating-rows tbody tr:nth-child(odd) { border-bottom: 0; background-color: transparent !important; } table.td-padding-0 td {padding: 0px !important; } table.td-padding-10 td {padding: 10px !important; } .anchor { display: block; position: relative; top: -185px; /* top: -100px; */ visibility: hidden;} /* Google Search Results**/ .search-results-2017 .gsc-input .gsc-input-box { padding-left: 20px; color:#323232; } .search-results-2017 .gsc-input .gsc-input-box table { margin-bottom: 1rem !important; margin-top: 1rem !important; } .gsc-control-cse { font-family: 'open sans', Verdana, sans-serif !important; border-color: #D9D9D9 !important; background-color: #fff !important ; } .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 16px; font-family: 'open sans regular', Verdana, sans-serif !important; } .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #2774ae !important; font-family: 'open sans light', Verdana, sans-serif !important; } /** Title Link **/ .gsc-url-top {font-size: 13px;} .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #0072bc !important; } /** Title Link Visited **/ .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #002b49 !important; } /** Short URL **/ .gs-webResult div.gs-visibleUrl-short { color: #323232 !important; } /** Long URL **/ .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #323232!important; } /** Result Snippet **/ .gcsc-branding {margin-bottom:10px;} .gcsc-branding-clickable { position: relative; margin-top: -10px; } /** Alternating Rows **/ .gsc-webResult.gsc-result:nth-child(even) { border-color: #FFFFFF !important; background-color: #fafafa !important; } .gsc-webResult.gsc-result { padding:15px !important; } .gsc-control-cse, .gsc-control-cse .gsc-table-result { width: 100% !important; font-family: 'open sans light', Verdana, sans-serif !important; font-size: 16px !important; } .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { color: #323232 !important; } .gsc-preview-reviews, .gsc-control-cse .gs-snippet, .gsc-control-cse .gs-promotion em, .gsc-control-cse .gs-snippet, .gsc-control-cse .gs-promotion em { color: #323232 ; } .search-results-2017 { min-height: 1000px;} .search-results-2017 .gsc-control-cse div { height: auto !important;} .cms-gcse-container { position: relative; top: 40px; padding-bottom: 40px; } .cms-gcse-search-box-container { float: right; width: 270px; } .cms-gcse-search-icon-container { padding: 10px 0 0 10px; } .gsc-search-button { display: none; } .gsc-control-cse { border: 0 !important; padding: 0 !important; margin: 0; } .cms-gcse-menu { margin: 58px 5px 0 10px; } .gsib_a { padding: 0 !important; } .gsib_b { display: none; } .gsc-control-cse div { height: 1.5rem !important; } /** Tooltips **/ .tooltip { background-color: #fff; border-radius: 4px; padding: 0.4rem; color: #002c48;} .tooltip-neonblue { position: absolute; top: calc(100% + .6495rem); z-index: 1200; max-width: 10rem; padding: .75rem; border-radius: 0; font-size: 80%; background-color: #2774ae; color: #fff; font-family: 'open sans regular', Verdana, sans-serif;} .tooltip-neonblue:before { border: .75rem inset; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #2774ae; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .tooltip-neonblue.top:before, .tooltip-neonblue:before { display: block; width: 0; height: 0; content: ""} .tooltip-neonblue.top:before { border: .75rem inset; border-bottom-width: 0; border-top-style: solid; border-color: #2774ae transparent transparent; top: 100%; bottom: auto} .tooltip-brightcoral { position: absolute; top: calc(100% + .6495rem); z-index: 1200; max-width: 10rem; padding: .75rem; border-radius: 0; font-size: 80%; background-color: #ff7e39; color: #fff; font-family: 'open sans regular', Verdana, sans-serif;} .tooltip-brightcoral:before { border: .75rem inset; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #ff7e39; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .tooltip-brightcoral.top:before, .tooltip-brightcoral:before { display: block; width: 0; height: 0; content: ""} .tooltip-brightcoral.top:before { border: .75rem inset; border-bottom-width: 0; border-top-style: solid; border-color: #ff7e39 transparent transparent; top: 100%; bottom: auto} .title-line-bottom.hide-accent {display:none!important;} /*fix for media container to have a bottom margin when creating stacked rows*/ .component-profile-row-4.margin-row-bottom .component-profile-column-4 { margin-bottom: 30px;} /* div columns */ .columns-block.two article {-webkit-columns: 2 200px;-moz-columns: 2 200px; columns: 2 200px;} .columns-block.three article {-webkit-columns: 3 200px;-moz-columns: 3 200px; columns: 3 200px;} .columns-block article li { line-height: 1.8em;} /*slider orbit bullet/dots*/ .orbit-bullets button {width: .75rem;height: .75rem;margin: .1rem;border-radius: 50%;background-color: #cacaca;} /* hero flat headline middle in our character page*/ .hero-flat.headline-middle .headline-layer-front {position: absolute;text-transform: uppercase;width: 100%;text-align: center;font-size: 70px;top: 150px!important;} /* professor misic diacritics */ body.misic p, body.misic h1, body.misic .pub-wrap p, body.misic em, body.misic .component-tabs-white .tabs-content { font-family: 'open sans', Verdana, sans-serif;} /* Modal window reveal padding fix*/ .column-promo-reveal { padding: 30px; } /**SHARE WIDGET**/ .share-widget {display: block; width: 80%; text-align: center; font-size: 18px; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf;} /** COVID BTN **/ .covid-button {position: absolute; text-align: center; z-index: 5000; margin-top: 30px; width: 500px; left: 50%; margin-left: -250px; top: 0;} @media screen and (max-width: 64em) { .covid-button {position: absolute; text-align: center; z-index:1000; margin-top: 72px; width: 100%; left: auto; margin-left: auto; top: 0; } } /* Begin Linearicons styles */ @font-face { font-family: 'Linearicons'; src: url("https://code.anderson.ucla.edu/fonts/linearicons-2017.02.13/Linearicons.ttf") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'Linearicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-magnifier:before { content: "\e922"; } .icon-menu:before { content: "\e92b"; } .icon-heart-pulse:before { content: "\e7e8"; } .icon-tv:before { content: "\e7b5"; } .icon-cable2:before { content: "\e7b4"; } .icon-city:before { content: "\e60b"; } .icon-glass:before { content: "\e80d"; } .icon-cash-dollar:before { content: "\e75a"; } .icon-users:before { content: "\e722"; } .icon-network:before { content: "\e886"; } .icon-plane:before { content: "\e83d"; } .icon-receipt:before { content: "\e757"; } .icon-group-work:before { content: "\e726"; } .icon-site-map:before { content: "\e883"; } .icon-calculator2:before { content: "\e767"; } .icon-graph:before { content: "\e7fa"; } .icon-chart-growth:before { content: "\e7fb"; } .icon-register:before { content: "\e6d1"; } .icon-equalizer:before { content: "\e6f2"; } .icon-binoculars:before { content: "\e6a9"; } .icon-man:before { content: "\e728"; } .icon-woman:before { content: "\e727"; } .icon-shovel:before { content: "\e67b"; } .icon-calendar-full:before { content: "\e789"; } .icon-papers:before { content: "\e6d4"; } .icon-puzzle:before { content: "\e876"; } .icon-license:before { content: "\e6db"; } .icon-license2:before { content: "\e6dc"; } .icon-file-stats:before { content: "\e913"; } .icon-angle2:before { content: "\e982"; } .icon-code:before { content: "\e90b"; } .icon-library:before { content: "\e718"; } .icon-library2:before { content: "\e719"; } .icon-document:before { content: "\e6d8"; } .icon-medal-empty:before { content: "\e6dd"; } .icon-desktop:before { content: "\e7af"; } .icon-calculator2:before { content: "\e767"; } .icon-site-map:before { content: "\e883"; } .icon-chart-growth:before { content: "\e7fb"; } .icon-earth:before { content: "\e884"; } .icon-group-work:before { content: "\e726"; } .icon-bubbles:before { content: "\e7d7"; } .icon-bullhorn:before { content: "\e8ae"; } .icon-compass:before { content: "\e62f"; } .icon-bubbles:before { content: "\e7d7"; } .icon-bubble-question:before { content: "\e7da"; } .icon-briefcase:before { content: "\e83a"; } .icon-dinner2:before { content: "\e812"; } .icon-platter:before { content: "\e818"; } .icon-arrow-right:before { content: "\e944"; } .icon-balance:before { content: "\e839"; } .icon-checkmark-circle:before { content: "\e959"; } /* End Linearicons styles */ /******* END: main-2017.css ********/ /***** BEGIN: Responsive.css *****/ /* Source and licensing information for the above line(s) can be found at https://www.anderson.ucla.edu/themes/custom/ucla_anderson/prebuilt/css/v0/main-2017-new.css. */