/* Theme Name: Equity Theme URI: http://www.elegantthemes.com/gallery/foxy/ Description: Equity Theme Author: John Kim Author URI: Template: twentysixteen Version: 1.0.0 */ @import url("../twentysixteen/style.css"); @import url("./css/fonts.css"); @import url("./css/grid.css"); @import url("./css/flexslider.css"); /* =Theme customization starts here ------------------------------------------------------- */ /* ---------- NORMALIZE TWENTY SIXTEEN THEME ---------- */ body:not(.custom-background-image):before { display:none; } body:not(.custom-background-image):before, body:not(.custom-background-image):after { display:none; } body:not(.search-results) article:not(.type-page) .entry-content { width:100%; } .site { margin:0; min-height:100%; display:block; position:relative; } .site-inner { max-width:inherit; height:100%; padding-bottom:144px; } .site-inner.no-footer { padding-bottom:0; } .site-footer { padding:0; height:140px; width:100%; position:absolute; bottom:0; left:0; } .site-footer { -webkit-align-items: inherit; -ms-flex-align: inherit; align-items: inherit; } .entry-content a { box-shadow: none; } .entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote, .comment-content blockquote { margin-left:25px; margin-right:25px; } footer.entry-footer { background:none; border:none; } /* ---------------------- ELEMENTS -------------------- */ html, body { margin:0; padding:0; height:100%; } body { background-color:#FFF; font-family: ProximaNova, Verdana, sans-serif !important; font-size:16px; font-weight:300; line-height: 1.6; color:#333; } input { font-family: ProximaNova, Verdana, sans-serif !important; } a { color:#00598C; font-weight:300; } a:active, a:visited { color:#00598C; } a:hover { color:#00598C; text-decoration:underline; } a:focus { outline: 1px dotted #000; outline-offset: -1px; } a.equity-logo-link:focus { outline: 1px dotted #fff; outline-offset: -1px; } li a, p a { text-decoration: underline; } header li a, footer li a { text-decoration: none; } h1 { font-size:54px; color:#333; line-height:60px; margin-top:24px; margin-bottom:16px; } h2 { font-size:32px; color:#333; line-height:36px; margin-top:24px; margin-bottom:16px; } h2.faq-inner, h2.template-one { font-size:24px; color:#333; line-height:30px; margin-top:24px; margin-bottom:16px; } .article-excerpt h2 { font-size:24px; line-height:30px; margin-top:24px; margin-bottom:16px; } h2.gallery-inner { font-size:20px; line-height:24px; } h2.template-one-inner { font-size:24px; line-height:30px; } h2.h3 { font-size:24px; color:#333; line-height:30px; margin-top:24px; margin-bottom:16px; } h2.h3 a { text-decoration: underline;} h3 { font-size:24px; color:#333; line-height:30px; margin-top:24px; margin-bottom:16px; } h3.team { font-size:20px; color:#333; line-height:24px; margin-top:24px; margin-bottom:16px; } h4 { font-size:20px; color:#333; line-height:24px; margin-top:24px; margin-bottom:16px; } h5 { font-size:16px; color:#333; line-height:20px; margin-top:24px; margin-bottom:16px; } h6 { font-size:12px; color:#333; line-height:16px; margin-top:24px; margin-bottom:16px; } h1, h2, h3, h4, h5, h6 { margin-bottom:14px; } p::-moz-selection, a::-moz-selection, span::-moz-selection, strong::-moz-selection, figcaption::-moz-selection, li::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, { background:#99ffff; } p::selection, a::selection, span::selection, strong::selection, figcaption::selection, li::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection { background:#99ffff; } figcaption { background-color: #dfe3e6; } hr { background-color: transparent; border-top: dotted 1px; color: #333; padding:0; margin:0; } p { color: #333333; margin: 0 0 1em; font-size:16px; line-height:24px; } ul, ol { margin:0 0 0.9em 1.25em; } ol { counter-reset: item; } ol li { display: block; } ol li:before { color: #3284bf; content: counter(item) "."; counter-increment: item; margin-right: 8px; } ul li { list-style: none; } ul li:before { color: #3284bf; content: "\25A0"; margin-right: 8px; } blockquote { border: 8px solid #ebeff2; /*border-left-width: 3px;*/ font-size: 20px; font-style: italic; font-weight: 400; margin: 0 0 1.4736842105em; padding: 2px 0 0 6px; } blockquote p { font-size:20px; line-height:30px; padding:26px; } p iframe { width:100% } /* ---------------------- GLOBAL --------------------- */ #skip-nav a { opacity: 0; z-index: -1; position: absolute; display: block; background: #fff; padding: 8px; color: #00598C; width: 170px; height: 35px; } #skip-nav a:focus { z-index: 9999999999; opacity: 1 !important; display: block; } .hidden-text { display:block; width:0px; overflow:hidden; height:0px; margin:0; padding:0; } .site-content { width:100%; padding:0; margin:0; z-index:0; position:relative; } .site-main { margin-bottom:20px; } .content-area { width:100%; max-width:1152px; width:100%; margin:0 auto; float:none; } .content-area.small { max-width:888px; } .content-area.medium { max-width:934px; } .content-area.large { max-width:1080px; } .btn { text-transform:uppercase; font-weight:600; padding:10px 25px; font-size:14px; } .btn:hover { text-decoration:none; } .btn.yellow { color:#00598C; background-color:#ffd100; } .btn.yellow:hover { color:##00598C; background-color:#ffe500; } .btn.white { color:#347bad; background-color:#FFF; } .btn.white:hover { background-color:#ffff00; } .btn.blue { color:#FFF; background-color:#00598c; } .btn.blue:hover { background-color:#0079bf; } .btn.blue:focus { outline: 1px dotted #fff;outline-offset: -11px; } .btn { -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; /* future proofing */ -khtml-border-radius: 25px; /* for old Konqueror browsers */ } .wp-caption .wp-caption-text { font-size: 14px; line-height: 1.7; padding: 18px 22px; color: #333} .page .content-area { margin-top:24px; margin-bottom:70px; } .page .entry-content { margin-top:8px; } .page .label { background:#3284bf; border-color:#3284bf; margin-bottom:18px; } .hero-container { width:100%; max-height:204px; background-color:#5f99c2; overflow:hidden; position:relative; } .hero-container img { width:100%; } .hero-container .bg-hero:after { content:''; display:block; position:absolute; top:0; left:0; background: rgba(0, 85, 135, 0.7); width:100%; height:100%; } .hero-container .bg-hero.crosscheck:after { background: rgba(254,187,54, 0.7); } .hero-container .bg-hero.news:after { background: rgba(130,55,255, 0.7); } .hero-container .bg-hero.events:after { background:rgba(0,204,109, 0.7); } .hero-container img { -webkit-filter: grayscale(1); filter: url('./img/gray.svg#grayscale'); filter: gray; filter: grayscale(1); } .element-container { position:absolute; top:0; left:0; width:100%; text-align:center; } .element-container .inner { width:100%; max-width:936px; margin:0 auto; padding-top:36px; position:relative; } .element-container .inner .label, .label { color:#FFF; text-transform:uppercase; font-size:16px; font-weight: 600; border:2px solid #00598C; background:#00598C; padding:5px 21px 3px 21px; display:table; margin:0 auto; } .element-container .inner .copy { display:block; max-width:730px; width:100%; color:#fff; margin:12px auto 33px auto; font-size:42px; font-weight:600; text-align:center; line-height:48px; } .page .content-inner, article { max-width:936px; margin:0 auto; } .page .entry-content p:first-child:first-letter { font-size:inherit; font-weight:inherit; line-height:inherit; padding:0; margin:0; float:none; color:inherit; } .page p, /*.page h1, .page h2, .page h3, .page h4, .page h5, .page h6,*/ article h1, article h2, article h3, article h4, article h5, article h6, article .author-info, article ul, article ol, article p { padding-left:25px; padding-right:25px; } article hr { margin-left:25px; margin-right:25px; } .page h2, article h2 { margin-top:24px; margin-bottom:16px; } .featured-item .article-excerpt h3 { padding-left:0; padding-right:0; margin-top:1px; margin-bottom:17px; } .featured-item .article-excerpt h2 { padding-left:0; padding-right:0; margin-top:1px; margin-bottom:17px; } .featured-item .blurb.article-excerpt { padding-bottom:4px; } .featured-item p { padding-left:0; padding-right:0; } .featured .title, .featured-item .title, .events .title { display:block; width:100%; background:#c40775; color:#FFF; text-transform:uppercase; padding:9px 25px; margin-bottom:11px; font-size:16px;font-weight:bold; } .featured-label, .article-excerpt .category { font-weight:600; text-transform:uppercase; color:#c40775; font-size:14px; } .featured-label.news { color:#812990; } .featured-label.events { color:#007339; } .featured-label a { color:inherit; } .article-excerpt .category:hover { text-decoration:none; } .featured-label:after, .article-excerpt .category:after { content: '\00b7'; font-size:20px; color:#999; line-height:10px; margin-left:8px; margin-right:4px; position:relative; top:0px; } .author-avatar, .author-description { display: inline; } .author-avatar .avatar { float: none; height: 26px; margin: 0; width: 26px; } .author-info { border: none; font-size: 14px; margin-bottom: 24px; padding-top: 0; text-align: center; } .bold-title-sm { font-weight:bold; text-transform:uppercase; margin-right:6px; } .intro { padding-bottom:11px; border-bottom:1px dotted #333; } .intro p { font-size:20px; padding-left:0; padding-right:0; line-height:30px; padding-top:3px; } h2.section-title { color:#333; padding-left:0px; padding-right:0px; padding-bottom:15px; margin-top:30px; margin-bottom:0; border-bottom:1px dotted #333; } h2.section-title.first { margin-top:24px; } h1 a { font-weight:600; } h2 a { font-weight:600; text-decoration: underline;} h3 a { font-weight:600;text-decoration: underline;} h4 a { font-weight:600; } h5 a { font-weight:600; } h6 a { font-weight:600; } .entry-content h1, .entry-summary h1, .comment-content h1 { font-size:54px; color:#333; line-height:60px; margin-top:24px; margin-bottom:16px; } .entry-content h2, .entry-summary h2, .comment-content h2 { font-size:32px; color:#333; line-height:36px; margin-top:24px; margin-bottom:16px; } .entry-content h3, .entry-summary h3, .comment-content h3 { font-size:24px; color:#333; line-height:30px; margin-top:24px; margin-bottom:16px; } .entry-content h4, .entry-summary h4, .comment-content h4 { font-size:20px; color:#333; line-height:24px; margin-top:24px; margin-bottom:16px; } .entry-content h5, .entry-summary h5, .comment-content h5 { font-size:16px; color:#333; line-height:20px; margin-top:24px; margin-bottom:16px; } .entry-content h6, .entry-summary h6, .comment-content h6 { font-size:12px; color:#333; line-height:16px; margin-top:24px; margin-bottom:16px; } /* -------------------- HOMEPAGE --------------------- */ .home .hero-container { max-height:360px; } .home .element-container .inner { padding-top:36px; } .home .element-container .inner .copy { margin-top:24px; font-size:54px; line-height:60px; } .home .hero-container .element-container .label { border-color:#fff; background:none; font-size:16px; } .home .hero-container .dots-container { position:absolute; bottom:24px; left:0px; width:100%; } .home .hero-container .dots { display:table; list-style:none; padding:0; margin:0 auto; bottom:0px; left:0px; position:relative; } .home .hero-container .dots li { display:block; width:11px; height:11px; border:1px solid #fff; float:left; margin-left:10px; cursor:pointer; } .home .hero-container .dots li:first-child { margin-left:0; } .home .hero-container .dots li.active { background:#ffe800; border:1px solid #ffe800; } .home .hero-container .dots li { -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; /* future proofing */ -khtml-border-radius: 11px; /* for old Konqueror browsers */ } .home .content-area { margin-top:12px; } .home .content-area .featured { background:#F57F17; padding-bottom:28px; } .home .content-area .featured .subtitle { color:#FFF; text-transform:uppercase; font-size:14px; font-weight:bold; } .home .content-area .featured .subtitle:after { content:"\00b7"; display:inline; padding-left:9px; padding-right:6px; color:#999; } .home .content-area .featured .date { font-size:14px; } .home .content-area .featured .subdate-container { margin-bottom:10px; } .home .content-area .featured h5 { font-size:20px; margin-top:5px; line-height:23px; } .home .content-area .featured .btn { margin-left:25px; margin-right:25px; } .home .content-area a { font-weight:600; } .home .content-area .listed-item { border-bottom:1px dotted #000; padding-bottom:12px; padding-top:18px; line-height:24px; margin-left:25px; margin-right:25px; padding-right:70px; } .home .content-area .listed-item .date { font-size:14px; color:#333; } .home .content-area .listed-item a { text-decoration:underline; } .home .content-area .listed-item a:hover { text-decoration:none; } .home .content-area .btn.blue.view { margin-top:24px; display:table; margin-left:25px; } .flexslider { border:none; margin-bottom:0; overflow:hidden; } .flexslider ul li:before { display:none; } .flex-control-nav { bottom:7px; z-index:100; } .flex-control-nav li:before { display:none; } .flex-direction-nav a { height:50px; } .flex-control-paging li a { background:none; border:1px solid #FFF; box-shadow:none; -webkit-box-shadow:none; } .flex-control-paging li a:hover { background:none; } .flex-control-paging li a.flex-active { background:#ffe800; border:0; } .flex-direction-nav a:before { display:none; } .flex-direction-nav a.flex-prev { width:75px; height:75px; background:url('./img/sprites.png') no-repeat -69px -40px; text-indent:-1000px; margin-left:50px; } .flex-direction-nav a.flex-next { width:75px; height:75px; background:url('./img/sprites.png') no-repeat -69px -117px; text-indent:-1000px; text-align:inherit; margin-right:50px; } .featured-item.news .title { background-color:#812990; } .featured-item.news .article-excerpt h3 { line-height:20px; } .featured-item.news .article-excerpt h3 a { font-size:18px; } .roll-item.news .article-excerpt { padding-left:0; padding-right:0; } .roll-item.news .article-excerpt .category { color:#812990; } .roll-item.news .article-excerpt h3 { line-height:20px; } .roll-item.news .article-excerpt h3 a { font-size:18px; } .featured-item.crosscheck { margin-top:96px; } .featured-item.events .title { background-color:#00884b; } .featured-item.events .article-excerpt h3 { line-height:20px; } .featured-item.events .article-excerpt h3 a { font-size:18px; } .roll-item.events .article-excerpt .category { color:#00884B; } .roll-item.events .article-excerpt h3 { line-height:20px; } .roll-item.events .article-excerpt h3 a { font-size:18px; } /* ----------------- VICE CHANCELLOR ----------------- */ .vice-chancellor p.bio-title { font-style: italic; font-weight: 100; line-height: 1.5; margin-bottom: 0; } .vice-chancellor p.contact-info a { text-decoration: none; } .vice-chancellor p.contact-info a:hover { text-decoration: underline; } .vice-chancellor .contact-separator { margin: 0 20px; } .vice-chancellor .entry-footer { background:#FFF; border:none; margin-left:25px; margin-right:25px; margin-bottom:10px; } .vice-chancellor h3 { padding-left:0; padding-right:0; padding-top:0px; color:#333; font-weight:400; } .vice-chancellor h3.team { padding-left:0; padding-right:0; font-weight:700; } .vice-chancellor h4 { padding-left:0; padding-right:0; } .vice-chancellor h3.section-title, .vice-chancellor h4.section-title { margin-top:0; } .vice-chancellor p { padding-left:0; padding-right:0; color:#333; } .vice-chancellor p.contact-info { margin-bottom:15px; } .vice-chancellor p.contact-info.no-bio { margin-bottom:17px; } .vice-chancellor p.bio-copy { margin-bottom:18px; } .vice-chancellor p.bio-copy.no-bio { margin:0; } .vice-chancellor b, .vice-chancellor strong { color:#333; } .vice-chancellor .span_2_of_3 { padding-right:5%; width:61.13%; } .vice-chancellor .span_1_of_3 { width:37.26% } .vice-chancellor #primary .span_1_of_3 { float:right; } .vice-chancellor #primary .span_2_of_3 { float:left; margin-left:0; } .vice-chancellor #primary img { width:100%; } .vice-chancellor #primary .team-member img { width: auto; } .vice-chancellor #primary .intro img { width:auto; } .vice-chancellor .secondary { margin-top:50px; /*border-bottom:1px dotted #333;*/ padding-bottom:15px; } .vice-chancellor .team-member { border-bottom:1px dotted #333; } .vice-chancellor .section-wrapper { padding-top:8px; } .vice-chancellor h2.section-title { margin-top:30px; padding-bottom:18px; } .vice-chancellor .section-wrapper.top { border-bottom:1px dotted #333; } .vice-chancellor .section-wrapper.top.hide { display:none; } .vice-chancellor .section-wrapper.top .first { margin-top:0; } .vice-chancellor h2.section-title.first { margin-top:30px; } /* ----------------------- FAQ ---------------------- */ .faq .content-area { margin-top:30px; } .faq h3 { color:#333; margin-bottom:20px; padding-left:27px; } .faq h2 { color:#333; margin-bottom:20px; padding-left:27px; } .faq ul { border-top:1px dotted #333; margin-bottom:30px; margin-left:0; } .faq ul li { border-bottom:1px dotted #333; padding:14px 44px 18px 44px; position:relative; } .faq ul li:before { position:absolute; top:24px; left:26px; content:''; width:10px; height:10px; background:url('./img/sprites.png') -20px -36px; display:block; } .faq ul li.is-open:before { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .faq ul li a { font-size:20px; color:#00a5e5; cursor:pointer; } .faq ul li a:hover { /*text-decoration:none;*/ } .faq ul li .answer { padding-top:23px; padding-bottom:7px; overflow:hidden; height:0; display:none; } .faq ul li .answer p { padding-left:0; padding-right:0; } .faq ul li .answer a { font-size:16px; } .faq ul li p a { font-size:16px; } .faq ul li p a:hover { text-decoration:underline; } .faq .intro { border-bottom:none; } /* -------------------- NOT FOUND ------------------ */ .error404 .hero-container { margin-bottom:48px; } /* -------- ONE COlUMN, SECTION, AND ONE COLUMN IMAGE -------- */ .one-column #main { border-bottom:1px dotted #333; padding-bottom:5px; margin-bottom:20px; } .one-column .section-wrapper { padding-top:8px; } .one-column .section-wrapper.first { padding-top:0; } .one-column h2, .section-template h2, .one-column-image h2 { padding-left:0; padding-right:0; padding-top:5px; color:#333; } .one-column-image h2.template-one-inner { padding-top: 0px; } .one-column p, .section-template p, .one-column-image p { padding-left:0; padding-right:0; color:#333; } .section-template .intro { margin-bottom:24px; } .section-template .section-item .content-container { border-bottom: 1px dotted #333; padding-bottom:5px; margin-bottom:25px; } .section-template h4 { padding-top:35px; } .one-column-image .section-wrapper { padding-top:30px; } .one-column-image .section-wrapper.first { padding-top:0px; } .one-column-image .section-wrapper img.section-image { margin-top:25px; } .one-column-image .section-wrapper .span_1_of_3 { float:right; } .one-column-image .section-wrapper .span_2_of_3 { float:left; margin-left:0px; } .one-column-image .section-wrapper img { width:100%; } .one-column-image .span_2_of_3 .section-container { margin-right:5.5%; } .two-column .column-wrapper { border-bottom:1px dotted #333; padding-bottom:22px; padding-top:3px; } .two-column .column-wrapper.first { padding-top:0; } .two-column .column-wrapper h1, .two-column .column-wrapper h2, .two-column .column-wrapper h3, .two-column .column-wrapper h4, .two-column .column-wrapper h5, .two-column .column-wrapper h6 { padding-left:0; padding-right:0; margin-top:36px; } .two-column .column-wrapper h1 a, .two-column .column-wrapper h2 a, .two-column .column-wrapper h3 a, .two-column .column-wrapper h4 a, .two-column .column-wrapper h5 a, .two-column .column-wrapper h6 a { font-weight:600; } .two-column .column-wrapper h1:first-child , .two-column .column-wrapper h2:first-child , .two-column .column-wrapper h3:first-child , .two-column .column-wrapper h4:first-child , .two-column .column-wrapper h5:first-child , .two-column .column-wrapper h6:first-child { margin-top:0; } .two-column p { padding-left:0; padding-right:0; padding-bottom:0px; } /* -------------------- GALLERY TEMPLATE ------------------- */ .gallery-template .gitem { background-color:#ebeff2; padding-bottom:1px; height:525px; } .gallery-template .page-wrapper.hide { display:none; } .gallery-template .gitem img { width:100%; } .gallery-template .gitem .description { margin:30px 24px 26px 24px; height:208px; overflow:hidden; } .gallery-template .gitem .type { text-transform:uppercase; color:#3284bf; font-weight:400; font-size:14px; } .gallery-template .gitem h5 { padding:0; line-height:23px; margin-bottom:12px; } .gallery-template .gitem p { padding:0; } .gallery-template .pagination { display:none; } .gallery-template .pagination a { cursor:pointer; } .gallery-template .pagination .disable { background:#CCC; } .gallery-template h4 { margin-top:0; } .gallery-template h2 { margin-top:0; } .gallery-template .intro { margin-bottom:25px; } /* -------------------- METRICS TEMPLATE ------------------- */ .metrics .menu-primary-container { border-bottom: 1px dotted #333; } .metrics .menu-primary-container #menu-primary-2 { margin:0; } .metrics .menu-primary-container .menu-item { display:none; } .metrics .menu-primary-container .menu-item.metrics-nav { display:block; } .metrics .menu-primary-container .menu-item.metrics-nav > .sub-menu { margin:0; } .metrics .menu-primary-container .menu-item.metrics-nav:before { display:none; } .metrics .menu-primary-container .menu-item.metrics-nav > a { display:none; } .metrics .menu-primary-container .menu-item.metrics-nav .menu-item { display:block; } .metrics .menu-primary-container .menu-item.metrics-nav .menu-item a { font-size:16px; } .metrics .menu-primary-container .menu-item.metrics-nav > ul > li { border-top:1px dotted #333; padding-top:19px; padding-bottom:14px; } .metrics .menu-primary-container .menu-item.metrics-nav > ul > li.menu-item > .sub-menu { margin-top:13px; } .metrics .menu-primary-container .menu-item.metrics-nav li:before { display:none; } .metrics .menu-primary-container .menu-item.metrics-nav > ul > li.menu-item { position:relative; } .metrics .menu-primary-container .menu-item.metrics-nav > ul > li.menu-item > a { text-transform:uppercase; font-size:14px; font-weight:600; display:block; } .metrics .menu-primary-container .menu-item.metrics-nav > ul > li.menu-item > .drop-arrow { width:30px; height:25px; display:block; float:right; position:absolute; top:15px; right:0px; cursor:pointer; } .metrics .menu-primary-container .menu-item.metrics-nav > ul > li.menu-item > .drop-arrow:after { content: ''; display:inline-block; width:11px; height:8px; overflow:hidden; text-indent:-100px; background:url('./img/sprites.png') no-repeat -4px -36px; position:relative; top:11px; margin-left:10px; float:right; margin-right:10px; z-index:10; } .metrics .menu-primary-container .menu-item.metrics-nav > ul > li.menu-item > .drop-arrow.on:after { background-position:-4px -66px; } .metrics .menu-primary-container .menu-item.metrics-nav .menu-item > .sub-menu { display:none; } .metrics .menu-primary-container .menu-item.metrics-nav .current-menu-item > a, .metrics .menu-primary-container .menu-item.metrics-nav .current-menu-ancestor > a { color:#1e4b87; } .metrics .menu-primary-container .menu-item.metrics-nav .current-menu-item > .sub-menu, .metrics .menu-primary-container .menu-item.metrics-nav .current-menu-ancestor > .sub-menu { display:block; } .metrics .intro { margin-bottom:30px; } .metrics .metrics-title { font-size:30px; padding:0; padding-bottom:18px; margin-top:0; line-height:30px; border-bottom:1px dotted #333; } .metrics .span_1_of_3 { width:28.7%; } .metrics .span_2_of_3 { width:65%; margin-left:6.3%; margin-top:0; } .metrics .span_2_of_3 .section-container { padding-top:0px; padding-bottom:20px; border-bottom:1px dotted #333; } .metrics .span_2_of_3 h3 { font-size:24px; } .metrics .span_2_of_3 h2 { margin-bottom:0; } .metrics .span_2_of_3 p, .metrics .span_2_of_3 h1, .metrics .span_2_of_3 h2, .metrics .span_2_of_3 h3, .metrics .span_2_of_3 h4, .metrics .span_2_of_3 h5, .metrics .span_2_of_3 h6, .metrics .span_2_of_3 ul, .metrics .span_2_of_3 ol { padding-left:0; padding-right:0; margin-left:0; } .metrics .thumbnail-link .thumbnail { margin-bottom:10px; } .metrics .thumbnail-link:before { display:none; } .thumbnail-list li img { margin-bottom:10px; } .thumbnail-list li:before { display:none; } /* --------------------- HEADER --------------------- */ header { z-index:1000; position:relative; } header .top-head-container { height:72px; background-color:#2f80bc; } header .top-head-container .background { background:url('./img/bg-top-header.gif') repeat-x 0 0 #2a77b5; position:absolute; top:0; left:0; width:100%; height:72px; } header .top-head-container .background .bg-left { /*background: url('./img/bg-top-header-left.jpg');*/ display:block; width:212px; height:72px; position:absolute; top:0; left:0; } header .top-head-container .background .bg-right { /*background: url('./img/bg-top-header-right.jpg');*/ display:block; width:58px; height:72px; position:absolute; top:0; right:0; } header .top-head-container .left { padding-top:1px; float:left; width:50%; position:relative; display: inline-block;overflow: hidden;} header .top-head-container .right { padding-top:1px; float:right; width:50%; position:relative; text-align:right; } header .top-head-container .logo { display:block; width:401px; height:36px; margin-left:100px; margin-top:23px; overflow:hidden; text-indent:-300px; } .report-incident { background:#ffd100; color:#00598C; text-transform:uppercase; font-weight:600; font-size:16px; padding:8px 22px 5px; margin:23px 100px 0 0; display:table; float:right; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .report-incident:hover, .report-incident:focus { background-color:#ffe500; text-decoration:none; } .report-incident:focus { outline: 1px dotted #005587 !important; outline-offset: -6px; color: #00598C; } header .top-head-container .left a { position: relative; display: inline-block; width: 100%; height: 36px; background: url('./img/sprites.png') no-repeat 0 0; margin: 23px 0 0 23px; overflow: hidden; text-indent: -100px; } header .bottom-head-container { height:47px; padding-top:1px; position:relative; } header .bottom-head-container .left { width:79.5%; float:left; max-height:45px; } header .bottom-head-container .right { width:20.5%; float:right; max-height:45px; } header .bottom-head-container .right .search-form { margin-right:100px; margin-top:7px; width:210px; float:right; } header .bottom-head-container .right .search-field { font-size:14px; padding:2px 13px 5px; } header .bottom-head-container .right .search-submit { width:28px; top:2px; background:#00598c; } header .bottom-head-container .right .search-submit:hover { width:28px; top:2px; background:#0079bf; } header .bottom-head-container .right .search-submit:before { width:28px; line-height:25px; font-size:16px; left:0; } header .bottom-head-container .right .search-submit:before { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } header .bottom-head-container .right input[type="search"].search-field { width:calc(100% - 28px); background:#dfe3e6; } header .bottom-head-container nav { margin-left:100px; margin-top:12px; text-transform:uppercase; font-size:14px; } header .bottom-head-container nav a { font-weight:600; color: #00598c } header .bottom-head-container nav .give-now a { background:#00598c; color:#FFF; padding:7px 11px; } header .bottom-head-container nav .give-now a:hover { text-decoration:none; background-color:#0079bf; } header .bottom-head-container nav .give-now a:focus { outline: 1px dotted #fff !important;outline-offset: -3px; } header .bottom-head-container nav .give-now a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } header .bottom-head-container nav #menu-primary > li.menu-item, header .bottom-head-container nav #menu-protected > li.menu-item { float:left; margin-left:27px; position:relative; padding-bottom:15px; } header .bottom-head-container nav #menu-primary > li.menu-item:first-child, header .bottom-head-container nav #menu-protected > li.menu-item:first-child { margin-left:0; } header .bottom-head-container .primary-menu { list-style:none; margin:0; padding:0; } header .bottom-head-container { -webkit-box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.14); -moz-box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.14); box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.14); } header .bottom-head-container .primary-menu > li > .sub-menu { display:none; background:#E5E5E5; position:absolute; top:26px; left:0px; margin:0; min-width:370px; /*padding:26px 25px;*/ padding:26px 0px; font-size:16px; text-transform:none; } header .bottom-head-container .primary-menu > li > .sub-menu { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } header .bottom-head-container .primary-menu > li > .sub-menu { -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.26); -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.26); box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.26); } header .bottom-head-container .primary-menu > li > .sub-menu a { font-weight:400; color:#333; } header .bottom-head-container .primary-menu > li > .sub-menu .sub-menu { font-size:14px; font-weight:100; margin-left:0px; } header .bottom-head-container .primary-menu > li > .sub-menu .sub-menu li:first-child { margin-top:10px; } header .bottom-head-container .primary-menu > li > .sub-menu .sub-menu li a { font-weight:300; padding-left:50px; } header .bottom-head-container .primary-menu > li > .sub-menu li { margin-top:10px; } header .bottom-head-container .primary-menu > li > .sub-menu li a { display:block; padding-left:25px; padding-right:25px; } header .bottom-head-container .primary-menu > li > .sub-menu li a:hover { background:#99E2FF; text-decoration:none; } header .bottom-head-container .primary-menu > li > .sub-menu li:first-child { margin-top:0px; } header .bottom-head-container .drop-arrow { display:inline-block; width:22px; height:16px; text-indent:0; background:url('./img/arrow-down.svg') no-repeat;position:relative; margin-left:10px; } header .bottom-head-container .drop-arrow.close { background-position: -4px -51px; height:10px; } header ul li:before { display:none; } /* ------------------- MOBILE NAV ------------------- */ header .bottom-head-container .mobile-nav { display:none; } /* -------------------- FOOTER --------------------- */ footer { /*background: url('./img/bg-footer.gif') repeat-x 0 0 #e4e9ed; border-top:4px solid #dfe3e6;*/background: #2774ae; font-size:14px;color: #fff; } footer a { font-weight:600; color: #fff; } footer a:visited { color: #fff; } footer a:hover { color: #fff; } footer a:focus { color: #fff; outline: 1px dotted #fff; outline-offset: 3px; } footer .inner-container { max-width:1152px; width:100%; margin:0 auto; padding-left:25px; padding-right:25px; padding-top:25px; position:relative; overflow:hidden; } footer .inner-container .left { float:left; width:75%; position:relative; } footer .inner-container .left .contact-phone { padding-left: 15px; } footer .inner-container .right { float:right; width:25%; position:relative; } footer .inner-container .right .btn.report { font-size:16px; } footer .inner-container .right .btn.report:focus{ outline: 1px dotted #005587 !important; outline-offset: -6px; } footer .inner-container .molecule { position:absolute; background: url('./img/bg-footer-molecule.png') no-repeat 0 0; top:0px; right:200px; width:214px; height:140px; } footer .inner-container .menu { clear:both; position:relative; position:relative; } footer .inner-container .copyright { float:left; } footer .inner-container #menu-footer { list-style:none; padding:0; margin:0; } footer .inner-container #menu-footer li { float:left; } footer .inner-container #menu-footer li:before { content:'|'; color:#b0b1b2; margin-right:25px; margin-left:25px; } footer .left p { padding-left:0; font-size:14px;color: #fff; } footer .mobile-report { display:none; } /*--------------------- ARCHIVE ---------------------*/ .primarybar { max-width:64.5%; width:100%; float:left; } .sidebar-container { max-width:30.1%; width:100%; float:left; margin-left:5.4%; } .article-excerpt { padding: 20px 25px 23px 25px; } .article-excerpt h3 { margin-top:15px; margin-bottom:8px; } .article-excerpt h2 { margin-top:15px; margin-bottom:8px; } .article-excerpt h3 a { font-size:28px; font-weight:600; } .article-excerpt h2 a.crosscheck-inner { font-size:28px; font-weight:600; } .article-excerpt .date { font-size:14px; } .article-excerpt .author-info { text-align:left; } .article-excerpt .tags { font-size:14px; } .article-excerpt .tags a { text-decoration: underline;} .article-excerpt .author-info { margin-bottom:17px; } .article-excerpt .blurb { margin-bottom:10px; padding-left:0; } .article-excerpt .author-date { display:none; } .article-excerpt .author-avatar .avatar { margin-right:5px; } .featured-item { width:100%; background:#ebeff2; position:relative; } .featured-item.no-event { background:#FFF; } .crosscheck .featured-item .title { font-size:16px; font-weight:400; } .roll-item { margin-top:12px; margin-left:25px; margin-right:25px; padding-bottom:0px; border-bottom:1px dotted #333; } .roll-item .article-excerpt h3 { margin-top:1px; padding-left:0; padding-right:0; } .roll-item .article-excerpt h2 { margin-top:1px; padding-left:0; padding-right:0; } .roll-item .blurb { padding-left:0; padding-right:0; } .tax-crosscheck_tag .roll-item:first-child .blurb, .tax-crosscheck_category .roll-item:first-child .blurb { padding-top:0; } .featured-item.image .title { width:auto; position:absolute; left:0; top:0; padding:7px 25px; } .featured-item.image .featured-image { width:100%; } .featured-item.image .blurb.article-excerpt { padding-top:30px; padding-bottom:40px; } .sidebar-container .sidebar-title { /*text-transform:uppercase; font-size:16px;*/ color:#333; border-bottom: 1px dotted #333; margin-bottom:18px; padding-bottom:6px; } .sidebar-container ul { margin:0; padding:0; list-style:none;} .sidebar-container li { list-style:none; margin-top:8px; } .sidebar-container li:first-child { margin-top:0; } .sidebar-container li:before { display:none; } .sidebar-container section { margin-bottom:35px; } aside.sidebar { margin-left:0; width:100%; } aside.sidebar .widget { border:none; } aside.sidebar ul { margin:0; padding:0; list-style:none; } aside.sidebar ul li { margin:0; padding:0; } .hero-container.grey .bg-hero:after { background: rgba(255,255,255, 0.7); } .hero-container.grey .element-container .inner .copy { color:#333; max-width:1152px; } .hero-container.grey .element-container .inner .copy.medium { max-width:934px; } .hero-container.grey .element-container .inner .copy.small { max-width:888px; } .crosscheck .hero-container, .news .hero-container, .events .hero-container { margin-bottom:24px; } .single-crosscheck .element-container .inner .copy { max-width:640px; margin-bottom:22px; } .single-news .element-container .inner .copy { max-width:640px; margin-bottom:15px; } .single-crosscheck .element-container .inner { max-width:888px; } .single-news .element-container .inner { max-width:888px; } .single-events .element-container .inner { max-width:888px; } .crosscheck .site-main, .news .site-main { padding-top:6px; } .crosscheck .content-area, .news .content-area, .events .content-area { margin-bottom:72px; } .crosscheck .pagination, .news .pagination { margin-left:25px; } .crosscheck .featured-item .blurb.article-excerpt, .news .featured-item .blurb.article-excerpt { padding-bottom:40px; } .crosscheck .element-container .inner .label, .crosscheck .label { background:#c40775; border-color:#c40775; font-size:16px; padding: 5px 25px 3px 25px; } .crosscheck .definition h3 { color:#333666; font-size:24px; margin-top:0; } .crosscheck .definition .dot:after { content:'\00b7'; font-size:30px; position:relative; top:1px; } .crosscheck .definition ul { margin-top:20px; margin-bottom:4px; counter-reset: item; position:relative; } .crosscheck .definition ul li { margin-left:13px; list-style:inherit; } .crosscheck .definition li { list-style:inherit; } .crosscheck .definition li:before { display:block; float:left; content: counter(item) '. '; counter-increment: item; color:#3284bf; position:absolute; left:-5px; } .crosscheck .definition { border:12px solid #ebeff2; position:relative; left:-36px; padding: 12px 24px; margin-bottom:39px; } .crosscheck .definition { width: -moz-calc(100% + 72px); width: -webkit-calc(100% + 72px); width: -o-calc(100% + 72px); width: calc(100% + 72px); } .news .sidebar-container.events { margin-left:2.5%; max-width:33%; } .news .element-container .inner .label, .news .label { background:#812990; border-color:#812990; font-size:16px; padding:5px 25px 3px 25px; } .news .featured-item { background:#FFF; } .news .featured-item .title { background:#812990; margin-bottom:0px; } .news .featured-item .featured-image { width:100%; } .news .featured-label { font-weight:600; text-transform:uppercase; color:#812990; font-size:14px; } .news .featured-label:after { content: '\00b7'; font-size:20px; color:#999; line-height:10px; margin-left:8px; margin-right:4px; position:relative; top:0px; } .news .page-header { border:none; } .news .featured-item .article-excerpt.blurb { background:#ebeff2; padding-bottom:27px; } .news .featured-item.no-event .article-excerpt.blurb { background:#FFF; } .news .sidebar-container.events .btn { margin-left:25px; margin-top:20px; display:table; } .single-news .element-container .inner .date { font-size:14px; } .events .site-main { padding-top:0px; } .events .element-container .inner .label, .events .label { background:#00884B; border-color:#00884B; } .events .element-container .inner .time-location { font-size:14px; margin-bottom:30px; } .events .element-container .inner .time-location .dot { color:#999; } .events .element-container .inner .copy { margin-bottom:16px; } .events .RSVP { position:absolute; bottom:47px; width:100%; text-align:center; } .events .featured-item .title, .events .title { background:#00884b; border-color:#00884b; } .events .featured-label { color:#00884B; } .events .article-excerpt h3 { line-height:24px; } .events .article-excerpt h3 a { font-size:18px; } .events.sidebar-container { margin-left:24px; max-width:368px; } .events .content-area { max-width:888px; } .events .content-area .download { /*margin-top:40px;*/ text-align:center; } .events .content-area .download img { margin-bottom:10px; } .events .content-area .download .download-link { font-size:14px; text-decoration:underline; } .events .content-area .download .download-link:hover { text-decoration:none; } .events .content-area .download .btn { margin-top:5px; display:block; } .events .entry-content p:first-child:first-letter { color:inherit; font-size:inherit; line-height:inherit; float:inherit; padding:0; font-weight:300; } .events .roll-item.hide { display:none; } .events.mobile { display:none; } .search-results .pagination { padding-left:25px; padding-right:25px; } .search-no-results .no-results { margin-top:25px; } .mobile-paging { display:none; } /*------------------- SOCIAL ICONS ------------------*/ #social-icons-container-bottom { width:100%; border-top:1px dotted #000; padding:13px 0 0 0; } #social-icons-container-bottom p { font-size:80%; } #social-icons-container-bottom p.share { padding-right:10px; float:left; } #social-icons-container-bottom p strong { color:#333; } /* #social-icons-container-bottom .social-icon-link { display:block; width:40px; height:40px; float:left; position: relative; top: -10px; } */ #social-icons-container-bottom .social-icon-link.facebook { background:url('./img/logo_UCLA_facebook-default.svg') no-repeat 0 0; } #social-icons-container-bottom .social-icon-link.facebook:hover { background:url('./img/logo_UCLA_facebook-hover.svg')no-repeat 0 0; } #social-icons-container-bottom .social-icon-link.twitter { background:url('./img/logo_UCLA_twitter-default.svg') no-repeat 0 0; } #social-icons-container-bottom .social-icon-link.twitter:hover { background:url('./img/logo_UCLA_twitter-hover.svg') no-repeat 0 0; } #social-icons-container-bottom .social-icon-link.linkedin { background:url('./img/logo_UCLA_linkedin-default.svg') no-repeat 0 0; } #social-icons-container-bottom .social-icon-link.linkedin:hover { background:url('./img/logo_UCLA_linkedin-hover.svg') no-repeat 0 0; } #social-icons-container-bottom .social-icon-link { text-align: center; display: block; float: left; margin-top: -10px; position: relative; overflow: hidden; width: 40px; height: 40px; margin: 0 2px; } #social-icons-container-bottom .social-icon-link:nth-of-type(2) { /*margin-top: -10px;*/ } .entry-content #social-icons-wrapper { width:60px; padding:0 0 0 0; position:absolute; top:0; right:0; } .entry-content #social-icons-wrapper #social-icons-container-side { width:60px; } .entry-content #social-icons-wrapper #social-icons-container-side p, #social-icons-container-bottom img { float:left; } .entry-content #social-icons-wrapper #social-icons-container-side p { font-size:80%; } .entry-content #social-icons-wrapper #social-icons-container-side p.share { border-bottom:1px dotted #000; padding:0; margin:0; width:60px; text-align:center; } .entry-content #social-icons-wrapper #social-icons-container-side p strong { color:#333; } .entry-content #social-icons-wrapper #social-icons-container-side .social-icon-link { display:block; width:60px; height:58px; float:left; border-bottom:1px dotted #000;} .entry-content #social-icons-wrapper #social-icons-container-side .social-icon-link.facebook { background:url('./img/logo_UCLA_facebook-default.svg') no-repeat 0 0; background-size: 40px;background-position: center;} .entry-content #social-icons-wrapper #social-icons-container-side .social-icon-link.facebook:hover { background:url('./img/logo_UCLA_facebook-hover.svg') no-repeat 0 0;background-size: 40px;background-position: center; } .entry-content #social-icons-wrapper #social-icons-container-side .social-icon-link.twitter { background:url('./img/logo_UCLA_twitter-default.svg') no-repeat 0 0;background-size: 40px;background-position: center; } .entry-content #social-icons-wrapper #social-icons-container-side .social-icon-link.twitter:hover { background:url('./img/logo_UCLA_twitter-hover.svg') no-repeat 0 0;background-size: 40px;background-position: center;} .entry-content #social-icons-wrapper #social-icons-container-side .social-icon-link.linkedin { background:url('./img/logo_UCLA_linkedin-default.svg') no-repeat 0 0;background-size: 40px;background-position: center;} .entry-content #social-icons-wrapper #social-icons-container-side .social-icon-link.linkedin:hover { background:url('./img/logo_UCLA_linkedin-hover.svg') no-repeat 0 0;background-size: 40px;background-position: center;} /* make room for social icons */ .single .entry-content { padding:0 60px 0 0; } /*------------------- STICKY ------------------*/ .entry-content #social-icons-wrapper #social-icons-container-side.stuck { position:fixed!important; top:10px; } /*------------------- PAGINATION --------------------*/ .pagination { clear:both; padding:20px 0; position:relative; font-size:16px; line-height:13px; border-top:none; font-family: ProximaNova, Verdana, sans-serif !important; font-weight:300; margin-bottom:0; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; text-decoration:none; color:#fff; background: #00598c; font-weight: 100; width:24px; height:24px; padding:0; padding-top:6px; text-align:center; } .pagination span, .pagination a { -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; } .pagination a:hover{ color:#fff; background: #0079bf; font-weight:100; } .pagination a:active{ color:#fff; background: #003b5c; font-weight:100; } .pagination a:focus{ color:#fff; background: #0079bf; font-weight:100;outline: 1px dotted #fff;outline-offset: -3px;} .pagination .current{ background: #003b5c; color:#fff; font-weight:100; width:24px; height:24px; } .pagination:before, .pagination:after { display:none; } /* -------------------- ARTICLE --------------------*/ .breadcrumb-container { height:36px; background:#ebebeb; } header.entry-header { text-align: center; } header.entry-header .entry-title { margin-bottom: 18px; } .categories { margin-right: 10px; } .entry-content p:first-child:first-letter { color: #3284bf; float: left; font-size: 54px; font-weight: 400; line-height: 48px; padding: 0px 3px 0; } .entry-content blockquote p:first-child:first-letter { color:inherit; font-weight:inherit; font-size:inherit; float:none; line-height:inherit; padding:0; } .entry-header h1.entry-title { color: #333; font-size: 48px; } .entry-meta.meta-box { font-size: 14px; text-align: center; } .entry-meta.meta-box .title { font-weight: 600; text-transform: uppercase; } .single-crosscheck .entry-content, .single-news .entry-content, .single-events .entry-content { /*border-top: dotted 1px;*/ color: #333; margin-top: 0px; /*padding-top: 34px;*/ } .single-crosscheck .label, .single-news .label, .single-events .label { color:#FFF; border-color:#e68b02; border:none; margin-bottom:16px; margin-top:73px; } .breadcrumb-container .breadcrumb { margin:0; margin-left:100px; margin-right:100px; padding-top:9px; } .breadcrumb-container .breadcrumb li { float:left; display:table; font-size:14px; line-height:25px; } .breadcrumb-container .breadcrumb li a { font-weight:600; } .breadcrumb-container .breadcrumb li:before { content:'\00b7'; font-size:30px; color:#999999; line-height:10px; margin-left:8px; position:relative; top:4px; } .breadcrumb-container .breadcrumb li:first-child:before { display:none; } .single-crosscheck .hero-container { max-height:336px; } .single-events .hero-container { max-height:348px; } .single-news .hero-container { max-height:278px; } .dropcap-off .entry-content p:first-child:first-letter { color:inherit; font-weight:inherit; font-size:inherit; float:none; line-height:inherit; padding:0; } /* ---------------------- HELPER --------------------- */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .ada-hidden { left:-10000px; position:absolute; } /* ------------------- RESPONSIVE ------------------- */ @media screen and (max-width:1400px) { header .top-head-container .logo { margin-left:23px; } header .bottom-head-container nav { margin-left:23px; } header .top-head-container .report-incident { margin-right:23px; } header .bottom-head-container .right .search-form { margin-right:23px; } header .bottom-head-container nav #menu-primary > li.menu-item { margin-left:15px; } .crosscheck .definition { width:100%; left:0; } } @media only screen and (max-width:1240px) { /* HEADER tweak - added menu item so we need less margin to accommodate */ header .bottom-head-container nav #menu-primary > li.menu-item { margin-left:16px; } } @media screen and (max-width:1160px) { /*------------------------- HEADER -------------------------*/ header .top-head-container .logo { margin-left:23px; } header .top-head-container .right { display:none; } header .top-head-container .left { width:100%; } header .bottom-head-container { height:inherit; overflow:hidden; padding-top:0; } header .bottom-head-container > .left { display:none; } header .bottom-head-container > .right { display:none; } header .bottom-head-container .mobile-nav { display:block; } header .bottom-head-container .mobile-nav .left { width:50%; } header .bottom-head-container .mobile-nav .right { width:50%; } header .bottom-head-container .mobile-nav .button-wrapper a { font-weight:600; color:#00598C; text-transform:uppercase; font-size:14px; display:block; height:36px; line-height:36px; padding:0 23px 0 23px; cursor:pointer; } header .bottom-head-container .mobile-nav .button-wrapper a:hover { text-decoration:none; } header .bottom-head-container .mobile-nav .left a .drop-arrow { margin-left:4px; } header .bottom-head-container .mobile-nav .right a { background: #ffd100; color: #00598C; text-transform: uppercase; font-weight: 600; font-size: 16px; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } header .bottom-head-container .mobile-nav .right a:hover { background: #ffE500; } header .bottom-head-container .mobile-nav nav { margin-left:0px; margin-top:0; display:none; } header .bottom-head-container .mobile-nav nav.show { display:block; } header .bottom-head-container .mobile-nav .primary-menu li { padding:0px 0px 0px 0px; border-top:1px dotted #333; cursor:pointer; } header .bottom-head-container .mobile-nav .primary-menu > li:first-child { border-top:none; } header .bottom-head-container .mobile-nav .primary-menu li a { display:block; padding:13px 23px 10px 23px; } header .bottom-head-container .mobile-nav .primary-menu li a:hover { text-decoration:none; background:#99E2FF; padding:13px 23px 10px 23px; } header .bottom-head-container .mobile-nav .primary-menu li.give-now { padding:0; border-top:none; } header .bottom-head-container .mobile-nav .primary-menu li.give-now a { padding-top:13px; padding-bottom:13px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -khtml-border-radius: 0; } header .bottom-head-container .mobile-nav .primary-menu li.give-now a:hover { background-color:#33C5FF; } header .bottom-head-container .mobile-nav .button-wrapper { -webkit-box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.14); -moz-box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.14); box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.14); } header .bottom-head-container .mobile-nav .primary-menu .sub-menu { height:inherit; display:block; position:relative; padding:0; top:0; background:#fff; } header .bottom-head-container .mobile-nav .primary-menu > li .sub-menu li { padding:0; margin-top:0; } header .bottom-head-container .mobile-nav .primary-menu > li .sub-menu a { color:#00a5e5; padding:13px 46px 10px 46px; font-weight:300; font-size:14px; } header .bottom-head-container .mobile-nav .primary-menu > li > .sub-menu .sub-menu { padding:0; margin:0; } header .bottom-head-container .mobile-nav .primary-menu > li > .sub-menu .sub-menu > li:first-child { margin-top:0; } header .bottom-head-container .mobile-nav .primary-menu > li > .sub-menu .sub-menu a { padding-left:69px; } header .bottom-head-container .mobile-nav .primary-menu .menu-item-has-children { padding-bottom:0; } header .bottom-head-container .mobile-nav .primary-menu .sub-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -khtml-border-radius: 0; } /*----------------- ENTRY CONTENT ------------------*/ .single .entry-content { padding:0 0 0 0!important; } /*----------------- SOCIAL ICONS -------------------*/ #social-icons-container-side { display:none; } } @media screen and (max-width:1110px) { .hero-container.grey .element-container .inner .copy { font-size:42px; line-height:48px; margin-top:10px; margin-left:5%; margin-right:5%; width:90%; max-width:inherit; } .hero-container.grey .element-container .inner { padding-top:36px; } .single-crosscheck .hero-container .element-container .inner .copy { max-width:inherit; margin-bottom:15px; } .single-crosscheck .hero-container .element-container .categories { display:block; margin-left:5%; width:90%; margin-right:5%; } .single-crosscheck .hero-container .element-container .tags { display:block; margin-left:5%; width:90%; margin-right:5%; } body:not(.search-results) article:not(.type-page) .entry-content { width:inherit; margin-left:5%; margin-right:5%; } } @media screen and (max-width:975px) { /*----------------------- HERO IMAGE -----------------------*/ .flex-direction-nav { display:none; } .flexslider .slides img { max-width:inherit; width:inherit; min-height:444px; } .home .element-container .inner .copy { font-size:36px; line-height:42px; font-weight:400; width:90%; max-width:inherit; margin-left:5%; margin-right:5%; margin-top:28px; margin-bottom:36px; text-align:center; } .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets { margin-right:inherit; margin-left:inherit; } .gallery-template .gitem { height:auto; } footer .inner-container .right .btn.report { font-size:14px; } .page .content-area { margin-left:5%; margin-right:5%; width:90%; } .page h1, article h1, .entry-content h1 { font-size:36px; line-height:42px;} .page h2, article h2, .entry-content h2 { font-size:30px; line-height:36px; } .page h2.template-one, .page h2.faq-inner { font-size:24px; line-height:30px; } .page h3, article h3, .entry-content h3 { font-size:24px; line-height:30px; } .page h3.team { font-size:20px; line-height:24px; } .page h4, article h4, .entry-content h4 { font-size:20px; line-height:24px; } .page h2.gallery-inner { font-size:20px; line-height:24px; } .page h2.template-one-inner { font-size:24px; line-height:30px; } .page h5, article h5, .entry-content h5 { font-size:18px; line-height:22px; } .page h6, article h6, .entry-content h6 { font-size:14px; line-height:18px; } } @media screen and (max-width:875px) { .home .content-area { margin-top:0; margin-bottom:0; } .home.page .content-area { margin-left:0; margin-right:0; width:100%; } .col:first-child { margin-top:0; } .btn { font-size:16px; } .featured-item .article-excerpt h3 { line-height:20px; margin-top:0; } .featured-item .article-excerpt h2 { line-height:20px; margin-top:0; } .article-excerpt h3 a { font-size:18px; line-height:20px; } .article-excerpt h2 a.crosscheck-inner { font-size:18px; line-height:20px; } .article-excerpt .author-info { margin-bottom:0px; padding-bottom:15px; } .roll-item { margin-left:0; margin-right:0; padding-left:25px; padding-right:25px; } .home .content-area .btn.blue.view { width:90%; margin-left:5%; margin-right:5%; margin-bottom:30px; text-align:center; } .featured-item.events { margin-top:0; } .hero-container .bg-hero img { min-height:192px; width:inherit; max-width:inherit; } .primarybar { max-width:100%; padding-bottom:40px; } .sidebar-container { max-width:inherit; margin-left:0; margin-right:0; width:100%;} .sidebar-container section { padding-left:2.5%; padding-right:2.5%; } .featured-item.image .title { margin-bottom:0; position:relative; } .crosscheck .hero-container, .news .hero-container, .events .hero-container { margin-bottom:0; } .crosscheck .site-main, .news .site-main { margin-bottom:0; } .crosscheck .definition { left:0; width: -moz-calc(100% + 0px); width: -webkit-calc(100% + 0px); width: -o-calc(100% + 0px); width: calc(100% + 0px); } .mobile-paging { display:block; margin-left:5%; margin-right:5%; width:90%; } .mobile-paging .btn.blue { width:49%; display:inline-block; text-align:center; margin-top:8px; font-size:14px; } .mobile-paging .btn.blue.disable { background:#999; } .pagination { display:none; } .breadcrumb-container { display:none; } .single-crosscheck .hero-container .bg-hero img { min-height:409px; } .site-main > article { padding-bottom:25px; } .page h2.gallery-inner { margin-top:12px; margin-bottom:5px; font-size:18px; line-height:22px; padding-left:0; padding-right:0; } .page h2.template-one-inner {margin-top:50px; margin-bottom:11px; font-size:24px; line-height:28px; padding-left:0; padding-right:0; } .page h3, article h3, .entry-content h3 { margin-top:50px; margin-bottom:11px; font-size:24px; line-height:28px; font-weight:400; padding-left:0; padding-right:0; } .page h2.template-one, .page h2.faq-inner { margin-top:50px; margin-bottom:11px; font-size:24px; line-height:28px; font-weight:400; padding-left:0; padding-right:0; padding-top:0; } .page h3.team { margin-top:12px; margin-bottom:5px; font-size:18px; line-height:22px; font-weight:400; padding-left:0; padding-right:0; } .page h4, article h4, .entry-content h4 { margin-top:12px; margin-bottom:5px; font-size:18px; line-height:22px; font-weight:400; padding-left:0; padding-right:0; } .page h5, article h5, .entry-content h5 { margin-top:12px; margin-bottom:5px; font-weight:400; padding-left:0; padding-right:0; } .page p, .page h1, .page h2, .page h3, .page h4, .page h5, .page h6, article h1, article h2, article h3, article h4, article h5, article h6, article .author-info, article ul, article ol, article p { padding-left:0; padding-right:0; } .entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote, .comment-content blockquote { margin-left:0; margin-right:0; } article .entry-content > ul, article .entry-content > ol { margin-left:0; } .events.sidebar-container { display:none; } .events.sidebar-container .element-container .inner .time-location { margin-left:5%; margin-right:5%; max-width:90%; } .events.mobile { display:block; } .events.mobile .roll-item.hide { display:block; } .events.mobile .flexslider { background:#ebeff2; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .events.mobile .flex-control-nav { background:#a1a4a6; bottom:0px; line-height:17px; } .events.mobile .article-excerpt { margin-bottom:15px; padding-top:0; } .events.mobile .featured-item .article-excerpt { padding-top:20px; } .events.mobile .title.non-featured { position:relative; top:-8px; } .news .sidebar-container.events { margin-left:0; max-width:100%; margin-right:0; } .events .element-container .inner .time-location { margin-left:5%; margin-right:5%; } .events .content-area .download .btn { margin-left:5%; margin-right:5%; width:90%; } .events .site-main { margin-bottom:25px; } .gallery-template .pagination { visibility:hidden; overflow:hidden; height:0px; min-height:0px; display:block; padding:0; margin:0; } .gallery-template .mobile-paging { margin-left:0; margin-right:0; width:100%; } .gallery-template .mobile-paging a { cursor:pointer; } .gallery-template .mobile-paging .right { margin-left:2%; } .site-inner { padding-bottom:0; } .site-footer { height:inherit; padding-bottom:25px; position:relative; } footer .inner-container { overflow:inherit; } footer .inner-container .left { width:100%; } footer .inner-container .right { display:none; } footer .left p { padding:0; } footer .inner-container .copyright { display:block; width:100%; } footer .inner-container #menu-footer li { float:none; } footer .inner-container #menu-footer li:before { display:none; } footer .mobile-report { display:block; margin-top:15px; } footer .mobile-report .btn.blue { display:block; width:100%; text-align:center; } .no-results { margin-left:5%; margin-right:5%; } .error-404 { margin-left:5%; margin-right:5%; } .gallery-template .gitem { margin-bottom:12px; } .metrics .menu-primary-container { display:none; } .metrics .span_2_of_3 { width:100%; margin-left:0; } } @media screen and (max-width:740px) { .hero-container.grey .element-container .inner .copy { font-size:30px; line-height:34px; margin-top:10px; margin-left:5%; margin-right:5%; width:90%; max-width:inherit; } } @media screen and (max-width:475px) { header .top-head-container .logo { /* background:url('./img/sprites-mobile.png') no-repeat 0 0; */ height:24px; width:280px;max-width: 100%;} header .top-head-container, header .top-head-container .background, header .top-head-container .background .bg-left, header .top-head-container .background .bg-right { height:68px; } .home .element-container .inner { padding-top:36px; } .home .element-container .inner .copy { font-size:24px; line-height:32px; font-weight:400; width:90%; margin-left:5%; margin-right:5%; margin-top:18px; margin-bottom:36px; } .home .content-area { margin-top:0; } .home .hero-container { max-height:385px; } .home .hero-container .element-container .label { font-size:16px; } .home .flex-control-nav { bottom:10px; } .col:first-child { margin-top:0; } h2.section-title { margin-top:36px; } } @media screen and (max-width:350px) { .element-container .inner .label, .label { margin-left:5%; margin-right:5%; width:90%; } .hero-container.grey .element-container .inner .copy { font-size:26px; line-height:30px; margin-top:10px; margin-left:5%; margin-right:5%; width:90%; max-width:inherit; } } /* ---------------------- RETINA -------------------- */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { /* header .top-head-container .logo { background-image:url('./img/sprites-2x.png'); background-size:401px 500px; } header .bottom-head-container .drop-arrow { background-image:url('./img/sprites-2x.png'); background-size:401px 500px; } */ } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (max-width:475px), only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width:475px), only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width:475px), only screen and (min-device-pixel-ratio: 1.5) and (max-width:475px) { /* header .top-head-container .logo { background-image:url('./img/sprites-2x.png'); background-size:277px 345px; } */ }