.font-white { color:#ffffff; } .font-darkblue { color: #003B5C; } .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; } .font-uclablue { color:#2774AE; } .font-darkerblue { color:#005587; } .font-darkestblue { color:#003B5C; } .font-darkgrey { color:#323232; } .font-padding-small {padding: 5px 15px;} /** 2017 Button Schemes .button-white { color:#003B5C; background-color:#fff !important; } .button-lightblue { color:#fff; background-color:#2774ae !important; } .button-neonblue { color:#fff; background-color:#2774ae !important; } .button-darkblue { color:#fff; background-color:#003B5C !important; } .button-orange { color:#fff; background-color:#ff8030 !important; } .button-brightcoral { color:#fff; background-color:#ff8030 !important; } .button-yellow { color:#003B5C; background-color:#ffce00 !important; } .button-lightgrey { color:#003B5C; background-color:#f8f8f8 !important; } .button-darkgrey { color:#555; background-color:#d7d7d7 !important; } .button-coolgrey { color:#fff; background-color:#899495 !important; } .button-seafoam { color:#fff; background-color:#87af9b !important; } .button-uclablue { color:#fff; background-color:#2774AE !important; } .button-uclagold { color:#323232; background-color:#FFD100 !important; } .button-white:hover { color:#003B5C; background-color:#fff !important; } .button-lightblue:hover { color:#fff; background-color:#2774ae !important; } .button-neonblue:hover { color:#fff; background-color:#2774ae !important; } .button-darkblue:hover { color:#fff; background-color:#003B5C !important; } .button-orange:hover { color:#fff; background-color:#ff8030 !important; } .button-brightcoral:hover { color:#fff; background-color:#ff8030 !important; } .button-yellow:hover { color:#003B5C; background-color:#ffce00 !important; } .button-lightgrey:hover { color:#003B5C; background-color:#f8f8f8 !important; } .button-darkgrey:hover { color:#555; background-color:#d7d7d7 !important; } .button-coolgrey:hover { color:#fff; background-color:#899495 !important; } .button-seafoam:hover { color:#fff; background-color:#87af9b !important; } .button-uclablue:hover { color:#fff; background-color:#2774AE !important; } .button-uclagold:hover { color:#323232; background-color:#FFD100 !important; } .button-white:focus { color:#003B5C; background-color:#fff !important; } .button-lightblue:focus { color:#fff; background-color:#2774ae !important; } .button-neonblue:focus { color:#fff; background-color:#2774ae !important; } .button-darkblue:focus { color:#fff; background-color:#003B5C !important; } .button-orange:focus { color:#fff; background-color:#ff8030 !important; } .button-brightcoral:focus { color:#fff; background-color:#ff8030 !important; } .button-yellow:focus { color:#003B5C; background-color:#ffce00 !important; } .button-lightgrey:focus { color:#003B5C; background-color:#f8f8f8 !important; } .button-darkgrey:focus { color:#555; background-color:#d7d7d7 !important; } .button-coolgrey:focus { color:#fff; background-color:#899495 !important; } .button-seafoam:focus { color:#fff; background-color:#87af9b !important; } .button-uclablue:focus { color:#fff; background-color:#2774AE !important; } .button-uclagold:focus { color:#323232; background-color:#FFD100 !important; } **/ /** Borders **/ .border-white { border:1px solid #fff; } .border-neonblue { border:1px solid #2774ae; } .border-darkblue { border:1px solid #003B5C; } .border-brightcoral { border:1px solid #ff8030; } .border-yellow { border:1px solid #ffce00; } .border-lightgrey { border:1px solid #f8f8f8; } .border-darkgrey { border:1px solid #d7d7d7; } .border-seafoam { border:1px solid #87af9b; } .border-uclablue { border:1px solid #2774AE; } .border-uclagold { border:1px solid #FFD100; } .border-top-white { border-top:1px solid #fff; } .border-top-neonblue { border-top:1px solid #2774ae; } .border-top-darkblue { border-top:1px solid #003B5C; } .border-top-brightcoral { border-top:1px solid #ff8030; } .border-top-yellow { border-top:1px solid #ffce00; } .border-top-lightgrey { border-top:1px solid #f8f8f8; } .border-top-darkgrey { border-top:1px solid #d7d7d7; } .border-top-seafoam { border-top:1px solid #87af9b; } .border-top-uclablue { border-top:1px solid #2774AE; } .border-top-uclagold { border-top:1px solid #FFD100; } .border-right-white { border-right:1px solid #fff; } .border-right-neonblue { border-right:1px solid #2774ae; } .border-right-darkblue { border-right:1px solid #003B5C; } .border-right-brightcoral { border-right:1px solid #ff8030; } .border-right-yellow { border-right:1px solid #ffce00; } .border-right-lightgrey { border-right:1px solid #f8f8f8; } .border-right-darkgrey { border-right:1px solid #d7d7d7; } .border-right-seafoam { border-right:1px solid #87af9b; } .border-right-uclablue { border-right:1px solid #2774AE; } .border-right-uclagold { border-right:1px solid #FFD100; } .border-bottom-white { border-bottom:1px solid #fff; } .border-bottom-neonblue { border-bottom:1px solid #2774ae; } .border-bottom-darkblue { border-bottom:1px solid #003B5C; } .border-bottom-brightcoral { border-bottom:1px solid #ff8030; } .border-bottom-yellow { border-bottom:1px solid #ffce00; } .border-bottom-lightgrey { border-bottom:1px solid #f8f8f8; } .border-bottom-darkgrey { border-bottom:1px solid #d7d7d7; } .border-bottom-seafoam { border-bottom:1px solid #87af9b; } .border-bottom-uclablue { border-bottom:1px solid #2774AE; } .border-bottom-uclagold { border-bottom:1px solid #FFD100; } .border-left-white { border-left:1px solid #fff; } .border-left-neonblue { border-left:1px solid #2774ae; } .border-left-darkblue { border-left:1px solid #003B5C; } .border-left-brightcoral { border-left:1px solid #ff8030; } .border-left-yellow { border-left:1px solid #ffce00; } .border-left-lightgrey { border-left:1px solid #f8f8f8; } .border-left-darkgrey { border-left:1px solid #d7d7d7; } .border-left-seafoam { border-left:1px solid #87af9b; } .border-left-uclablue { border-left:1px solid #2774AE; } .border-left-uclagold { border-left:1px solid #FFD100; } .border-top-none { border-top: 0px; } .border-right-none { border-right: 0px; } .border-bottom-none { border-bottom: 0px; } .border-left-none { border-left: 0px; } .border-none { border: 0; } .border-width-1 { border-width:1px; } .border-width-2 { border-width:2px; } .border-width-3 { border-width:3px; } .border-width-4 { border-width:4px; } .border-width-5 { border-width:5px; } .border-top-width-1 { border-top-width:1px; } .border-top-width-2 { border-top-width:2px; } .border-top-width-3 { border-top-width:3px; } .border-top-width-4 { border-top-width:4px; } .border-top-width-5 { border-top-width:5px; } .border-right-width-1 { border-right-width:1px; } .border-right-width-2 { border-right-width:2px; } .border-right-width-3 { border-right-width:3px; } .border-right-width-4 { border-right-width:4px; } .border-right-width-5 { border-right-width:5px; } .border-bottom-width-1 { border-bottom-width:1px; } .border-bottom-width-2 { border-bottom-width:2px; } .border-bottom-width-3 { border-bottom-width:3px; } .border-bottom-width-4 { border-bottom-width:4px; } .border-bottom-width-5 { border-bottom-width:5px; } .border-left-width-1 { border-left-width:1px; } .border-left-width-2 { border-left-width:2px; } .border-left-width-3 { border-left-width:3px; } .border-left-width-4 { border-left-width:4px; } .border-left-width-5 { border-left-width:5px; } a.white-border-hover { border: 1px solid transparent; -webkit-transition: border .5s ease; -moz-transition: border .5s ease; -o-transition: border .5s ease; -ms-transition: border .5s ease; transition: border .5s ease; } .white-border-hover a { border: 1px solid transparent; -webkit-transition: border .5s ease; -moz-transition: border .5s ease; -o-transition: border .5s ease; -ms-transition: border .5s ease; transition: border .5s ease;} a.white-border-hover:hover { border: 1px solid #fff; } .white-border-hover a:hover {border: 1px solid #fff; } a.darkblue-border-hover { border: 1px solid transparent; -webkit-transition: border .5s ease; -moz-transition: border .5s ease; -o-transition: border .5s ease; -ms-transition: border .5s ease; transition: border .5s ease; } .darkblue-border-hover a { border: 1px solid transparent; -webkit-transition: border .5s ease; -moz-transition: border .5s ease; -o-transition: border .5s ease; -ms-transition: border .5s ease; transition: border .5s ease;} a.darkblue-border-hover:hover { border: 1px solid #003B5C; } .darkblue-border-hover a:hover {border: 1px solid #003B5C; } /** Widths **/ .width-5-percent { width:5%; } .width-10-percent { width:10%; } .width-15-percent { width:15%; } .width-20-percent { width:20%; } .width-25-percent { width:25%; } .width-30-percent { width:30%; } .width-33-percent { width:33%; } .width-35-percent { width:35%; } .width-40-percent { width:40%; } .width-45-percent { width:45%; } .width-48-percent { width:45%; } .width-50-percent { width:50%; } .width-55-percent { width:55%; } .width-60-percent { width:60%; } .width-65-percent { width:65%; } .width-66-percent { width:66%; } .width-70-percent { width:70%; } .width-75-percent { width:75%; } .width-80-percent { width:80%; } .width-85-percent { width:85%; } .width-90-percent { width:90%; } .width-95-percent { width:95%; } .width-100-percent { width:100%; } .section-width-1200 { width:75rem !important; } .section-width-1200-flush { width:73rem !important; } /** positions **/ .position-absolute { position:absolute; } .position-fixed { position:fixed; } .position-inherit { position:inherit; } .position-initial { position:initial; } .position-relative { position:relative; } .position-static { position:static; } /** background positions ***/ .background-position-center-top { background-position: center top !important; } .background-position-center-bottom { background-position: center bottom !important; } /** Overflows **/ .overflow-hidden {overflow:hidden;} .overflow-inherit {overflow:inherit;} .overflow-scroll {overflow:scroll;} .overflow-auto {overflow:auto;} .overflow-visible {overflow:visible;} /** floats **/ .float-left { float:left; } .float-right { float:right; } .float-none { float:none; } /** Image Fit **/ .image-fit img { width:100%; height: 100%; object-fit: cover; object-position: center; font-family: "object-fit: cover; object-position: center"; } /* Dividers */ .divider-lightblue {border-bottom: 1px solid #2774ae; width: 30px; text-align: center;margin:6px auto;} /** Image Component Alignment **/ .img-align-left { float:left; } .img-align-right { float:right; } .img-align-center { display:block; margin:0px auto; } /** Row and Section Component Base Markup **/ .component-section { padding-top:20px; padding-bottom: 20px; position:relative; padding-left: 0; padding-right: 0; } .component-section .spacer-top { height:50px; } .component-section .spacer-bottom { height:50px; } .component-section .chevron-overlay-container.top { width: 100%; height: auto; overflow: hidden; position: absolute; top: 0px; z-index: 500; line-height:1px; } .component-section .chevron-overlay-container.bottom { width: 100%; height: auto; overflow: hidden; position: absolute; bottom: -1px; z-index: 500; line-height:1px; } .component-row-4 { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 20px; } .component-row-3 { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 20px; } .component-row-2 { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 20px; } .component-row-1 { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 20px; } .component-row-1-padded { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 20px; } /** Hiding Columns to center **/ .show-3 div:nth-child(4) {display:none} .show-2 div:nth-child(4), .show-2 div:nth-child(3) {display:none} /** .show-1 div:nth-child(4), .show-1 div:nth-child(3), .show-1 div:nth-child(2) {display:none} **/ /** .component-profile-row-4.show-1 .component-profile-column-4:nth-child(1) .profile-section {display:block;} **/ .show-child-1 div:nth-child(1) { display: inherit !important; } .show-child-2 div:nth-child(2) { display: inherit !important;} .show-child-3 div:nth-child(3) { display: inherit !important;} .show-child-4 div:nth-child(4) { display: inherit !important;} /** Removing padding from rows **/ .component-row-2.row-no-padding .component-column-2:first-child { padding-left: 0; padding-right: 0; } .component-row-2.row-no-padding .component-column-2:nth-child(2) { padding-left: 30px; padding-right: 30px; } .component-column-4 { } .component-column-3 { } .row-background-lightgrey { } .row-background-white { background-color:#fff; } .column-background-lightblue { background:#2774ae; } .component-column-2 { } .component-column-1 { } .component-column-1-padded { } /** Removing padding from columns inside the row (to be used with .expanded class) **/ .column-inner-padding-none .columns, .column-inner-padding-none .column { padding: 0 !important; } .column-inner-padding-sides-none .columns, .column-inner-padding-sides-none .column { padding-left: 0 !important; padding-right: 0 !important; } .column-inner-expanded .columns .row, .column-inner-expanded .column .row { max-width:none !important; } /** row width 1000px **/ .max-width-1000 { max-width:1000px; } /*** Row and Section background colors ***/ /** General Background Overrides **/ .background-white { background:#fff; } .background-lightblue { background:#2774ae; } .background-neonblue { background:#2774ae; } .background-darkblue { background:#003B5C; } .background-orange { background:#ff8030; } .background-brightcoral { background:#ff8030; } .background-yellow { background:#ffce00; } .background-lightgrey { background:#f8f8f8; } .background-mediumgrey { background:#ebebeb; } .background-darkgrey { background:#d7d7d7; } .background-slate {background-color:#313939; } .background-coolgrey { background:#899495; } .background-iceblue { background:#f0f8f8; } .background-seafoam { background:#87af9b; } /** UCLA Main Colors **/ .background-uclablue { background: #2774AE; } .background-uclagold { background:#FFD100; } .background-darkestblue { background:#003B5C; } .background-darkerblue { background:#005587; } .background-lighterblue { background:#8BB8E8; } .background-lightestblue { background:#C3D7EE; } .background-none, .background-transparent { background-color:transparent !important; background: transparent !important; } /** General Background Overrides !importants**/ .background-white-important { background:#fff !important; } .background-lightblue-important { background:#2774ae !important; } .background-neonblue-important { background:#2774ae !important; } .background-darkblue-important { background:#003B5C !important; } .background-orange-important { background:#ff8030 !important; } .background-brightcoral-important { background:#ff8030 !important; } .background-yellow-important { background:#ffce00 !important; } .background-lightgrey-important { background:#f8f8f8 !important; } .background-mediumgrey-important { background:#ebebeb !important; } .background-darkgrey-important { background:#d7d7d7 !important; } .background-slate-important {background-color:#313939!important; } .background-coolgrey-important { background:#899495 !important; } .background-iceblue-important { background:#f0f8f8 !important; } .background-seafoam-important { background:#87af9b !important; } .background-uclablue-important { background: #2774AE !important; } .background-uclagold-important { background:#FFD100 !important; } .background-darkestblue-important { background:#003B5C !important; } .background-darkerblue-important { background:#005587 !important; } .background-lighterblue-important { background:#8BB8E8 !important; } .background-lightestblue-important { background:#C3D7EE !important; } .section-background-lightgrey { background-color:#f8f8f8; } .section-background-gradient-top-white { background-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-white-gradient-top.png); background-position: top left; background-repeat: repeat-x; } .section-background-gradient-bottom-white { background-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-white-gradient-bottom.png); background-position: bottom left; background-repeat: repeat-x; } .section-scheme-white { } .section-scheme-white .title-block .title-line { background-color:#fff; } .section-scheme-white h2 { color:#003B5C; } .section-scheme-white .button-large { color:#003B5C; background-color:#fff !important; } .section-scheme-lightblue { } .section-scheme-lightblue .title-block .title-line { /** background-color:#2774ae; **/ } .section-scheme-lightblue h2 { color:#003B5C; } .section-scheme-lightblue .button-large { color:#fff; background-color:#2774ae !important; } .section-scheme-neonblue { } .section-scheme-lightblue .title-block .title-line { /** background-color:#2774ae; **/ } .section-scheme-lightblue h2 { color:#003B5C; } .section-scheme-lightblue .button-large { color:#fff; background-color:#2774ae !important; } .section-scheme-darkblue { } .section-scheme-darkblue .title-block .title-line { /** background-color:#003B5C; **/ } .section-scheme-darkblue h2 { color:#003B5C; } .section-scheme-darkblue .button-large { color:#003B5C; background-color:#fff !important; } .section-scheme-orange { } .section-scheme-orange .title-block .title-line { /** background-color:#ff8030; **/ } .section-scheme-orange h2 { color:#003B5C; } .section-scheme-orange .button-large { color:#fff; background-color:#ff8030 !important; } .section-scheme-yellow { } .section-scheme-yellow .title-block .title-line { /** background-color:#ffce00; **/ } .section-scheme-yellow h2 { color:#003B5C; } .section-scheme-yellow .button-large { color:#003B5C; background-color:#ffce00 !important; } .section-scheme-lightgrey { } .section-scheme-lightgrey .title-block .title-line { /** background-color:#f8f8f8; **/ } .section-scheme-lightgrey h2 { color:#003B5C; } .section-scheme-lightgrey .button-large { color:#003B5C; background-color:#f8f8f8 !important; } .section-scheme-darkgrey { } .section-scheme-darkgrey .title-block .title-line { /** background-color:#d7d7d7; **/ } .section-scheme-darkgrey h2 { color:#003B5C; } .section-scheme-darkgrey .button-large { color:#fff; background-color:#d7d7d7 !important; } .section-scheme-coolgrey { } .section-scheme-coolgrey .title-block .title-line { /** background-color:#899495; **/ } .section-scheme-coolgrey h2 { color:#fff; } .section-scheme-coolgrey .button-large { color:#fff; background-color:#899495 !important; } .section-scheme-iceblue { } .section-scheme-iceblue .title-block .title-line { /** background-color:#003B5C; **/} .section-scheme-iceblue h2 { color:#003B5C; } .section-scheme-iceblue .button-large { color:#003B5C; background-color:#003B5C !important; } .section-scheme-seafoam { } .section-scheme-seafoam .title-block .title-line { /** background-color:#87af9b; **/ } .section-scheme-seafoam h2 { color:#003B5C; } .section-scheme-seafoam .button-large { color:#fff; background-color:#87af9b !important; } .section-button-white { } .section-button-white .title-block .title-line { background-color:#fff; } .section-button-white h2 { color:#003B5C; } .section-button-white .button-large { color:#003B5C; background-color:#fff !important; } .section-button-neonblue { } .section-button-lightblue .title-block .title-line { /** background-color:#2774ae; **/ } .section-button-lightblue h2 { color:#003B5C; } .section-button-lightblue .button-large { color:#fff; background-color:#2774ae !important; } .section-button-darkblue { } .section-button-darkblue .title-block .title-line { /** background-color:#003B5C; **/ } .section-button-darkblue h2 { color:#003B5C; } .section-button-darkblue .button-large { color:#003B5C; background-color:#fff !important; } .section-button-orange { } .section-button-orange .title-block .title-line { /** background-color:#ff8030; **/ } .section-button-orange h2 { color:#003B5C; } .section-button-orange .button-large { color:#fff; background-color:#ff8030 !important; } .section-button-yellow { } .section-button-yellow .title-block .title-line { /** background-color:#ffce00; **/ } .section-button-yellow h2 { color:#003B5C; } .section-button-yellow .button-large { color:#003B5C; background-color:#ffce00 !important; } .section-button-lightgrey { } .section-button-lightgrey .title-block .title-line { /** background-color:#f8f8f8; **/ } .section-button-lightgrey h2 { color:#003B5C; } .section-button-lightgrey .button-large { color:#003B5C; background-color:#f8f8f8 !important; } .section-button-darkgrey { } .section-button-darkgrey .title-block .title-line { /** background-color:#d7d7d7; **/ } .section-button-darkgrey h2 { color:#003B5C; } .section-button-darkgrey .button-large { color:#fff; background-color:#d7d7d7 !important; } .section-button-coolgrey { } .section-button-coolgrey .title-block .title-line { /** background-color:#899495; **/ } .section-button-coolgrey h2 { color:#fff; } .section-button-coolgrey .button-large { color:#fff; background-color:#899495 !important; } .section-button-iceblue { } .section-button-iceblue .title-block .title-line { /** background-color:#003B5C; **/} .section-button-iceblue h2 { color:#003B5C; } .section-button-iceblue .button-large { color:#003B5C; background-color:#003B5C !important; } .section-button-seafoam { } .section-button-seafoam .title-block .title-line { /** background-color:#87af9b; **/ } .section-button-seafoam h2 { color:#003B5C; } .section-button-seafoam .button-large { color:#fff; background-color:#87af9b !important; } .row-background-lightgrey { background-color:#f8f8f8; } .row-background-white { background-color:#fff; } .card-background-white { background:#fff; } .card-background-lightblue { background:#2774ae; } .card-background-darkblue { background:#003B5C; } .card-background-orange { background:#ff8030; } .card-background-yellow { background:#ffce00; } .card-background-lightgrey { background:#f8f8f8; } .card-background-darkgrey { background:#d7d7d7; } .card-background-coolgrey { background:#899495; } .card-background-iceblue { background:#d2e7e8; } .card-background-seafoam { background:#87af9b; } table :not(.ief-entity-table *) tbody tr:nth-child(odd) { background-color:#f8f8f8; /* border-bottom: 1px solid #e6e6e6; */ border-bottom:0; } table :not(.ief-entity-table *) tbody tr:nth-child(even) { border-bottom: 0; background-color: #fff; } .search-results-2017 table tbody tr:nth-child(odd), table.alt-rows-lightgrey tbody tr:nth-child(even) { background-color: #fff !important; border-bottom: 0; } table.gsc-search-box tbody tr:nth-child(odd), table.alt-rows-lightgrey tbody tr:nth-child(even) { background-color: #fff !important; border-bottom: 0; } /** Tables **/ table.alt-rows-lightgrey tbody tr:nth-child(even) { background-color: #f8f8f8; border-bottom:0; } table.alt-rows-darkgrey tbody tr:nth-child(even) { background-color: #eaeaea; } table.alt-rows-none tbody tr:nth-child(even) { background-color: transparent; } table.alt-rows-white tbody tr:nth-child(even) { background-color: transparent; } .table.alt-rows-white tbody tr:nth-child(odd) { background-color: #fff; } table.alt-rows-lightgrey-border tbody tr:nth-child(even) { background-color: #fff; border-bottom: 1px solid #e6e6e6; } table.alt-rows-lightgrey-border tbody tr:nth-child(odd) { background-color: #fff; border-bottom: 1px solid #e6e6e6; } table.alt-rows-lightgrey-border {border-collapse: collapse;} table.alt-rows-padding-10 tbody tr td { padding: 10px; } table.alt-rows-padding-15 tbody tr td { padding: 15px; } table.alt-rows-padding-20 tbody tr td { padding: 20px; } /** header colors **/ table.table-header-lightgrey tbody th { background-color: #ececec; color:#636363; } table.table-header-darkgrey tbody th { background-color: #acacac; color:#fff; } table.table-header-darkblue tbody th { background-color: #003B5C; color:#fff; } table.table-header-neonblue tbody th, table.table-header-neonblue thead th, table.table-header-lightblue thead th, table.table-header-lightblue tbody th { background-color: #2774AE; color:#fff; } table.table-header-uclablue tbody th { background-color: #2774AE; color:#fff; } table.table-header-brightcoral tbody th { background-color: #f98746; color:#fff; } table.table-header-seafoam tbody th { background-color: #8eae9c; color:#fff; } table.table-header-slate tbody th { background-color: #565958; color:#fff; } /** Event table ***/ .event-table { vertical-align: center; border-spacing: 0 5px; border-collapse: separate; } .event-table .event-date { background:#2774ae; color:#fff; height:100px; width:150px; padding:10px; text-align:center; vertical-align: center;} .event-table .event-date-holiday {background:#71758b; color:#fff; height:100px; width:150px; padding:10px; text-align:center; vertical-align: center; } .event-table .event-date h3 { color:#2774ae; } .event-table .event-description { background:#f8f8f8; vertical-align: center;} /** Remove animation from hero-flat **/ .hero-flat.static-headline .wow.fadeInDownMedium { -webkit-animation-name: fadeInDownMedium1; animation-name: fadeInDownMedium1; } .hero-flat.static-headline .headline-layer-front {animation-delay: 0s;animation-duration:0s ;} /** Quote card themes **/ .quote-card-large { } .quote-card-large .column, .quote-card-large .columns { padding-right: 0; padding-left: 0; } .quote-card-small { } .quote-card-small .column, .quote-card-small .columns { padding-right: 0; padding-left: 0; } .quote-card-large .quote-name {padding:40px;} .quote-card-small .quote-name {padding:30px;} /* Quote Card - Blue */ .quote-card-blue { background:none;} .quote-card-blue .column, .quote-card-blue .columns { background-color: #003B5C; color: #ffffff; } .quote-card-blue .quote-name { background-color: #001f35; } /* Quote Card - Dark Blue -- use instead of 'blue' */ .quote-card-darkblue { background:none;} .quote-card-darkblue .column, .quote-card-darkblue .columns { background-color: #003B5C; color: #ffffff; } .quote-card-darkblue .quote-name { background-color: #001f35; } /* Quote Card - Grey */ .quote-card-grey { background:none;} .quote-card-grey .column, .quote-card-grey .columns { background-color: #ebebeb; color: #393939; } .quote-card-grey .quote-name { background-color: #d7d7d7; } /* Quote Card - Light Grey */ .quote-card-lightgrey { background:none;} .quote-card-lightgrey .column, .quote-card-lightgrey .columns { background-color: #ebebeb; color: #393939; } .quote-card-lightgrey .quote-name { background-color: #d7d7d7; } /* Quote Card - Grey Blue */ .quote-card-greyblue { background:none; } .quote-card-greyblue .column, .quote-card-greyblue .columns { background-color: #899495; color: #ffffff; } .quote-card-greyblue .quote-name { background-color: #a0adae; } /* Quote Card - Cool Grey */ .quote-card-coolgrey { background:none; } .quote-card-coolgrey .column, .quote-card-greyblue .columns { background-color: #899495; color: #ffffff; } .quote-card-coolgrey .quote-name { background-color: #a0adae; } /* Quote Card - Light Blue */ .quote-card-lightblue { background:none;} .quote-card-lightblue .column, .quote-card-lightblue .columns{ background-color: #2774ae; color: #ffffff; } .quote-card-lightblue .quote-name { background-color: #2774ae; } /* Quote Card - Orange */ .quote-card-orange { background:none;} .quote-card-orange .column, .quote-card-orange .columns { background-color: #ff8030; color: #ffffff; } .quote-card-orange .quote-name { background-color: #f57525; } /* Quote Card - Yellow */ .quote-card-yellow { background:none;} .quote-card-yellow .column, .quote-card-yellow .columns { background-color: #f1c403; color: #003B5C; } .quote-card-yellow .quote-name { background-color: #f2d454; } /* Quote Card - Yellow */ .quote-card-seafoam { background:none;} .quote-card-seafoam .column, .quote-card-seafoam .columns { background-color: #87af9b; color: #fff; } .quote-card-seafoam .quote-name { background-color: #75a08b; } /* Quote Card - Ice Blue */ .quote-card-iceblue { background:none;} .quote-card-iceblue .column, .quote-card-iceblue .columns { background-color: #badce6; color: #003B5C; } .quote-card-iceblue .quote-name { background-color: #cdedf6; } .font-small {font-size: .778rem; line-height: 1.5;} /** Background Color Stand-alone Classes with title overrides **/ .uclablue-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-uclablue-chevron-tile.png) center bottom repeat-y;} .uclablue-gradient-tile h2 { color:#fff; } .uclablue-gradient-tile p { color:#fff; } .uclablue-gradient-tile .title-block p.main-title-subline { color: #fff; font-size: 1rem; -webkit-font-smoothing: antialiased;} .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-tile h2 { color:#fff; } .blue-green-gradient-tile p { color:#fff; } .blue-green-gradient-tile .title-block p.main-title-subline { color: #fff; font-size: 1rem; -webkit-font-smoothing: antialiased;} .light-blue-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-chevron-tile.png) center bottom repeat-y;} .light-blue-gradient-tile h2 { color:#fff; } .light-blue-gradient-tile p { color:#fff; } .light-blue-gradient-tile .title-block p.main-title-subline { color: #fff; font-size: 1rem; -webkit-font-smoothing: antialiased;} .darkblue-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-chevron-tile.png) center bottom repeat-y; } .darkblue-gradient-tile h2 { color:#fff; } .darkblue-gradient-tile p { color:#fff; } .darkblue-gradient-tile .news-section p { color:#444; } .darkblue-gradient-tile .title-block p.main-title-subline { color: #fff; font-size: 1rem; -webkit-font-smoothing: antialiased;} .orange-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/background-orange-tile.png) center top repeat-y; } .orange-gradient-tile h2 { color:#fff; } .orange-gradient-tile p { color:#fff; } .orange-gradient-tile .title-block p.main-title-subline { color: #fff; font-size: 1rem; -webkit-font-smoothing: antialiased;} .lightgrey-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-lightgrey-chevron-tile.png) center bottom repeat-y; } .lightgrey-gradient-tile h2 { color:#003B5C; } .lightgrey-gradient-tile p { color:#323232; } .lightgrey-gradient-tile .title-block p.main-title-subline { color: #323232; font-size: 1rem; -webkit-font-smoothing: antialiased;} .iceblue-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-iceblue-chevron-tile.png) center bottom repeat-y; } .iceblue-gradient-tile h2 { color:#003B5C; } .iceblue-gradient-tile p { color:#323232; } .iceblue-gradient-tile .title-block p.main-title-subline { color: #323232; font-size: 1rem; -webkit-font-smoothing: antialiased;} .seafoam-gradient-tile { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-seafoam-chevron-tile.png) center bottom repeat-y; } .seafoam-gradient-tile h2 { color:#fff; } .seafoam-gradient-tile p { color:#fff; } .seafoam-gradient-tile .title-block p.main-title-subline { color: #fff; font-size: 1rem; -webkit-font-smoothing: antialiased;} .promo-scheme-lightblue-text p, .promo-scheme-darkblue-text p, .promo-scheme-orange-text p, .promo-scheme-lightgrey-text p, .promo-scheme-darkgrey-text p {color:#444; } .lightgrey-gradient-tile .background-white h2 { color:#003B5C; } .darkblue-gradient-tile .background-white h2 { color:#003B5C; } .seafoam-gradient-tile .background-white h2 { color:#003B5C; } .iceblue-gradient-tile .background-white h2 { color:#003B5C; } .light-blue-gradient-tile .background-white h2 { color:#003B5C; } .orange-gradient-tile .background-white h2 { color:#003B5C; } .uclablue-gradient-tile .background-white h2 { color:#003B5C; } .lightgrey-gradient-tile .background-white p { color:#323232; } .darkblue-gradient-tile .background-white p { color:#323232; } .seafoam-gradient-tile .background-white p { color:#323232; } .iceblue-gradient-tile .background-white p { color:#323232; } .light-blue-gradient-tile .background-white p { color:#323232; } .orange-gradient-tile .background-white p { color:#323232; } .uclablue-gradient-tile .background-white p{ color:#323232; } .background-lightgrey .background-white h2 { color:#003B5C; } .background-darkblue .background-white h2 { color:#003B5C; } .background-seafoam .background-white h2 { color:#003B5C; } .background-iceblue .background-white h2 { color:#003B5C; } .background-slate .background-white h2 { color:#003B5C; } .background-yellow .background-white h2 { color:#003B5C; } .background-neonblue .background-white h2 { color:#003B5C; } .background-brightcoral .background-white h2 { color:#003B5C; } .background-uclablue .background-white h2 { color:#003B5C; } .background-uclagold .background-white h2 { color:#003B5C; } .background-darkestblue .background-white h2 { color:#003B5C; } .background-darkerblue .background-white h2 { color:#003B5C; } .background-lighterblue .background-white h2 { color:#003B5C; } .background-lightestblue .background-white h2 { color:#003B5C; } .background-lightgrey .background-white p { color:#323232; } .background-darkblue .background-white p { color:#323232; } .background-seafoam .background-white p { color:#323232; } .background-iceblue .background-white p { color:#323232; } .background-slate .background-white p { color:#323232; } .background-yellow .background-white p { color:#323232; } .background-neonblue .background-white p { color:#323232; } .background-brightcoral .background-white p { color:#323232; } .background-uclablue .background-white p { color:#323232; } .background-uclagold .background-white p { color:#323232; } .background-darkestblue .background-white p { color:#323232; } .background-darkerblue .background-white p { color:#323232; } .background-lighterblue .background-white p { color:#323232; } .background-lightestblue .background-white p { color:#323232; } .background-white h2 { color:#003B5C; } .background-lightgrey h2 { color:#003B5C; } .background-darkblue h2 { color:#fff; } .background-seafoam h2 { color:#fff; } .background-iceblue h2 { color:#003B5C; } .background-slate h2 { color:#fff; } .background-yellow h2 { color:#003B5C; } .background-neonblue h2 { color:#fff; } .background-brightcoral h2 { color:#fff; } .background-uclablue h2 { color:#fff; } .background-uclagold h2 { color:#003B5C; } .background-darkestblue h2 { color:#fff; } .background-darkerblue h2 { color:#fff; } .background-lighterblue h2 { color:#003B5C; } .background-lightestblue h2 { color:#003B5C; } .background-white p { color:#323232; } .background-lightgrey p { color:#323232; } .background-darkblue p { color:#fff; } .background-seafoam p { color:#fff; } .background-iceblue p { color:#323232; } .background-slate p { color:#fff; } .background-yellow p { color:#323232; } .background-neonblue p { color:#fff; } .background-brightcoral p { color:#fff; } .background-uclablue p { color:#fff; } .background-uclagold p { color:#003B5C; } .background-darkestblue p { color:#fff; } .background-darkerblue p { color:#fff; } .background-lighterblue p { color:#003B5C; } .background-lightestblue p { color:#003B5C; } .background-lightgrey .component-highlight-row-white p { color:#323232; } .background-darkblue .component-highlight-row-white p { color:#323232; } .background-seafoam .component-highlight-row-white p { color:#323232; } .background-iceblue .component-highlight-row-white p { color:#323232; } .background-slate .component-highlight-row-white p { color:#323232; } .background-yellow .component-highlight-row-white p { color:#323232; } .background-neonblue .component-highlight-row-white p { color:#323232; } .background-brightcoral .component-highlight-row-white p { color:#323232; } .background-uclablue .component-highlight-row-white p { color:#323232; } .background-uclagold .component-highlight-row-white p { color:#323232; } .background-darkestblue .component-highlight-row-white p { color:#323232; } .background-darkerblue .component-highlight-row-white p { color:#323232; } .background-lighterblue .component-highlight-row-white p { color:#323232; } .background-lightestblue .component-highlight-row-white p { color:#323232; } .uclablue-gradient-tile-important { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-uclablue-chevron-tile.png) center bottom repeat-y !important;} .blue-green-gradient-tile-important { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-chevron-tile.png) center top repeat-y !important; } .light-blue-gradient-tile-important { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-chevron-tile.png) center bottom repeat-y !important;} .darkblue-gradient-tile-important { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-chevron-tile.png) center bottom repeat-y !important; } .orange-gradient-tile-important { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/background-orange-tile.png) center top repeat-y !important; } .lightgrey-gradient-tile-important { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-lightgrey-chevron-tile.png) center bottom repeat-y !important; } .iceblue-gradient-tile-important { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-iceblue-chevron-tile.png) center bottom repeat-y !important; } .seafoam-gradient-tile-important { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-seafoam-chevron-tile.png) center bottom repeat-y !important; } /** Hero Content Component Themes **/ .hero-content-lightblue { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-chevron-tile.png) center bottom repeat-y; } .hero-content-lightblue.small-gradient { background-position: center -450px; } .hero-content-lightblue.large-gradient { background-position: center bottom; } .hero-content-lightblue .title-line { background-color:#fff; } .hero-content-lightblue h2.main-title { color:#fff; font-size: 2.5rem } .hero-content-lightblue h2.hero-content-subline { color:#fff; } .hero-content-lightblue .button { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-lightblue .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-darkblue { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-chevron-tile.png) center bottom repeat-y; } .hero-content-darkblue.small-gradient { background-position: center -450px; } .hero-content-darkblue.large-gradient { background-position: center bottom; } .hero-content-darkblue .title-line { background-color:#fff; } .hero-content-darkblue h2.main-title { color:#fff; font-size: 2.5rem } .hero-content-darkblue h2.hero-content-subline { color:#fff; } .hero-content-darkblue .button { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-darkblue .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-orange { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-orange-chevron-tile.png) center bottom repeat-y; } .hero-content-orange.small-gradient { background-position: center -450px; } .hero-content-orange.large-gradient { background-position: center bottom; } .hero-content-orange .title-line { background-color:#fff; } .hero-content-orange h2.main-title { color:#fff; font-size: 2.5rem } .hero-content-orange h2.hero-content-subline { color:#fff; } .hero-content-orange .button { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-orange .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-lightgrey { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-lightgrey-chevron-tile.png) center bottom repeat-y; } .hero-content-lightgrey.small-gradient { background-position: center -450px; } .hero-content-lightgrey.large-gradient { background-position: center bottom; } .hero-content-lightgrey .title-line { background-color:#003B5C; } .hero-content-lightgrey h2.main-title { color:#003B5C; font-size: 2.5rem } .hero-content-lightgrey h2.hero-content-subline { color:#003B5C; } .hero-content-lightgrey .button { color:#fff; background-color:#003B5C; z-index:400; } .hero-content-lightgrey .button:hover { color:#fff; background-color:#003B5C; z-index:400; } .hero-content-iceblue { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-iceblue-chevron-tile.png) center bottom repeat-y; } .hero-content-iceblue.small-gradient { background-position: center -450px; } .hero-content-iceblue.large-gradient { background-position: center bottom; } .hero-content-iceblue .title-line { background-color:#003B5C; } .hero-content-iceblue h2.main-title { color:#003B5C; font-size: 2.5rem} .hero-content-iceblue h2.hero-content-subline { color:#003B5C; } .hero-content-iceblue .button { color:#fff; background-color:#2774ae; z-index:400; } .hero-content-iceblue .button:hover { color:#fff; background-color:#2774ae; z-index:400; } .hero-content-seafoam { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-seafoam-chevron-tile.png) center bottom repeat-y; } .hero-content-seafoam.small-gradient { background-position: center -450px; } .hero-content-seafoam.large-gradient { background-position: center bottom; } .hero-content-seafoam .title-line { background-color:#fff; } .hero-content-seafoam h2.main-title { color:#fff; font-size: 2.5rem } .hero-content-seafoam h2.hero-content-subline { color:#fff; } .hero-content-seafoam .button { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-seafoam .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-uclablue { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-uclablue-chevron-tile.png) center bottom repeat-y; } .hero-content-uclablue.small-gradient { background-position: center -450px; } .hero-content-uclablue.large-gradient { background-position: center bottom; } .hero-content-uclablue .title-line { background-color:#fff; } .hero-content-uclablue h2.main-title { color:#fff; font-size: 2.5rem} .hero-content-uclablue h2.hero-content-subline { color:#fff; } .hero-content-uclablue .button { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-uclablue .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .hero-content-light-image { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-iceblue-chevron-tile.png) center bottom repeat-y; } .hero-content-light-image.small-gradient { background-position: center -450px; } .hero-content-light-image.large-gradient { background-position: center bottom; } .hero-content-light-image .title-line { background-color:#003B5C; } .hero-content-light-image h2.main-title { color:#003B5C; font-size: 2.5rem } .hero-content-light-image h2.hero-content-subline { color:#003B5C; } .hero-content-light-image .button { color:#003B5C; background-color:#fff; z-index:600; } .hero-content-light-image .button:hover { color:#003B5C; background-color:#fff; z-index:600; } .hero-content-dark-image { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-chevron-tile.png) center bottom repeat-y; } .hero-content-dark-image.small-gradient { background-position: center -450px; } .hero-content-dark-image.large-gradient { background-position: center bottom; } .hero-content-dark-image .title-line { background-color:#fff; } .hero-content-dark-image h2.main-title { color:#fff; font-size: 2.5rem} .hero-content-dark-image h2.hero-content-subline { color:#fff; } .hero-content-dark-image .button { color:#003B5C; background-color:#fff; z-index:600; } .hero-content-dark-image .button:hover { color:#003B5C; background-color:#fff; z-index:600; } /** plain in line accordion (hand coding) **/ .accordion-plain { background:none; width:100%; border:0;} .accordion-plain li {} .accordion-plain li a { } .accordion-plain li a:hover, .accordion-plain li a:active, .accordion-plain li a:focus { background:none; } .accordion-plain .accordion-title { border:0; padding:0; font-size:inherit; color:#2774ae; } .accordion-plain .accordion-title:hover { background:none; } .accordion-plain .accordion-title:before { top: 0; margin-top: 0; } .accordion-plain .accordion-item:last-child .accordion-title { border-bottom:0 !important; padding:0; } .accordion-plain .accordion-content { border:0; padding:20px 0 0 0;} /*** Tabs & tabs collapse to Accordions ***/ .component-tabs-white { background:#fff; } .component-tabs-white .title-block .title-line { display:none; } .component-tabs-white h2.main-title { color:#003B5C; } .component-tabs-white p.main-title-subline { color:#323232; font-size: 20px;} .component-tabs-white .accordion { } .component-tabs-lightgrey .tabs { background:none; } .component-tabs-white ul.tabs li { background:none; } .component-tabs-white ul.tabs li { } .component-tabs-white ul.tabs li.is-active { background-color:#fff; border-bottom: 4px solid #2774AE; font-family: freight-sans-pro, 'open sans semibold', Verdana, sans-serif;} .component-tabs-white .tabs-content { background:none; color:#323232; padding:20px; /* border:0; */ font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif;} .component-tabs-white.tabs-inner .tabs-content { color:#323232; padding:20px; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif; border:1px solid #e6e6e6 !important; border-top:0 !important; margin-bottom:20px;} .component-tabs-white .accordion-content {background-color:#fff; color:#323232; font-size:14px; line-height:24px; padding:30px;} .component-tabs-white .accordion-title { font-size:16px; color: #003B5C; } .component-tabs-white .accordion-title:focus, .component-tabs-white .accordion-title:hover { background-color: #f8f8f8; } .component-tabs-white .accordion-item.is-active a{ } .component-tabs-white .button { } .component-tabs-white .button:hover { } .component-tabs-lightgrey { background:#f8f8f8; } .component-tabs-lightgrey .title-block .title-line { display:none; } .component-tabs-lightgrey h2.main-title { color:#003B5C;} .component-tabs-lightgrey p.main-title-subline { color:#323232; font-size: 20px;} .component-tabs-lightgrey .accordion, .component-tabs-lightgrey .tabs { background:none; } .component-tabs-lightgrey ul.tabs li { } .component-tabs-lightgrey ul.tabs li.is-active { border-bottom: 4px solid #2774AE;} .component-tabs-lightgrey .tabs-content { background:none; color:#323232; padding:20px; border:0; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif;} .component-tabs-lightgrey.tabs-inner .tabs-content { color:#323232; padding:20px; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif; border:1px solid #e6e6e6 !important; border-top:0 !important; margin-bottom:20px;} .component-tabs-lightgrey .accordion-content {color:#323232; font-size:14px; line-height:24px;padding:30px;} .component-tabs-lightgrey .accordion-title { font-size:16px; color: #003B5C; } .component-tabs-lightgrey .accordion-title:focus, .component-tabs-lightgrey .accordion-title:hover { background-color: #fdfdfd; } .component-tabs-lightgrey .accordion-item.is-active a{ color: #2774ae; font-family: freight-sans-pro, 'open sans regular', Verdana, sans-serif; } .component-tabs-lightgrey .button { } .component-tabs-lightgrey .button:hover { } .tabs-content-white .tabs-content { background:#fff; } .tabs-content-padding-none .tabs-content {padding:0; } /** Removing bottom border with .border-bottom-none **/ .component-tabs.border-bottom-none .tabs-content{ border-bottom: 0px; } /** Inner Tabs **/ .row-background-lightgrey ul.tabs li.is-active { background-color:#f8f8f8; border-bottom: 4px solid #2774ae;} .row-background-lightgrey .tabs-content { background:none; color:#323232; padding:20px;font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; border:1px solid #e6e6e6; border-top: 0; margin-bottom:20px;} .row-background-lightgrey .tabs { background:none; } .row-background-lightgrey ul.tabs li { background:none; } /** Nested Tabs **/ .component-tabs-nested { } .component-tabs-nested .title-block .title-line { display:none; } .component-tabs-nested h2.main-title { color:#003B5C;} .component-tabs-nested p.main-title-subline { color:#323232; font-size: 20px;} .component-tabs-nested .accordion, .component-tabs-lightgrey .tabs { background:none; } .component-tabs-nested ul.tabs { border:0; background:#f6f6f6; height:53px} .component-tabs-nested ul.tabs li { border:0; height:50px; padding:5px;} .component-tabs-nested ul.tabs li a { font-size:14px; line-height:24px; padding: 10px 20px !important; } .component-tabs-nested ul.tabs li:first-child { border-left: 0px solid #e6e6e6 !important; } .component-tabs-nested ul.tabs li.is-active { background:#f6f6f6; border: 0 solid #2774ae; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif; } .component-tabs-nested ul.tabs li.is-active a { color:#2774ae; background-color:#fff !important; font-size:14px; line-height:24px; } .component-tabs-nested .tabs-content { background:none; color:#323232; padding:10px; border:0; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif;} .component-tabs-nested.tabs-inner .tabs-content { color:#323232; padding:20px; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; border:1px solid #e6e6e6 !important; border-top:0 !important; margin-bottom:20px;} .component-tabs-nested .accordion-content {color:#323232; font-size:14px; line-height:24px;padding:30px;} .component-tabs-nested .accordion-title { font-size:16px; color: #003B5C; } .component-tabs-nested .accordion-title:focus, .component-tabs-lightgrey .accordion-title:hover { background-color: #fdfdfd; } .component-tabs-nested .accordion-item.is-active a{ color: #2774ae; font-family: freight-sans-pro, 'open sans regular', Verdana, sans-serif; } .component-tabs-nested .button { } .component-tabs-nested .button:hover { } /** Tab Themes **/ .tabs-uppercase ul.tabs li a { text-transform: uppercase; line-height: 40px; font-size: 14px;} .tabs-small ul.tabs li a { line-height: 20px; font-size: 14px;} .tabs-small ul.tabs li.is-active { height: 60px; padding: 20px; } .tabs-small ul.tabs li { height: 60px; padding: 20px;} .tabs-neonblue ul.tabs li.is-active, .tabs-lightblue ul.tabs li.is-active { background-color: #2774ae; border-bottom: 0px solid #2774ae; } .tabs-neonblue ul.tabs li.is-active a, .tabs-lightblue ul.tabs li.is-active a { color:#fff; } .tabs-neonblue ul.tabs li a, .tabs-lightblue ul.tabs li a { color:#323232; } .tabs-neonblue ul.tabs li, .tabs-lightblue ul.tabs li { border-right: 1px solid #e6e6e6; font-family: freight-sans-pro, "open sans", Verdana, sans-serif; border-bottom: 0; border-left: 0;} .tabs-uclablue ul.tabs li.is-active { background-color: #2774AE; border-bottom: 0px solid #2774AE; } .tabs-uclablue ul.tabs li.is-active a { color:#fff; } .tabs-uclablue ul.tabs li a { color:#323232; } .tabs-uclablue ul.tabs li { border-right: 1px solid #e6e6e6; font-family: freight-sans-pro, "open sans", Verdana, sans-serif; border-bottom: 0; border-left: 0;} .tabs-uppercase.tabs-small li a { line-height: 20px; font-size: 14px; } .tabs-semibold ul.tabs li a, .tabs-semibold ul.tabs li.is-active a { font-family: freight-sans-pro, "open sans semibold", Verdana, sans-serif; } /** Component Row Copy Content **/ .component-copy-content { } .component-copy-content .img-align-left { float:left; padding-right:20px; padding-bottom:20px; } .component-copy-content .img-align-right { float:right; padding-left:20px; padding-bottom:20px; } .component-copy-content .img-align-center { display:block; margin:0px auto; } /** Component Column Copy Content **/ .component-column-copy-content {} .component-column-copy-content .img-align-left { float:left; padding-right:20px; padding-bottom:20px; } .component-column-copy-content .img-align-right { float:right; padding-left:20px; padding-bottom:20px; } .component-column-copy-content .img-align-center { display:block; margin:0px auto; padding-bottom:10px; padding-top:0px; } /** New Component Copy with Image (combining both row and column above) **/ .component-copy-image-content .img-align-left { float:left; padding-right:20px; padding-bottom:20px; } .component-copy-image-content .img-align-right { float:right; padding-left:20px; padding-bottom:20px; } .component-copy-image-content .img-align-center { display:block; margin:0px auto; padding-bottom:10px; padding-top:0px; } .component-copy-image-content.copy-image-no-image { } .component-copy-image-content.copy-image-left { } .component-copy-image-content.copy-image-right { } .component-copy-image-content.copy-image-top { } .component-copy-image-content.copy-image-bottom { } .component-copy-image-content.copy-image-no-padding .img-align-left { padding-right:20px !important; padding-bottom:0 !important; } .component-copy-image-content.copy-image-no-padding .img-align-right { padding-right:0 !important; padding-bottom:0 !important; } .component-copy-image-content.copy-image-no-padding .img-align-center { padding-right:0 !important; padding-bottom:0 !important; } .component-copy-image-content.img-true-size .component-copy-image { width:inherit; height:auto; } .component-copy-image-content.img-true-size .component-copy-image { width:inherit; height:auto; } /** Column Styles **/ .component-column-4 .component-copy-image-content .img-align-left { padding-right:0px; padding-bottom:12px; display:block; clear:both; } .component-column-4 .component-copy-image-content .img-align-right { padding-left:0px; padding-bottom:12px; display:block; clear:both; } .component-column-4 .component-copy-image-content .img-align-center { padding-bottom:0;} .component-column-4 .copy-image-content { clear:both; } .component-column-3 .component-copy-image-content .img-align-left { padding-right:12px; padding-bottom:12px;} .component-column-3 .component-copy-image-content .img-align-right { padding-left:12px; padding-bottom:12px;} .component-column-3 .component-copy-image-content .img-align-center { padding-bottom:0;} .component-column-3 .copy-image-content { padding: 15px 15px 0 15px; } .component-column-4 .promo-block-image .copy-image-content, .component-column-3 .promo-block-image .copy-image-content, .component-column-2 .promo-block-image .copy-image-content, .component-column-1 .promo-block-image .copy-image-content, .component-column-1-padded .promo-block-image .copy-image-content {clear:both; } .component-column-4 .promo-block-image .img-align-left, .component-column-3 .promo-block-image .img-align-left, .component-column-2 .promo-block-image .img-align-left, .component-column-1 .promo-block-image .img-align-left, .component-column-1-padded .promo-block-image .img-align-left { padding-right:0px; padding-bottom:12px; display:block; } .component-column-4.promo-block-image .img-align-right, .component-column-3 .promo-block-image .img-align-right, .component-column-2 .promo-block-image .img-align-right, .component-column-1 .promo-block-image .img-align-right, .component-column-1-padded .promo-block-image .img-align-right { padding-left:0px; padding-bottom:12px; display:block; } .component-column-4 .promo-block-image .img-align-center, .component-column-3 .promo-block-image .img-align-center, .component-column-2 .promo-block-image .img-align-center, .component-column-1 .promo-block-image .img-align-center, .component-column-1-padded .promo-block-image .img-align-center { padding-bottom:0; display:block; } .component-column-2 .component-copy-image-content .img-align-left { padding:.9375rem 0 .9375rem 0; } .component-column-2 .component-copy-image-content .copy-image-content { padding: 10px; } /** Tabs Equalize Fix **/ .tabs-content .copy-image-content .copy-image-equalize { height:auto; clear: both; } .tabs-panel { display: block; height: 0; overflow: hidden; padding: 0; } .tabs-panel.is-active { height: auto; padding: 1rem; } /** Component Column Promo Content **/ .component-column-promo-content {height:100%;} .component-column-promo-content .promo-content-button { padding-top:10px; } .component-column-promo-content .img-align-left { float:left; padding-right:20px; padding-bottom:20px; } .component-column-promo-content .img-align-right { float:right; padding-left:20px; padding-bottom:20px; } .component-column-promo-content .img-align-center { display:block; margin:0px auto; padding-bottom:10px; padding-top:0px; } .component-column-promo-content .comoponent-column-promo-content-img { max-width: inherit !important; max-height: inherit !important; padding-top: 0; } .component-column-promo-content.center-headline .promo-heading-1 { text-align:center; } .component-column-promo-content.center-headline .promo-heading-2 { text-align:center; } .component-column-promo-content.center-headline .promo-content-button { text-align:center; } .component-column-promo-content .promo-content { padding:2%;} .component-column-promo-content.promo-content-padding-small .promo-content { padding:24px; } .component-column-promo-content .promo-content.padding-top-none { padding:0 15px 15px 15px; } .component-column-promo-content .promo-content:after { content: ""; display: table; clear: both;} .component-column-promo-content.content-promo-no-image { } .component-column-promo-content .content-promo-image-left { } .component-column-promo-content .content-promo-image-right { } .component-column-promo-content .content-promo-image-top { } .component-column-promo-content .content-promo-image-bottom { } .component-column-promo-content .promo-content-button .button {background-color:transparent; padding-left:20px; padding-right: 20px; font-size: 12px; } .component-column-promo-content p.promo-heading-1 { margin: 0; padding: 0;} .component-column-promo-content p.promo-heading-2 { margin: 0; padding: 0; padding-bottom: 10px; } .component-column-promo-content.promo-scheme-lightgrey-text { background-color:#fff; color:#323232; } .component-column-promo-content.promo-scheme-lightgrey-text .promo-heading-1 { color:#323232; } .component-column-promo-content.promo-scheme-lightgrey-text .promo-heading-2 { color:#323232; } .component-column-promo-content.promo-scheme-lightgrey-text .promo-content-button .button { /* background-color:#2774ae; */ color:#2774ae; border: 1px solid #2774ae; } .component-column-promo-content.promo-scheme-darkgrey-text { background-color:#fff; color:#323232; } .component-column-promo-content.promo-scheme-darkgrey-text .promo-heading-1 { color:#444; } .component-column-promo-content.promo-scheme-darkgrey-text .promo-heading-2 { color:#444; } .component-column-promo-content.promo-scheme-darkgrey-text .promo-content-button .button { /* background-color:#2774ae; */ color:#2774ae; border: 1px solid #2774ae;} .component-column-promo-content.promo-scheme-lightblue-text { background-color:#fff; color:#323232; } .component-column-promo-content.promo-scheme-lightblue-text .promo-heading-1 { color:#2774ae; } .component-column-promo-content.promo-scheme-lightblue-text .promo-heading-2 { color:#2774ae; } .component-column-promo-content.promo-scheme-lightblue-text .promo-content-button .button { /* background-color:#2774ae; */ color:#2774ae; border: 1px solid #2774ae;} .component-column-promo-content.promo-scheme-darkblue-text { background-color:#fff; color:#323232; } .component-column-promo-content.promo-scheme-darkblue-text .promo-heading-1 { color:#003B5C; } .component-column-promo-content.promo-scheme-darkblue-text .promo-heading-2 { color:#003B5C; } .component-column-promo-content.promo-scheme-darkblue-text .promo-content-button .button { /* background-color:#2774ae; */ color:#2774ae; border: 1px solid #2774ae;} .component-column-promo-content.promo-scheme-darkblue-text p { color:#323232; } .component-column-promo-content.promo-scheme-orange-text { background-color:#fff; color:#323232; } .component-column-promo-content.promo-scheme-orange-text .promo-heading-1 { color:#fa7711; } .component-column-promo-content.promo-scheme-orange-text .promo-heading-2 { color:#fa7711; } .component-column-promo-content.promo-scheme-orange-text .promo-content-button .button { /* background-color:#2774ae; */ color:#2774ae; border: 1px solid #2774ae;} .component-column-promo-content.promo-scheme-lightblue { background-color:#2774ae; color:#fff; } .component-column-promo-content.promo-scheme-lightblue .promo-heading-1 { color:#fff; } .component-column-promo-content.promo-scheme-lightblue .promo-heading-2 { color:#fff; } .component-column-promo-content.promo-scheme-lightblue .promo-content-button .button { /* background-color:#fff; */ color:#fff; border: 1px solid #fff; } .component-column-promo-content.promo-scheme-darkblue { background-color:#003B5C; color:#fff; } .component-column-promo-content.promo-scheme-darkblue .promo-heading-1 { color:#fff; } .component-column-promo-content.promo-scheme-darkblue .promo-heading-2 { color:#fff; } .component-column-promo-content.promo-scheme-darkblue .promo-content-button .button { /* background-color:#fff; */ color:#fff; border: 1px solid #fff; } .component-column-promo-content.promo-scheme-orange { background-color:#ff7e39; color:#fff; } .component-column-promo-content.promo-scheme-orange .promo-heading-1 { color:#fff; } .component-column-promo-content.promo-scheme-orange .promo-heading-2 { color:#fff; } .component-column-promo-content.promo-scheme-orange .promo-content-button .button { /* background-color:#fff; */ color:#fff; border: 1px solid #fff; } .component-column-promo-content.promo-scheme-yellow { background-color:#ffcc18; color:#003B5C; } .component-column-promo-content.promo-scheme-yellow .promo-heading-1 { color:#003B5C; } .component-column-promo-content.promo-scheme-yellow .promo-heading-2 { color:#003B5C; } .component-column-promo-content.promo-scheme-yellow .promo-content-button .button { /* background-color:#fff; manuki edit 062320*/ color:#003B5C; border: 1px solid #003B5C; } .component-column-promo-content.promo-scheme-lightgrey { background-color:#f8f8f8; color:#323232;} .component-column-promo-content.promo-scheme-lightgrey .promo-heading-1 { color:#323232; } .component-column-promo-content.promo-scheme-lightgrey .promo-heading-2 { color:#2774ae; } .component-column-promo-content.promo-scheme-lightgrey .promo-content-button .button { /* background-color:#003B5C; */ color:#2774ae; border: 1px solid #2774ae; } .component-column-promo-content.promo-scheme-darkgrey { background-color:#d7d7d7; color:#fff; } .component-column-promo-content.promo-scheme-darkgrey .promo-heading-1 { color:#fff; } .component-column-promo-content.promo-scheme-darkgrey .promo-heading-2 { color:#fff; } .component-column-promo-content.promo-scheme-darkgrey .promo-content-button .button { /* background-color:#fff; */ color:#fff; border: 1px solid #fff; } .component-column-promo-content.promo-scheme-coolgrey { background-color:#899495; color:#fff; } .component-column-promo-content.promo-scheme-coolgrey .promo-heading-1 { color:#fff; } .component-column-promo-content.promo-scheme-coolgrey .promo-heading-2 { color:#fff; } .component-column-promo-content.promo-scheme-coolgrey .promo-content-button .button { /* background-color:#fff; */ color:#fff; border: 1px solid #fff; } .component-column-promo-content.promo-scheme-iceblue { background-color:#badce6; color:#003B5C;} .component-column-promo-content.promo-scheme-iceblue .promo-heading-1 { color:#003B5C; } .component-column-promo-content.promo-scheme-iceblue .promo-heading-2 { color:#003B5C; } .component-column-promo-content.promo-scheme-iceblue .promo-content-button .button { /* background-color:#003B5C; */ color:#003B5C; border: 1px solid #003B5C; } .component-column-promo-content.promo-scheme-seafoam { background-color:#87af9b; color:#fff; } .component-column-promo-content.promo-scheme-seafoam .promo-heading-1 { color:#fff; } .component-column-promo-content.promo-scheme-seafoam .promo-heading-2 { color:#fff; } .component-column-promo-content.promo-scheme-seafoam .promo-content-button .button { /* background-color:#fff; */ color:#fff; border: 1px solid #fff; } .component-column-promo-content.promo-scheme-nobg { background-color:transparent !important;} /* 2017 font styles thank you ~~~~~ /** (Layout) Heading Style 1 .component-column-promo-content.heading-style-1 .promo-heading-1 { font-size:22px; line-height:1.5; font-family: freight-sans-pro, "open sans", Verdana, sans-serif; } .component-column-promo-content.heading-style-1 .promo-heading-2 { font-size:16px; } /** (Layout) Heading Style 2 .component-column-promo-content.heading-style-2 .promo-heading-1 { font-size:24px; font-family: freight-sans-pro, "open sans light", Verdana, sans-serif; padding-bottom:0;} .component-column-promo-content.heading-style-2 .promo-heading-2 { font-size:16px; } /** (Layout) Heading Style 3 .component-column-promo-content.heading-style-3 .promo-heading-1 { font-size:17px; font-family: freight-sans-pro, "open sans semibold", Verdana, sans-serif; } .component-column-promo-content.heading-style-3 .promo-heading-2 { font-size:14px; } /** (Layout) Heading Style 4 .component-column-promo-content.heading-style-4 .promo-heading-1 { font-size:16px; font-family: freight-sans-pro, "open sans bold", Verdana, sans-serif; text-transform: uppercase; letter-spacing:1px;} .component-column-promo-content.heading-style-4 .promo-heading-2 { font-size:14px; } /** (Layout) Heading Style 5 .component-column-promo-content.heading-style-5 .promo-heading-1 { font-size:17px; line-height:24px; } .component-column-promo-content.heading-style-5 .promo-heading-2 { font-size:15px; font-family: freight-sans-pro, "open sans semibold", Verdana, sans-serif; } /** (Layout) Heading Style 6 .component-column-promo-content.heading-style-6 .promo-heading-1 { font-size:18px; } .component-column-promo-content.heading-style-6 .promo-heading-2 { font-size:14px; } /** (Layout) Heading Style 7 .component-column-promo-content.heading-style-7 .promo-heading-1 { font-size:20px; font-family: freight-sans-pro, "open sans light", Verdana, sans-serif; text-transform: uppercase;letter-spacing: 1px;} .component-column-promo-content.heading-style-7 .promo-heading-2 { font-size:16px; } .component-column-promo-content.heading-style-7 p { line-height: 1.6; font-size: .95em; } /** (Layout) Heading Style 8 .component-column-promo-content.heading-style-8 .promo-heading-1 { font-size:18px; } .component-column-promo-content.heading-style-8 .promo-heading-2 { font-size:16px; } /** (Layout) Womens Faculty Promo .womens-faculty-promo .promo-heading-1 { font-size:16px !important; } .womens-faculty-promo .promo-heading-2 { font-size:12px !important; } .womens-faculty-promo.no-button-style .promo-content-button .button {border:0px !important; padding:0 !important; font-family: freight-sans-pro, 'open sans bold', Verdana, sans-serif !important; } .womens-faculty-promo.background-darkyellow { background:#eaba1a!important; color:#fff !important;} .womens-faculty-promo.background-seafoambold { background:#76b692!important; color:#fff !important;} /*~okay~*/ /** stop text from wrapping when image is left or right when scaling to mobile **/ .content-promo-image-left.promo-no-wrap img, .content-promo-image-left.promo-no-wrap .promo-content { width: 50%; float: left; clear: right; } .content-promo-image-left.promo-no-wrap .promo-content { padding-left:0;} .content-promo-image-right.promo-no-wrap img, .content-promo-image-right.promo-no-wrap .promo-content { width: 50%; float: right; clear: left; } .content-promo-image-right.promo-no-wrap .promo-content { padding-right:0;} /** Column Styles **/ .component-column-4 .component-column-promo-content .img-align-left { padding-right:0px; padding-bottom:12px; display:block; clear:both; } .component-column-4 .component-column-promo-content .img-align-right { padding-left:0px; padding-bottom:12px; display:block; clear:both; } .component-column-4 .component-column-promo-content .img-align-center { padding-bottom:0;} .component-column-4 .promo-content { clear:both; } .component-column-3 .component-column-promo-content .img-align-left { padding-right:10px; padding-bottom:12px;} .component-column-3 .component-column-promo-content .img-align-right { padding-left:10px; padding-bottom:12px;} .component-column-3 .component-column-promo-content .img-align-center { padding-bottom:0;} /* .component-column-3 .promo-content { padding: 15px 15px 0 15px; } */ .component-column-4 .promo-block-image .promo-content, .component-column-3 .promo-block-image .promo-content, .component-column-2 .promo-block-image .promo-content, .component-column-1 .promo-block-image .promo-content, .component-column-1-padded .promo-block-image .promo-content {clear:both; } .component-column-4 .promo-block-image .img-align-left, .component-column-3 .promo-block-image .img-align-left, .component-column-2 .promo-block-image .img-align-left, .component-column-1 .promo-block-image .img-align-left, .component-column-1-padded .promo-block-image .img-align-left { padding-right:0px; padding-bottom:12px; display:block; } .component-column-4.promo-block-image .img-align-right, .component-column-3 .promo-block-image .img-align-right, .component-column-2 .promo-block-image .img-align-right, .component-column-1 .promo-block-image .img-align-right, .component-column-1-padded .promo-block-image .img-align-right { padding-left:0px; padding-bottom:12px; display:block; } .component-column-4 .promo-block-image .img-align-center, .component-column-3 .promo-block-image .img-align-center, .component-column-2 .promo-block-image .img-align-center, .component-column-1 .promo-block-image .img-align-center, .component-column-1-padded .promo-block-image .img-align-center { padding-bottom:0; display:block; } /** .component-column-2 .component-column-promo-content .img-align-left { padding-right:20px; padding-bottom:12px;} .component-column-2 .component-column-promo-content .img-align-right { padding-left:20px; padding-bottom:12px;} .component-column-2 .component-column-promo-content .img-align-center { padding-bottom:0;} **/ .component-column-4 .content-promo-image-top .comoponent-column-promo-content-img, .component-column-4 .content-promo-image-bottom .comoponent-column-promo-content-img { width:100%; height:auto; } .component-column-3 .content-promo-image-top .comoponent-column-promo-content-img, .component-column-3 .content-promo-image-bottom .comoponent-column-promo-content-img { width:100%; height:auto; } .component-column-4 .component-column-promo-content.img-true-size .comoponent-column-promo-content-img { width:inherit; height:auto; } .component-column-3 .component-column-promo-content.img-true-size .comoponent-column-promo-content-img { width:inherit; height:auto; } /** Tiny Promo Image Left **/ /** .tiny-promo-image-left **/ .component-column-promo-content.tiny-promo-image-left .img-align-left { padding-right: 10px; padding-bottom: 12px; padding-top: 12px; padding-left: 10px; } .component-column-promo-content.tiny-promo-image-left .promo-content { padding-top: 0; padding-bottom: 0; } /** .promo-content-padding-bottom-none **/ .component-column-promo-content.tiny-promo-image-left .promo-content .promo-heading-1 { padding-top: 10px;} /** Promo Row (50-50) **/ .component-promo-row-50 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; width: 100%;} .component-promo-row-50 .promo-row-image-container { padding: 0; overflow: hidden; position: relative; min-height:auto;} .component-promo-row-50 .promo-row-image-container .promo-row-image { position: absolute; object-fit: cover; object-position: center; height: 100%; width: 100%;} .component-promo-row-50 .promo-row-content-container { -webkit-box-align: start;-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .cover-image img { position: absolute; object-fit: cover; object-position: center; height: 100%; width: 100%;} /*** Stand-alone Accordion **/ .component-accordion-section-white { background-color:#fff; } .component-accordion-section-white.accordion-alternating-rows .component-accordion-holder {margin-bottom: 0;} .component-accordion-section-white.accordion-alternating-rows .component-accordion-holder:nth-child(even) { background-color:#fff; } .component-accordion-section-white.accordion-alternating-rows .component-accordion-holder:nth-child(odd) { background-color:#fafafa; } .component-accordion-section-lightgrey { background-color:#fafafa; } .component-accordion-section-lightgrey .component-accordion-holder { background-color:#fff; } .component-accordion-section-lightgrey.accordion-alternating-rows .component-accordion-holder {margin-bottom: 0;} .component-accordion-section-lightgrey.accordion-alternating-rows .component-accordion-holder:nth-child(even) { background-color:#fafafa; } .component-accordion-section-lightgrey.accordion-alternating-rows .component-accordion-holder:nth-child(odd) { background-color:#fff; } .component-accordion-holder p { color:#323232; } /** Link Highlights **/ .component-essential-links {} .component-essential-links .link-column { margin-bottom:40px; text-align: center;} .component-essential-links .essential-link a { font-size: 30px; line-height: inherit; color:#fff; border: 1px solid transparent; padding:20px; display:block; -webkit-transition: border .5s ease; -moz-transition: border .5s ease; -o-transition: border .5s ease; -ms-transition: border .5s ease; transition: border .5s ease; } .component-essential-links .essential-link a:hover { border: 1px solid #9ad0de; /* 9ceff9 */ } .component-essential-links-lightblue { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-blue-chevron-tile.png) center bottom repeat-y;} .component-essential-links-lightblue h2 { color:#fff; } .component-essential-links-darkblue { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/chevrons/background-darkblue-chevron-tile.png) center bottom repeat-y; } .component-essential-links-darkblue h2 { color:#fff; } .component-essential-links-darkblue.component-essential-links .essential-link a:hover { border: 1px solid #55758b; } .component-essential-links-orange { background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/background-orange-tile.png) center top repeat-y; } .component-essential-links-orange h2 { color:#fff; } .component-essential-links-orange.component-essential-links .essential-link a:hover { border: 1px solid #f3b482; } /*** Stand alone Video Gallery ***/ .component-video-gallery {max-width:1040px; margin:0px auto;} .component-video-slider .orbit-controls .orbit-previous {top: 30%; left:.8rem;} .component-video-slider .orbit-controls .orbit-next {top: 30%; right:.8rem;} .component-video-slider .orbit-container .orbit-slide {/*padding: 0 .8rem;*/ } .component-video-slider .vid-gal-thumbs { } .component-video-slider .orbit-bullets { position: relative; margin-top: .5rem; margin-bottom: .5rem; text-align: center;} .component-video-slider .orbit-bullets .row {/* max-width: 65rem !important; */ padding: 1.5% 0 0 0 ; } .component-video-slider .vid-gal-thumbs .large-4 { padding: 0 .8rem; } .component-video-slider .vid-gal-thumbs .large-4:nth-child(2) { } .component-video-slider .vid-gal-thumbs button {width:100%; height:auto !important;} .component-video-slider .orbit-caption { display:none; font-size:18px; font-family: freight-sans-pro, 'open sans regular', Verdana, sans-serif; top:0; bottom: auto;} .component-video-slider .vid-thumb { min-width: 0; } .component-video-slider .vid-thumb button { position:relative; border-radius: 0 !important; max-width: 100%; } .component-video-slider .vid-thumb .play-button-overlay { width:25%; height:auto; display:block; position:absolute; bottom:15px; right:15px; background-color:#c50008;} .component-video-slider.mobile-expand { } /** Captions **/ .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description { padding: 20px; } .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description h3 { text-decoration: none; color:#323232; text-align: left; } .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description p { text-decoration: none; color:#323232; text-align: left; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif; } /**White Caption Class**/ .component-video-gallery.vidgal-titles-white .vid-gal-thumb-description h3 { color:#fff !important; } /** Caption center **/ .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description.center-description h3 {text-align:center;} .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description.center-description p {text-align:center;} /** Background color **/ .component-video-slider .vid-gal-thumbs button { background:none; } .component-video-slider .vid-gal-thumbs button.background-white { background-color:#fff; } .component-video-slider .vid-gal-thumbs button.background-lightgrey { background-color:#f8f8f8; } /** Is active button **/ .component-video-slider .vid-gal-thumbs button:focus { outline:none; } .component-video-slider .vid-gal-thumbs button.is-active img:nth-child(2) { border:5px solid #2774ae; } /** In section **/ .component-section .component-video-slider .orbit-container .orbit-slide {padding: 0 .8rem; } /** Media Container **/ .media-container-promo .component-profile-column-4 { margin: 10px 0; } .media-container-promo .component-profile-column-3 { margin: 10px 0; } .media-container-promo .component-profile-column-2 { margin: 10px 0; } /** Highlight Rows **/ .component-highlight-row {} .component-highlight-row h3 { text-align:center; } .component-highlight-row h3 a { text-decoration: none; color:inherit; } .component-highlight-row h4 { text-align:center; font-size:20px; line-height:30px; } .component-highlight-row h4 a { text-decoration: none; color:inherit; } .component-highlight-row-white { background: #fff; } .component-highlight-row-white h3 { color: #003B5C; } .component-highlight-row-white h4 {color: #003B5C;} .component-highlight-row-lightblue { background: #2774ae; } .component-highlight-row-lightblue h3 {color: #fff;} .component-highlight-row-lightblue h4 {color: #fff;} .component-highlight-row-darkblue { background: #003B5C; } .component-highlight-row-darkblue h3 {color: #fff;} .component-highlight-row-darkblue h4 {color: #fff;} .component-highlight-row-orange { background: #ff8030; } .component-highlight-row-orange h3 {color: #fff;} .component-highlight-row-orange h4 {color: #fff;} .component-highlight-row-yellow { background: #ffce00; } .component-highlight-row-yellow h3 {color: #003B5C;} .component-highlight-row-yellow h4 {color: #003B5C;} .component-highlight-row-lightgrey { background: #f8f8f8; } .component-highlight-row-lightgrey h3 {color: #003B5C;} .component-highlight-row-lightgrey h4 {color: #003B5C;} .component-highlight-row-darkgrey { background: #d7d7d7; } .component-highlight-row-darkgrey h3 {color: #003B5C;} .component-highlight-row-darkgrey h4 {color: #003B5C;} .component-highlight-row-coolgrey { background: #899495; } .component-highlight-row-coolgrey h3 {color: #fff;} .component-highlight-row-coolgrey h4 {color: #fff;} .component-highlight-row-iceblue { background: #badce6; } .component-highlight-row-iceblue h3 {color: #003B5C;} .component-highlight-row-iceblue h4 {color: #003B5C;} .component-highlight-row-seafoam { background: #87af9b; } .component-highlight-row-seafoam h3 {color: #fff;} .component-highlight-row-seafoam h4 {color: #fff;} .component-highlight-row.text-left h3, .component-highlight-row.text-left h4 { text-align: left; } .component-highlight-row.text-right h3, .component-highlight-row.text-right h4 { text-align: right; } /** padding for highlight row to match columns width with padding (this is so you can have a highlight row in between rows of columns which have padding on the left and right side) **/ .highlight-row-column-width { max-width: 73rem; } /** Event Container **/ .component-event-card { border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; text-align: center;} .component-event-card-white { background:#fff; } .component-event-card-lightgrey { background:#f8f8f8; } .component-event-card-white p {color:#323232;} .component-event-card .image-section-outer {text-align: center; max-height:280px; position:relative; width:100%;} .component-event-card .image-section-inner { width: auto; max-height:280px; overflow:hidden; } .component-event-card .image-section-outer .category-tag { height: 36px; display: inline-block; width: auto !important; border-radius: 100px; padding: 0 27px; text-transform: uppercase; margin: 0; position:relative; bottom: 18px;} .component-event-card .event-section-outer { padding:10px 45px 15px 45px; } .component-event-card .event-section-outer h3 { margin-top: 0px; margin-bottom: 20px; color:#2774ae;} .component-event-card .event-section-outer p.event-description { } .component-event-card .event-section-outer .event-date { margin: 10px 0 0 0; color:#2774ae; } .component-event-card .event-section-outer .event-time { margin: 0; } .component-event-card .event-section-outer .event-location { margin: 0 0 10px 0; } .component-event-card .event-section-outer .button { background-color:#ff8030; color:#fff; margin-top:20px;} /** Gallery Container **/ .component-gallery-row-4 { margin-right: auto !important; margin-left: auto !important; } .component-gallery-row-4 .component-profile-row-4 { margin-right: auto !important; margin-left: auto !important; } /** Profile Item **/ .component-profile-item { border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; margin-bottom:30px;} .component-profile-item-white { background:#fff; } .component-profile-item-lightgrey { background:#f8f8f8; } .component-profile-item-lightgrey p, .component-profile-item-white p { color:#323232; } .component-profile-item .image-section { text-align: center; /* max-height:285px;*/ max-height:255px; overflow:hidden; position:relative; width:100%; } .component-profile-item .image-section img { width:100%; height: auto;} .component-profile-item .profile-section { padding:10px; } .component-profile-item .profile-section .profile-name { color:#323232; font-family: freight-sans-pro, 'open sans bold', Verdana, sans-serif; padding-bottom:0px; margin-bottom:5px;} .component-profile-item .profile-section .profile-description { color:#323232; } .component-profile-item .profile-section .content-section { color:#323232; } /** Note: When adding more social links, please refer to media query below and adjust the icon width for 1024 mobile screens. **/ .component-profile-item .profile-section .profile-social-links { height:30px; text-align: center; position:relative; margin-bottom:10px; margin-top:10px; display: inline-block;} .component-profile-item .profile-section .profile-linkedin { width:40px; height:30px; display: inline-block; color:#2774ae; } .component-profile-item .profile-section .profile-email { width:40px; height:30px; display: inline-block; color:#2774ae; } .component-profile-item .profile-section .profile-website { width:40px; height:30px; display: inline-block; color:#2774ae; } .component-profile-item .profile-section .profile-other { width:40px; height:30px; display: inline-block; position:relative; /* background-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/icons/social/ICON-other-30x30.png); background-repeat: no-repeat; background-position: 50% 50%; */ } /** Extra profile icon options **/ .component-profile-item .profile-section .profile-other.youtube { background-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/icons/social/ICON-youtube-30x30.png); background-repeat: no-repeat; background-position: 50% 50%; } .component-profile-item .profile-section .profile-other.blog { background-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/icons/social/ICON-blog-30x30.png); background-repeat: no-repeat; background-position: 50% 50%; } .component-profile-item .profile-section .profile-other.pdf { background-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/icons/social/ICON-pdf-30x30.png); background-repeat: no-repeat; background-position: 50% 50%; } .component-profile-item .profile-section .profile-button { color:#ff8030; margin:0px 0 10px 0; font-style: italic; display:block; clear:both; cursor:pointer; padding:3px;} .component-profile-item.center-align { text-align: center; } /** Clubs Social **/ .clubs-social a { display: inline-block; text-align: center; margin-left:3%; margin-right:3%; margin-bottom:20px; } .clubs-social a:last-child { margin-left: 1.5%; } /** Profile slider **/ .component-profile-row-slider {} .orbit-container {outline: 0;} .component-profile-slider .orbit-slide { margin-right:30px;} .component-profile-slider .inline-list li { } .component-profile-slider .orbit-controls { display:none; } .component-profile-slider {/*width:100% !important;*/} /** Video Item **/ .component-video-item { max-width:100%; border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; margin-bottom:30px;} .component-video-item-white { background:#fff; } .component-video-item-lightgrey { background:#f8f8f8; } .component-video-item .video-link { } .component-video-item .image-section {text-align: center; /* max-height:276px; */overflow:hidden; position:relative; width:100%; height:auto; } .component-video-item .image-section img { width:100%; height: auto; } /* .component-video-item .image-section .play-button-overlay { width:100%; height:auto; display:block; position:absolute; bottom:0px; right: 0;} */ .component-video-item .image-section .play-button-overlay { width:18%; height:auto; display:block; position:absolute; bottom:15px; right: 15px; background-color:#c50008;} .component-video-item .video-info-section { padding: 20px; } .component-video-item .video-title { font-size: 22px; line-height:26px; } .component-video-item .video-title a{ text-decoration:none; color:inherit;} .component-video-item .video-description { font-size: 14px; line-height:24px; margin-bottom: 0;color:#323232;} .component-video-item .video-description a {text-decoration:none; color:inherit; } .component-video-item .video-info-section .video-button a { font-size: 16px; color:#2774ae; margin:10px 0 10px 0; font-style: italic; display:block; clear:both; cursor:pointer; padding:3px; } .component-video-item.small .video-title { font-size: 18px; line-height:25px; } .component-video-item.hide-play-overlay .play-button-overlay { display:none !important; } /** Video Item Column Styles **/ .component-row-1 .component-video-item .image-section { max-height:568px; overflow:hidden; } .component-row-1-padded .component-video-item .image-section { max-height:471px; overflow:hidden; } .component-row-2 .component-video-item .image-section { max-height:276px; overflow:hidden; } .component-row-3 .component-video-item .image-section { max-height:178px; overflow:hidden; } .component-row-3 .component-video-item .image-section .play-button-overlay { width:25%; height:auto; display:block; position:absolute; bottom:15px; right: 15px; background-color:#c50008;} .component-row-4 .component-video-item .image-section { max-height:129px; overflow:hidden; } .component-row-4 .component-video-item .image-section .responsive-embed{ display:none; } .component-row-4 .component-video-item .profile-section { padding: 10px; } .component-row-4 .component-video-item .image-section .play-button-overlay { width:25%; height:auto; display:block; position:absolute; bottom:15px; right: 15px; background-color:#c50008;} .component-gallery-row-2 .component-video-item .image-section { max-height:276px; overflow:hidden; } .component-gallery-row-3 .component-video-item .image-section { max-height:178px; overflow:hidden; } .component-gallery-row-4 .component-video-item .image-section { max-height:129px; overflow:hidden; } .component-gallery-row-4 .component-video-item .image-section .responsive-embed { display:none; } .component-gallery-row-4 .component-video-item .profile-section { padding: 10px; } .component-gallery-row-4 .component-video-item .image-section .play-button-overlay { width:25%; height:auto; display:block; position:absolute; bottom:15px; right: 15px; background-color:#c50008;} /** News Items **/ .component-news-item-white { background:#fff; } .component-news-item-lightgrey { background:#f8f8f8; } /** News Item **/ .component-news-item {height:100% !important; border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; margin-bottom:10px;} .component-news-item .image-section {text-align: center; max-height:340px; overflow:hidden; position:relative; width:100%; } .component-news-item .image-section img { width:100%; height: auto;} .component-news-item .news-section { padding:20px 25px 20px 25px; } .component-news-item .news-section .category-tag-holder { text-align: left; margin-top:-15px; position:relative; z-index:800; margin-bottom:5px;} .component-news-item .news-section .category-tag { color:#444; background-color:transparent; margin-bottom: 0;padding:0;} .component-news-item .news-section .category-tag a { color:#2774ae; } .component-news-item.hide-category .news-section .category-tag-holder { display:none;} /* override main*/ .category-tag h6 {font-size: 14px;line-height: 22px;font-family: freight-sans-pro, 'open sans',Verdana,sans-serif;padding-top: 7px;} .component-column-4 .component-news-item .news-section .category-tag h6 { font-size: 13px;} .component-news-item .news-section .news-title { color: #003B5C; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif; padding-bottom:0px; margin-bottom:5px;} .component-news-item .news-section .news-title a { color: #003B5C; text-decoration: none; } .component-news-item .news-section .news-description { color:#323232; } .component-news-item .news-section .news-description a { color:#323232; text-decoration: none; } .component-news-item .news-section .content-section { } /***** added to override the p color if over dark bg *****/ .background-neonblue .news-section p, .background-darkblue .news-section p { color:#323232; } .component-news-item .news-section .news-button { font-size: 14px;color:#1779ba;font-style: inherit;font-family: freight-sans-pro, 'open sans semibold', Verdana, sans-serif; margin:0px; display:block; clear:both; cursor:pointer; padding:3px; margin-top:10px; font-weight: 500;} .component-column-promo-content a.news-button {font-size: 14px; color: #1779ba; font-style: inherit; font-family: freight-sans-pro, 'open sans semibold',Verdana,sans-serif; margin: 10px 0 0; display: block; clear: both; cursor: pointer; padding: 3px; font-weight: 500;} /** News Item Row Styles **/ .component-row-1 .component-news-item .image-section { max-height:568px; } .component-row-1-padded .component-news-item .image-section { max-height:470px; } .component-row-2 .component-news-item .image-section { max-height:373px; } .component-row-3 .component-news-item .image-section { max-height:190px; } .component-row-4 { } /** News Item Gallery **/ .component-news-item .image-section-gallery {max-height:100% !important; height:100%; width: 100%; max-width: 316px; overflow:hidden;} .component-news-item .image-section-gallery img { height:100%; width:auto; margin:0px auto; max-width: inherit; } .component-news-item .image-section-gallery .category-tag-holder { text-align: center; width:100%; position:absolute; z-index:800; bottom:30px;} .component-news-item .image-section-gallery .category-tag-holder .category-tag { color:#fff; background-color:#2774ae; margin-bottom: 0;} .component-news-item .image-section-gallery .category-tag-holder .category-tag h6 a { color:#fff !important; } .component-news-item .image-section-gallery .gallery-title { background:#2774ae; color:#fff; height: 36px; display: inline-block; width: auto !important; border-radius: 100px; padding: 0 27px; text-transform: uppercase; margin: 0 0 20px 0; } .component-news-item .image-section-gallery .gallery-title h6 { font-size: 12px; line-height: 36px; font-family: freight-sans-pro, 'open sans bold', Verdana, sans-serif; } .component-news-item .image-section-gallery .gallery-title h6 a { color:#fff; } /** News Item Links/Bites **/ .component-news-item-links { padding:25px; height:100%;} .component-news-item-links .button-news-bites { height: 36px; width: auto!important; padding: 0 27px; margin: 0 0 20px; display: inline-block; border-radius: 100px; text-transform: uppercase;background-color:#003B5C; } .component-news-item-links .button-news-bites h6 {color:#fff;font-size: 12px; line-height: 36px; font-family: freight-sans-pro, 'open sans bold',Verdana,sans-serif;} .component-news-item-links .button-news-bites h6 a {color:#fff;} .component-news-item-links .news-bites { margin:0; padding:0; } .component-news-item-links .news-bites li { font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; font-size:15px; line-height:23px; 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 #003B5C; } .component-news-item-links .news-bites li:last-child { border-bottom: 0px; } .component-news-item-links .news-bites li a { color:#003B5C; text-decoration: none; padding: 20px 35px 20px 0; display:block;} .component-news-item.home-bites .news-bites li:last-child(2) { border-bottom: 0px; padding-bottom:0; } .component-news-item.home-bites .news-bites li:last-child { font-size: 14px; color: #1779ba; font-style: inherit; font-family: freight-sans-pro, 'open sans semibold',Verdana,sans-serif; background: none;padding-bottom:0;} .component-news-item.home-bites .news-bites li:last-child a { color: #1779ba;} .component-news-item.list-read-more .news-bites li:last-child(2) { border-bottom: 0px; padding-bottom:0; } .component-news-item.list-read-more .news-bites li:last-child { font-size: 14px; color: #1779ba; font-style: inherit; font-family: freight-sans-pro, 'open sans semibold',Verdana,sans-serif; background: none;padding-bottom:0;} .component-news-item.list-read-more .news-bites li:last-child a { color: #1779ba;} /** News Bites in a news media container **/ .component-news-item-mc-news { } .component-news-item-mc-news .image-section { display: none !important; } .component-news-item-mc-news .news-section { width: 90% !important; display:block !important; margin: 20px auto 0 auto !important; padding: 0 !important;} .component-news-item-mc-news .news-section .news-title { margin-bottom: 10px !important; } .component-news-item-mc-news .news-section .news-bites li { padding: 10px 30px 10px 0 !important; background: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/v0/home/list-arrow-right-grey-.png) right center no-repeat !important; } .component-news-item-mc-news .news-section .news-bites li a { padding: 5px 35px 5px 0 !important; } .component-news-item-mc-news .news-section p { padding:0; margin: 0; } /** News Item heading styles **/ .component-news-item.headline-style-1 .news-section .news-title { font-size:18px; line-height:28px; font-family: freight-sans-pro, 'open sans bold', Verdana, sans-serif; } .component-news-item.headline-style-2 .news-section .news-title { font-size:18px; line-height:28px; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } /** New Footer **/ .cms-footer-container-desktop { background:#002c48; } .cms-footer-container-desktop .cms-footer-social-icon-container { max-width:360px; margin-top:50px; padding:0; } .cms-footer-container-desktop .cms-footer-link-menu {text-align: center; margin: 40px 0 40px 0;} .cms-footer-container-desktop .cms-footer-link-menu li { display:inline; margin: 10px; color:#fff; text-transform: uppercase; font-size:13px; font-family: freight-sans-pro, 'open sans bold',Verdana,sans-serif; } .cms-footer-container-desktop .cms-footer-link-menu li a { color:#fff; } .cms-footer-container-desktop .cms-subfooter-menu-list {text-align: center;} .cms-footer-container-desktop .cms-subfooter-menu-list li { display:inline; margin: 10px; color:#fff; text-transform: uppercase; font-size:13px; } .cms-footer-container-desktop .cms-subfooter-menu-list li.cms-footer-menu-text a {font-family: freight-sans-pro, 'open sans bold',Verdana,sans-serif;} .cms-footer-container-desktop .cms-subfooter-menu-list li.cms-subfooter-menu a { text-transform:none; font-family: freight-sans-pro, 'open sans regular',Verdana,sans-serif;color:#fff; } .cms-footer-container-desktop .cms-subfooter-menu-list .cms-subfooter-menu { text-align:center !important;} .cms-footer-container-desktop .cms-subfooter-menu-list { padding-bottom: 0; margin-bottom:0;} .cms-footer-container-desktop .cms-subfooter-menu-list li {text-align:center; margin: 10px 0; margin-right: 0 !important; margin-left: 0 !important; padding-right: 5px; padding-left:5px;} .cms-footer-container-desktop .cms-footer-menu-text { text-align:center; } .cms-footer-container-desktop .cms-subfooter-menu { text-align:center;} .cms-footer-container-desktop .cms-ucla-anderson-footer-logo-container { max-width: 350px; display: block; margin: 70px auto 60px auto; } .cms-footer-container-desktop .cms-ucla-anderson-footer-logo-container .cms-ucla-anderson-footer-logo { max-width: inherit; margin-top: 0; margin-bottom: 0px; } .cms-footer-container-desktop .cms-bottom-footer-menu-container {width:100%; max-width:100%; background: #fff; } .cms-footer-container-desktop .cms-bottom-footer-menu { max-width:70%; } .cms-footer-container-desktop .menu.expanded.cms-bottom-footer-menu li { flex: 1 1 auto; } /** unordered list arrow **/ ul.blue.raquot, .component-accordion-container ul {margin-left: 2rem;list-style-image: url('https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small.png');} ul, ol, dl {list-style-position: inherit; } ul.raquot.blue li {margin-bottom: 0.5em;} ul.white.raquot {margin-left: 2rem;list-style-image: url('https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-w.png');} ul.yellow.raquot {margin-left: 2rem;list-style-image: url('https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-y.png');} ul.blue.list-arrow {margin-left: 2rem;list-style-image: url('https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small.png');} ul.list-arrow.blue li {margin-bottom: 0.5em;} ul.white.list-arrow {margin-left: 2rem;list-style-image: url('https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-w.png');} ul.yellow.list-arrow {margin-left: 2rem;list-style-image: url('https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-y.png');} /** Anderson Review Faculty Publication **/ .margin-left-33 { margin-left:33%; } .margin-right-33 { margin-right:33%; } .margin-left-34 { margin-left:34%; } .margin-right-34 { margin-right:34%; } /** Microsite Header **/ .microsite-logo-row {} .microsite-sub-links {} .microsite-logo { width: 285px; max-width: none; padding: 0; margin-top: -80px; margin-left:auto; margin-right:auto; display:inline-block; z-index: 800; position:relative;} .microsite-logo-mobile { width: 200px; max-width: none; padding: 0; margin:0; display:inline-block; z-index: 800; position:relative;} .microsite-sub-links .search-drop-button { margin-top: -5px;} .microsite-sub-links .list-links { text-align:right;} .microsite-sub-links .list-links a { padding: 0; font-size: 13px; color:#006198; -webkit-font-smoothing: subpixel-antialiased; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif;} .microsite-sub-links .list-links a::after { content: "|"; padding-left:15px; padding-right:15px; color:#006198;} .microsite-sub-links .list-links a:last-child::after { content: ""; padding-left:15px; padding-right:15px; color:#006198;} .microsite-white-row { background:#fff; height:50px;} .review-navigation-menu-FW { } /** navbar Sticky settings **/ .microsite-sticky-row.nav-down .microsite-logo-row { height: 80px; transition: height .5s; -webkit-transition: height .5s; /* Safari 3.1 to 6.0 */ overflow:hidden;} .microsite-sticky-row.nav-down .microsite-logo { height:auto; transition: height .5s; -webkit-transition: height .5s;} .microsite-sticky-row.nav-down .microsite-logo-mobile { margin-top: -4px;} .microsite-sticky-row.nav-down .microsite-logo-row .columns {display:inherit; } .microsite-sticky-row.nav-down .cms-anderson-logo {height: auto; margin-top: 16px;} .microsite-sticky-row.nav-up .globalnav-logo-row { height:0; } .microsite-sticky-row.nav-up .microsite-logo { height:0; opacity: 0; } .microsite-sticky-row.nav-up .anderson-review-white-row { height:0; } .microsite-sticky-row.nav-up .cms-anderson-logo {height: 0; margin-top: 16px;} /** News Article Header Component **/ .hero-article { background:#000; height: auto; width: 100%; min-height:400px; position:relative; overflow:hidden;} .hero-article .link-overlay { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 500;} .hero-article .hero-article-headline-container { position:relative; text-align: center; padding-top:40px; padding-bottom:40px; width:100%; z-index: 200; } .hero-article .category-tag {background-color: #ffffff; color: #003B5C; } .hero-article .category-tag a { color:#002c48;} .hero-article .hero-article-headline { max-width:1200px; margin:0px auto; position:relative; width: 100%; text-align: center; font-size: calc( 16px + (44 - 16) * (100vw - 320px) / (1400 - 320) ); color: #ffffff; line-height: 1.4; padding-left:80px; padding-right:80px; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } .hero-article .hero-article-headline h1 { font-size: calc( 16px + (44 - 16) * (100vw - 320px) / (1400 - 320) ); color: #ffffff; line-height: 1.4; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } .hero-article .hero-article-image { max-height: inherit; overflow: auto; position:absolute; top: 0; width:100%;} .hero-article .hero-article-image img { opacity: .6; background-color: #000000;width:100%; } .hero-article .hero-article-content { color:#fff; margin-top:40px; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif;} .hero-article-caption { color:#a1a1a1; font-size:14px; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; line-height:24px; text-align: right; width:100%; border-bottom:1px solid #dfdfdf; padding:5px 10px 5px 0;} .hero-article-caption .hero-caption-icon {padding-top:4px; position: relative;} .hero-article-caption p{ margin:0px; padding: 0px; color:#999; } .hero-article-caption p a { color:#2774ae; } .hero-article.hero-article-noimage {background: #fff; min-height:auto !important;} .hero-article.hero-article-noimage .category-tag {background-color: #002c48; color: #fff; } .hero-article.hero-article-noimage .category-tag a { color:#fff;} .hero-article.hero-article-noimage .hero-article-headline { max-width:1200px; margin:0px auto; position:relative; width: 100%; text-align: center; font-size: calc( 16px + (44 - 16) * (100vw - 320px) / (1400 - 320) ); color: #002c48; line-height: 1.4; padding-left:80px; padding-right:80px; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } .hero-article.hero-article-noimage .hero-article-headline h1 { font-size: calc( 16px + (44 - 16) * (100vw - 320px) / (1400 - 320) ); color: #002c48; line-height: 1.4; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } .hero-article.hero-article-noimage .hero-article-content { color:#002c48; margin-top:40px;} .hero-article.hero-article-noimage .hero-article-image {display:none;} .hero-article .read-article-link { font-size: 14px; display:block; margin-top:10px; } .faculty-home-byline { font-size: 14px; line-height: 24px; } .short-article-copy-image .copy-image-text { margin-left:35%; font-size: 18px; line-height: 1.8; margin-bottom:0; } .short-article-copy-image .copy-image-text p { font-size: 18px; line-height: 1.8; } /** Article byline and deck row **/ .article-content-row {margin-top:40px;} .short-article-content-row {margin-top:0px;} .article-meta { padding: 0 40px; } .article-share-this { display: block; text-align: center; font-size: 18px; color:#002c48; padding: 0 20px 20px 20px; border-bottom: solid 1px #dfdfdf; } .article-share-this.mobile {border-bottom: solid 0px #dfdfdf; border-top: solid 1px #dfdfdf; padding: 20px 20px 20px 20px;} .article-byline {font-size:14px; padding: 20px; text-align: center; color:#a1a1a1;font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } .article-byline a { } .article-byline-title { text-align: center; font-size: 18px; color:#002c48;font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif;} .article-byline .article-date { padding-top:0px; text-align: center; font-size: 14px; color:#a1a1a1;; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif;} .article-extra {color:#a1a1a1; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif;font-size:14px; text-align: center; padding:20px; border-top: 1px solid #dfdfdf;} .article-featured-sidebar { } .article-featured-sidebar h4 {font-size: 15px; line-height: 27px; color:#323232; font-weight: 300; margin-bottom: 0; font-family: freight-sans-pro, 'open sans', verdana, sans-serif; text-align: center;} .article-featured-sidebar p { font-family: freight-sans-pro, 'open sans light', verdana, sans-serif; margin-top:0; margin-bottom:10px; text-align: center;} .article-byline.mobile { border-top: 0px; text-align: left; padding:0 0 10px 0; } .article-byline.mobile:before {content: 'By '; display: inline; } .article-byline.mobile .article-byline-title { font-size:14px; color:#a1a1a1;} .article-byline.mobile .article-date { font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; padding-top:0;} /** article intro content **/ .article-intro-content { font-size:18px; line-height:1.8; color: #4c4c4c;} .article-intro-content p {font-size:18px; line-height:1.8; } .article-content { font-size:18px; line-height:1.8; color: #4c4c4c;} .article-content p {font-size:18px; line-height:1.8; } .faculty-home-byline { font-size: 14px !important; line-height: 24px !important; } .negative-margin-top { margin-top: -20px; } .margin-left-35{ margin-left: 35%; } /** Microsite **/ .microsite-logo-row {} .microsite-sub-links {} .microsite-logo { width: 285px; max-width: none; padding: 0; margin-top: -80px; margin-left:auto; margin-right:auto; display:inline-block; z-index: 800; position:relative;} .microsite-logo-mobile { width: 200px; max-width: none; padding: 0; margin:0; display:inline-block; z-index: 800; position:relative;} .microsite-sub-links .search-drop-button { margin-top: -5px;} .microsite-sub-links .list-links { text-align:right;} .microsite-sub-links .list-links a { padding: 0; font-size: 13px; color:#006198; -webkit-font-smoothing: subpixel-antialiased; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif;} .microsite-sub-links .list-links a::after { content: "|"; padding-left:15px; padding-right:15px; color:#006198;} .microsite-sub-links .list-links a:last-child::after { content: ""; padding-left:15px; padding-right:15px; color:#006198;} .microsite-white-row { background:#fff; height:50px; transition: height .5s; -webkit-transition: height .5s;} .review-navigation-menu-FW { } /** navbar Sticky settings **/ .microsite-sticky-row.nav-down .microsite-logo-row { height: 80px; transition: height .5s; -webkit-transition: height .5s; /* Safari 3.1 to 6.0 */ overflow:hidden;} .microsite-sticky-row.nav-down .microsite-logo { height:auto; transition: height .5s; -webkit-transition: height .5s;} .microsite-sticky-row.nav-down .microsite-logo-mobile { margin-top: -4px;} .microsite-sticky-row.nav-down .microsite-logo-row .columns {display:inherit; } .microsite-sticky-row.nav-down .cms-anderson-logo {height: auto; margin-top: 16px;} .microsite-sticky-row.nav-up .globalnav-logo-row { height:0; } .microsite-sticky-row.nav-up .microsite-logo { height:0; opacity: 0; } .microsite-sticky-row.nav-up .microsite-white-row { height:0; } .microsite-sticky-row.nav-up .cms-anderson-logo {height: 0; margin-top: 16px;} /** Insight Quote **/ .insight-quote { margin: 0 50px; } .insight-quote h2 { font-size:34px; line-height: 43px; } /* 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 { -webkit-font-smoothing: subpixel-antialiased; color:#323232;} .whoswho h4 {margin:45px auto 25px auto;} .whoswho a,.whoswho a:hover{color:#7fa692; } .sidebar.sticky.is-at-top.is-stuck {margin-top:11em!important;} /** Faculty Bios **/ .faculty-bio-promo img { display: block; float: left; clear: right; width: 26%; height: auto; margin-right: 4%; padding: 0 !important; margin-top:10px; } .faculty-bio-promo .promo-content { display: block; float: left; width: 70%; padding: 0; margin: 0; } /** Tables **/ #financing-content tr { background-color: #f1f1f1;} #financing-content ul li { list-style-type:disc;list-style-position: inside; padding-left: 10px;} #financing-content a, #financing-content a:hover, #financing-content h4 {font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } /** Component plain link list **/ .component-plain-link-list { width:100%; text-align: center;} .component-plain-link-list ul { list-style-type: none; line-height: 1.8; margin: 0 0 1rem 0; list-style-position: outside; } .component-plain-link-list ul li { font-size: 32px; } .component-plain-link-list ul li a { font-size: 32px; color:#1779ba; } /** plain link borders **/ .component-plain-link-list ul.border-white li { border-bottom: #fff 1px solid; } .component-plain-link-list ul.border-darkblue li { border-bottom: #003B5C 1px solid; } .component-plain-link-list ul.border-lightgrey li { border-bottom: #323232 1px solid; } .component-plain-link-list ul.border-darkgrey li { border-bottom: #333 1px solid; } .component-plain-link-list ul li:last-child { border-bottom: none !important; } /** Circle Date List **/ .component-date-list {} .component-date-list ul { list-style-type: none; margin:0; padding: 0 20px 0 20px; } .component-date-list ul li { margin-bottom:30px; display:block;} .component-date-list ul li:last-child { margin-bottom:0 !important; display:block;} .component-date-list .date-circle-container { width:28%; display: block; float:left; clear:right;} .component-date-list .date-circle { width: 75px; height: 75px; text-align: center; font-size: 15px; display: block; margin: 0 auto;} .component-date-list .date-circle .date-circle-content { padding-top: 20px; line-height: 17px; } .component-date-list .date-circle.border-darkblue { border-radius: 50%; border: 3px solid #003B5C; } .component-date-list .date-circle.border-lightblue { border-radius: 50%; border: 3px solid #2774ae; } .component-date-list .date-circle.border-orange { border-radius: 50%; border: 3px solid #f98746; } .component-date-list .date-info { width:68%; margin-left:2%; display: block; float:left; clear:right; line-height:25px; } /** 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; } .margin-left-large { margin-left: 80px; } .margin-left-medium { margin-left: 40px; } .margin-left-small { margin-left: 20px; } .margin-left-none { margin-left: 0; } .margin-right-large { margin-right:80px; } .margin-right-medium { margin-right:40px; } .margin-right-small {margin-right:20px; } .margin-right-none {margin-right: 0; } /** Percent widths **/ .margin-right-2-percent { margin-right:2%; } .margin-left-2-percent { margin-left:2%; } .margin-right-4-percent { margin-right:4%; } .margin-left-4-percent { margin-left:4%; } .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: 24px; } .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; } .padding-10 { padding:10px; } .padding-20 { padding:20px; } .padding-30 { padding:30px; } .padding-40 { padding:40px; } .padding-50 { padding:50px; } .padding-top-bottom-10 { padding-top:10px; padding-bottom:10px; } .padding-top-bottom-20 { padding-top:20px; padding-bottom:20px;} .padding-top-bottom-30 { padding-top:30px; padding-bottom:30px;} .padding-top-bottom-40 { padding-top:40px; padding-bottom:40px;} .padding-top-bottom-50 { padding-top:50px; padding-bottom:50px;} .padding-sides-10 { padding-left:10px; padding-right:10px;} .padding-sides-20 { padding-left:20px; padding-right:20px;} .padding-sides-30 { padding-left:30px; padding-right:30px;} .padding-sides-40 { padding-left:40px; padding-right:40px; } .padding-sides-50 { padding-left:50px; padding-right:40px; } .padding-top-10 { padding-top:10px; } .padding-top-20 { padding-top:20px; } .padding-top-30 { padding-top:30px; } .padding-top-40 { padding-top:40px; } .padding-top-50 { padding-top:50px; } .padding-right-10 { padding-right:10px; } .padding-right-20 { padding-right:20px; } .padding-right-30 { padding-right:30px; } .padding-right-40 { padding-right:40px; } .padding-right-50 { padding-right:50px; } .padding-bottom-10 { padding-bottom:10px; } .padding-bottom-20 { padding-bottom:20px; } .padding-bottom-30 { padding-bottom:30px; } .padding-bottom-40 { padding-bottom:40px; } .padding-bottom-50 { padding-bottom:50px; } .padding-left-10 { padding-left:10px; } .padding-left-20 { padding-left:20px; } .padding-left-30 { padding-left:30px; } .padding-left-40 { padding-left:40px; } .padding-left-50 { padding-left:50px; } .margin-10 { margin:10px; } .margin-20 { margin:20px; } .margin-30 { margin:30px; } .margin-40 { margin:40px; } .margin-50 { margin:50px; } .margin-top-bottom-10 { margin-top:10px; margin-bottom:10px; } .margin-top-bottom-20 { margin-top:20px; margin-bottom:20px;} .margin-top-bottom-30 { margin-top:30px; margin-bottom:30px;} .margin-top-bottom-40 { margin-top:40px; margin-bottom:40px;} .margin-top-bottom-50 { margin-top:50px; margin-bottom:50px;} .margin-sides-10 { margin-left:10px; margin-right:10px;} .margin-sides-20 { margin-left:20px; margin-right:20px;} .margin-sides-30 { margin-left:30px; margin-right:30px;} .margin-sides-40 { margin-left:40px; margin-right:40px; } .margin-sides-50 { margin-left:50px; margin-right:40px; } .margin-top-10 { margin-top:10px; } .margin-top-20 { margin-top:20px; } .margin-top-30 { margin-top:30px; } .margin-top-40 { margin-top:40px; } .margin-top-50 { margin-top:50px; } .margin-right-10 { margin-right:10px; } .margin-right-20 { margin-right:20px; } .margin-right-30 { margin-right:30px; } .margin-right-40 { margin-right:40px; } .margin-right-50 { margin-right:50px; } .margin-bottom-10 { margin-bottom:10px; } .margin-bottom-20 { margin-bottom:20px; } .margin-bottom-30 { margin-bottom:30px; } .margin-bottom-40 { margin-bottom:40px; } .margin-bottom-50 { margin-bottom:50px; } .margin-left-10 { margin-left:10px; } .margin-left-20 { margin-left:20px; } .margin-left-30 { margin-left:30px; } .margin-left-40 { margin-left:40px; } .margin-left-50 { margin-left:50px; } /** New profile pages using components **/ .profile-row { } .profile-row .profile-info { } .profile-row .profile-info .padding-wrap { padding: 20px; } .profile-row .profile-info .profile-name { color:#003B5C; font-size:32px; line-height:42px; } .profile-row .profile-info .profile-title { padding-bottom:30px; font-family: freight-sans-pro, "open sans regular",Verdana,sans-serif; color:#323232; } .profile-row .profile-info .profile-quote { font-size:22px; line-height:34px; margin-bottom:30px } .profile-row .profile-info .profile-email { font-size:16px; line-height:26px; font-family: freight-sans-pro, "open sans regular",Verdana,sans-serif; } .profile-row .profile-image { } .profile-row .research-interests { font-size:12px; line-height:24px; color:#fff; } .profile-row .research-interests span { display: inline-block; margin-bottom: 3px; padding: 10px; background:#87af9b; } /** New profile pages using components **/ .profile-row-2 { } .profile-row-2 .profile-info { } .profile-row-2 .profile-info .padding-wrap { padding: 20px; } .profile-row-2 .profile-info .profile-name { color:#003B5C; font-size:32px; line-height:42px; } .profile-row-2 .profile-info .profile-title { padding-bottom:30px; font-family: freight-sans-pro, "open sans regular",Verdana,sans-serif; color:#323232; } .profile-row-2 .profile-info .profile-quote { font-size:22px; line-height:34px; margin-bottom:30px } .profile-row-2 .profile-info .profile-email { font-size:16px; line-height:26px; font-family: freight-sans-pro, "open sans regular",Verdana,sans-serif; } .profile-row-2 .profile-image { } /** Article / Blog Page **/ .component-article-header { padding-top:40px; } .component-article-headline-row { } .article-headline { font-size: 38px; line-height: 50px; color:#003B5C; text-align: center; padding-bottom:20px; border-bottom:1px solid #dadada;} .article-date { font-size: 16px; line-height: 26px; color:#444; display: inline-block; } .article-deck { font-size: 16px; line-height: 26px; color:#444; text-align: left; display: inline-block; border-left:1px solid #dadada; padding-left:20px; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif;} .article-header-image { padding: 0px; } .component-article-subline-row { padding-top: 20px; padding-bottom:20px;padding-left:15px; padding-right:15px; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } .hero-caption { text-align:center; color:#444; font-size:.778rem; padding-top:10px; line-height:1.5714;} /** 2 column banner image **/ .article-header-image-2-col .row { margin-left:0; margin-right: 0;} .article-header-image-2-col .column { padding:0; } .article-header-image-2-col .desktop-hero { width:100%; height:100%;} .article-header-image-2-col img { width:100%; height: 100%; object-fit: cover; object-position: center; font-family: "object-fit: cover; object-position: center"; } /** 2 column Article **/ .component-article-content-row-2-col { padding: 40px 0; border-top:1px solid #dadada; margin-top:30px; } .article-content-col-2 { margin-top:20px; font-size:16px; line-height:24px;} .article-content-col-2 p { font-size: 18px; line-height: 1.8;} /** Sidebar **/ .article-content-col-1 { position:relative;} .article-sidebar-social { padding:0 40px; } .article-content-col-1 .share-this-container { border-bottom: 1px solid #dadada; padding-bottom:40px; color:#003B5C; font-size:18px; padding:20px; text-align:center; } /** sidebar Author **/ .article-content-col-1 .author-name { width:100%; padding-top:20px; text-align: center; } .article-content-col-1 .author-name::before { content: "Written By:"; display:block; font-size:15px; padding-bottom:15px; color:#003B5C;} /** Sidebar to Mobile Author **/ .article-content-col-2 .author-name { width:100%; padding-top:0px; text-align: left; } .article-content-col-2 .author-name::before { content: "Written By: "; font-size:15px; padding-bottom:15px; color:#003B5C; text-align: left;} .article-content-col-1 .article-related-links .related-links{ padding:20px; } .article-content-col-1 .article-related-links::before { width:100%; background-color:#2774ae; color:#fff; display:block; content: "Related Links"; padding:10px 10px; margin-bottom:0px; font-family: freight-sans-pro, 'open sans', Verdana, sans-sarif; text-indent:10px; } .article-content-col-1 .article-related-links { position: absolute; bottom: 10%; width:80%; } .article-content-col-1 .related-links div:last-of-type hr { display:none; } /** Full Width Article **/ .share-this-row-fw .share-this-container { border-top: 1px solid #dadada; padding-top:24px;} .component-article-content-row-fw { border-top:1px solid #dadada; padding-top:40px; padding-bottom:40px; margin-top:20px; font-size: 18px; line-height: 1.8;} .component-article-content-row-fw p {font-size: 18px; line-height: 1.8;} .component-article-content-row-fw .author-container-fw .author-name { padding-bottom:15px; display:block; font-size:15px; color:#003B5C;} .component-article-content-row-fw .author-container-fw .author-name::before { content: "Written By: "; color:#444; } .article-boiler-plate { clear:both; } .article-references { clear:both; } /** Article Quote **/ .article-quote { font-size:18px; padding: 30px 40px; margin: 0px 60px 40px 0; display: inline; max-width:50%; background-color:#2774ae; color:#fff; float:left; margin-right: 40px; } /** Article Quote Color **/ .article-quote.article-quote-neonblue { background-color:#2774ae; color:#fff; } .article-quote.article-quote-darkblue { background-color:#003B5C; color:#fff; } .article-quote.article-quote-lightgrey {background-color:#f8f8f8; color:#444; font-size:22px;} .article-quote.article-quote-orange { background-color:#ff8030; color:#fff;} .article-quote.article-quote-seafoam { background-color:#86b09b; color:#fff;} /** Article Quote Position **/ .article-quote.article-quote-left { float:left; margin-right: 20px; } .article-quote.article-quote-right { float:right; margin-left: 20px; } .article-quote.article-quote-center { float:none; display:block; max-width:80%; margin: 0 auto 40px auto; } .copyimage-quote { } .copyimage-quote .component-copy-image.img-align-left { display: block; float: left; clear: right; width: 30%; margin-right: 0; padding-right: 0; margin: 0 !important; padding: 0 !important; } .copyimage-quote .copy-image-content { display: block; float: left; width: 70%; padding: 0; } /* Desktop 1024px and up */ @media screen and (min-width: 64em ) { .quote-card-small { max-height:500px; overflow:hidden; } } /* tablet and under 640 - 1024*/ @media screen and (min-width: 40em) and (max-width: 64em) { /** Copy/Image Quote Styles **/ .copy-image-quote .component-copy-image.img-align-left { display: block; clear: right; width: 35%; } .copy-image-quote .copy-image-content { display: block; float: left; width: 65%; } /* 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: 50px;top: 105px!important;} } /* tablet and under 0 - 1024 */ @media screen and (max-width: 63.9375em) { .mobile-padding-none {padding-top:0; padding-right:0; padding-bottom:0; padding-left:0;} .byline-padding {padding-top:0 !important;} /** hero-content-lightblue, hero-content-darkblue, hero-content-orange, hero-content-lightgrey, hero-content-iceblue, hero-content-seafoam **/ .mobile-hero-content-lightblue { background-image:none; background:#2774ae !important; } .mobile-hero-content-lightblue .title-line { background-color:#fff; } .mobile-hero-content-lightblue h2.main-title { color:#fff; } .mobile-hero-content-lightblue h2.hero-content-subline { color:#fff; } .mobile-hero-content-lightblue .button { color:#003B5C; background-color:#fff; z-index:400; } .mobile-hero-content-lightblue .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .mobile-hero-content-darkblue { background-image:none; background:#003B5C !important; } .mobile-hero-content-darkblue .title-line { background-color:#fff; } .mobile-hero-content-darkblue h2.main-title { color:#fff; } .mobile-hero-content-darkblue h2.hero-content-subline { color:#fff; } .mobile-hero-content-darkblue .button { color:#003B5C; background-color:#fff; z-index:400; } .mobile-hero-content-darkblue .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .mobile-hero-content-orange { background-image:none; background:#ff8030 !important; } .mobile-hero-content-orange .title-line { background-color:#fff; } .mobile-hero-content-orange h2.main-title { color:#fff; } .mobile-hero-content-orange h2.hero-content-subline { color:#fff; } .mobile-hero-content-orange .button { color:#003B5C; background-color:#fff; z-index:400; } .mobile-hero-content-orange .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .mobile-hero-content-lightgrey { background-image:none; background:#d9dbda !important; } .mobile-hero-content-lightgrey .title-line { background-color:#003B5C; } .mobile-hero-content-lightgrey h2.main-title { color:#003B5C; } .mobile-hero-content-lightgrey h2.hero-content-subline { color:#003B5C; } .mobile-hero-content-lightgrey .button { color:#fff; background-color:#003B5C; z-index:400; } .mobile-hero-content-lightgrey .button:hover { color:#fff; background-color:#003B5C; z-index:400; } .mobile-hero-content-iceblue { background-image:none; background:#badce6 !important; } .mobile-hero-content-iceblue .title-line { background-color:#003B5C; } .mobile-hero-content-iceblue h2.main-title { color:#003B5C; } .mobile-hero-content-iceblue h2.hero-content-subline { color:#003B5C; } .mobile-hero-content-iceblue .button { color:#fff; background-color:#2774ae; z-index:400; } .mobile-hero-content-iceblue .button:hover { color:#fff; background-color:#2774ae; z-index:400; } .mobile-hero-content-seafoam { background-image:none; background:#97b9a6 !important; } .mobile-hero-content-seafoam .title-line { background-color:#fff; } .mobile-hero-content-seafoam h2.main-title { color:#fff; } .mobile-hero-content-seafoam h2.hero-content-subline { color:#fff; } .mobile-hero-content-seafoam .button { color:#003B5C; background-color:#fff; z-index:400; } .mobile-hero-content-seafoam .button:hover { color:#003B5C; background-color:#fff; z-index:400; } .mobile-hero-content-white { background-image:none; background:#fff !important; } .mobile-hero-content-white .title-line { background-color:#003B5C; } .mobile-hero-content-white h2.main-title { color:#003B5C; } .mobile-hero-content-white h2.hero-content-subline { color:#003B5C; } .mobile-hero-content-white .button { color:#fff; background-color:#2774ae; z-index:400; } .mobile-hero-content-white .button:hover { color:#fff; background-color:#2774ae; z-index:400; } .component-column-1 { margin-top: 10px; margin-bottom: 10px;} .component-column-1-padded { margin-top: 10px; margin-bottom: 10px;} .component-column-2 { margin-top: 10px; margin-bottom: 10px;} .component-column-3 { margin-top: 10px; margin-bottom: 10px;} .component-column-4 { margin-top: 10px; margin-bottom: 10px;} .component-essential-links a { font-size: 26px; line-hight: auto; } .quote-card-small { max-height:none; overflow:auto; } .quote-card-large .column { max-width:500px; } .quote-card-small .column { max-width:500px; } .quote-card-large .quote-name {padding:20px !important;} .quote-card-small .quote-name {padding:20px !important;} /** Profile Container **/ /* .component-profile-row-4 { max-width: 30.625em; } */ /** Profile Container **/ .component-profile-row-4 { } .component-profile-item { max-width:100%; margin-bottom:10px;} .component-profile-item .profile-section { display:inline-block; width:62%; } .component-profile-item .image-section { display:inline-block; text-align: center; width:30%; overflow:hidden; position:relative; margin:10px 2% 0 2%; vertical-align: top;} .component-profile-item .image-section img { width:100%; height: auto;} .component-profile-item .profile-section .profile-social-links { margin-top:5px; } .component-profile-item .profile-section .profile-linkedin { width:30px; } .component-profile-item .profile-section .profile-email { width:30px; } .component-profile-item .profile-section .profile-website { width:30px; } .component-profile-item .profile-section .profile-other { width:30px; } .component-profile-slider.mobile-expand .orbit-container { height: auto !important;} .component-profile-slider.mobile-expand .orbit-container .orbit-slide { display:block !important;} .component-profile-slider.mobile-expand .orbit-bullets { display:none !important;} .component-profile-slider.mobile-expand .orbit-controls { display:none !important; } /** Video Item Column Styles **/ .component-row-2 .component-video-item .image-section { max-height:276px; overflow:hidden; } .component-row-3 .component-video-item .image-section { max-height:178px; overflow:hidden; } .component-row-4 .component-video-item .image-section { max-height:276px; overflow:hidden; } .component-row-4 .component-video-item .image-section .responsive-embed{ display:none; } .component-row-4 .component-video-item .profile-section { padding: 10px; } .component-gallery-row-4 .component-video-item .image-section { max-height:276px; overflow:hidden; } .component-gallery-row-4 .component-video-item .image-section .responsive-embed { display:none; } .component-gallery-row-4 .component-video-item .profile-section { padding: 10px; } /** Stand alone video gallery .component-video-slider .vid-thumb .play-button-overlay { width:30%; height:auto; display:block; position:absolute; bottom:10px; right: 10px; background-color:#c50008;}**/ /** News Item **/ .component-news-item .news-section h3 { font-size: 18px; line-height: 24px;} .component-news-item .news-section p.news-description { font-size: 12px; line-height: 19px;} /** News Bites **/ .component-news-item-links .button-news-bites {margin: 0 0 10px 0;} .component-news-item-links .news-bites { /* max-height:465px; overflow:hidden; */} .component-news-item-links .news-bites li { font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; font-size:13px; line-height:17px; padding: 10px 0; list-style-type: none; background:none; border-bottom:1px solid #003B5C; } /** video gallery title responsive text scaling **/ .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description { padding: 20px; } .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description h3 { font-size:19px; line-height:25px; text-decoration: none; color:#323232; text-align: left; } .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description p { text-decoration: none; color:#323232; text-align: left; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif; } /** Microsite Header **/ .is-stuck .globalnav-logo-row .columns { display:inherit; } .cms-sticky-container { height:80px !important; } .is-stuck .globalnav-logo-row { height: 80px !important; } .microsite-sub-links { padding-left:0;} /** News Article Header Component **/ .hero-article {min-height:300px; } .hero-article .hero-article-headline { padding-left:60px; padding-right:60px; } /* .hero-article .hero-article-image { max-height: inherit; overflow: auto; position:absolute; top: 0; width:100%; } */ .hero-article .hero-article-image { max-height: inherit; overflow: hidden; position:absolute; bottom: 0; width:100%; } .hero-article .hero-article-image img { opacity: .6; background-color: #000000; /* width:auto !important; height:100% !important;*/ display:block; max-width: inherit; margin:0px auto;} .hero-article .hero-article-content { color:#fff; margin-top:20px; font-size:12px; } .hero-article .hero-article-headline-container { position:relative; text-align: center; padding-top:40px; padding-bottom:0px; width:100%; z-index: 200; } .hero-article .home-mobile-byline { padding-left: 30px; padding-right: 30px;} .article-meta { padding: 0 10px; } .short-article-copy-image .component-copy-image.img-align-left { /* width:60%; */ width:100%; } .short-article-copy-image .copy-image-text { margin-left:0; font-size: 18px; line-height: 1.8; margin-bottom:0; } .short-article-copy-image .copy-image-content { display: inherit!important;} /** Insight Quote **/ .insight-quote { margin: 0 0 0 50px; } .insight-quote h2 { font-size:22px; line-height: 28px; } .component-section .spacer-top {height:0;} .component-date-list .date-circle { width: 65px; height: 65px; text-align: center; font-size: 13px; display: block; margin: 0 auto;} .component-plain-link-list ul li a { font-size: 22px; color:#1779ba; } .component-date-list.mobile-break .date-circle-container { width:auto; display: block; float:none; clear:none; margin:0 auto;} .component-date-list.mobile-break .date-info { width:auto; margin-left:0; display: block; float:none; clear:none; line-height:25px; text-align: center; } /** Copy with Image Centering Images on Mobile **/ .component-copy-image-content .img-align-left { float:left; padding-right:20px; padding-bottom:20px; } .copy-image-center-medium .component-copy-image { margin: 0px auto !important; float: none !important; display: block !important; padding: 0 !important; } /** Faculty Profile / Bio Component Page **/ .faculty-expertise-label { text-align:left; padding-right: 0; padding-top:20px; padding-bottom:10px; text-indent:0;} .faculty-expertise-list { text-align:left; } /** Article / Blog Page **/ .article-date { width:100%; text-align: center; padding-bottom:10px;} .article-sidebar-social { padding:0 10px; } } /* tablet and under 0 - 740*/ @media screen and (max-width: 48.75em) { .hero-article {min-height:248px;} .short-article-copy-image {} .hero-article .hero-article-headline-container { padding-top: 30px; padding-bottom: 20px; } .hero-article.hero-article-noimage .hero-article-headline-container { padding-top: 30px; padding-bottom: 0; } .hero-article .category-tag {margin: 0 0 10px 0;} .hero-article .hero-article-headline { padding-left: 40px; padding-right: 40px;} .hero-article .hero-article-content { margin-top: 15px; } .hero-article .home-mobile-byline { display:inline-block; margin-top:0; margin-bottom:0; line-height: 22px;} /** .hero-article .home-mobile-byline::after { content: " | "; color:#fff; } **/ .hero-article .read-article-link { font-size: 12px; display:inherit; margin-top:0; margin-left:10px;} .hero-article .read-article-link::before { content: " | "; color:#fff; margin-right: 5px;} /** Faculty Bios **/ .faculty-bio-promo .promo-content p { font-size: 14px !important; line-height:1.6 !important; } /* 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: 50px;top: 60px!important;} } /** @media screen and (max-width: 49.9em) and (min-width: 40em) { .component-copy-image-content.short-article-copy-image .copy-image-content { display: auto !important;} } **/ /* Medium only 900px - 1024px */ @media screen and (min-width: 39.9375em) and (max-width: 67.5em) { .component-row-3 .component-calendar-list .cal-date { width:100%; display: block; text-align: left; padding:10px 20px 0px 20px; border-right:0; } .component-row-3 .component-calendar-list .cal-desc { width:100%; padding:0 20px 20px 20px; border-top:0px solid #ebebeb; } .component-row-3 .component-calendar-list .cal-desc-wrapper { border-left: 0; padding:10px 0 0 0; } .component-row-3 .component-calendar-list .cal-desc .cal-register { border-left: 0; padding:10px 0 0 0; } /* side by side KEEP .component-row-4 .component-calendar-list .cal-date { width:100%; display: block; text-align: left; padding:10px 20px 0px 20px; border-right:0; } .component-row-4 .component-calendar-list .cal-desc { width:100%; padding:0 20px 20px 20px; border-top:0px solid #ebebeb; border-left:0;} .component-row-4 .component-calendar-list .cal-desc-wrapper { border-left: 0; padding:10px 0 0 0; } .component-row-4 .component-calendar-list .cal-desc .cal-register { border-left: 0; padding:10px 0 0 0; } */ } /* Medium/640px and below */ @media screen and (max-width: 40em) { .component-column-1 { margin-top: 0; margin-bottom: 5px; } .component-column-1-padded { margin-top: 0; margin-bottom: 5px; } .component-column-2 { margin-top: 0; margin-bottom: 5px; } .component-column-3 { margin-top: 0; margin-bottom: 5px; } .component-column-4 { margin-top: 0; margin-bottom: 5px; } .component-row-4 { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 0px; } .component-row-3 { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 0px; } .component-row-2 { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 0px; } .component-row-1 { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 0px; } .component-row-1-padded { /** padding-top:20px;**/ padding-top:0px; margin-bottom: 0px; } .component-column-promo-content .img-align-left { float:left; padding-right:0px; padding-bottom:20px; } .component-column-promo-content .img-align-right { float:right; padding-left:0px; padding-bottom:20px; } .component-column-promo-content .img-align-center { display:block; margin:0px auto; padding-bottom:10px; padding-top:0px; } .component-copy-image-content .img-align-left { display:block; margin:0px auto; float:none; padding-right:20px; padding-left:20px; padding-bottom:20px; } .component-copy-image-content .img-align-right { display:block; margin:0px auto; float:none; padding-left:20px; padding-right:20px; padding-bottom:20px; } .component-copy-image-content .img-align-center { display:block; margin:0px auto; float:none; padding-bottom:10px; padding-top:0px; } .component-copy-image-content .copy-image-content { padding: 0 20px; } .component-column-1 .component-copy-image-content .img-align-left { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-2 .component-copy-image-content .img-align-left { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-3 .component-copy-image-content .img-align-left { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-4 .component-copy-image-content .img-align-left { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-1 .component-copy-image-content .img-align-right { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-2 .component-copy-image-content .img-align-right { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-3 .component-copy-image-content .img-align-right { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-4 .component-copy-image-content .img-align-right { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-1 .component-copy-image-content .img-align-center { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-2 .component-copy-image-content .img-align-center { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-3 .component-copy-image-content .img-align-center { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-4 .component-copy-image-content .img-align-center { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-1 .component-column-promo-content .img-align-left { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-2 .component-column-promo-content .img-align-left { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-3 .component-column-promo-content .img-align-left { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-4 .component-column-promo-content .img-align-left { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-1 .component-column-promo-content .img-align-right { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-2 .component-column-promo-content .img-align-right { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-3 .component-column-promo-content .img-align-right { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-4 .component-column-promo-content .img-align-right { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-1 .component-column-promo-content .img-align-center { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-2 .component-column-promo-content .img-align-center { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-3 .component-column-promo-content .img-align-center { padding:0; margin: 0px auto !important; display: block; width:100%; } .component-column-4 .component-column-promo-content .img-align-center { padding:0; margin: 0px auto !important; display: block; width:100%; } .copy-image-mobile-float .img-align-left { padding: inherit !important; margin: inherit !important; float: left !important; width:auto !important; display:inherit !important; padding-right:20px !important; } /** Stand-alone Accordion **/ .component-accordion-thumb { width:40%; max-width:15%; height:auto; margin: 2%; vertical-align: top; float:left; } .component-accordion-description { height:auto; padding:2% 2% 2% 0;display: inline; float:left; } .component-accordion-container.large-thumb .component-accordion-description { width:100%; padding:2%;} .component-accordion-container.small-thumb .component-accordion-description { width:100%; padding:2%;} .component-accordion-description .title { font-size:20px; line-height:26px; padding-left:2%; } .component-accordion-description .description { color:#323232; padding-right:0px; font-size:16px; line-height:26px} .component-accordion-description .accordion { margin:0; } .component-accordion-description .accordion .accordion-content{ padding: 0; } .component-accordion-container.no-thumb .component-quioaccordion-description .description { padding:2%;} .component-accordion-container.no-thumb .accordion .accordion-content{ padding: 0 2%; } .component-accordion-container.no-thumb .accordion-title { margin-left: 2%; } .component-essential-links .highlight-column { margin-bottom:20px; } .component-essential-links a { font-size: 22px; line-hight: auto; color:#fff; border: 1px solid transparent; padding:5px;} /** Redoing small accordion thumbs **/ .component-accordion-thumb { display:none !important; width:40%; max-width:15%; height:auto; margin: 2%; vertical-align: top; float:left; } .component-accordion-container.small-thumb .component-accordion-thumb.show-for-medium { display:none !important; } .component-accordion-container.small-thumb .component-accordion-thumb.show-for-small-only { display:none !important; } .component-accordion-container.small-thumb .component-accordion-description { width:100%; padding:6% 10%;} .component-accordion-container.small-thumb .component-accordion-description h3 { padding-left: 0%; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; } /** Redoing large accordion thumbs **/ .component-accordion-container.large-thumb .component-accordion-thumb.show-for-medium { display:block !important; } .component-accordion-container.large-thumb .component-accordion-thumb.show-for-small-only { display:none !important; } .component-accordion-container.large-thumb .component-accordion-description { width:80%; padding:2%;} .component-accordion-container.large-thumb .component-accordion-description h3 { padding-left: 0%; } /** Fix Anchor Smudging for expanding read more on page load for Large Thumb **/ .large-thumb .accordion-content { padding-top: 250px !important; margin-top: -250px !important;} /** Event Card **/ .component-event-card .event-section-outer {padding: 0px 10px 20px 10px; } /* .component-profile-row-4 { width:100%; max-width: 100%; } */ /** Profile **/ .component-profile-item { margin-bottom:2px; } .component-profile-item .image-section { display:inline-block; text-align: center; width:25%; overflow:hidden; position:relative; margin:2% 2% 0 2%; vertical-align: top;} .component-profile-item .image-section img { width:100%; height: auto;} .component-profile-item .profile-section { display:inline-block; width:57%; padding:3%; } .component-profile-item .profile-section .profile-name { font-size:14px; color:#323232; font-family: freight-sans-pro, 'open sans bold', Verdana, sans-serif; padding-bottom:0px; margin-bottom:5px;} .component-profile-item .profile-section .profile-description { font-size:13px; color:#323232; line-height:16px;} .component-profile-item .profile-section .content-section { font-size:13px; color:#323232; } .component-profile-item .profile-section .profile-social-links { margin-top:5px; margin-bottom:0px; } .component-profile-item .profile-section .profile-linkedin { width:25px; } .component-profile-item .profile-section .profile-email { width:25px; } .component-profile-item .profile-section .profile-website { width:25px; } .component-profile-item .profile-section .profile-other { width:25px; background-size: 25px 25px; } .component-profile-item .profile-section .profile-other.blog { background-repeat: no-repeat; background-position: 50% 0%; } .component-profile-item .profile-section .profile-other.youtube { background-repeat: no-repeat; background-position: 50% 0%; } .component-profile-item .profile-section .profile-button { font-size: 14px; color:#ff8030; margin:0px; font-style: italic; display:block; clear:both; cursor:pointer; padding:3px; } .component-profile-item .profile-section .profile-button { color:#ff8030; margin:0px 0 10px 0; font-style: italic; display:block; clear:both; cursor:pointer; padding:3px;} /** Profile slider **/ .orbit-wrapper { margin-top:60px;} .mobile-expand .orbit-wrapper { margin-top:0;} .component-profile-slider .orbit-controls { display:inherit; top:-20px;} .component-profile-slider .orbit-controls .orbit-next { width:30px; height:30px; right:10px; top: -30px; padding:0; color:#fff; background-color:#2774ae;} .component-profile-slider .orbit-controls .orbit-previous { width:30px; height:30px; left:inherit; right:50px; top: -30px; padding:0; color:#fff; background-color:#2774ae;} .component-profile-slider .orbit-bullets { display:none; } /** Video Item **/ .component-video-item { max-width:640px; border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; margin-bottom:5px;} .component-video-item-white { background:#fff; } .component-video-item-lightgrey { background:#f8f8f8; } .component-video-item .image-section {display:inline-block; width:35%; vertical-align: top; margin: 2% 0 2% 2%; } .component-video-item .image-section img { width:100%; height: auto; } .component-video-item .video-info-section { display:inline-block; width:60%; padding:1% 2% 0 2%; } .component-video-item .video-title { font-size: 14px; line-height:20px; } .component-video-item .video-description, .component-video-item .video-info-section p { font-size: 11px; line-height:15px; } .component-video-item .video-info-section .video-button a { font-size: 13px; color:#2774ae; margin:0px 0 0 0; font-style: italic; display:block; clear:both; cursor:pointer; padding:0; } .component-video-item .image-section .play-button-overlay { width:30% !important; height:auto; display:block; position:absolute; bottom:10px !important; right: 10px !important; background-color:#c50008;} .component-video-item.mobile-featured { width:100%; } .component-video-item.mobile-featured .image-section { display:block; width: 100%; margin:0%; /* padding:2%; */ } .component-video-item.mobile-featured .video-info-section { width:100%; padding:4%;} .component-video-item.mobile-featured .video-title { font-size:22px; line-height:26px; } .component-video-item.mobile-featured .video-description { font-size:13px; line-height:23px; } .component-video-item.mobile-featured .video-info-section .video-button a {font-size: 16px;} .component-video-item.mobile-featured .image-section .play-button-overlay { width:25%; height:auto; max-width:91px; display:block; position:absolute; bottom:15px; right: 15px; background-color:#c50008;} .component-profile-slider .component-video-item { max-width:640px; border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; margin-bottom:5px;} .component-profile-slider .component-video-item-white { background:#fff; } .component-profile-slider .component-video-item-lightgrey { background:#f8f8f8; } .component-profile-slider .component-video-item .image-section {display:inline-block; width:30%; vertical-align: top; margin: 2%; padding:0;} .component-profile-slider .component-video-item .image-section img { width:100%; height: auto; } .component-profile-slider .component-video-item .video-info-section { display:inline-block; width:64%; padding:2%; } .component-profile-slider .component-video-item .video-title { font-size: 15px; line-height:20px; } .component-profile-slider .component-video-item .video-description { font-size: 11px; line-height:18px; } .component-profile-slider .component-video-item .video-info-section .video-button a { font-size: 13px; color:#2774ae; margin:0px 0 0 0; font-style: italic; display:block; clear:both; cursor:pointer; padding:0; } /** Stand alone video gallery **/ .component-video-slider .vid-thumb .play-button-overlay { width:35%; height:auto; display:block; position:absolute; bottom:10px; right: 10px; background-color:#c50008;} /** News Item **/ .component-news-item {border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; margin-bottom:5px;/* margin-bottom:-10px; */} .component-news-item .image-section {text-align: center; max-height:340px; overflow:hidden; position:relative; width:30%; display:inline-block; vertical-align: top; margin: 18px 0 0 10px;} .component-news-item .news-section { padding:0px 0 10px 10px; width:65%; display:inline-block;} /*.component-news-item .news-section .category-tag-holder { text-align: left; margin-top:-35px; position:relative; z-index:800; margin:10px 0 0 0;} .component-news-item .news-section .category-tag-holder .category-tag { color:#2774ae; background-color:transparent; margin-bottom: 0; padding:0; margin:0; height:auto;} .component-news-item .news-section .category-tag-holder .category-tag h6 { line-height: 20px; margin:0;} .component-news-item .news-section .category-tag-holder .category-tag h6 a { color:#2774ae !important;}*/ .component-news-item .news-section .news-title { font-size:18px; line-height:25px; color:#323232; font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; padding-bottom:0px; margin-bottom:5px;} .component-news-item .news-section .news-description a { font-size:11px; line-height: 15px; color:#323232; text-decoration: none;} .component-news-item .news-section .news-description a { } .component-news-item .news-section .news-button { font-size: 12px; color:#ff7e39; margin:0px; font-style: italic; display:block; clear:both; cursor:pointer; padding:0px; } /*.component-column-promo-content .promo-content .news-button { font-size: 12px; color:#ff7e39; margin:0px; font-style: italic; display:block; clear:both; cursor:pointer; padding:0px; }*/ /** News Item Featured full width **/ .component-news-item.mobile-featured {border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; margin-bottom:5px;} .component-news-item.mobile-featured .image-section {text-align: center; max-height:340px; overflow:hidden; position:relative; width:100%; display:block; vertical-align: top; margin: 0;} .component-news-item.mobile-featured .news-section { padding:20px 25px 20px 25px; width:100%; display:inline-block;} .component-news-item.mobile-featured .news-section .category-tag-holder { text-align: center; height:auto; z-index:800; margin:0; margin-top:-35px; margin-bottom:15px;} .component-news-item.mobile-featured .news-section .category-tag { color:#fff; background-color:#2774ae; margin-bottom: 0; padding: 0 27px; margin:0 0 0 0; height:36px;} .component-news-item.mobile-featured .news-section .category-tag h6 { line-height: 22px; margin:0;} .component-news-item.mobile-featured .news-section .category-tag h6 a { color:#fff !important;} .component-news-item.mobile-featured .news-section .news-title { font-size:25px; line-height:32px; color:#323232; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif; padding-bottom:0px; margin-bottom:5px;} .component-news-item.mobile-featured .news-section .news-description a { font-size:inherit; line-height: inherit;color:#323232; text-decoration: none;} .component-news-item.mobile-featured .news-section .news-button { font-size: 14px; color:#ff7e39; margin:0px; font-style: italic; display:block; clear:both; cursor:pointer; padding:3px;margin-top:0px; } /** News Item Row Class for containing news items to be Featured full width **/ .mobile-featured-row .component-news-item {border: 0px; border-radius: 0px; position: relative; display: block; color:#323232; margin-bottom:5px;} .mobile-featured-row .component-news-item .image-section {text-align: center; max-height:340px; overflow:hidden; position:relative; width:100%; display:block; vertical-align: top; margin: 0;} .mobile-featured-row .component-news-item .news-section { padding:20px 25px 20px 25px; width:100%; display:inline-block;} /*.mobile-featured-row .component-news-item .news-section .category-tag-holder { text-align: center; height:auto; z-index:800; margin:0; margin-top:-35px; margin-bottom:15px;} .mobile-featured-row .component-news-item .news-section .category-tag { color:#fff; background-color:#2774ae; margin-bottom: 0; padding: 0 27px; margin:0 0 0 0; height:36px;} .mobile-featured-row .component-news-item .news-section .category-tag h6 { line-height: 36px; margin:0;} .mobile-featured-row .component-news-item .news-section .category-tag h6 a { color:#fff !important;}*/ .mobile-featured-row .component-news-item .news-section .news-title { font-size:25px; line-height:32px; color:#323232; font-family: freight-sans-pro, 'open sans light', Verdana, sans-serif; padding-bottom:0px; margin-bottom:5px;} .mobile-featured-row .component-news-item .news-section .news-description a { font-size:inherit; line-height: inherit;color:#323232; text-decoration: none;} .mobile-featured-row .component-news-item .news-section .news-button { font-size: 14px; color:#ff7e39; margin:0px; font-style: italic; display:block; clear:both; cursor:pointer; padding:3px;margin-top:0px; } /** News Item Gallery **/ .component-news-item .image-section-gallery { height:auto; /* max-height:200px !important; */ width: 100% !important; max-width:100%; padding:10px; margin:0px auto; display:inline-block; overflow:hidden;} .component-news-item .image-section-gallery img { height:auto; width:30%; max-width: 30%; display:block; margin:0; float:left; } .component-news-item .image-section-gallery .category-tag-holder { text-align: left; width:68%; position:inherit; z-index:800; bottom:inherit; display: inline-block; float:right;} .component-news-item .image-section-gallery .category-tag { color:#2774ae; background-color:transparent; margin: 0; padding:20px 20px 0 20px; height:auto;} .component-news-item .image-section-gallery .category-tag h6 { line-height:20px; margin-bottom: 0;} .component-news-item .image-section-gallery .category-tag h6 a { color:#2774ae; text-align: left;} .component-news-item .image-section-gallery .gallery-title { background:transparent; color:#323232; height: auto; display: block; width: 100%; padding: 0 20px; text-transform: none; margin: 0; } .component-news-item .image-section-gallery .gallery-title h6 { font-size: 12px; line-height: 36px; font-family: freight-sans-pro, 'open sans bold', Verdana, sans-serif; } .component-news-item .image-section-gallery .gallery-title h6 a { text-transform: none; font-size:20px; color:#323232; line-height:24px;} .component-news-item .image-section-gallery .news-button { font-size: 12px; color: #ff7e39; margin: 0px; font-style: italic; display: block; clear: both; cursor: pointer; font-weight: 500;padding:0 0 0 20px;} /** News Bites **/ .component-news-item-links .news-bites { /* max-height:465px; overflow:hidden; */ } .component-news-item-links .news-bites li { font-family: freight-sans-pro, 'open sans', Verdana, sans-serif; font-size:14px; line-height:20px; padding: 20px 30px 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 #003B5C; } /** News Bites list item in media container **/ .component-news-item-mc-news .news-section { width: 90%; padding: 0; margin: 0 auto; display: block; } .component-video-slider .vid-gal-thumbs button .vid-gal-thumb-description { display: none; } /** News Article Header Component **/ .article-content-row { margin-top:20px;} .short-article-content-row {margin-top:0px;} .hero-article {min-height:230px;} .hero-article .hero-article-image img { width:auto !important; height:110% !important; } .hero-article .category-tag { height: 27px; padding: 0 15px; background-color: #ffffff; color: #003B5C; } .hero-article .category-tag h6 {font-size:11px; line-height:25px;} .hero-article .category-tag a { color:#002c48;} .hero-article .hero-article-headline { font-size:22px; font-family: freight-sans-pro, 'open sans semibold', Verdana, sans-serif;padding-left:10px; padding-right:10px;} .hero-article .hero-article-content { color:#fff; margin-top:20px;} .article-intro-content { font-size:16px; line-height:1.7; color: #4c4c4c;} .article-intro-content p {font-size:16px; line-height:1.7; } .article-content { font-size:16px; line-height:1.7; color: #4c4c4c;} .short-article-copy-image .component-copy-image {float:none;} .short-article-copy-image .copy-image-content {padding-right:0; padding-left: 0;} .hero-article.hero-article-noimage .hero-article-headline-container { padding-top: 30px; padding-bottom: 0; } .short-article-copy-image .copy-image-text { font-size: 16px; line-height: 1.7; margin-top:20px; display: block; float:none;} .short-article-copy-image .copy-image-text p { font-size: 16px; line-height: 1.7; } .negative-margin-top { margin-top:0 !important; } /** Anderson Review Faculty Bio Promo Cards **/ .faculty-bio-promo { padding:20px; } .faculty-bio-promo img { clear:none; } .stack tr { margin: 0 0 1rem 0; padding: .5rem; } .stack td { padding: .2rem .5rem; } /** Plain link list **/ .component-plain-link-list ul li a { font-size: 20px; color:#1779ba; } .copy-image-center-small .component-copy-image { margin: 0px auto !important; float: none !important; display: block !important; padding: 0 !important; } /** New profile pages using components **/ .profile-row { } .profile-info { } .profile-info .padding-wrap { padding: 0px; } .profile-info .profile-name { color:#003B5C; font-size:32px; line-height:42px; } .profile-info .profile-title { padding-bottom:30px; font-family: freight-sans-pro, "open sans regular",Verdana,sans-serif; } .profile-info .profile-quote { font-size:22px; line-height:34px; margin-bottom:30px; } .profile-info .profile-email { font-size:14px; line-height:26px; font-family: freight-sans-pro, "open sans regular",Verdana,sans-serif; } .profile-image { } /** Calendar List Component .component-calendar-list .cal-date { width:25%; } .component-calendar-list .cal-date .cal-date-day { margin-top:10px;} .component-calendar-list .cal-desc {width:70%; } .component-calendar-list .cal-desc-wrapper { padding:2% 5%; width:100%; } .component-calendar-list .cal-desc .cal-register a { margin-top:10px;margin-bottom:20px; margin-left:5%; } .component-row-4 .component-calendar-list {overflow:hidden;} .component-row-4 .component-calendar-list .cal-desc { border-left:1px solid #ebebeb; display: inline-block; padding:0; } .component-row-4 .component-calendar-list .cal-desc-wrapper { padding:2% 5%; width:100%; border-right:0; border-left:0px solid #ebebeb; padding-top:10px; padding-bottom:0px; } .component-row-4 .component-calendar-list .cal-date { width:25%; padding:20px 0; border-right:0; display: inline-block; text-align: center;} .component-row-4 .component-calendar-list .cal-date .cal-date-day { font-size:14px; color:#2774ae; font-family: freight-sans-pro, 'open sans semibold', Verdana, sans-serif; } .component-row-4 .component-calendar-list .cal-date .cal-date-month-day { font-size:16px; color:#2774ae; font-family: freight-sans-pro, 'open sans semibold', Verdana, sans-serif; } .component-row-4 .component-calendar-list .cal-date .cal-date-time { font-size:14px; color:#636363; font-family: freight-sans-pro, 'open sans semibold', Verdana, sans-serif; } .component-row-4 .component-calendar-list .cal-desc { width:73%; } .component-row-4 .component-calendar-list .cal-desc .cal-register { height:70px !important; border-left:0px solid #ebebeb; padding-left:5%;} .component-row-4 .component-calendar-list .cal-desc .cal-register a { vertical-align: top !important; margin-top: 10px; } **/ /** Faculty Profile / Bio Component Page **/ .faculty-bio-photo { height:330px; overflow:hidden; margin-bottom:15px; } .faculty-bio-photo img { display:block; margin:0px auto; float:none; } .faculty-bio-profile { width:330px; margin: 0px auto; } .faculty-bio-profile .display-quote { font-size:18px; line-height:24px; padding-top:15px; padding-bottom:15px; } .faculty-expertise-label { text-align:center; padding-top:20px; padding-bottom:10px; text-indent:0;} .faculty-expertise-list { text-align:center !important; } /** Article / Blog Page **/ .component-article-subline-row .shrink { width:100%; } .article-deck { border-left:0; padding-left:0; text-align:left; } .article-content-col-2 { padding-top:20px; margin-top: 0; border-top:1px solid #dadada; } .article-related-links { display:none; } .component-article-content-row-2-col { border-top: 0; padding-top:20px; margin-top: 0px; } .article-quote { display:block !important; width:90% !important; float:none !important; margin: 40px auto !important; max-width:90% !important; } .content-promo-image-left.promo-no-wrap img, .content-promo-image-left.promo-no-wrap .promo-content { width: 100%; float: none; clear: both; } .content-promo-image-left.promo-no-wrap .promo-content { padding-left:15px;} .content-promo-image-right.promo-no-wrap img, .content-promo-image-right.promo-no-wrap .promo-content { width: 100%; float: none; clear: both; } .content-promo-image-right.promo-no-wrap .promo-content { padding-right: 15px;} .copyimage-quote .copy-image-content { display: block; clear:both; width: 100%; padding: 0; } } /* X-small only 450 and below */ @media screen and (max-width: 28.125em) { .component-accordion-description .title { font-size:18px; line-height: 28px;} .component-accordion-description .description { color:#323232; font-size: 14px; line-height: 22px;} .component-accordion-container .accordion .accordion-content { font-size: 14px; line-height: 22px;} .component-accordion-container .accordion .accordion-content p{ font-size: 14px; line-height: 22px;} /* 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: 50px;top: 34px!important;} } /*~2021 font updates~*/ .promo-heading-1 { font-weight: 600; } .component-section a.button {margin-bottom: 30px; margin-top:10px;} /** (Layout) Heading Style 1 **/ .component-column-promo-content.heading-style-1 .promo-heading-1 { font-size:23px; line-height:1.5; font-family: freight-sans-pro, "open sans", Verdana, sans-serif;} .component-column-promo-content.heading-style-1 .promo-heading-2 { font-size:18px; } /** (Layout) Heading Style 2 **/ .component-column-promo-content.heading-style-2 .promo-heading-1 { font-size:25px; font-family: freight-sans-pro, "open sans light", Verdana, sans-serif; padding-bottom:0;} .component-column-promo-content.heading-style-2 .promo-heading-2 { font-size:17px; } /** (Layout) Heading Style 3 **/ .component-column-promo-content.heading-style-3 .promo-heading-1 { font-size:19px; font-family: freight-sans-pro, "open sans semibold", Verdana, sans-serif; } .component-column-promo-content.heading-style-3 .promo-heading-2 { font-size:15px; } /** (Layout) Heading Style 4 **/ .component-column-promo-content.heading-style-4 .promo-heading-1 { font-size:17px; font-family: freight-sans-pro, "open sans bold", Verdana, sans-serif; text-transform: uppercase; letter-spacing:1px;} .component-column-promo-content.heading-style-4 .promo-heading-2 { font-size:15px; } /** (Layout) Heading Style 5**/ .component-column-promo-content.heading-style-5 .promo-heading-1 { font-size:19px; line-height:24px; } .component-column-promo-content.heading-style-5 .promo-heading-2 { font-size:16px; font-family: freight-sans-pro, "open sans semibold", Verdana, sans-serif; } /** (Layout) Heading Style 6 **/ .component-column-promo-content.heading-style-6 .promo-heading-1 { font-size:19px; } .component-column-promo-content.heading-style-6 .promo-heading-2 { font-size:15px; } /** (Layout) Heading Style 7 **/ .component-column-promo-content.heading-style-7 .promo-heading-1 { font-size:21px; font-family: freight-sans-pro, "open sans light", Verdana, sans-serif; text-transform: uppercase;letter-spacing: 1px;} .component-column-promo-content.heading-style-7 .promo-heading-2 { font-size:17px; } .component-column-promo-content.heading-style-7 p { line-height: 1.6; font-size: .95em; } /** (Layout) Heading Style 8 **/ .component-column-promo-content.heading-style-8 .promo-heading-1 { font-size:19px; } .component-column-promo-content.heading-style-8 .promo-heading-2 { font-size:17px; } /** (Layout) Womens Faculty Promo **/ .womens-faculty-promo .promo-heading-1 { font-size:17px !important; } .womens-faculty-promo .promo-heading-2 { font-size:13px !important; } .component-profile-item .profile-section .profile-button { font-size: 14px; color:#ff8030; margin:0px; font-style: italic; display:block; clear:both; cursor:pointer; padding:3px; } .component-profile-item .profile-section .profile-button { color: #2477ae; margin: 0; font-style: normal; display: block; clear: both; cursor: pointer; padding: 10px 0px; font-size: 16px; } .component-profile-item .profile-section .profile-name { } .component-profile-item .profile-section .profile-name { color:#323232; font-family: freight-sans-pro, 'open sans bold', Verdana, sans-serif; padding-bottom:0px; margin-bottom:5px;font-size:18px; font-weight:600}