/* Theme Name: Theme for ICTR Description: A lightweight and responsive WordPress theme. Author: Modified by UdotOrg Author URI: http://slocumstudio.com Version:99.2 License: GPL2+ License URI: http://www.gnu.org/licenses/gpl.html Tags: responsive Adapted from the Minimize WordPress theme, Copyright (C) 2013 Slocum Studio Minimize WordPress theme is licensed under the GPL. @see attribution.txt for more license information. */ /**** Change log - 2014 01. March 4 added styles to fix wrapping and alignment of prev/next event calendar footing 02. June 20. redirected ie8 style for UberMenu and sidebar responsiveness 03. June 21. added IE7 hacks 05. q-and-a plus plugin 2015 06. q-and-a plus -hide category 07. ie 10/11 - header issues - Dec 7, 2015 08. Hyperlink cues - Jan 2016 - for LizM resource pages 2016 Added Events calender ol li none removed tooltip from events calendar - 12/2016 2018 contact form 7 - rows on checkboxes ****/ /** * CSS Reset - http://meyerweb.com/eric/tools/css/reset/ * License: None (public domain) * Copyright: Eric Meyer, http://meyerweb.com/eric/ * * We've used Eric Meyer's reset as a base and modified it a bit to suit our needs. */ /*=====================*/ /*=== Regular (300) ===*/ /*=====================*/ @font-face { font-family: 'titling-gothic'; src: url('https://ictr.johnshopkins.edu/wp-content/uploads/Titling-Gothic-Regular.eot'); src: url('https://ictr.johnshopkins.edu/wp-content/uploads/Titling-Gothic-Regular.eot?#iefix') format('embedded-opentype'), url('https://ictr.johnshopkins.edu/wp-content/uploads/Titling-Gothic-Regular.woff') format('woff'), url('https://ictr.johnshopkins.edu/wp-content/uploads/Titling-Gothic-Regular.ttf') format('truetype'), url('https://ictr.johnshopkins.edu/wp-content/uploads/Titling-Gothic-Regular.svg#titlinggothicregular') format('svg'); font-weight: 300; font-style: normal; } /*==================*/ /*=== Book (400) ===*/ /*==================*/ @font-face { font-family: 'gentona'; src: url('https://ictr.johnshopkins.edu/wp-content/uploads/Gentona-Book.eot'); src: url('https://ictr.johnshopkins.edu/wp-content/uploads/Gentona-Book.eot?#iefix') format('embedded-opentype'), url('https://ictr.johnshopkins.edu/wp-content/uploads/Gentona-Book.woff') format('woff'), url('https://ictr.johnshopkins.edu/wp-content/uploads/Gentona-Book.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'gentona'; src: url('https://ictr.johnshopkins.edu/wp-content/uploads/Gentona-BookItalic.eot'); src: url('https://ictr.johnshopkins.edu/wp-content/uploads/Gentona-BookItalic.eot?#iefix') format('embedded-opentype'), url('https://ictr.johnshopkins.edu/wp-content/uploads/Gentona-BookItalic.woff') format('woff'), url('https://ictr.johnshopkins.edu/wp-content/uploads/Gentona-BookItalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } article.content ul { margin-left: 20px !important; } .contact-aside {padding:8px; } /* New tables for excerpts */ article.content table.excerpt { border-width: 0px !important; border-spacing: 10px !important; border-style: none !important; border-color: white !important; border-collapse: separate !important; background-color: white !important; } table.excerpt th { border-width: 1px !important; padding: 5px !important; border-style: solid !important; border-color: #f2f2f2 !important; background-color: white !important; } table.excerpt td { vertical-align: top !important; border-width: 0px !important; padding: 10px !important; border-style: none !important; border-color: #ffffff !important; background-color: white !important; } /* ***** 8. Hyperlink Cues and Liz - removed April 2020 ***** */ .bigger-menu {font-size: 16px;}/* For Liz New menu 2-5-2016 MDiaz */ /* ***** 1. Custom styles ***** */ /** contact form 7 rows **/ span.wpcf7-list-item { display: block !important; } /* Feb 14 2018 */ /** 07 **/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ } /* end fix 07 */ /***** A few ie quirk fixes *****/ .iefix { /* IE hack */ background-color:#ffffff\9; /* Targets IE only */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(); } .post-3500 { *margin-top: -20px !important; } /* the slider on home page */ /*** July 2018 ***/ .widget_taxonomy_list_widget { text-align: center; padding: 20px; background: #f2f2f2; border-top: 4px solid #102c79; border-bottom: 4px solid #102c79; } /***** q-and-a-plus *****/ .faq-catname { display:none !important; } .qa_cats {display: none !important; } /* 06. */ section#primary-sidebar-jc_section_menu_widget-2 {padding-left:10px !important; } section#primary-sidebar-widget_crp-4 {padding-left:10px !important; } /*** faq plugin css ***/ ul.cfaq-sections-toc{list-style-type:none !important;margin-bottom:15px !important;color: #102c79 !important; font-size:20px !important; } li.cfaq-sections-toc-item{list-style-type:none !important; } .cfaq-section-heading {color: #102c79 !important;font-size:20px !important; } .cfaq .cfaq-sections-toc, .cfaq .cfaq-section-questions, .cfaq .cfaq-section { list-style-type: none !important; margin-bottom: 20px !important; padding-left: 10px; } .cfaq .cfaq-sections { list-style-type: none !important; } ul.cfaq-section-questions { list-style-type: none !important; } .cfaq-a {padding-left:20px !important;} li.cfaq-question { list-style-type: none !important; margin-left: 0px !important; } /* Events ol li - October 2016 */ ol.tribe-list-widget { list-style:none; list-style-type: none !important; margin: 0 !important; padding: 0 !important; list-style-position: inside !important; font-style: normal !important; font-weight: normal !important; } /* tribe events tooltip causing errors on month view Dec 2016 */ #tribe-events-tooltip, .tribe-events-tooltip { display: none !important; } .tribe-events-list-widget ol li { list-style: none; margin-bottom: -18px !important; margin-top: -15px; font-style: normal !important; font-weight: normal !important; } .tribe-events-list-widget-events ul li {font-style: normal !important; font-weight: normal !important; } .type-tribe_events ul li {font-style: normal !important; font-weight: normal !important; } .tribe-events-list-widget-events li {font-style: normal !important; font-weight: normal !important; } .type-tribe_events li, .tribe-event-title {font-style: normal !important;font-weight: normal !important; } .tribe-events-widget-link {margin-top:40px; font-style: normal !important; font-weight: normal !important; } .tribe-events-list h2.tribe-events-list-event-title { letter-spacing:1px !important;font-weight: normal !important; font-style: normal !important; } .tribe-events-list h4.tribe-events-list-event-title { letter-spacing:1px !important; font-weight: normal !important; font-style: normal !important; } #tribe-events-list-widget-4 { font-weight: normal !important; font-style: normal !important; } #tribe-events-list-widget-4 a{ font-weight: normal !important; font-style: normal !important; } /* March 2017 */ li.page_item { /* text-indent: -1em !important; padding-left: 1em !important; */ margin-bottom: 5px !important; display: inline-block; } li.page_item { list-style-type: none; font-size: 18px; background-color: #f2f2f2; text-transform: uppercase; } li.page_item a { text-decoration: none !important; font-size: 18px; text-align:center; padding:10px; font-style: normal !important; font-weight: normal !important; } li.page_item a:hover { background-color: #666666; color: #ffffff; padding:10px; } /* masonry 7-29-2017 */ .wbmpl_list_title, .wbmpl_list_title a { color: #345d81; text-decoration: none !important; } /* slides 7-29-2017 */ .soliloquy-theme-base .soliloquy-caption-bottom .soliloquy-caption-inside { padding-bottom: 28px; font-size: 1.5em !important; text-transform: uppercase; } .soliloquy-container .soliloquy-wrap { margin-left: 0px !important; } /* Forms ---------------------------------------- */ span.wpcf7-not-valid-tip { position: relative !important; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; } form label { font-size: 14px; } form .form-left-half { float: left; clear: left; width: 49%; } form .form-right-half { float: right; width: 49%; } form div input, form div textarea { width: 100% !important; } form .form-full { clear: both; } form div textarea { max-height: 110px; } .button-blue button, .button-blue input { float: right; background: rgb(71,107,167); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NmJhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTRmODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(71,107,167,1) 1%, rgba(53,79,137,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(71,107,167,1)), color-stop(100%,rgba(53,79,137,1))); background: -webkit-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: -o-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: -ms-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: linear-gradient(to bottom, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#476ba7', endColorstr='#354f89',GradientType=0 ); border: 2px solid #617fba; border-color: #617fba; border-width: 2px 1px 0px 1px; padding: .5em 2em; color: #fff !important; text-transform: uppercase; font-size:20px; } aside.sidebar > section#primary-sidebar-jc_section_menu_widget-2.widget.primary-sidebar.primary-sidebar-widget.widget_jc_section_menu_widget > div.menu-main-nav-container > ul#menu-main-nav.menu > li.current-menu-item a{ /* color:#102c79 !important; */ } .gallery-caption { display:block; width:175px !important; background-color: #ffffff !important; border:0 solid !important; } ol.hfeed { font-style: normal; list-style-type:none !important;list-style-position: inside !important; padding-left:0;} ol.vcalendar { list-style-type:none !important;list-style-position: inside !important;padding-left:0; font-style: normal !important; } /* .tribe-events-list-widget{ padding-left: 10px !important; padding-right: 10px !important;} */ .hero-area {display:none; } h4.title { font-weight:normal !important; padding:0px !important; margin-bottom:0em; } .dpe-flexible-posts li{margin-bottom: -10px !important; } /* per change log 01. */ #tribe-events-content { max-width:920px !important; width:90% !important; padding-left:10px !important; padding-right:10px !important;margin-left: 50px !important;} h4.tribe-event-title { margin-bottom:0;font-style: normal !important;font-weight: normal !important; }/* Oct 2016 */ #tribe-events { max-width:920px !important; } .duration{margin-top:-15px !important;} .tribe-events-single { max-width:920px !important; } .tribe-events-single a{ text-decoration:underline !important; } #tribe-events-header {display:none !important; } .tribe-events-single li {margin-left: 20px !important;} li.tribe-events-nav-previous { text-align:left !important; margin-top:0px !important; display: block !important; float:left !important; width:380px !important; } li.tribe-events-nav-next { margin-right:15px !important; margin-top:0px !important; display: block !important; float:right !important; width:380px !important; } #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous{float:right;text-align:right;white-space:normal !important;} #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-right{float:right;text-align:right;white-space:normal !important;} #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next{float:right;margin-left:5px;text-align:right;white-space:normal !important;} h2.tribe-events-single-event-title { color: #102c79 !important; font-family: "freight-sans-pro","open-sans",sans-serif !important; font-weight:normal !important; font-size: 36px !important;} .tribe-events-list-widget ol li { list-style: none !important;font-weight: normal !important; } /* July 2017 */ h4.tribe-event-title a{ font-weight: normal !important; }/* Aug 2017 */ h4.tribe-event-title { font-weight: normal !important; }/* Aug 2017 */ h4 {font-style: normal !important; font-weight:300;} .su_posts ul li, .su-posts-list-loop, .su_post { list-style: none !important; } /* July 2017 */ .su_posts ul li, .su-posts-list-loop ul li, .su_post ul li { list-style: none !important; font-style: normal !important; } /* July 2017 */ ul.su_posts.su-posts-list-loop { list-style: none !important; } /* July 2017 */ #menu-needs-menu .menu { list-style: none !important; } /* July 2017 */ .breadcrumb-trail{font-size:14px; color:#464646; } li.page_item {list-style-type:none; font-size:26px; color:#000000; text-transform:uppercase; } /* styles for footer three widgets */ .widget-area .widget h3 { margin-bottom:0; } #footerwidgets {margin-top: 25px; margin-left:20px;margin-right:20px !important; width:100%; } #footerwidgets p { padding-bottom: .5em; } #footerwidgets h4, #footerwidgets h4.title { line-height: 1.4em !important; } #footerwidgets li, #footerwidgets p { padding-bottom: .5em; font-size:80%; line-height:1.4em; } #footer-left { width:28%; float:left; padding-left:3%; padding-right:2.0%; } #footer-middle { width:28%; float:left; padding-left:2.5%; padding-right: 2.0%; } #footer-right { width:26%; float:right; padding-left:2.0%; padding-right:2.5%; margin-right:10px !important; } .site-content article { border-bottom:none; } /* @media only screen and (max-width:768px) { #footer-right, #footer-middle, #footer-left { float:none; padding-left:20px; padding-right:0; padding-top:1em; width:95%; } } */ .the-social-link { text-align:center; } .the-social-link img { padding:5px; } /* end three footer widgets form sd12 */ /* Print styles ---------------------------------------- */ /* Print styles inlined to avoid extra HTTP connection */ @media print { * { background: transparent !important; color: black !important; /* Black prints faster: sanbeiji.com/archives/953 */ text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color:#000000 !important; text-decoration: none; } #header {color:black; display:block !important;} /* a[href]:after { content: " (" attr(href) ")"; } */ abbr[title]:after { content: " (" attr(title) ")"; } /* Do not show javascript and internal links */ /* a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } */ header .header-call-to-action .widget {display:none !important;} nav.top-nav{ z-index: 1001;display:none !important; } aside.sidebar{ display:none !important;} .slogan {width:100% !important;margin-top:0px !important; margin-bottom:0px !important;} .footer-nav {display:none !important;} #footer-nav {display:none !important;} nav.blue-nav {display:none !important;} .blue-nav li a{display:none !important;} article.content{ width: 100% !important;} h1.page-title{ color:#000000 !important; z-index: 1001 !important; display:block !important; } .post-title{ color:#000000 !important; z-index: 1001 !important; display:block !important; } /* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } ul.children { list-style-type:none; font-size:12px; padding:0px 15px 0px; margin:0px; } ul.sub-menu { list-style-type:none; font-size:12px !important; padding:0px 15px 0px; margin:0px; } #primary-sidebar-jc_split_menu_widget-2 .current_page_item{ font-weight:bold !important;} a.sub-menu:active{ font-weight:bold !important;} ul.children .current-page-item a{ color:#e7e7e7;font-weight:bold;} h2.pages-gt { color:#ffffff; } #bottom-widget-block {width:80%; display:table; margin:0 auto; text-align:left; overflow:hidden; } .bottom-widgets {margin-top:-30px; width:33%; float:left; position: relative; } h2.bottom-widgets{color:#102c79; } .bottom-one {padding:0px;background-color: none;} .bottom-two {padding:0px;} .bottom-three {padding:0px;background-color: none;} .whwidget { border-top: 0px solid #102c79; padding-right:0px; padding-top:10px; } .copyright {display:none !important;} /* Needs Menu ---------------------------------------- */ .content-block > header { color: #102c79; } .content-block h3, .content-block h2 { font-size: 25px; font-weight:400 !important; } #needs-menu { background: #dde5eb; } #menu-needs-menu {font-size: 15px !important; } #menu-needs-menu a{ text-decoration:none !important; } .ineed { margin-left:8px; padding-right:15px !important; } menu li { list-style: none; font-size: 15px; line-height: 2em; } #needs-menu a { color: #333333 !important; } #needs-menu a i { margin-right: 18px; font-size: 20px; position: relative; top: 5px; color: #333333 !important; /* #5d5e5f;*/ } .needs-menu { background: #dde5eb; } menu li { list-style: none; font-size: 14px; line-height: 2.2em; } .needs-menu a { color: #333333 !important; font-size: 14px !important; text-decoration:none !important; } .needs-menu a i { margin-right: 18px; font-size: 16px; position: relative; top: 3px; color: #333333 !important; } html,body, div, dl, dt, dd, ul, li, pre, form, fieldset, input, textarea, blockquote, th, td, section { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; /* Ensure that all long words are broken up so they do not exceed the width of their container elements. */ -ms-word-wrap: break-word; word-wrap: break-word; } /* body { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDMyMCA4MiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUxLjA0MTY2NjY2NjY2NjclIiB5MT0iMTExLjUwNDA2NTA0MDY1JSIgeDI9IjUxLjA0MTY2NjY2NjY2NjclIiB5Mj0iMS41MDQwNjUwNDA2NTAzNyUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTE3MWEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGYyYjc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzMjAiIGhlaWdodD0iODIiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(bottom, #5171a3 -18.01%, #0f2b79 91.99%); background: -o-linear-gradient(bottom, #5171a3 -18.01%, #0f2b79 91.99%); background: -webkit-linear-gradient(bottom, #5171a3 -18.01%, #0f2b79 91.99%); background: -ms-linear-gradient(top, rgba(15,43,121,1) 0%,rgba(81,113,163,1) 100%); background: linear-gradient(bottom, #5171a3 -18.01%, #0f2b79 91.99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2b79', endColorstr='#5171a3',GradientType=0 ); background-size:200px 130px; background-repeat:repeat-x; } */ pre { white-space: pre-wrap; } fieldset, img, abbr, acronym { border: 0; } img { max-width: 100%; height: auto; } a img { text-decoration: none; } select { max-width: 100%; } table { /*border-collapse: collapse;*/ border-spacing: 0; } address, caption, cite, code, dfn, var { font-weight: normal; font-style: normal; } q:before, q:after { content: ''; } ul { list-style: disc; list-style-position: inside !important; } mark{ background: none; } button{ border: none; } /*** 2. Theme Styles ***/ body{ width: 100% ; /* auto */ max-width: 1450px !important; margin: 0 auto; font-family: 'gentona', sans-serif;/* new JHU fonts 2017 */ font-size: 18px; letter-spacing: 1px; color: #555555; min-width: 1100px; } strong{ font-weight: bold; } h1, h2 { letter-spacing: 2px; color:#133983 !important; text-transform: uppercase; font-family: 'titling-gothic' !important; } a { color: #565656; } img { max-width: 100%; height: auto; } .clear { height: 0; font-size: 0; clear: both; } .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .hide { display: none; } .nav-button, .primary-nav-button { display: none; } /* hide the navigation button by default */ /** * WordPress Core CSS - http://codex.wordpress.org/CSS#WordPress_Generated_Classes * License: GPL2 * Copyright: WordPress.org, http://wordpress.org */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption, .gallery-caption { background: #eee; border: 1px solid #e6e6e6; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img, .gallery-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* ------------- 3. HEADER ------------- */ header#header{ *width: 1100px !important; position: relative; z-index: 1000; clear: both; background-color: #142f78; } .logoWrapper { float: left !important; display:block; display: inline-block\9 !important; position:static; /* background: none\9; */ width: 300px\9; /* ie 8 Mdiaz Sep29 2016*/ width:60%;/* 80 */ z-index: 1001; margin-top:-10px\9 ; /* ie 8 Mdiaz Sep29 2016 from -10 */ margin-bottom:-40px\9 ; /* ie 8 Mdiaz Sep29 2016 from -40 */ *margin-bottom:-5px !important; /* IE7 */ margin-bottom:-8px \0/IE9 !important; /* IE9 */ margin-left: 25px; } section.logo-box{ display:block !important; float: left !important; width: auto;/* 67. */ /* background: none\9; */ /*margin-top:-10px !important;*/ *margin-top:-15px; margin-bottom:10px; /*-50px;*/ /* top 0.5em;*/ margin-bottom:-5px \0/IE9 !important; /* IE9 */ background-color: #142f78;/* added 2020 */ position:static !important; z-index: 1002; width:300px\9 !important; /* ie 8 Mdiaz Sep29 2016*/ display: inline-block\9 !important; background-image: url('https://ictr.johnshopkins.edu/wp-content/uploads/2017/10/300x136_ICTRlogo.jpg') no-repeat\9 !important; /*background-image: url('https://ictr.johnshopkins.edu/wp-content/uploads/2014/09/300x136_ICTRlogo.png') no-repeat\9 !important;*/ } .logo-img{display:none; display: inline-block\9 !important; } .slogan{ /*margin: 0.25em 0 0;*/ /*margin-top:-30px; margin-left:10px;*/ margin-top:50px; padding-left:10px; display:none !important;/* per new logo Jul 2014 - was block */ position:static !important; float: left !important; width:55%; display:none\9 !important; background-color: #142f78;/* added 2020 */ } .slogan{ /*margin: 0.25em 0 0;*/ /*margin-top:-30px; margin-left:10px;*/ /*padding: 0;*/ font-size: 20px; font-style: regular; color: #ffffff; line-height: 1em; } header #title { margin: 0 0 0.25em; line-height: 1.5em; } header #title.has-logo { margin: 0; } header h1 a{ font-size: 1.5em; text-decoration: none; color: #555; } header .header-cta-container { margin: 0.5em 0 0 0px ; } header .header-call-to-action .widget { margin: 0 0 0.5em; padding: 0.5em; /*background: #565656;*/ color: #464646; text-transform: uppercase; text-align: center; } header .header-call-to-action .widget a { color: #fff; } header .header-call-to-action .widgettitle { margin: 0 0 0.25em; } header .header-call-to-action .widget_search { margin-left:0px;/* 04. was 20 */ margin-right:-10px \0/IE9 !important; padding: 0; background: transparent; color: #464646; overflow: auto; width: 300px\9; /* ie 8 Mdiaz Sep29 2016*/ } aside.nav-options{ width: 32%; /* 04. was 20% */ float: right; margin-right:0px;/* 04. was -25 */ margin-right:-50px \0/IE9; /* ie9 */ width: 300px\9; /* ie 8 Mdiaz Sep29 2016*/ } nav.top-nav{ z-index: 1001; margin-right: 20px; } nav ul.top-nav{ margin: 5px 0; /* Changed from em's to px due to CSS3 transition, was: 0.25em 0*/ } nav ul.top-nav li { min-height: 30px; margin: 2px; float: right; position: relative; text-transform: uppercase !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } nav ul.top-nav li:first-child { margin-left: 0; } nav ul.top-nav li ul { } nav ul.top-nav li li { margin: 0; list-style: square; float: none; } nav ul.top-nav li a{ text-decoration: underline; padding: 8px; font-size: 12px; color: #ffffff; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } nav ul.top-nav li a:hover{ background:none !important; text-decoration: none; } nav ul.top-nav .sub-menu { width: auto; margin: -1px 0 0; padding: 0; position: absolute; top: 100%; display: none; background: #fafafa; /*border: 1px solid #eee;*/ } nav ul.top-nav > li:hover { background: none !important; } nav ul.top-nav li:hover > .sub-menu { display: block; } nav ul.top-nav .sub-menu li { width: auto; min-height: 40px; float: none; display: block; position: relative; } nav ul.top-nav .sub-menu li a { width: auto; min-width: 8em; padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); white-space: nowrap; float: none; display: block; color:#000000; } /* Top Nav sub menus */ nav ul.top-nav .sub-menu li > ul { top: 0; left: 100%; } /* Blue Nav - MDT */ .blue-nav li { text-align: center; display: table; color: #464646; font-size: 1em; position: relative; width: 100%; height: 100%; line-height: 1em; } .blue-nav li a { width: 70%; display: table-cell; vertical-align:middle; text-align: center; } nav.blue-nav { background-color: #7d92a2; padding: 4px 0; } .blue-nav ul { margin-bottom: 5px; padding-bottom: 3px; background: url(img/dots.png) bottom left repeat-x; } .blue-nav li { height: 39px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.23); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.23); box-shadow: 0 1px 1px rgba(0,0,0,.23); background: rgb(71,107,167); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NmJhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTRmODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(71,107,167,1) 1%, rgba(53,79,137,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(71,107,167,1)), color-stop(100%,rgba(53,79,137,1))); background: -webkit-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: -o-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: -ms-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: linear-gradient(to bottom, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#476ba7', endColorstr='#354f89',GradientType=0 ); border: 2px solid #617fba; border-color: #617fba; border-width: 2px 1px 0px 1px; } .blue-nav li:hover { background: #36508a; } .blue-nav li a { color: #fff; } /* end Blue Nav - adapted from ictr theme */ /* Search Form */ #searchform input{ /* display:none\9; */ /* ie 8 Mdiaz Sep29 2016*/ font-size: 14px; /*height: 16px;*/ width: 60%;/* 50 */ width: 50% \0/IE9; /* IE9 */ width: 100px\9; /* IE8 and below Sept 29 */ margin-top:0px\9; color: #555; padding:.5em 1%; /*1em 2%;*/ float: left; background: #ffffff; border: 1px solid; border-color: #362f2d; border-color: rgba(0, 0, 0, .15); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #searchform input.submit { display: none\9; width: 30%; width: 20% \0/IE9; width: 45px\9; margin-top: 0px\9; height: 38px !important; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer; float: left; background: #4b4e51; *border: 0px; -ms-word-wrap: normal; word-wrap: normal; } #searchform input.submit:hover, #searchform input.submit.hover { opacity: .7; filter: alpha(opacity=70); } ::-webkit-input-placeholder { color: #362f2d; } :-moz-placeholder { /* Firefox 18- */ color: #362f2d; } ::-moz-placeholder { /* Firefox 19+ */ color: #362f2d; } :-ms-input-placeholder { color: #362f2d; } article.content #searchform { margin-bottom: 1em; overflow: auto; } article.content #searchform input { padding: 1%; margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0; } article.content #searchform input[type=submit] { padding: 1.35% 1%; line-height: 15px; } /* ------------- 4. Primary Nav - if UberMenu is not used ------------- */ header nav { position: relative; z-index: 5; } nav .primary-nav{ width: 100%; *width: 1100px !important; display: inline-block; clear: both; background: #565656; margin-top: 20px; margin-bottom: 20px; position: relative; } nav .primary-nav li{ float: left; position: relative; } nav .primary-nav li a{ float: left; text-decoration: none; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 15px 25px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } nav .primary-nav li a:hover{ background: rgba(0, 0, 0, .3); } nav .primary-nav li ul.sub-menu { width: auto; position: absolute; top: 100%; display: none; background: #565656; } /* Third Level */ nav .primary-nav li ul.sub-menu li ul.sub-menu { top: 0; left: 100%; } nav .primary-nav li ul.sub-menu li ul.sub-menu li { float: left; } nav .primary-nav li ul.sub-menu li { width: auto; min-height: 49px; float: none; display: block; position: relative; } nav .primary-nav li ul.sub-menu li a { width: auto; min-width: 12em; margin-bottom: -1px; padding: 15px 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); white-space: nowrap; float: none; display: block; } nav .primary-nav li ul.sub-menu li:last-child a { margin-bottom: 0; border-bottom: none; } nav .primary-nav li:hover > ul.sub-menu { display: block; } nav .primary-nav li a:hover{ background-color: rgba(0, 0, 0, .35); } /* ------------- 5. Home Slider - not used ------------- */ .front-page-slider { margin-bottom: 1em; } .front-page-slider-title { padding: 1em; background: #bbb; background: rgba(180, 180, 180, .5); color: #fff; text-transform: uppercase; font-size: 16px; position: relative; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* Soliloquy */ /* ul.slider-nav{ margin-right: 20px; float: right; margin-top: 7px; } ul.slider-nav li{ float: left; } ul.slider-nav li a{ float: left; padding: 10px 3px 10px 10px; } */ /* Buttons, Edit Links, Post Navigation, Comment buttons */ p a.button, .latest-post a.button, article.content a.more-link, article.content a.post-edit-link, article.content .previous-posts a, article.content .next-posts a, article.content a.comment-reply-link, article.content .comment-navigation a, article.full-width-content a.post-edit-link, article.full-width-content .previous-posts a, article.full-width-content .next-posts a, article.full-width-content a.comment-reply-link, article.full-width-content .comment-navigation a, a#cancel-comment-reply-link, #respond input[type="submit"], .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { background: #989898; color: #f6f6f6; margin: 0.5em 0; padding: 5px 10px; font-size: 14px; text-transform: uppercase; font-weight: 700; text-decoration: none; text-shadow: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; } p a.button:hover, .latest-post p a.button:hover, article.content a.more-link:hover, article.content a.post-edit-link:hover, article.content .previous-posts a:hover, article.content .next-posts a:hover, article.content a.comment-reply-link:hover, article.content .comment-navigation a:hover, article.full-width-content a.post-edit-link:hover, article.full-width-content .previous-posts a:hover, article.full-width-content .next-posts a:hover, article.full-width-content a.comment-reply-link:hover, article.full-width-content .comment-navigation a:hover, a#cancel-comment-reply-link:hover, #respond input[type="submit"]:hover, .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover { background: #f6f6f6; color: #989898; } /* ------------- Landing Page ------------- */ .landing-page { margin: 1em 0; } /* ------------- 6. Page Content ------------- */ section.breadcrumb{ display: block; margin-bottom: 0.5em; font-size: 14px; color: #999; } .content-wrapper {width:100%; /* max-width:1100px; */ /* 04b. was 960 */ margin: 0 auto; background-color:transparent; *max-width:1200px !important;/* ie 7 */ max-width: 1300px\9; /* IE8 and below */ } .full-width-content-wrapper {margin-top:0px; /*max-width:1100px !important;*/ /*was 980px*/ } article.content{ width: 68%;/* 04b. was 63 */ float: right; margin-right: 2px;/* 04. was 1% */ margin-bottom: 30px; } article.full-width-content { width: 100%; } article.content h1, article.full-width-content h1{ margin: 0 0 0.25em; font-size: 30px; line-height: 33px; color:#1d3a82; } h1.page-title, h1.post-title{ border-bottom: 1px solid #e6e6e6; padding: 15px 0 29px; color:#1d3a82; font-size:28px !important; margin: 0 0 0.25em; line-height: 30px; text-transform:uppercase; } h1.page-title a { color: #555 !important; text-decoration: none; } h1.page-title a:hover { text-decoration: underline !important; } article.content h2, article.full-width-content h2{ font-size: 32px; } article.content h3, article.full-width-content h3{ font-size: 24px; color: #102c79; } article.content h3 a, article.full-width-content h3 a{ font-size: 24px; color: #1d3a82; text-decoration:none; } article.content h4, article.full-width-content h4{ font-size: 18px; font-style: normal !important; } article.content h5, article.full-width-content h5{ font-size: 16px; } article.content a, article.full-width-content a{ color: #1d3a82; /* MDiaz 9/19.2015 */ } article.content a:hover, article.full-width-content a:hover{ text-decoration: underline; } article.content blockquote, article.full-width-content blockquote{ font-size: 22px; line-height: 1.5em; font-style: italic; font-weight: 600; } article.content ul, article.full-width-content ul{ margin-left: 30px; } article.content ul li, article.full-width-content ul li{ list-style: disc; } article.content ul{ margin-left: 30px; } article.content ul > li{ list-style: disc; padding: 2px 0; } article.content ol > li { padding-bottom: 2px; } article.content blockquote, .comment-content blockquote { width: 94%; margin: 0.5em auto auto; padding: 0.5em; font-style: italic; background: #ededed; position: relative; } article.content blockquote:before, .comment-content blockquote:before { display: block; content: "\201C"; font-size: 66px; position: absolute; left: -15px; top: 10px; color: #7a7a7a; } article.content cite, .comment-content cite { display: block; } article.content table th, .comment-content table th { padding: 0.5em; background: #ededed; font-weight: bold; text-align: center; border: 1px solid #e8e8e8; border-bottom: none; } /* article.content table tr:nth-child(even), .comment-content table tr:nth-child(even) { background: #f6f6f6; } */ article.content table td, .comment-content table td { padding: 0.5em; border: 1px solid #e0e0e0; } article.content dt, .comment-content dt { font-weight: bold; } article.content dd, .comment-content dd { padding-left: 1em; padding-bottom: 1em; } article.content abbr, article.content acronym, .comment-content abbr, .comment-content acronym { border-bottom: 0px dotted; cursor: help; } article.content em, .comment-content em { font-style: italic; } article.content input[type=text] { width: 48%; margin-bottom: 1em; padding: 1%; height: 20px; display: block; border: 1px solid #bbb; border-radius: 5px; -webkit-border-radius: 5px; } article.content textarea, textarea { border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; } article.content input[type=submit] { height: auto; cursor: pointer; } article.content iframe, .comment-content iframe { max-width: 100%; } /* ------------- 7. Blog ------------- */ section.latest-post{ width: 98%; margin-bottom: 0.75em; border-bottom: 0px solid; border-color: rgba(0, 0, 0, .15); padding: 1%; } .search section.latest-post.page { border-bottom: 0px solid; border-color: rgba(0, 0, 0, .15); } section.latest-post.page, section.page { margin-bottom: 0; border-bottom: none; } .sticky { background: #ededed; } .post-image{ margin: 0; padding: 0; /*width: 100%; max-height: 300px; height: auto; overflow: hidden;*/ } .wp-post-image { margin-bottom: 2%; } .post-image img{ -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2); } /* Featured Image Sizes */ figure.thumbnail-post-image { margin: 0 2% 0 0; float: left; } p.latest-post-date{ font-size: 14px; } section.latest-post h2.latest-post-title { margin: 0; font-size: 28px !important; line-height: 30px !important; text-transform:uppercase; margin-top: 20px !important; } section.latest-post h2{ margin-bottom: 10px; margin-top: 20px; } section.latest-post h2 a{ text-decoration: none; color: #102c79; } section.latest-post h2 a:hover{ text-decoration: underline; } p.latest-post-description{ line-height: 1.5em; margin-bottom: 20px; } footer.pagination{ margin: 0; padding: 0; background: #f2f2f2; float: left; width: 100%; } .pagination ul.page-numbers { margin: 1em; padding: 0; display: inline-block; } .pagination .page-numbers li{ margin: 0; padding: 0; float: left; display: block; list-style: none; } .pagination .page-numbers li span, .pagination .page-numbers li a{ height: 20px; padding: 0px 16px 0 0; /*border-right: 1px solid #555;*/ display: block; line-height: 18px; } /* ------------- Blog Post ------------- */ .after-posts-widgets { margin: 0.5em 0 0; } .after-posts-widgets-active { border-bottom: 0px solid; border-color: rgba(0, 0, 0, .15); } .after-posts-widget { margin: 0 0 0.75em; padding: 0.5em; /*background: #565656; color: #fff;*/ } .after-posts-widget .widgettitle { margin: 0 0 0.25em; } .after-posts-widgets .widget_search { padding: 0; background: transparent; color: #555; overflow: auto; } article.content .after-posts-widget a { /*color: #fff;*/ } footer.post-footer{ background: none; float: left; width: 100%; color: #262626; } footer.post-footer .post-meta p { margin-top: 0.75em; } #post-author{ padding: 20px; background: #f2f2f2; color: #362f2d; border: 1px solid; border-color: #d7d7d7; border-color: rgba(0, 0, 0, .15); overflow: auto; } #post-author h4{ margin-top: 0; margin-bottom: 0; } #post-author figure.author-avatar{ float: left; width: 150px; height: 150px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; margin-top: 0; margin-left: 0; } #post-author figure.author-avatar img{ height: 100%; width: auto; } .post-links { margin-top: 40px; } .post-links .previous-post-link { width: 50%; float: left; } .post-links .next-post-link { width: 50%; float: right; text-align: right; } /* Post Meta */ .post-meta { font-size: 0.8em; } /* Post Navigation */ .post-navigation { margin: 0.5em 0 0; } .post-navigation .previous-posts, .post-navigation .next-posts { width: 49%; margin: 0; display: inline-block; vertical-align: top; } .post-navigation .previous-posts { padding: 0 0 0 0.5%; } .post-navigation .previous-posts a { max-width: 100%; margin: 0; display: inline-block; } .post-navigation .next-posts { padding: 0 0.5% 0 0; text-align: right; } .post-navigation .next-posts a { max-width: 100%; margin: 0; display: inline-block; } /* ------------- Comments ------------- */ .comments-container { padding-bottom: 1em; border-bottom: 1px solid #ccc; } .comments-container-no-comments { padding-bottom: 0; border-bottom: none; } .full-width-content .comments-container { border-bottom: none; } .comments-area { margin: 0.5em 0 0; padding: 1em 0 0; border-top: 1px solid #e0e0e0; } .comments-container-no-comments .comments-area { border-top: none; } .comments-area .comments-title-container{ margin: 0.5em 0; position: relative; } article.content .comments-area .comments-title-container h4.comments-title, article.full-width-content .comments-area .comments-title-container h4.comments-title { margin: 0; padding: 0.5em; color: #f6f6f6; background: #989898; /*font-size: 1.5em;*/ position: relative; } .comments-title:after { content: ""; display: block; position: absolute; bottom: -15px; left: 50px; width: 0; border-width: 15px 15px 0; border-style: solid; border-color: #989898 transparent; } ol.comment-list { padding: 0; list-style: none; } article.content ol.comment-list > li, ol.comment-list > li { padding: 0; border-bottom: 1px dashed #f6f6f6; } article.content ol.comment-list > li .comment, ol.comment-list > li .comment { padding: 2%; background: #f4f4f4; } #comments ol.comment-list > li article.bypostauthor { background: #ccc; } ol.comment-list > li:nth-child(even) article.comment { background: #f4f4f4; } .comment-author { padding: 2%; overflow: auto; background: #efefef; border: 1px dashed #e5e5e5; } #comments ol.comment-list > li article.bypostauthor .comment-author { background: #e5e5e5; border: 1px dashed #dbdbdb; } .comment-author .avatar { margin-right: 2%; float: left; } .comment-author .author-link{ font-weight: bold; } .comment-author .author-link a { color: #555; } .comment-author .comment-meta a { color: #333; } .comment-author .author-link a:hover { text-decoration: underline; } #comments ol.comment-list > li article.bypostauthor .comment-meta a { color: #666; } #comments ol.comment-list > li article.bypostauthor .comment-content { color: #333 } /* Comment Navigation */ .comment-navigation { margin-bottom: 1em; } .comment-navigation h1 { display: none; } .comment-navigation .nav-previous, .comment-navigation .nav-next { width: 48%; display: inline-block; } .comment-navigation .nav-previous { padding-left: 1%; } .comment-navigation .nav-next { padding-right: 1%; text-align: right; } /* Comments Form - Leave A Reply */ #respond { padding: 2%; background: #ededed; border: 1px dashed #dbdbdb; } #respond #reply-title { margin: 0 0 0.5em; } #respond .comment-notes { font-size: 0.8em; } #respond p label { font-size: 0.9em; font-weight: bold; display: block; } #respond .required { color: #900; } #respond input, #respond textarea { padding: 2%; background: #fefefe; color: #333; font-family: 'Open Sans', sans-serif; border: 1px solid #d0d0d0; border-radius: 5px; -webkit-border-radius: 5px; } #respond textarea { width: 96%; } #respond input[type="submit"] { width: 100%; padding: 0.5em; border: none; border-radius: 0; -webkit-border-radius: 0; } #respond .form-allowed-tags { padding: 2%; background: #e8e8e8; border: 1px dashed #dbdbdb; } a#cancel-comment-reply-link { float: right; } /* ------------- 8. Sidebar ------------- */ aside.sidebar{ width: 30%;/* 04b. was 35 */ width: 30%\9; /* ie8 and below - 04. was 32 */ margin-top: 10px;/*1em;*/ padding: 0 0 0 3px;/* 1% */ padding: 0 0 0 5px\9; /* ie8 and below - 04. was 1% */ float: left; background-color:#ffffff; *background-color:#ffffff !important;/* only ie7 */ margin-left:-5px\9; padding-left: 5px !important; font-size: 15px !important; } .sidebar .widget{ margin: 0 0 1em; padding-left: 8px !important; } /* ------------- Widgets ------------- */ .widget-title, .widgettitle { margin: 0 0 0.5em; color:#102c79; font-size:25px; } .widget ul li, .footer-widget ul li { padding: 0.25em; } .widget table, .footer-widget table { width: 100%; } .widget #wp-calendar, .widget #wp-calendar caption, .widget #wp-calendar th, .footer-widget #wp-calendar, .footer-widget #wp-calendar caption, .footer-widget #wp-calendar th { text-align: center; } .widget .social-media-icons a, .footer-widget .social-media-icons a { width: 50px; height: 50px; margin-right: 10px; margin-bottom: 10px; color: #fff; background: #565656; line-height: 50px; text-align: center; text-decoration: none; display: inline-block; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .widget .social-media-icons a:hover, .footer-widget .social-media-icons a:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* ------------- 9. Footer ------------- */ footer#footer{display:table !important; display:block\9; margin: 0 auto; width: 100% !important; *width: 1300px !important; width: 1300px\9 !important; border-top: 0px solid; border-top-color: rgba(0, 0, 0, .15); background: #042b7d; background-image: url('https://ictr.johnshopkins.edu/wp-content/uploads/2017/02/Sheild-transp.png'); background-position: center; background-repeat: no-repeat; color: #ffffff; height: 300px; } .copyright-area {padding:0 20px 0 20px !important; *font-size: 12px !important;} /* ------------- Footer Widgets ------------- */ .footer-widgets-container { overflow: auto; } section.footer-widgets{ width: 100%; margin: 1em 0; } section.footer-widget a{color: #ffffff; } section.footer-widget { margin: 0 1% 1em; width: 21%; padding: 1%; /*background: #f2f2f2;*/ display: inline-block; vertical-align: top; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } section.footer-widget:hover{ -webkit-box-shadow: 0px 0px 5px 2px rgba(8, 121, 129, .5); box-shadow: 0px 0px 5px 2px rgba(8, 121, 129, .5); } .footer-widget-last { margin-right: 0 !important; } section.footer-widget:last-child{ margin-right: 0; } section.footer-widget img{ margin: 0; padding: 0; opacity: .8; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.footer-widget:hover img{ opacity: 1; } .footer-widgets p { margin: 0; font-size: 12px; *font-size: 12px !important; line-height: 22px; color: #ffffff; } /* Footer Navigation */ .footer-widgets-container a{ color: #ffffff; } .footer-nav { display: table !important; /* Allow the centering to work */ margin: 0 auto !important; /*width: 100%;*/ /*display: block;*/ /*margin: 0 0 2em;*/ color: #ffffff; /*border-top: 1px solid #ccc;*/ border-bottom: 0px solid #ccc; padding:10px; } .footer-nav li { display: inline-block; *display: inline; display: inline\9; vertical-align: top; font-size: 1em !important; *font-size: .75em !important; height: 39px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.23); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.23); box-shadow: 0 1px 1px rgba(0,0,0,.23); background: rgb(71,107,167); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NmJhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTRmODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(71,107,167,1) 1%, rgba(53,79,137,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(71,107,167,1)), color-stop(100%,rgba(53,79,137,1))); background: -webkit-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: -o-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: -ms-linear-gradient(top, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); background: linear-gradient(to bottom, rgba(71,107,167,1) 1%,rgba(53,79,137,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#476ba7', endColorstr='#354f89',GradientType=0 ); border: 2px solid #617fba; border-color: #617fba; border-width: 2px 1px 0px 1px; } .footer-nav li a { text-decoration:none; margin-right: 0.5em; padding: 0.5em 1.5em 0.5em; *padding-left: 10px !important; display: block; color:#ffffff; text-transform: uppercase; display: table-cell; *display:inline !important; display:inline\9 !important; vertical-align:middle; text-align: center; font-size: 1em !important; padding: .5em .5em !important; } ul.footer-nav li ul { padding-left: 20px; list-style: square; } .footer-nav li li { display: list-item; } .copyright-area p{font-size:15px !important; padding-left:10px; padding-right:10px; margin-left: 25px; } .copyright{ display:none; font-size: 14px; *font-size: 12px !important; color: #ffffff; margin-bottom: 20px; } .copyright a{ color: #ffffff; text-decoration: none; } .copyright a:hover{ text-decoration: underline; }