/* Theme Name: version three Description: Base Web Theme based on Master Parent theme Author: Peter Anderson & Daniel Beyer Version: 3.0.0 Template: master_parent */ @import url('../master_parent/style.css'); /* begin custom code */ /* in order for this to work you master parent needs to be also checkout into the theme folder and place in a folder named "master_parent" */ /* page builder mods */ /*.equal {height:100%;} */.fl-row-full-width div.fl-row-content-wrap {padding:0px !important;} .bleed div.fl-row-content-wrap {padding:0px!important;} span.extra {padding-left:22px;} div.image-shifter {background-color:#000;} body {background-color:#ccc;font-family: 'Open Sans', sans-serif;} .archive .page-title {margin-top:46px;} .archive .entry-title a:link, .archive .entry-title a:visited {text-decoration: underline;color:#4f69de;} .contact {text-decoration:none;} .btn {border:2px solid transparent;} .centercol {padding-top:0px;} .single-post .centercol {padding-top:30px;} main#main.site-main {background-color:#fff;width:100%;} .site-main{content: ""; display: block; clear: both;} .test {width:30px;height:100px;background-color:green;margin-top:-300px;} .search-box {padding: 14px 4px;} /* ----- non page builder page corrections -----*/ .author .centercol, .single-attachment .centercol {padding: 12px 185px 100px 100px;} .author h1.page-title, .author .nav-links {padding: 18px 185px 22px 100px;width:100%;} /* ------finish non page builder corrections ----- */ .fl-row-fixed-width {max-width:1120px;} .site-main a:link {text-decoration:none;} #primary {position:static;padding:0px;} .single-post #primary {padding:100px;} main#main.site-main {margin-bottom:-20px;} div.entry-content {margin:0px;} #page {position:relative;background-color:#fff;} #comments, .entry-meta, .entry-footer {display: none;} #fancybox-wrap div {zoom: 1;} .cta {position:absolute;top:78px;right:25px;z-index:100;} .cta .orange.invert {color:#000;} #dcri-people-widget-gallery .clear {display:none;} button { padding: 12px 18px; border:2px solid black; text-transform:uppercase; border-top-left-radius:0px; border-bottom-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:0px; box-shadow:none; background-color:#fff; font-size:1em; font-weight:500; font-family:Lato; margin: 18px 0px 0px 30px; } .button {border:2px solid #ccc;} .orange .button, .red .button , .green .button {border:2px solid #000;} .button a:link, .button a:visited {color:#666;text-decoration:none!important;} .button:hover {color:#ccc;border:2px solid #666;} .button.invert {background-color:transparent;border:2px solid #fff;color:#fff;} .button.invert a, .button.invert a:visited, .orange .button.invert a, .orange .button.invert a:visited , .green .button.invert a, .green .button.invert a:visited , .red .button.invert a, .red .button.invert a:visited {color:#fff;} .button.invert:hover {background-color:transparent;border:2px solid #7ab2df;color:#7ab2df;} .button.orange {border:2px solid #c76327;color:#c76327;background-color:#fff;margin-top:18px;} .button.orange.invert {border:2px solid #fff;background-color:#c76327;color:#fff;margin-top:18px;} .button.orange:hover, .button.orange.invert:hover {border:2px solid #d38353;color:#d38353;background-color:#eecfbc;} .button.blue {background-color:#00569d;color:#fff;margin-top:12px;margin-bottom:12px;} .button.blue:hover {border:0px;background-color:#369;} .button.solid.orange:hover {background-color:#db973a;} .button.solid.orange {background-color:#c76327;color:#fff;font-weight:400;padding:12px 42px;} .button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {box-shadow:none;corner-radius:0;} h1.entry-title {display:none;} h1, h2, h3, h4, h5, h6 {margin-bottom:12px;shadow:none;font-family: 'Open Sans', sans-serif;} h1 {font-weight:300;color:#001a57;} h2 {font-weight:300;} h3 {font-weight:300;} h4 {font-weight:300;} h5 {font-weight:600;} h6 {font-weight:600;margin-bottom:5px;} h6.uppercase {text-transform:uppercase; font-weight:400;} li {margin-bottom:3px;} .menu.nav-menu li {margin-bottom:0px;} hr {margin: 28px 0px;padding:1px;} .button, button {text-shadow:none; display: inline-block;padding: 12px 18px;text-transform: uppercase;font-weight: 500;font-family: Lato; margin: 18px 0px 0px 30px;} .border.left {border-left:1px solid #fff;} nav#site-navigation.main-navigation a:link {font-size:1.1em;} .main-navigation a {font-size:18px;} .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a:hover, .main-navigation .current-menu-item > a:hover {color:#fff;} .search.container {border:1px solid #ccc;} #comments, article {width:100%;} p.breadcrumbs {font-size: .9em; margin-bottom: 8px;} .shortcode-title {font-weight:500; color:#001a57;font-size:2em;} .search.space { position:absolute; right:12px; z-index:100;} input.search-field {color:#fff!important;} .page-content input.search-field { color: #000 !important; } div.search-toggle { background-color:#fff; width:28px; height:30px; padding:2px 1px 2px 2px;} .search-box-wrapper {display:block;} .search-box-wrapper { top: -15px; right: 37px; } .search-box .search-field { padding: 2px 10px; border-radius:0px; background-color:transparent; border:1px solid #fff; border-right:none; width:180px; } .search h1.entry-title {display: block; margin-top:0.5em;} .search .entry-summary {margin: 0 0 1em;} div.callout { background:transparent url('/wp-content/uploads/2016/04/callout2.png') top left no-repeat; mix-blend-mode: multiply; width:820px; height:442px; position:absolute; top:300px; left:100px; padding-left:62px; padding-top:55px;} .callout h1 {color:#fff;font-size:2.5em; font-weight:400;} .callout p {font-size:1.4em;color:#fff;font-weight:300;} .callout .button {text-align:center;padding:12px 22px;color:#fff;border:2px solid #fff;width:300px;font-size:1.5em;margin-top:22px;margin-bottom:18px;} i.fa.fa-search {color:#000;font-size:1.3em;} div#rightbar-widgets.rightwidgets.widget-area.clear {background-color:transparent;} /*div#content.site-content {margin-top:0px;border-left:1px solid #ccc;border-right:1px solid #ccc;}*/ #masthead {border-left:1px solid #ccc;} /**************** ** Site Navigation/Menu ******************/ /*top level definitions */ button.menu-toggle.fa.fa-bars {background-color:#00559d;padding:0px 6px 0px 12px;} .menu-top-level-nav-container { display: table; margin: 0 auto; } .main-navigation button {border-color:#fff;} .main-navigation .fa.fa-bars {color:#fff;} .main-navigation li:hover > a {} /*sub-menu */ ul.sub-menu {margin: 0px;font-size:.9em;} .sub-menu li {min-width: 175px;padding-left:32px;} /*hide tertiary menus and below*/ ul.sub-menu ul.sub-menu{display:none;} ul.sub-menu ul.sub-menu {font-size:1.1em;text-transform:capitalize;left:100%;} ul.sub-menu ul.sub-menu a {padding-top:6px;} ul.sub-menu a:link {margin-left:0px;border:none;} .main-navigation .current_page_ancestor {background-color:transparent; } div.menu-main-menu-top-container {width:60%;margin:0 auto;margin-bottom:12px;} .main-navigation li {position: relative;} .main-navigation ul li:focus > ul{display:block;} .main-navigation ul ul { padding: 10px; left: auto; background-color:#001a55; } .main-navigation ul ul .current_page_parent, .main-navigation .current_page_parent .current_page_item > a {background-color:#001a55;} .sub-menu.multicolumn { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; left: 0; width:98%; margin: 0px 1%; } #menu-top-level-nav > li > ul > li { width: 100%; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; position:relative; } .main-navigation ul ul li {clear: left;} .main-navigation ul.multicolumn li {clear: none;} .main-navigation ul ul a { width: auto; } .sub-menu .sub-menu { left: 0%; position: relative; display: block; font-size: .8em; } .sub-menu .sub-menu li { float: none; } /*.sub-menu .sub-menu .sub-menu { display: none; } .sub-menu .sub-menu li:hover > ul { display: block; }*/ .sub-menu .sub-menu .sub-menu li{ float:left; } /* navigation border bottom definitions */ .main-navigation a {padding-top:10px;padding-bottom:8px;border-bottom:6px solid transparent;} .main-navigation li.current-page-ancestor a, .current-menu-parent a, .current-menu-parent a:hover {border-bottom:6px solid #bfbdbc;} .main-navigation .current_page_item > a {background-color:#00569d;color:#fff;border-bottom:6px solid #bfbdbc!important;} .main-navigation li:hover > a {background-color:#6295c4;border-bottom:6px solid #bfbdbc;} .main-navigation ul.sub-menu a, .main-navigation ul.sub-menu a:hover { border-bottom:0px solid transparent!important; background-color:transparent; } .main-navigation ul.sub-menu a:hover {color:#83a3c5;} ul.sub-menu.multicolumn ul.sub-menu a:link { border-bottom:1px solid transparent!important; /*margin-left:0px;*/ padding-left:6px;} nav#site-navigation.main-navigation {border-bottom:1px solid #a2c0eb;} .main-navigation li.current-menu-ancestor a:hover {} .main-navigation ul ul a:hover {background-color:transparent;border-bottom:0px solid #fff;} ul.sub-menu.multicolumn a:link, ul.sub-menu.multicolumn a:visited, ul.sub-menu.multicolumn a:hover { background-color:#001a55!important; border-bottom:3px solid #9a7067!important; padding-bottom:6px; } .site-footer a { color: #fff !important; height:188px; background-image: transparent url(images/dcri_logo.png) no-repeat top left; text-decoration:none; } .site-footer {color:#fff;} .site-copyright {width:100%;background-color:#00569d; padding:16px;color:#fff;font-size:.9em;} .site-copyright a {color:#fff;text-decoration:none;} /*********************** ** Featured Image Field ***********************/ .image-shifter { position: relative; } .featured-image-callout, .featured-image-callout-background { position: absolute; top: 45%; right: 0px; transform: translatey(-50%); padding: 20px 50px 50px 50px; color: #fff; width:400px; height:370px; z-index:100; } .featured-image-callout.wide , .featured-image-callout-background.wide { width: 650px;height:400px; } .featured-image-callout-background { mix-blend-mode: multiply; background-position:bottom right; background-repeat:no-repeat;} .featured-image-callout-background.Red {mix-blend-mode: normal; } .featured-image-callout-background.Green {mix-blend-mode:normal;} .featured-image-callout h1, .featured-image-callout h2, .featured-image-callout h3, .featured-image-callout h4, .featured-image-callout h5 { color:#fff;line-height:1.3em; } .featured-image-callout h1 {font-size:3em;font-weight:300;} .featured-image-callout h2 {font-size:2em;font-weight:300;} .featured-image-callout h3 {font-size:1.5em;line-height:1.5em;font-weight:400;} .featured-image-callout h4 {font-size:1.5em;line-height:1.3em;font-weight:400;} .featured-image-button { border: solid #fff 3px; padding: 10px; width: auto; float: right; } .featured-image-button:hover {border: solid #669ac4 3px;} .featured-image-button a:link, .featured-image-button a:visited, .featured-image-callout a:link, .featured-image-callout a:visited { color: #fff; text-decoration: none !important; } .featured-image-button a:hover, .featured-image-callout a:hover {color:#669ac4;} /*color definitions */ .featured-image-callout-background.Blue {background-image: url(images/calloutRight_b.png);} .featured-image-callout-background.Red {background-image: url(images/calloutRight_r.png);opacity:.8;} .featured-image-callout-background.Orange {background-image: url(images/calloutRight_o.png);} .featured-image-callout-background.White {background-image: url(images/calloutRight_w.png); mix-blend-mode: color-dodge;color:black;} .featured-image-callout-background.Green {background-image: url(images/calloutRight_gt.png); } .featured-image-callout-background.Purple {background-image: url(images/calloutRight_p.png); } /*callout left exceptions */ .featured-image-callout.callout-leftt, .featured-image-callout-background.callout-leftt { position:absolute; transform: translatey(0%); } /* flip background image */ .featured-image-callout-background.callout-leftt { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* bottom exceptions */ .featured-image-callout.callout-bottom, .featured-image-callout-background.callout-bottom { width:100%; top:76%; right:0px; background-position:left top; height:276px; text-align:center; padding:15px;} .featured-image-callout.callout-bottom .featured-image-button { float:none; width:230px; margin: 32px auto;} .featured-image-callout-background.Black.callout-right {background-image: url(images/calloutRight_blk.png); } .featured-image-callout.callout-right.wide, .featured-image-callout-background.callout-right.wide {width:50%;} .box.right h1 {mix-blend-mode:unset!important;} /************************ ** Meet the Team ************************/ .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } div.bio, .bio3 {float:left;text-align:center;box-shadow: 0 0px 5px 0px rgba(0,0,0,0.075);border-radius: 5px;padding-top: 15px; width:100%; margin-bottom:60px;} .bio img, .bio3 img{max-height:228px;} p.bio, p.bio3 {font-size:.8em;color:#333;} .bio h3.name, .bio3 h3.name{ padding: 0 0 15px 0; margin-bottom: 0 !important; border-bottom: solid 4px #999; height: 60px; } .bio.sheets h3{border-bottom: solid 0px #111;} .bio.md h3.name, .bio3.md h3.name{border-color:#3666b8;} .bio h3.name a{text-decoration:none;color:#00539B;} .bio .department, .bio3 .department{ height: 120px; padding: 15px 15px 20px; background: #fafafa; border: solid 1px #f0f0f0; line-height: 1.2; margin-bottom: 0px } /************************ ** Quote box styling **************************/ .quote .name {font-size:1.5em;} .quote div.fl-module-content { margin:0px; margin-top:13px; } .quote .fl-callout-photo {padding-left:0px;} .quote .fl-callout-content {position:relative;} .quote h3.fl-callout-title { position:absolute; bottom:18px; right:18px; text-align:right; font-size:.9em;} .quote div.fl-callout-text { position:absolute; top:32px; right:-52px; z-index:1; padding:20px 50px 78px 30px; width:105%; color:#fff; } .quote .fl-photo-content img {margin-right:-1px;} .insight {text-align:center;} .news-archive.lcp_catlist li {margin-top: 30px; position: relative; padding-bottom:.5em;} .news-archive.lcp_catlist li .date {position: absolute; top: -25px; left: 0px;} /* Profile Pages */ /************************************** ** Print Styles **************************************/ @media print{ .site-branding{background: #001a57 url(images/1px.png) top right no-repeat;} } /******************************* ** Media Screens ********************************/ @media screen and (min-width: 280px) { .boxed .fl-module-callout {margin-right:0px;min-height:300px;} .archive .centercol, .archive .page-title {padding-left:35px;padding-right:30px;} .blue.bar {text-align:center;} .thirds li { max-width: 95%;} .callout-container .leadin.two {font-size:1.4rem;} .search-results div.careers {top:65px;} .search-results .page-title {padding-left: 18px; padding-top: 20px;} .search-results .centercol {padding: 0px 18px 0px 18px;display:table;} .search-no-results #primary {margin-bottom:0px; padding: 30px 18px 30px 18px;} /*Menu for Mobile Adjustments .menu-item-has-children { border-bottom:5px solid #ddd; } */ div.dcri-people-quote {font-size:1.8rem;font-style:italic;margin-bottom:32px;} #dcri-people-profile {margin:0px 20px;padding-bottom:100px;} div.dcri-people-profile-left {margin-top:52px;} #dcri-people-widget-gallery img {margin-bottom:0px;margin-top:22px;} .dcri-people-widget-inline, #dcri-people-widget-gallery {margin-top:32px;} .dcri-people-widget-inline-pic {float:none;} #dcri-people-widget-inline .dcri-people-widget-profile, #dcri-people-widget-inline {width:100%;} #dcri-people-widget-inline .dcri-people-widget-profile {margin-bottom:32px;} .dcri-people-widget-gallery-name {font-size:2.4rem;} div.dcri-people-phone {font-weight:600;} div.dcri-people-email {font-weight:600;float:none;margin-right:32px;padding-left:34px;background:transparent url(images/icon_mail.png) no-repeat top left; background-size: 23px;background-position-y:4px;} .dcri-people-profile-right, .dcri-people-profile-left {float:none;width:100%;} #dcri-people-profile h2, #dcri-people-profile h3 {font-weight:400;} .dcri-people-name h2 {margin-bottom: 2px;margin-top:18px;} .dcri-people-bio h3 {margin-top:28px;} #dcri-people-widget-gallery .dcri-people-widget-profile {width:100%;float:none;} .dcri-people-profile-right ul {margin-left:1.7em;list-style-type: square;} .dcri-people-widget-inline-long_bio p {border: 0px; font-family: 'Open Sans', sans-serif; margin: 0px 0px 12px; padding: 0px; vertical-align: baseline; color: #404040;} .dcri-people-widget-inline-long_bio p:first-child {font-size:1.8rem;} .dcri-people-widget-inline-name {font-size:2.4rem;} .dcri-people-widget-inline-title {margin-bottom:10px;} /*fix for non-page builder page edges */ section.error-404.not-found, .category .content-area {padding:20px;} /* AHA special turn font */ h5.haha {font-size:2.8em;} .ar .float.right {float:none;} .tmp {margin-left:0px;padding-top:0px;font-size:18px;font-style:italic;} img.alignleft {margin-right:302px;} ul.sub-menu ul.sub-menu{position:relative;} /*quote box color variants */ .quote.db div.fl-module-content, .quote.g div.fl-module-content, .quote.r div.fl-module-content, .quote.p div.fl-module-content, .quote.o div.fl-module-content, .quote div.fl-module-content {background-color:transparent;} .quote h1, .quote h2, .quote h3, .quote h4, .quote h5, .quote h6 {color:#fff;} .quote h3.fl-callout-title, .quote.o h3.fl-callout-title, .quote.g h3.fl-callout-title, h3.fl-callout-title {color:#000;} /*quote box turn*/ .quote.o div.fl-callout-text {background: transparent url(images/calloutquote_org2.png) no-repeat bottom right; color:#562a01;} .quote.p div.fl-callout-text {background: transparent url(images/calloutquote_prp2.png) no-repeat bottom right;} .quote.r div.fl-callout-text {background: transparent url(images/calloutquote_red2.png) no-repeat bottom right;} .quote.g div.fl-callout-text {background: transparent url(images/calloutquote_grn2.png) no-repeat bottom right; color:#000;} .quote.db div.fl-callout-text {background: transparent url(images/calloutquote_dblu2.png) no-repeat bottom right;} .quote div.fl-module-content {background-color:transparent;} .quote {margin:18px 0px -32px 0px;} /* fix for four column text width on homepage */ .columned {width:100%;margin-left:auto;margin-right:auto;} /*fix for custom 3 column top text space */ .main.body {padding-left:20px;} /*set image to fill out when mobile*/ .tilt {width:100%;} /*set all photos to go full width when using mobile .fl-module-photo .fl-module-content {margin:0px 0px;}*/ img {margin-bottom:18px;} .bleed img, .quote img, .image-shifter img, .photo-background-image img {margin-bottom:0px;} .big.text {margin:0px 0px 0px 27px;text-align:center;} .block {border:2px solid #ccc;margin:18px 14px 10px 12px;} /*margin:28px 14px 32px 12px;*/ /*.full.text .fl-module-content {margin-top:25px;}*/ .gray {margin-bottom:25px;} .thumbs .lcp_catlist li {clear:left;position:relative;padding-left:0px;min-height:100px;background: #fff url(/wp-content/uploads/2016/10/dcri_icon.png) no-repeat 18px 7px;background-image:none;} .thumbs .lcp_catlist li img {display:none;} ul, ol {margin: 0 0 1.5em 2em; } .red.centered, .orange.centered , .green.centered , .blue.centered , .purple.centered {margin-top:25px;padding-top:25px;padding-bottom:25px;} .photo-background-image.bleed .fl-col-small, .fl-row-bg-photo .fl-col-small, .full.text .fl-col-small {max-width:100%;} .details {margin-top:20px;} .insight .shortcode-title {font-size:26px;} .insight p {font-size:16px;font-style:italic;} div#site-header img {display:none;} div#site-header a { background-image: url(images/logo_sm_footer.png); width:300px; padding:20px 160px; background-repeat:no-repeat; background-size:300px 31px; background-position: 0,0;} span.icon {display:block; margin-top:18px;} .mob.hide {display:none;} .mob.show {display:block;} .mobile.ban.show {display:block;margin-bottom:32px;} .mobile.ban.hide {display:none; margin-bottom:30px;} .details ul {list-style:none;margin-left:0px;font-size:.9em;line-height:1.35em;font-weight:500;} .details li {padding-bottom:6px;padding-left:6px;} .details li a:link {text-decoration:none;color:#083e80;} .details li a:hover {color:#664ca8;} .details h3 {font-size:1.6rem;} .details h6, .details h3 {text-transform:uppercase;color:#a5673b;margin-bottom:9px;} .details h1, .details h2, .details h3, .details h4, .details h5, .details h6 {margin-left:0px;} .details p {margin-left:0px;} .details h6 a:link, .details h6 a:visited, .details h3 a:link, .details h3 a:visited {color:#a5673b;} .details h6 a:hover, .details h3 a:hover {color:#669;} .details div.button-container {text-align:left;margin-bottom:22px;} .details.center div.button-container {text-align:center;} .details.news div.button-container {text-align:center;margin-bottom:10px;} .details div.button-container.center{text-align:center; margin-left:0px;} .details div.fl-module-content.fl-node-content {margin-bottom:32px;} .details.lined div.fl-module-content.fl-node-content {border-bottom:2px solid #e0e0e0;} .details.lined .button.blue a {white-space:nowrap;} highlights h2 {border-bottom:2px solid transparent;} /*.search .site-content {padding: 1em;}*/ .blog .site-main {margin: 60px 22px;} /*vertical spacing exceptions for mobile */ div.fl-row-content-wrap {padding:0px 0px 0px 0px!important;} .quote_two div.fl-row-content-wrap {padding:0px 0px!important;} .quote {/*display:none;*/position: relative;} .quote div.fl-module-content {padding-bottom: 100px;} .quote .fl-callout-photo {display: none;} .quote .fl-callout-content{position:inherit;} .quote div.fl-callout-text {position: static; background: transparent url(images/calloutquote3.png) bottom right no-repeat;padding: 20px 40px 78px 40px; width: 100%;} .quote h3.fl-callout-title {width: 77%; width: calc(100% - 70px); margin-right: 40px; height: 120px;} .show.mobile {display:initial;} ul#menu-top-level-nav.menu.nav-menu {width:100%;} /*exception for blog posts */ #primary {padding-top:37px;} .single-post #primary {padding:18px;} .single-post.fl-builder #primary {padding:18px;} .single-post h5 {margin-top:18px;} .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous , .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next{width:100%;margin-bottom:18px;} nav.navigation.post-navigation {padding-right:10px;} /*div#content.site-content {margin-top:40px;}*/ .orange.centered .fl-module-content {margin:5px 30px;} .orange.centered .heading .fl-module-content {margin-top:28px;} .feat.orange {margin-top:22px;font-weight:400;} .line.right, .line.right.medium {background-image:none;} #copyright {font-size:.8em;} h1 {font-size:1.5em;} h2 {font-size:1.4em;} h3 {font-size:1.3em;} h4 {font-size:1.2em;} h5 {font-size:1.1em;} h6 {font-size:1em;} .shortcode-title {font-size:1.7em;} .orange.centered ul {color:#fff;} .orange .icon {font-size:3.4em;} nav#site-navigation.main-navigation {background-color:#00559d;margin-top:-1px;} ul.sub-menu.multicolumn {width:100%;} ul.sub-menu {margin-left:0px;} .main-navigation ul ul {padding-top: 0px;} .main-navigation a:hover {border-bottom:0px solid transparent;} .main-navigation li li a {padding-left:0em;} /*temporary hide */ div.search.space, .cta {display:none;} .footer-widgets .widget, .loginout { float: right; padding: 0 30px; width: auto; } .site-footer { display:block; background: #001a57 url(images/dcri_footerlogo.png) no-repeat 1px 12px; background-size:330px 35px; } .site-copyright .float.left, .site-copyright .float.right {float:none;width:98%;} .float.right.third {float:none;width:98%;} .site-branding { padding-top:22px;padding-left:0px; background:#001a57 url(images/1px.png) top right no-repeat; height:70px!important; border-bottom:1px solid #fff; margin-top:0px; } div.careers {position:absolute; top:125px;right:0px;width:100%;text-align:center;padding:8px;background-color:#cccccc;} .careers a {color:#000;text-decoration:none;} #primary, #content, header#masthead.site-header {background-image:none; } /* crop featured image */ div.image-shifter {height:300px;} div.image-shifter img {height:300px;object-fit:cover;} /*show and hide search */ .search.space {display:none; top:82px;right:0px;} .search.space.toggled {display:block;} .float.right {float:right;width:100%;text-align:right;margin-top:20px;} .float.right.third {text-align:left;padding-left:0px; padding-right:0px;white-space:normal;border:none;} .float.left {float:left;width:48%;} .clearboth {clear:both;} /* featured image box specs */ .featured-image-callout, .featured-image-callout-background { top:50%;padding:8px 25px;} .featured-image-callout.callout-right.wide, .featured-image-callout-background.callout-right.wide {height:280px;width:90%;padding-top:10px;padding-left:18px;} .featured-image-callout, .featured-image-callout-background {width:300px; height:280px;} .featured-image-callout h1 {font-size:1.9em;font-weight:400;} .featured-image-callout.wide h2, .featured-image-callout.wide h3 {font-weight:300;width:280px;} .featured-image-callout h2, .callout-container .featured-image-callout h2 {font-size:1.3em;line-height:1.4em;} .featured-image-callout h3 {font-size:1em;font-weight:400;} .featured-image-callout-background.callout-leftt, .featured-image-callout.callout-leftt {top:5%;left:0px; } /*.featured-image-callout, .featured-image-callout-background {top:12px;}*/ /* inline photo callout boxes */ .photo-background-image {background-color:#999;background: #757575 url(/wp-content/uploads/2016/10/purpleBlend.png) top left no-repeat;} .blue.box, .bluer.box, .orange.box, .red.box, .green.box, .purple.box {background-image:none;background-color:transparent;} .box .fl-module-content {margin:0px;}/*removed margin-bottom:22px;*/ /*layout exceptions page-by-page */ /*analytics and Data Science page */ .page-id-530 div.featured-image-callout.medium.Green.callout-leftt {font-size:.9em;} h4.hp.left.text {float: none; width: 100%;} div.hp.right.but, p.left.text {text-align:center;float:none;} .blue.bleed .fl-col-small , .red.bleed .fl-col-small, .orange.bleed .fl-col-small, .green.bleed .fl-col-small, .purple.bleed .fl-col-small {max-width:100%;} .blue.bleed, .orange.bleed, .purple.bleed, .red.bleed, .green.bleed, .purple.centered, .orange.centered, .blue.centered, .red.centered, .green.centered , .red,.purple,.green,.blue, .bluer ,.orange, .photo-background-image {margin-bottom:18px;margin-top:18px;} .box {margin-bottom:0px;} .mobile_img .fl-module-content {margin-left:0px;margin-bottom:20px} div.fl-col-group.fl-node-57dc1b424aacf {margin-bottom:0px;} div.fl-row.fl-row-full-width.fl-row-bg-none.fl-node-57fd28c395222.orange.centered {padding-top:5px;padding-bottom:18px;} /*call out exceptions */ .featured-image-callout, .featured-image-callout-background { padding:5px 25px;} .featured-image-callout.larger , .featured-image-callout-background.larger {width:270px;height:230px;font-size:.7em;padding-top:12px;} .featured-image-callout.large , .featured-image-callout-background.large {width:260px;height:210px;font-size:.7em;padding-top:12px;} .featured-image-callout.medium , .featured-image-callout-background.medium {width:260px;height:220px;font-size:.8em;padding-top:12px;} .featured-image-callout.small , .featured-image-callout-background.small {width:250px;height:180px;font-size:.8em;padding-top:3px;} .featured-image-callout.smallest , .featured-image-callout-background.smallest {width:250px;height:160px;font-size:.8em;} .button-container {text-align:center;} .button {margin:0px;} .fluff {text-align:center;font-size:1em;} /*page targeting */ /*.page-id-530 .featured-image-callout.medium , .page-id-530 .featured-image-callout-background.medium {font-size:.7em;}*/ } @media screen and (min-width: 320px) { #related-links-right { width: 100%; border: #4f65b4 solid 1px; padding: 6px 12px; margin-bottom: 10px; background-color: #dce0f0; } #related-links-bottom {width: 100%; border: #4f65b4 solid 1px; padding: 10px 20px; margin: 0px; background-color: #dce0f0; } } @media screen and (min-width: 479px) { div.dcri-people-email {float:left;} .quote {margin-bottom:-85px;} .thumbs .lcp_catlist li {clear:left;position:relative;padding-left:115px;min-height:100px;background: #fff url(/wp-content/uploads/2016/10/dcri_icon.png) no-repeat 18px 7px;} .thumbs .lcp_catlist li img {display:block;} ul, ol {margin: 0 0 1.5em 3.5em; } .site-branding { padding-top:0px;padding-left:12px;} div#site-header a {background-image:none;width:inherit;height:inherit;padding:0;} div#site-header img {display:block;width:450px; padding-top:20px;} .show.ban {display:none;} .hide.ban {display:block;} ul#menu-top-level-nav.menu.nav-menu {width:478px;} .featured-image-callout.callout-right.wide, .featured-image-callout-background.callout-right.wide {height:280px;width:70%;padding-top:12px;padding-left:18px;} .featured-image-callout, .featured-image-callout-background {width:300px; height:280px;} .featured-image-callout h1 {font-size:1.9em;font-weight:300;} .featured-image-callout.wide h2, .featured-image-callout.wide h3 {width:295px;} .featured-image-callout h2 {font-size:1.2em;} /*analytics and Data Science page */ .page-id-530 div.featured-image-callout.medium.Green.callout-leftt {font-size:.9em;} .fluff {font-size:1.5em;} } @media screen and (min-width: 640px){ .callout-container .leadin.two {font-size:1.8rem;} .search-results .page-title {padding-left: 40px;} .search-results .centercol {padding: 0px 40px 0px 40px;} .search-no-results #primary {margin-bottom:0px; padding: 30px 40px 30px 40px;} .dcri-people-widget-inline, #dcri-people-widget-gallery {margin-top:20px;} #related-links-right {float: right; width: 370px; border: #4f65b4 solid 1px; padding: 12px 22px; margin: 32px; background-color: #dce0f0; } #related-links-bottom {width: 90%; border: #4f65b4 solid 1px; padding: 12px 22px; margin: 32px; background-color: #dce0f0; } img.alignleft {margin-right:22px;} img {margin-bottom:10px;} .boxed img {margin-bottom:0px;} /*fix for custom 3 column top text space */ .main.body {padding-left:5px;padding-bottom:12px;} .gray {margin-bottom:0px;} .featured-image-callout.callout-right.wide, .featured-image-callout-background.callout-right.wide {height:280px;width:50%;padding-top:16px;padding-left:27px;} .featured-image-callout.medium , .featured-image-callout-background.medium {width:370px;height:255px;font-size:1em;padding-top:12px;} .featured-image-callout.smallest , .featured-image-callout-background.smallest {width:300px;height:200px;font-size:1em;} .red.centered {margin-top:0px;} .search.space {top:110px;} .mobile.ban.show {display:none;} .mobile.ban.hide {display:block;} .details ul {list-style:none;margin-left:0px;font-size:.9em;line-height:1.35em;font-weight:500;} .details li {padding-bottom:6px;padding-left:14px;} .details li a:link {text-decoration:none;color:#083e80;} .details li a:hover {color:#664ca8;} .details h6, .details h3 {text-transform:uppercase;color:#a5673b;margin-bottom:9px;} .details h1, .details h2, .details h3, .details h4, .details h5, .details h6 {margin-left:14px;} .details p {margin-left:14px;} .details h6 a:link, .details h6 a:visited, .details h3 a:link, .details h3 a:visited {color:#a5673b;} .details h6 a:hover {color:#669;} div.single-post-thumbnail.clear {margin-bottom:0px;} div.fl-row-content-wrap {padding:10px 0px 10px 0px!important;} .feat.orange {margin-top:0px;font-weight:200;} ul#menu-top-level-nav.menu.nav-menu {width:640px;} .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next {width:50%;} nav.navigation.post-navigation {padding-right:60px;} .orange .centered .fl-module-content {margin:20px;} h1 {font-size:2em;} h2 {font-size:2em;} h3 {font-size:1.5em;} h4 {font-size:1.3em;} h5 {font-size:1.1em;margin-bottom:6px;} h6 {font-size:1.0;margin-bottom:2px;margin-top:0px;} .shortcode-title {font-size:2em;} .blue.bar h3 {font-size:1.8rem;text-align:center;} .orange .icon {font-size:4.4em;} .page-id-4255 h2 {font-size:2.4rem;} .site-branding { position:relative; padding-top:0px;padding-left:12px; background-color: #001a57; height: 100px!important; background-image:none; border-bottom:1px solid #fff; margin-top:0px;} div#site-header img {width:590px;padding-top:30px;} div#site-header {background: transparent url(images/1px.png) no-repeat top left;padding-left:10px;} div.careers {top:155px;} /*banner exceptions for callouts */ .featured-image-callout h1 {font-size:2em;font-weight:300;} .float.right.third {float:right;width:50%;} } @media screen and (min-width: 768px) { .boxed .fl-module-callout {margin-right:24px;min-height:450px;} #dcri-people-profile {margin:0px 60px;} /*fix for non-pagebuilder pages */ section.error-404.not-found, .category .content-area {padding:50px 125px 50px 105px;} /* fix for four column text width on homepage */ .button {margin:18px 0px 0px 30px;} /*homepage exceptions*/ .search.space {top:112px;} .box .fl-module-content {margin:20px;} /*exception for blue bleed image boxes between mobile and wide */ ul#menu-top-level-nav.menu.nav-menu { width: 768px;} } @media screen and (min-width: 800px) { .mob.hide {display:block;} .mob.show {display:none;} .thirds li:last-of-type { margin-right: 0; } .thirds li:first-of-type { margin-left: 0; } .thirds li { max-width: 30%; float: left; margin: 2%; } button.menu-toggle {display:block} #primary {padding-top:0px;} .dcri-people-widget-inline, #dcri-people-widget-gallery {margin-top:0px;} .columned {width:190px;} .block {margin-bottom:42px;} .sub-menu li {padding-left:0px;} ul.sub-menu ul.sub-menu{position:absolute;top:-10px;/*top:-2em;*/} /*set all photos to go full width when using mobile .fl-module-photo .fl-module-content {margin:20px 0px;} .fl-module-photo.box .fl-module-content {margin:20px 20px;} .bleed .fl-module-photo .fl-module-content {margin:0px 0px;}*/ /* fix width of any text area on a color background so type doesn't crunch */ .purple .fl-module-rich-text .fl-module-content , .purple.bleed .fl-module-rich-text .fl-module-content {margin-left:30px;margin-right:30px;} .purple.centered .fl-module-rich-text .fl-module-content {margin-left:0px;margin-right:0px;} .quote {margin:0px 0px;} .highlights h2 {border-bottom:1px solid #ccc;padding-bottom:8px;} .details div.fl-module-content.fl-node-content {margin-bottom:0px;} .details.lined div.fl-module-content.fl-node-content {border-bottom:2px solid transparent;} .button-container {text-align:left;} .centered .button-container, .center.button-container, .middle .button-container {text-align:center;} .blue.box, .box.blue {background:transparent url(images/boxMedBlue.png) no-repeat top right; padding-top:0px;padding-right:0px;min-height:200px;} .orange.box, .orange.blue {background:transparent url(images/boxOrange.png) no-repeat top right; padding-top:0px;padding-right:0px;min-height:200px;} .red.box, .box.red {background:transparent url(images/boxRed.png) no-repeat top right; padding-top:0px;padding-right:0px;min-height:200px;} .green.box, .box.green {background:transparent url(images/boxGreen.png) no-repeat top right; padding-top:0px;padding-right:0px;min-height:200px;} .purple.box, .box.purple {background:transparent url(images/boxPurple.png) no-repeat top right; padding-top:0px;padding-right:0px;min-height:200px;} .photo-background-image.bleed .fl-col-small, .fl-row-bg-photo .fl-col-small , .full.text .fl-col-small {max-width:100%;} .blue.bleed img, .purple.bleed img, .orange.bleed img, .red.bleed img, .green.bleed img, .photo-background-image.bleed img {margin-left:20px; margin-top:20px;max-width:95%;} /*temporary hide */ .single-post-thumbnail, div.search.space, .cta, .featured-image-callout-background, .featured-image-callout {display:block;} .site-branding { height:140px!important;} div#site-header img {display:block;width:530px;} div#site-header {padding-top:43px;padding-left:16px;} .show.mobile {display:none;} .search.space {top:22px;right:12px;} /*div#content.site-content {margin-top:0px;}*/ div.careers {color:#fff;position:absolute; top:16px;right:270px;width:auto;background-color:#001a57;} .careers a {color:#fff;text-decoration:none;} .mobile_img .fl-module-content {margin-left:50px;margin-bottom:0px} .blog .site-main {margin: 78px 175px 80px 125px;} .menu-item-has-children::before { content: ''; } /* inline photo callout boxes */ .blue.box, .box.blue {background:transparent url(images/boxMedBlue.png) no-repeat top right; padding-top:12px;padding-right:19px;min-height:300px;} .orange.box, .orange.blue {background:transparent url(images/boxOrange.png) no-repeat top right; padding-top:12px;padding-right:19px;min-height:300px;} .red.box, .box.red {background:transparent url(images/boxRed.png) no-repeat top right; padding-top:12px;padding-right:19px;min-height:300px;} .green.box, .box.green {background:transparent url(images/boxGreen.png) no-repeat top right; padding-top:12px;padding-right:19px;min-height:300px;} .purple.box, .box.purple {background:transparent url(images/boxPurple.png) no-repeat top right; padding-top:12px;padding-right:19px;min-height:300px;} ul#menu-top-level-nav.menu.nav-menu {width:100%;} /*exception for blog post pages */ .single-post #primary {padding:18px 100px 18px 100px;} .single-post.fl-builder #primary {padding:18px 100px 18px 100px;} ul.sub-menu.multicolumn {width:98%;margin:0 1%;} .line.right {background:transparent url(images/line.png) no-repeat top right;} .line.right.medium {background:transparent url(images/line_med.png) no-repeat top right;} .main-navigation ul ul {padding-top: 10px;} .main-navigation a:hover {border-bottom:6px solid #bfbdbc;} .main-navigation li li a {padding-left:1em;} nav#site-navigation.main-navigation {position:inherit;} div.image-shifter {height:auto;} div.image-shifter img {height:auto;object-fit:none;} /*.site-footer {background: #001a57 url(images/logofooter6.png) no-repeat 22px 22px; height:250px;}*/ .site-disclaimer {text-align: right;padding-top:18px;}* .site-copyright .float.left, .site-copyright .float.right, .site-disclaimer {width:48%;} .site-copyright .float.left {float:left;} .site-copyright .float.right, .site-disclaimer {float:right;} .float.right {float:right;width:98%;text-align:right;margin-top:35px;} .float.right.third {float:right;width:43%;text-align:left;padding-left:18px; padding-right:10px;white-space:nowrap;border-left:1px solid #fff;} .float.left {float:left;width:48%;} .clearboth {clear:both;} .featured-image-callout, .featured-image-callout-background { top:47%;} .featured-image-callout.wide h2, .featured-image-callout.wide h3 {width:320px;} .blue.bleed, .orange.bleed, .purple.bleed, .red.bleed, .green.bleed, .purple.centered, .orange.centered, .blue.centered, .red.centered, .green.centered, .red,.purple,.green,.blue, .bluer, .orange, .photo-background-image {margin-bottom:0px;margin-top:0px;} .fluff {text-align:left;font-size:1em;} } @media screen and (min-width: 801px) { button.menu-toggle {display:none; }} @media screen and (min-width: 900px){ /*Menu for Mobile Adjustments*/ .menu-item-has-children { border-bottom:0px solid #ddd; } .quote_two div.fl-row-content-wrap {padding:40px 0px!important;} .centercol {padding-top:0px;} div.dcri-people-profile-left {margin-top:22px;} .ar .float.right {float:right;text-align:right;} .insight .shortcode-title {font-size:32px;} .insight p {font-size:22px;font-style:italic;} .quote{display:block;} div.fl-callout-text span {font-size: 2.2vw!important;} /*layout exceptions page-by-page */ /* HOMEPAGE */ h4.hp.left.text, p.left.text {float: left; width: 75%;} div.hp.right.but {width:200px;text-align:right;padding-top:12px;float:right;padding-bottom:0px;margin-right:0px;} div.hp.right.but .button {margin:18px 0px 0px 30px;} div.fl-col-group.fl-node-57dc1b424aacf {margin-bottom:0px;} .featured-image-callout.larger , .featured-image-callout-background.larger {width:440px;height:300px;font-size:.8em;padding-top:20px;} .featured-image-callout-background.larger.callout-leftt, .featured-image-callout.larger.callout-leftt {top:2%;} .featured-image-callout.large , .featured-image-callout-background.large {width:380px;height:280px;font-size:1em;} .featured-image-callout.medium , .featured-image-callout-background.medium {width:350px;height:255px;font-size:1em;padding-top:12px;} .featured-image-callout.small , .featured-image-callout-background.small {width:350px;height:225px;font-size:1em;} } @media screen and (min-width: 1024px) { .archive .centercol, .archive .page-title {padding-left:115px;padding-right:145px;} .withtable h3 {text-align:left;} #dcri-people-widget-gallery .dcri-people-widget-profile {width:31%;float:left;margin-left:1%;margin-right:1%;min-height:380px;} #dcri-people-widget-inline img {width:45%;float:left;margin-right:2%;margin-top:5px;} .dcri-people-profile-left {float:left;width:75%;} .dcri-people-profile-right {float:right;padding-top:16px;width:25%;} #dcri-people-profile img {max-width:78%;} .dcri-people-bio {margin-top: 10px;padding-right:56px;} div.dcri-people-title {margin-bottom:18px;} .full.text .box .fl-module-content {margin-top:20px;} .box {margin-right:8px;} .box.left, .left.box {margin-left:8px;margin-right:0px;} .tmp {margin-left:-120px;padding-top:28px;font-size:18px;font-style:italic;} .red.centered, .orange.centered , .green.centered , .blue.centered , .purple.centered {margin-top:5px;padding-top:0px;padding-bottom:0px;} /*set image to fill out when mobile*/ .tilt {width:40%;} .big.text {margin:0px 0px 0px 27px;text-align:left;} /*.full.text .fl-module-content {margin-top:0px;}*/ .gray {margin-bottom:0px;} .details {margin-top:0px;} div#site-header img {width:640px;} div#site-header {padding-top:33px;} span.icon {display:initial; margin-top:0px;} /*analytics and Data Science page */ .page-id-530 div.featured-image-callout.medium.Green.callout-leftt {font-size:1em;} /*.search .site-content {padding: 2em 5em;}*/ .blog .site-main {margin: 40px 275px 80px 125px;} #primary, #content, header#masthead.site-header {background-image:none;} .float.right {float:right;width:55%;margin-top:0px;} .float.right.third {padding-left:18px; padding-right:10px;white-space:nowrap;border-left:1px solid #fff;} .float.left {float:left;width:48%;} .clearboth {clear:both;} .columned {width:220px;} .search-results .centercol {padding: 0px 180px 0px 80px;} .search-no-results #primary {margin-bottom:0px; padding: 30px 180px 30px 80px;} .search-no-results main#main.site-main {margin-bottom:32px;} .search-results .page-title {padding-left: 80px; padding-top: 40px;} } @media screen and (min-width: 1218px) { div.image-shifter img {object-fit:cover;} /* fix for safari browsers on high resolution monitors */ div.dcri-people-profile-left {margin-top:60px;} div.dcri-people-profile-right {margin-top:90px;} #dcri-people-profile {margin:0px 120px;} #dcri-people-widget-gallery img {margin-bottom:18px;margin-top:0px;} div#site-header {padding-top:22px;padding-left:25px;} div#site-header img {width:740px;} /*quote box color variants */ .quote {margin-bottom:0px;} .quote div.fl-module-content {background-color:#177fc3;} .quote.db div.fl-module-content {background-color:#001A57;} .quote.g div.fl-module-content {background-color:#b1b951;} .quote.r div.fl-module-content {background-color:#dc4a38;} .quote.p div.fl-module-content {background-color:#693e71;} .quote.o div.fl-module-content {background-color:#f28521;} .quote h3.fl-callout-title {color:#fff;} .quote.o h3.fl-callout-title {color:#432408;} .quote.g h3.fl-callout-title {color:#000;} .quote h1, .quote h2, .quote h3, .quote h4, .quote h5, .quote h6 {color:#fff;} .quote.o h1, .quote.o h2, .quote.o h3, .quote.o h4, .quote.o h5, .quote.o h6 {color:#000;} .quote.g h1, .quote.g h2, .quote.g h3, .quote.g h4, .quote.g h5, .quote.g h6 {color:#000;} /*quote box turn*/ .quote.o div.fl-callout-text {background: transparent url(images/calloutquote_org.png) bottom right no-repeat; color:#562a01;} .quote.p div.fl-callout-text {background: transparent url(images/calloutquote_prp.png) bottom right no-repeat;} .quote.r div.fl-callout-text {background: transparent url(images/calloutquote_red.png) bottom right no-repeat;} .quote.g div.fl-callout-text {background: transparent url(images/calloutquote_grn.png) bottom right no-repeat; color:#000;} .quote div.fl-callout-text {background: transparent url(images/calloutquote2.png) bottom right no-repeat;} .quote.db div.fl-callout-text {background: transparent url(images/calloutquote_dblu.png) bottom right no-repeat;} /* fix width of any text area on a color background so type doesn't crunch */ .purple .fl-module-rich-text .fl-module-content {margin-left:40px;margin-right:80px;} .purple.bleed .fl-module-rich-text .fl-module-content {margin-left:80px;} .purple.centered .fl-module-rich-text .fl-module-content {margin-left:0px;margin-right:0px;} .block {background-color:#fff;border:2px solid #ccc;margin-left:auto;margin-right:auto;margin-bottom:42px;} /*exception for blue bleed image boxes between mobile and wide */ .blue.bleed img, .purple.bleed img, .orange.bleed img, .red.bleed img, .green.bleed img, .photo-background-image.bleed img {margin-left:0px; margin-top:0px;max-width:100%;} /*exception for blog post pages div.fl-callout-text span {font-size:22px!important;}*/ /*quote box adjustments */ .quote .fl-callout-photo {display:table-cell;} .quote div.fl-module-content {padding-bottom:0px;} .quote h3.fl-callout-title {width: auto; margin-right: 0px; height: auto;} div.fl-callout-text span, .quote.smaller div.fl-callout-text span {font-size:18px!important;} .quote .fl-callout-content{position:relative;} .quote div.fl-callout-text {position: absolute;top: 5px; right: -46px;padding: 20px 50px 78px 30px; width: 105%;} .quote div.fl-callout-text {top: 32px; right: -52px;} .single-post #primary {padding:18px 300px 18px 100px;} .single-post.fl-builder #primary {padding:18px 100px 18px 100px;} #primary, #content, header#masthead.site-header {background-image:none;} /*banner exceptions for callouts */ .featured-image-callout.callout-right.wide, .featured-image-callout-background.callout-right.wide { height:400px; padding-top:35px; padding-left:60px;} .featured-image-callout.callout-right.wide .featured-image-callout h2, .featured-image-callout.callout-right.wide .featured-image-callout h3 {width:500px;} .featured-image-callout h2 {line-height:1.7em;} .featured-image-callout h3 {font-size:1.4em;font-weight:350;} .featured-image-callout.callout-leftt, .featured-image-callout-background.callout-leftt {top:10%;} .fl-row-full-width.full.text {padding-left:50px;} /* featured space changes */ .featured-image-callout, .featured-image-callout-background {width:400px; height:370px;padding:20px 50px;} .featured-image-callout.callout-right.wide, .featured-image-callout-background.callout-right.wide {height:360px;width:50%;padding-top:30px;padding-left:40px;} .featured-image-callout, .featured-image-callout-background {width:400px; height:370px;} .featured-image-callout h1 {font-size:2.7em;font-weight:300;} .featured-image-callout.wide h2, .featured-image-callout.wide h3 {width:420px;margin-left:22px;} .featured-image-callout h2 {font-size:1.6em;line-height:1.4em;} .featured-image-callout h3 {font-size:1.3em;line-height:1.65em;} .featured-image-callout.callout-leftt, .featured-image-callout-background.callout-leftt {top:10%;left:0px; } .featured-image-callout.larger , .featured-image-callout-background.larger {width:520px;height:440px;font-size:1em;padding-top:20px;} .featured-image-callout-background.larger.callout-leftt, .featured-image-callout.larger.callout-leftt {top:5%;} .featured-image-callout.large , .featured-image-callout-background.large {width:480px;height:410px;} .featured-image-callout.medium , .featured-image-callout-background.medium {width:450px;height:405px;font-size:1em;} .featured-image-callout.small , .featured-image-callout-background.small {width:450px;height:305px;padding-top:12px;} .featured-image-callout.smallest , .featured-image-callout-background.smallest {width:450px;height:255px;} /* custom page by page for turn heights */ .page-id-530 .featured-image-callout.large , .page-id-530 .featured-image-callout-background.large {height:340px;} } @media screen and (min-width: 1320px) { .callout-container .leadin.two {font-size:2.4rem;} h5.haha {font-size:3.8em;} .box {margin-right:0px;} .box.left {margin-left:0px;} .columned {width:250px;} div.fl-callout-text span {font-size:22px!important;} .quote.smaller div.fl-callout-text span {font-size:18px!important;} .fl-row-full-width.full.text {padding-left:100px;} #primary, #content, header#masthead.site-header {background-image:none;} /*call out exceptions */ /*about page */ } .corner {display:none;} /* */ /*beaver builder css changes */ div.fl-col-content.fl-node-content {background-color:transparent;} div.image-shifter {margin-bottom:-6px;} /*design exceptions */ .icon.fa {font-size:3.4em;font-weight:300;} .button.video {background:#fff url(images/videoButton7.png) no-repeat top left; border:none;padding-left:38px; } .button.video a:link {color:#2e569b!important;} .video .featured-image-button {text-transform:uppercase;border:3px solid red;background:#fff url(images/videoButton4.png) no-repeat top left; border:none;padding-left:48px;padding-right:18px;color:#369;margin-left:32px;} .video .featured-image-button:hover {border: solid #369 0px;color:#669ac4;background-image:url(images/videoButton4v2.png);} /*general block definition*/ /* examples: block -- just gives a simple left aligned black and white with border implementation */ /* example: centered block - anything put into columns will center white background black type bordered */ /* example: centered block purple - same as above, but now inverted type and purple background */ .centered img { float: right; position: relative; left: -42%; /* or right 50% */ text-align: left; margin-bottom:18px; } /* correction for photographic content ADD "photo" class to containing column when putting into color block */ div.photo img {filter: invert(0);-webkit-filter: invert(0);float:none!important;left:0!important;} .centered h1, .centered h2, .centered h3, .centered h4, .centered p {text-align:center;} /*block color */ /* all definitions */ .invert, .invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6 {color:#fff;} .purple img, .orange img, .blue img { } /*-webkit-filter: invert(1); filter: invert(1); filter:xray; */ .red.bleed .fl-row-content-wrap, .purple.bleed .fl-row-content-wrap, .orange.bleed .fl-row-content-wrap, .blue.bleed .fl-row-content-wrap, .bluer.bleed .fl-row-content-wrap, .bleed .fl-row-content-wrap, .green.bleed .fl-row-content-wrap {padding:0px;} .red.bleed .fl-row-fixed-width, .purple.bleed .fl-row-fixed-width,.orange.bleed .fl-row-fixed-width, .blue.bleed .fl-row-fixed-width, .bluer.bleed .fl-row-fixed-width, .green.bleed .fl-row-fixed-width {max-width:inherit;} /* photo background */ #photo1 {background-image:url(images/photo1.png);background-repeat:no-repeat;background-position:top left;background-size:100%;} #photo2 {background-image:url(images/photo2.png);background-repeat:no-repeat;background-position:top left;background-size:100%;} #photo3 {background-image:url(images/photo3.png);background-repeat:no-repeat;background-position:top left;background-size:100%;} .fl-row-bg-photo#dna_right div.fl-row-content-wrap {background-image: url(images/right_dna.png);background-repeat:no-repeat;background-position:top right;} .fl-row-bg-photo#dna_left div.fl-row-content-wrap {background-image: url(images/left_dna.png);background-repeat:no-repeat;background-position:top left;} .fl-row-bg-photo#computer_left div.fl-row-content-wrap {background-image: url(images/left_computer.png);background-repeat:no-repeat;background-position:top left;} .fl-row-bg-photo#gen_right div.fl-row-content-wrap {background-image: url(images/right_gen.png);background-repeat:no-repeat;background-position:top right;} .fl-row-bg-photo#gen_left div.fl-row-content-wrap {background-image: url(images/left_gen.png);background-repeat:no-repeat;background-position:top left;} .fl-row-bg-photo#people1_left div.fl-row-content-wrap {background-image: url(images/left_people1.png);background-repeat:no-repeat;background-position:top left;background-size:100%;} .fl-row-bg-photo#left_petre div.fl-row-content-wrap {background-image: url(images/left_petre.png);background-repeat:no-repeat;background-position:top left;background-size:100%;} .fl-row-bg-photo#people1_right div.fl-row-content-wrap {background-image: url(images/right_people1.png);background-repeat:no-repeat;background-position:top right;background-size:100%;} .fl-row-bg-photo#people2_right div.fl-row-content-wrap {background-image: url(images/right_people2.png);background-repeat:no-repeat;background-position:top right;background-size:100%;} .fl-row-bg-photo#people3_right div.fl-row-content-wrap {background-image: url(images/right_people3b.png);background-repeat:no-repeat;background-position:top right;background-size:100%;} .fl-row-bg-photo#right_hands div.fl-row-content-wrap {background-image: url(images/right_hands2.png);background-repeat:no-repeat;background-position:top right;background-size:100%;} .fl-row-bg-photo#right_pen div.fl-row-content-wrap {background-image: url(images/right_pen.png);background-repeat:no-repeat;background-position:top right;background-size:100%;} .photo-background-image a:link, .photo-background-image a:visited {color:#fff;border-bottom:1px dashed #fff;} /* purple */ /* Brand Duke Purple */ .purple {background-color:#693e71; border:none; margin-top:0px;} .purple h1, .purple h2, .purple h3, .purple h4, .purple h5, .purple h6, .purple p, .purple .fa, .purple ol, .purple ul {color:#fff;} .purple a:link, .purple a:visited {color:#fff;border-bottom:1px dashed #fff;} .invert .button.video a:link, .invert .button.video a:visited {color:#03569d;} /* blend for image attached to row background */ .fl-row-bg-photo.purple div.fl-row-content-wrap {background-color: #693e71; background-blend-mode: multiply;} .fl-module.purple {padding:12px 20px;} .boxed .fl-module.purple {padding:0px 0px;} .fl-row-bg-photo#dna_right.purple div.fl-row-content-wrap, .fl-row-bg-photo#dna_left.purple div.fl-row-content-wrap {background-color: #693e71; background-blend-mode: normal;} .fl-row-bg-photo#gen_right.purple div.fl-row-content-wrap, .fl-row-bg-photo#gen_left.purple div.fl-row-content-wrap {background-color: #693e71; background-blend-mode: normal;} .fl-row-bg-photo#people1_left.purple div.fl-row-content-wrap, .fl-row-bg-photo#people1_right.purple div.fl-row-content-wrap {background-color: #693e71; background-blend-mode: normal;} .fl-row-bg-photo#right_pen.purple div.fl-row-content-wrap, .fl-row-bg-photo#right_pen.purple div.fl-row-content-wrap {background-color: #693e71; background-blend-mode: normal;} /* orange */ /*Off Brand orange for legibility reasons*/ /*Duke Orange is #f28521 */ .orange {background-color:#f28521;border:none;margin-top:0px;} .orange h1, .orange h2, .orange h3, .orange h4, .orange h5, .orange h6, .orange p, .orange .fa , .orange a:link, .orange a:visited, .orange ul li , .red p {color:#000;} .orange a:link, .orange a:visited {border-bottom:1px dashed #fff;} /* blend for image attached to row background */ .fl-row-bg-photo.orange div.fl-row-content-wrap {background-color: #f28521; background-blend-mode: multiply;} .fl-row-bg-photo#dna_right.orange div.fl-row-content-wrap, .fl-row-bg-photo#dna_left.orange div.fl-row-content-wrap {background-color: #f28521; background-blend-mode: normal;} .fl-row-bg-photo#gen_right.orange div.fl-row-content-wrap, .fl-row-bg-photo#gen_left.orange div.fl-row-content-wrap {background-color: #f28521; background-blend-mode: normal;} .fl-row-bg-photo#people1_left.orange div.fl-row-content-wrap, .fl-row-bg-photo#people1_right.orange div.fl-row-content-wrap {background-color: #f28521; background-blend-mode: normal;} .fl-row-bg-photo#left_petre.orange div.fl-row-content-wrap, .fl-row-bg-photo#left_petre.orange div.fl-row-content-wrap {background-color: #f28521; background-blend-mode: normal;} /*green */ /*brand green*/ .green {background-color:#b1b951;border:none;margin-top:0px;} .green h1, .green h2, .green h3, .green h4, .green h5, .green h6, .green p, .green .fa , .green a:link, .green a:visited {color:#212309;} .green a:link, .green a:visited {border-bottom:1px dashed #fff;} /* blend for image attached to row background */ .fl-row-bg-photo.green div.fl-row-content-wrap {background-color: #b1b951; background-blend-mode: multiply;} .fl-row-bg-photo#dna_right.green div.fl-row-content-wrap, .fl-row-bg-photo#dna_left.green div.fl-row-content-wrap {background-color: #b1b951; background-blend-mode: normal;} .fl-row-bg-photo#gen_right.green div.fl-row-content-wrap, .fl-row-bg-photo#gen_left.green div.fl-row-content-wrap {background-color: #b1b951; background-blend-mode: normal;} .fl-row-bg-photo#people1_left.green div.fl-row-content-wrap, .fl-row-bg-photo#people1_right.green div.fl-row-content-wrap {background-color: #b1b951; background-blend-mode: normal;} /* blue */ /*Brand color Duke Medicine blue*/ .blue {background-color:#00569d;border:none;margin-top:0px;} .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .blue p, .blue .fa, .blue a:link, .blue a:visited, .blue li {color:#fff;} .blight {background-color:#dfe5ef;} /* blend for image attached to row background */ .blue a:link, .blue a:visited {border-bottom:1px dashed #fff;} .fl-row-bg-photo.blue div.fl-row-content-wrap {background-color: #00569d; background-blend-mode: multiply;} .fl-row-bg-photo#dna_right.blue div.fl-row-content-wrap , .fl-row-bg-photo#dna_left.blue div.fl-row-content-wrap{background-color: #00569d; background-blend-mode: normal;} .fl-row-bg-photo#dna_right.blue div.fl-row-content-wrap , .fl-row-bg-photo#computer_left.blue div.fl-row-content-wrap{background-color: #00569d; background-blend-mode: normal;} .fl-row-bg-photo#gen_right.blue div.fl-row-content-wrap, .fl-row-bg-photo#gen_left.blue div.fl-row-content-wrap {background-color: #00569d; background-blend-mode: normal!important;} .fl-row-bg-photo#people1_left.blue div.fl-row-content-wrap, .fl-row-bg-photo#people1_right.blue div.fl-row-content-wrap {background-color: #00569d; background-blend-mode: normal!important;} .fl-row-bg-photo#people2_right.blue div.fl-row-content-wrap, .fl-row-bg-photo#people3_right.blue div.fl-row-content-wrap {background-color: #00569d; background-blend-mode: normal!important;} /* red */ /* Brand Duke Red */ .red {background-color:#dc4a38;border:none;margin-top:0px;} /* .red h1, .red h2, .red h3, .red h4, .red h5, .red h6, .red p, .red .fa, .red a:link, .red a:visited, .red li,*/ .bluer h1, .bluer h2, .bluer h3, .bluer h4, .bluer h5, .bluer h6, .bluer p, .bluer .fa, .bluer a:link, .bluer a:visited, .bluer li {color:#fff;} .blight {background-color:#dfe5ef;} /* blend for image attached to row background */ .red a:link, .red a:visited {border-bottom:1px dashed #fff;color:#000;} .fl-row-bg-photo.red div.fl-row-content-wrap {background-color: #dc4a38; background-blend-mode: multiply;} .fl-row-bg-photo#dna_right.red div.fl-row-content-wrap, .fl-row-bg-photo#dna_left.red div.fl-row-content-wrap {background-color: #dc4a38; background-blend-mode: normal;} .fl-row-bg-photo#gen_right.red div.fl-row-content-wrap, .fl-row-bg-photo#gen_left.red div.fl-row-content-wrap {background-color: #dc4a38; background-blend-mode: normal;} .fl-row-bg-photo#people1_left.red div.fl-row-content-wrap, .fl-row-bg-photo#people1_right.red div.fl-row-content-wrap {background-color: #dc4a38; background-blend-mode: normal;} .fl-row-bg-photo#people1_left.red div.fl-row-content-wrap, .fl-row-bg-photo#right_hands.red div.fl-row-content-wrap {background-color: #dc4a38; background-blend-mode: normal;} .fl-row-bg-photo#people1_left.red div.fl-row-content-wrap, .fl-row-bg-photo#right_pen.red div.fl-row-content-wrap {background-color: #dc4a38; background-blend-mode: normal;} /* gray */ /* Not Duke Gray */ .gray {background-color: #e9e9e9;border:none;margin-top:0px;} .gray div.fl-row-content.fl-row-fixed-width.fl-node-content {padding-bottom:18px;} /*experimenting with light feature image background */ div.single-post-thumbnail {position:relative;overflow:hidden;} div.repeat.callout-right {background-color:white;opacity:0.6;width:44px;height:1200px;position:absolute;top:0px;right:0px;z-index:10;} div.repeat.callout-leftt {background-color:white;opacity:0.6;width:44px;height:1200px;position:absolute;top:0px;left:0px;z-index:10;} div.repeat.callout-bottom {display:none;} .callout-bottom ul {list-style:none;} /*soliloquy modifications */ .soliloquy-theme-classic .soliloquy-prev , .soliloquy-container .soliloquy-prev { background:transparent url(images/arrowleft.png) no-repeat top left!important; width:19px; height:32px!important; margin-left:-30px;} .soliloquy-container .soliloquy-item, .soliloquy-container .soliloquy-wrapper {position:initial!important;} .soliloquy-theme-classic .soliloquy-next , .soliloquy-container .soliloquy-next { background:transparent url(images/arrowright.png) no-repeat top left!important; width:19px!important; height:32px!important; margin-right:-30px;} a.soliloquy-prev.disabled, a.soliloquy-next.disabled { display: none; } .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {background-color:#fff!important;color:#414042!important;font-style:italic;text-shadow:none!important;} .soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {color:#b75d24;font-size:1.1em;font-weight:700;font-style:normal;margin-bottom:6px;} .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom {position:relative;bottom:-20px!important;} .soliloquy-container .soliloquy-pager {position:relative;bottom:-30px!important;} div.soliloquy-controls-direction {display:block!important;} .soliloquy-container .soliloquy-pager-link.active, .soliloquy-container .soliloquy-pager-link:hover {background-image:url(images/dot_solid.png)!important;} .soliloquy-container .soliloquy-pager-link {background-image:url(images/dot_light.png)!important;} /*exceptions for IE 10+ */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .featured-image-callout h1 {font-size:3.1em;font-weight:400;} .search-box .search-field {padding-top:3px;padding-bottom:6.5px;} h1, h2 {font-weight:400;} .soliloquy-container .soliloquy-pager {height:300px;padding-top:52px;} .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {padding:0px;} .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom {bottom:500px;margin-top:-22px;} } .box.left , .left.box { transform: translatey(0%); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} .box.left img, .left.box img { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} /* adjustments for images */ .blue.box img, .box.blue omg, .purple.box img, .box.purple img, .orange.box img, .box.orange img, .red.box img, .box.red img, .green.box img, .box.green img {filter:none;-webkit-filter: none;float:right;} .blue.box .fl-photo-align-center, .purple.box .fl-photo-align-center, .orange.box .fl-photo-align-center, .red.box .fl-photo-align-center, .green.box .fl-photo-align-center {text-align:right;} /*custom fonts test */ .icon {font-size:4.5em;color:#369;} .orange .icon, .blue .icon, .purple .icon, .red .icon , .green .icon, .bluer .icon {color:#fff;} .centered .widget {text-align:center;} @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?fkbr34'); src: url('fonts/icomoon.eot?fkbr34#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?fkbr34') format('truetype'), url('fonts/icomoon.woff?fkbr34') format('woff'), url('fonts/icomoon.svg?fkbr34#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-academic:before { content: "\e900"; } .icon-clinical_practice:before { content: "\e901"; } .icon-clinical_research:before { content: "\e902"; } .icon-collaboration:before { content: "\e903"; } .icon-data_publications:before { content: "\e904"; } .icon-digital_services:before { content: "\e905"; } .icon-education_platform:before { content: "\e906"; } .icon-first_in_study:before { content: "\e907"; } .icon-learning_lab:before { content: "\e909"; } .icon-life_medicine:before { content: "\e90a"; } .icon-novel_outcomes:before { content: "\e90b"; } .icon-patients:before { content: "\e90c"; } .icon-people:before { content: "\e90d"; } .icon-pharmacometrics:before { content: "\e90e"; } .icon-study_design:before { content: "\e90f"; } .icon-thought_leadership:before { content: "\e910"; } .icon-world_health:before { content: "\e911"; } .quote_one {font-size:1.2em;margin:28px 0px;} .border_right {border-right:1px solid #000;padding-left:18px;} .padded {padding:18px;} /*quote box color variants */ /* general styles for layout elements */ .border {border-right:1px solid #ccc;} .read {text-align:right;padding-right:100px;text-transform:uppercase;font-weight:500;} .read a:link {color:#a75a30;text-decoration:none;} .head_line {padding-bottom:8px;margin-bottom:18px;border-bottom:1px solid #ccc;} .small p {font-size:.9em;} /*adjustments for catagory list post */ .lcp_catlist li {margin-bottom:12px;margin-left:0px;} .thumbs .thumbnail { height:135px; float:left; padding:12px; position:absolute; top:0;left:0; margin-top:-6px; clip: rect(0px,95px,95px,0px); } ul.lcp_catlist {list-style:none;margin:0px;} a.post_title {font-weight:600;display:block;} a.post_title2 {font-weight:500;display:block;font-size:1.4em;} .excerpt {font-size:.9em;} @media screen and (min-width: 640px) and (max-width:800px){ div.bio {margin-right:5%; width:46%;} div.bio:nth-of-type(2n+1){margin-right:8%;} div.bio:nth-of-type(2n){margin-right:0%;} } @media screen and (min-width: 800px) and (max-width:1000px){ div.bio, div.bio3 {margin-right:5%; width:30%;} div.bio:nth-of-type(3n), div.bio3:nth-of-type(3n){margin-right:0%;} } /************************ ** Animate for People pages ************************/ .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } div.bio, .bio3 {float:left;text-align:center;box-shadow: 0 0px 5px 0px rgba(0,0,0,0.075);border-radius: 5px;padding-top: 15px; width:100%; margin-bottom:60px;} .bio img, .bio3 img{max-height:228px;} p.bio, p.bio3 {font-size:.8em;color:#333;} .bio h3.name, .bio3 h3.name{ padding: 0 0 15px 0; margin-bottom: 0 !important; border-bottom: solid 4px #999; height: 60px; } .bio.sheets h3{border-bottom: solid 0px #111;} .bio.md h3.name, .bio3.md h3.name{border-color:#3666b8;} .bio h3.name a{text-decoration:none;color:#00539B;} .bio .department, .bio3 .department{ height: 120px; padding: 15px 15px 20px; background: #fafafa; border: solid 1px #f0f0f0; line-height: 1.2; margin-bottom: 0px } @media screen and (min-width: 640px) and (max-width:800px){ div.bio {margin-right:5%; width:46%;} div.bio:nth-of-type(2n+1){margin-right:8%;} div.bio:nth-of-type(2n){margin-right:0%;} } @media screen and (min-width: 800px) and (max-width:1000px){ div.bio, div.bio3 {margin-right:5%; width:30%;} div.bio:nth-of-type(3n), div.bio3:nth-of-type(3n){margin-right:0%;} } @media screen and (min-width: 800px){ div.bio3 {margin-right:5%; width:30%;} div.bio3:nth-of-type(3n){margin-right:0%;} } @media screen and (min-width: 1000px){ div.bio {margin-right:4%; width:21%;} div.bio:nth-of-type(4n+1){clear:both;} } .fl-col-small {max-width:95%;} .float.left.social {width:30px;margin-bottom:32px;height:12px;margin-right:13px;} .float.left.social#twit {width:31px;} .float.left.social#stub {width:28px;} /*IE 10+ browser exceptions */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ body {font-size:1.4em;} .featured-image-callout-background.Blue {background-image: url(images/calloutRight_bt.png);} .featured-image-callout-background.Red {background-image: url(images/calloutRight_rt.png);} .featured-image-callout-background.Orange {background-image: url(images/calloutRight_ot.png);} .featured-image-callout-background.Green {background-image: url(images/calloutRight_gt.png); } .featured-image-callout-background.Purple {background-image: url(images/calloutRight_pt.png); } } /* end IE10+ exceptions */ .heads h3 {margin-top:22px;} .half div.fl-row-content-wrap {padding-top:0px!important;} .float.left.dm {width:300px;height:45px;background-color:transparent;float:left;} .float.left.dm a:link {padding: 18px 150px;color:transparent;} .wp-caption-text {font-size:.9em;} .type-post h1.entry-title { display: block; } .single-post .site-main {margin-top:0px;} nav.navigation.paging-navigation { width:200px;margin-top:-40px;}/*position:absolute;*/ .button.orange.invert a:link, .button.orange.invert a:visited {color:#fff;} .button.orange a:link, .button.orange a:visited {color:#c76327;} /*cover amendments*/ .cover .lcp_catlist {color:#555!important;font-size:14px;} .cover .post_title {margin-bottom:8px;font-size:1.4em;text-transform:capitalize!important;color:#5f3e6f!important;line-height:1.4em;font-weight:600;} .cover .post_title:hover {color:#806c89!important;} .org.icons {font-weight:600;margin-top:0px;font-size:1.2em;} .org.icons a:link {border-bottom:1px dashed #f4e8df;} .org.icons a:hover {color:#f4e8df;border-bottom:1px dashed #f4e8df;} .none p {margin-bottom:0px;} /*table setup*/ .data.table {width:100%;} .data.table td.column.one {width:30%;} .data.table td.column.two {width:30%;} .data.table td.column.three {width:40%;} .data.table , .data.table td {border:1px solid #ccc;} .data.table td, .data.table th {padding:12px;} .data.table tbody th {font-weight: normal;} .data.table tr:nth-child(odd){ background: #b8d1f3; } .data.table thead tr {background-color:#264787!important;color:#fff;} /*responsive table */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #6e9ac0; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50%; } /* exception for think tanks */ .withtable td {padding-left:0px;border-bottom:0px solid transparent;} .withtable figure {margin:0px auto;} .withtable tr {border:0px solid transparent;} .withtable h3 {text-align:center;} td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } .button a:link, .button a:visited, .cta button a:link, .cta button a:visited {border-bottom:1px solid transparent;} .button.invert a, .button.invert a:visited {border-bottom:1px solid transparent;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {box-shadow:none;} .media-sidebar .compat-item .field ul, .media-sidebar .compat-item .field ol {margin:0px;} .media-sidebar .compat-item .field ul.children {margin-left:22px;} .media-sidebar .compat-item .field {width: 80%;} .details.aha div.button-container, .details.aha .button.orange {margin:0px;} .aha .clearboth {height:0px;} a.dashed {border-bottom: 1px dashed #fff;} h6.small.name {text-transform:uppercase;} /******************************* ** Pub Search *******************************/ #dcri-pub-widget {margin: 1em 0em;} .dcri-pub-desc { display: none; } .dcri-pub-search-result {margin: 1em .5em;} .dcri-pub-search-result:last-of-type {margin-bottom: .5em;} .dcri-pub-widget-title {font-size: 1.6em;} .dcri-pub-widget-showmore button {border:none;color:#c76327;margin:0px 0px 1em;} .dcri-pub-search-fieldset{margin: 1em 0em;} .dcri-pub-search-fieldset label {color: #c76327; font-size: 1.2em; text-transform: uppercase; margin: .25em .25em .25em 0;min-width: 210px;display: inline-block;} .dcri-pub-search-fieldset input[type="text"] {height: 2em; padding: 5px; font-size: 1.2em;} .dcri-pub-radio-fieldset{margin: -.5em 0em 1em;} .dcri-pub-radio-fieldset label{color: #444; font-size: 14px; min-width:initial;margin-bottom:.25em;text-transform:none;} .radio-field {white-space: nowrap;} /*Tooltip handling*/ .tooltip{display: inline;position: relative;} .tooltip:hover:after,.tooltip:focus:after{background: #333; background: rgba(0,0,0,.8); border-radius: 5px; top: 34px; color: #fff; content: attr(more); left: 0%; padding: 5px 15px; position: absolute; z-index: 98; width:320px;font-size:14px;text-transform:none;} .tooltip:hover:before,.tooltip:focus:before{border: solid; border-color: #333 transparent; border-width: 0 8px 8px 8px; top: 26px; content: ""; left: 37%; position: absolute; z-index: 99;} .dcri-pub-search-fieldset .fa { color: #A5A5A4; } #dcri-pub-reset-bttn { display: none; } /* #fancybox-content{ overflow: scroll !important; -webkit-overflow-scrolling: touch !important; } */ /********************************** ** Mobile Menu Stuff **********************************/ @media screen and (max-width:800px) { .menu-item-has-children::after, .menu-item-has-children.closed:hover::after{ font-family:FontAwesome; content: '\f054'; position: absolute; right: 0px; top: 0px; padding: 20px; color: #fff; font-size: 1.3em; } .menu-item-has-children.opened::after, .menu-item-has-children:hover::after{content:'\f078';} .main-navigation .sub-menu {display: none;} .main-navigation, .menu-item-has-children{cursor:pointer;} .menu-top-level-nav-container { width: 100%; } .main-navigation li li li a { padding-left: 2em; } } .main-navigation li.closed:hover > a {background: transparent; border-bottom: none;} .menu-item-has-children.closed ul.sub-menu{display:none !important;} .visible{display:block !important;} /* DCRI Heart Month page */ .page-id-8659 .featured-image-callout-background {mix-blend-mode:screen;} .home .soliloquy-container {margin-bottom:0px!important;} /*div.soliloquy-outer-container {margin-bottom:70px;}*/ /*508 style changes */ p.lead {font-size:1.2em;} #highlights.details h4, #highlights.details h3 li  { text-transform:uppercase; color:#a5673b; margin-bottom:9px; text-align: right; font-size:1em; font-weight:600; } .purple.centered.rev h3, .red.centered.rev h3 {font-weigh:600;font-size:1.3em;} .purple.centered.rev h4, .red.centered.rev h4 {font-size:1.2em;} .leadin {font-size:2rem;}p.left.text.leadin {text-align:left;} .leadin.two {font-size:2.4rem;} div#soliloquy-container-dcri_people_soliloquy.soliloquy-container.soliloquy-transition-fade.soliloquy-fade.soliloquy-controls-active.soliloquy-arrows-active.soliloquy-dynamic-slider.soliloquy-theme-base {max-height:none!important;} .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {padding-top:0px!important;} .soliloquy-container .soliloquy-next {right:0px!important;top:40%!important;} .soliloquy-container .soliloquy-prev {left:0px!important;top:40%!important;} /*global heading exceptions for context */ #small_head h2 {font-size: 2.1rem;font-weight:600;text-transform: uppercase;} #smaller_head h3 {font-size:1.8rem;font-weight:600;} .ops h3 {margin-bottom:0px;} .page-title-gray h2 {font-size:2.4rem;line-height:3.5rem;} .page-title-gray h3 {font-size:2rem;} .callout-container h2 {font-size:2.4rem;font-weight:500;} .big.list li {font-size:1.8rem;} .blog #main.site-main { width: auto; } .bluer {background-color:#357dc2; border:none;margin-top:0px;} .boxes.tall .blue, .boxes.tall .orange, .boxes.tall .green, .boxes.tall .red, .boxes.tall .purple, .boxes.tall .bluer {min-height:380px;height:100%;margin-right:32px;min-height:450px;} .boxes.wide .blue, .boxes.wide .orange, .boxes.wide .green, .boxes.wide .red, .boxes.wide .purple, .boxes.wide .bluer {min-height:380px;height:100%;min-height:450px;} .boxes .blue, .boxes .orange, .boxes .green, .boxes .red, .boxes .purple {margin-right:32px;min-height:380px;} .boxes.tall .blue, .boxes.tall .orange, .boxes.tall .green, .boxes.tall .red , .boxes.tall .purple {margin-right:32px;min-height:450px;} .boxes .button-container {text-align:center;margin-top:32px;} .boxes button {margin:0px auto;} .boxes .button {margin-left:0px;} /*end heading exceptions */ /*annual report */ .blue.bar h3 {font-size:1.8rem;} #photo1 .fl-module-content, #photo2 .fl-module-content , #photo3 .fl-module-content {margin-top:135px;} .boxed .fl-callout-text-wrap {padding: 0px 32px;} .boxed .fl-callout-title {padding: 0px 32px 18px 32px;margin-top:32px;} .boxed .fl-callout-left, .boxed .button-container {text-align:center;} .boxed .button {margin-left:0px;} .boxed .fl-module-content {margin:0px;padding-bottom:32px;} .boxed .poster h3.fl-callout-title {display:none;} .boxed .poster .fl-module-content {padding-bottom:0px;} .boxed .poster .fl-callout-photo-above-title .fl-photo, .boxed .fl-callout-photo-above-title .fl-photo {margin-bottom:0px;} .boxed .poster img {margin-bottom:0px;} .boxed .poster {position:relative;} .boxed .poster h2, .boxed .poster h3, .boxed .poster h4, .boxed .poster h5 {margin-bottom:0px;} .boxed .poster .fl-callout-text-wrap {position:absolute;width:100%;top:0px;left:0px;padding:32px 18px;} .boxed .poster.invert, .boxed .poster.invert .fl-callout-text h1, .boxed .poster.invert .fl-callout-text h2, .boxed .poster.invert h3, .boxed .poster.invert h4, .boxed .poster.invert h5 {color:#fff;} .boxed .poster h2 {font-size:4.6rem;} .boxed .poster h3 {font-size:3.2rem;} .boxed .poster h3 strong, .boxed .poster h4 strong {font-weight:600!important;} .boxed .poster h4 {font-size:2.8rem;} .boxed .poster .button {border:2px solid black;} .boxed .poster .button a {color:#000;} .boxed .button:hover, .boxed .poster .button:hover, .boxed .purple .button:hover {border:2px solid #8db2dd;} .boxed .button a:hover, .boxed .poster .button a:hover, .boxed .purple .button a:hover {color:#8db2dd;} .boxed .invert .button, .boxed .purple .button {border:2px solid white;} .boxed .invert .button a , .boxed .purple .button a {color:#fff;}