/*---------------------------------- Baseline styles ----------------------------------*/ body, h1, h2, h3, h4, h5, h6, li, a, input, form, .button {font-family:'proximanova','Helvetica Neue', Helvetica, Arial,sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:600;} h1, h2, h3 {} h4, h5, h6 {} h1 {} h2 {} h3 {font-weight:600;} h4 {font-size:18px; font-weight:600;} h5 {font-size:14px; font-weight:600;} h6 {color:#222;} p, li {} a {color:#0e4e8e; text-decoration:none;} a:hover {color:#222; text-decoration:underline;} a:visited {} ul {} li {} blockquote {font-style:italic; border-color:#b00; font-size:1.5rem;} .left {float:left;} .right {float:right;} img.left {margin:.25em 1em .5em 0;} img.right {margin:.25em 0 .5em 1em;} /*---------------------------------- Page masthead ----------------------------------*/ #masthead {background:#373535;/* url(../images/bg-header_dark.jpg) top center no-repeat; */ background: -moz-linear-gradient(top, #222222 0%, #373535 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#373535)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #222222 0%,#373535 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #222222 0%,#373535 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #222222 0%,#373535 100%); /* IE10+ */ background: linear-gradient(to bottom, #222222 0%,#373535 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#373535',GradientType=0 ); /* IE6-9 */ } #masthead {} #masthead h1 {color:#fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); margin:52px 0 0 0; margin-top:60px\9; display:inline; float:right; font-weight:300; font-size:36px; } #masthead h1 a {text-decoration:none; overflow:hidden; color:#fff; } #masthead h1 a:hover {color:#fff; text-decoration:underline;} #masthead img.logo {float:left; padding:20px 0; } #masthead h1 small {line-height:1.1; float:right; color:#999;} /*---------------------------------- OLD Navigation ----------------------------------*/ /* #global_nav {} #global_nav li a {font-size:14px;} #global_nav #search_box * {margin: 10px 0 0 0;} #global_nav #search_box form input#search {background: #fff; border-radius:20px; border: #000; font-size:12px; padding-left:10px; color:#333;} input[type="text"] {height:1.875rem;} */ /*---------------------------------- Navigation ----------------------------------*/ .top-bar-section ul li>a {font-family: inherit;} .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {background:transparent;} .top-bar-section ul li {border-left:1px solid #444;} .top-bar-section ul li:nth-of-type(1) {border:none;} .top-bar-section .dropdown {min-width:200px;} .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button):hover {background:#444;} .top-bar-section .has-form {background: transparent;} /* Removes the arrows from 1st level */ /* .top-bar-section .has-dropdown > a::after, .top-bar-section .has-dropdown > a::after {border:none; } .top-bar-section .has-dropdown>a {padding-right:15px !important;} */ #search_box * {} #search_box form input#search {border: #000; font-size:12px; padding-left:10px; color:#333; border-radius:20px;} input[type="text"] {height:1.875rem; width:200px;} /* Alert box */ #urgent_message {background:#900; color:#fff; margin: 0; padding:0;} #urgent_message .container {margin:0 auto; padding:0;} #urgent_message h3 {color:#fff; padding:.5em 0 0 0; margin-bottom:0;} #urgent_message p {padding:.8em 0; margin:0; font-size:1.2em; font-weight:bold;/* border:1px solid #FBC2C4; background:#FBE3E4; color:#8a1f11; */} #urgent_message a {color:#fff; text-decoration:underline;} div#content_end {width:100%; height:0px;} /*---------------------------------- Content ----------------------------------*/ .section {padding-top:1em;} section#content h2 {margin-top:20px;} .featured_image p, li.related_image {font-size:12px; line-height:1.4;} p.author_name {margin-bottom:0; font-weight:600;} p.publish_date {font-style:italic; color:#999; /* font-weight:400; */} .download_header {font-weight:600; margin-top:1em; display:block;} .download_links {font-size:12px;} .downloadable_files {display:block;} .embargo, .error {background:#ffe5e5 url(../images/error.png)-35px 70% no-repeat; border:1px solid #b77; } .embargo p, .error p {color:#900; text-align:center;/* margin-left:2em; */} table.image_with_caption {float:left; margin: 0 1em .5em 0; clear:both;font-size:12px;} table.image_with_caption p {margin-bottom:0;font-size:12px;} table.image_with_caption td {font-size:12px; font-style: italic;} div.panel {clear:both;} #right_column .related_expert {clear:both; overflow:hidden;} #right_column .related_expert img {float:left; margin: 0 .5em 0 0;} #right_column .related_expert p {line-height:1em;} #right_column .related_expert p span.small {font-size:11px; color:#666; line-height:1;} #right_column .article_tags a.tl-tag {list-style:none; display:inline-block; font-size:13px; background:#fff; padding:.25em .5em; border:1px solid #ddd; margin-bottom:.5em;} /*----------------------------------- Index sections -----------------------------------*/ /* iOS Slider (large sliding banner) */ .iosSlider {width: 100%;height: 280px;} .iosSlider .slider {width: 100%;height: 100%; } .iosSlider .slider .item {position: relative;top: 0;left: 0;width: 100%;height: 100%;background: #fff;margin: 0 0 0 0; } .iosSlider .slider .item .text1 {position: absolute;top: 40%;right: 0;opacity: 0;filter: alpha(opacity:0);background: rgba(0,0,0,0.7); padding:3px; } .iosSlider .slider .item .text1 span {color: #fff;font: 48px 'proximanova',Arial,sans-serif; font-weight:300;margin:8px;display:block; text-shadow: 1px 1px 4px #000;} .iosSlider .slider .item .text2 {position: absolute;top: 70%;right: 0;opacity: 0;filter: alpha(opacity:0); background: rgba(0,0,0,0.7); padding: 5px 7px 7px 7px; } .iosSlider .slider .item .text2 span {color: #fff; font: 16px/20px 'proximanova',Arial,sans-serif; font-weight:300; margin:8px; display:block; } .iosSlider .slider .item a {color:#fff; text-decoration:none;} .iosSlider .slider .item a:hover {color:#fff; text-decoration:underline;} .iosSliderButtons {position: absolute;bottom: 10px;left: 10px;width: 200px;height: 10px; } .iosSliderButtons .navbutton {float: left;width: 9px;height: 9px;background: #999;margin: 0 10px 0 0;opacity: 0.25;filter: alpha(opacity:25);border: 1px solid #000; } .iosSliderButtons .selected {background: #fff;opacity: 1;filter: alpha(opacity:100); } /* News story carousel */ #news_section_heading {margin-top:1em;} #news_section_heading p {margin-top:14px; font-size:13px; color:#333;} ul.tag_listing {margin-top:14px;} ul.tag_listing li {display:inline; list-style:none; margin-right: 10px;} ul.tag_listing li a {font-size:13px; color:#333;} ul.tag_listing li a:hover {text-decoration:none; border-bottom:1px solid #0A5D66; } ul.tag_listing li a.active {border-bottom:1px solid #b00;} ul.news_slider {} ul.news_slider a { color:#333;} .news_slide { line-height:1.2;} .news_slide .story_date {font-size:10px; text-transform: uppercase; color:#333; display:block; border-bottom:1px solid #ccc; font-weight:600; } .news_slide .story_summary {min-height:70px; margin:.5em 0 0 0;} .news_slide .story_image {} .news_slide .story_headline a {font-size:13px; text-decoration:none;} .news_slide .story_meta {} .news_slide a.story_tag {display:inline-block; margin-right: 5px; background:#ddd; border-radius: 3px; padding:3px; font-size:10px;} .news_slide a:hover {text-decoration: underline;} ul.pageList {} ul.pageList li {display:inline-block; padding:3px;} ul.pageList li a {} /* Expert listing carousel */ #expert_section_heading li a {font-size:13px; color:#333;} .expert_tag_list {} .expert_tag_list ul {margin-left:0; margin-bottom:1em;} .expert_tag_list ul li {list-style:none;line-height:1.2;font-size:12px;} .expert_tag_list ul li a {} .expert_summary {} .expert_summary img {margin-bottom:.5em;} .expert_summary p {line-height:1.2;} span.expert_name {padding-top:.5em;} span.expert_title, span.expert_college {font-size:12px;} /*----------------------------------- Subcontent -----------------------------------*/ #subcontent {background:#E9E6DE; border-top:1px solid #C0BAAB;} #subcontent * {color:#333; } #subcontent h3 {font-weight:400;} #subcontent h6 {font-weight:600; font-size:14px;} #subcontent p, #subcontent li, #subcontent form {font-size:14px;} #subcontent button.button {background:#78726A; border:none; border-radius: 6px; color:#fff;} #subcontent button.button:hover {background:#9C968A;} #subcontent form input[type="email"] {} #subcontent .alert-box.success {color:#fff;} /*----------------------------------- Footer -----------------------------------*/ #page_footer {padding:20px 0; background: url(../images/bg-footer.jpg) center top no-repeat; -moz-background-size: cover; background-size: cover; font-size:16px;} #page_footer * {color:#fff;} #page_footer h6 {} #page_footer a {text-decoration:underline;} #page_footer ul {margin:0;} #page_footer li {list-style:none; padding:0;} #page_footer li a {color:#ddd; text-decoration:none; font-size:12px;} #page_footer li a:hover {color:#fff; text-decoration:underline;} #page_footer hr {background:#777; background:rgba(255,255,255,0.2); color:#777; color:rgba(255,255,255,0.2); clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none;} #footer_links {clear:both; margin:20px 0; overflow:hidden;} #footer_links ul {line-height:1.3;} #footer_info {} #footer_info p {margin-bottom:0; font-size:13px;} #footer_info a {color:#fff;} #footer_info a:hover {color:#fff; text-decoration:underline;} #footer_info a.rss {padding:0 0 2px 20px; background: url(../images/social/icon-rss.png) 0 0 no-repeat; height:20px;} #footer_info a:hover.rss {background-position:0 -18px;} #institutional_info {margin-top:5px;} #footer_social {float:right;/* margin-top:2em; */} a.socialicon img {height:32px; width:32px; margin-right:10px; border-radius:4px;} a:hover.socialicon img {background:#ccc; background:rgba(0,0,0,0.2);} #footer_social a:hover.socialicon img {background:#b00; background:rgba(187,0,0,0.5);} /*----------------------------------- Other custom classes -----------------------------------*/ /* Google custom search */ .gsc-input {padding:5px !important; font-family:'proximanova','Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:lighter; font-size:16px;} #queries h4 {width:100%; display:block;} #queries a {padding:3px 5px; margin:0 5px 5px 0; background:#fff; border-radius:4px; display:inline-block;} /* # jQuery Accordion ================================================== */ #accordion-container {} .accordion-header {cursor: pointer; padding-right:30px;} .active-header {background: url(../images/active-header.gif); background-repeat: no-repeat; background-position: 100% 50%;} .active-header:hover {background: url(../images/active-header.gif); background-repeat: no-repeat; background-position: 100% 50%;} .inactive-header {background: url(../images/inactive-header.gif); background-repeat: no-repeat; background-position: 100% 50%;} .inactive-header:hover {background: url(../images/inactive-header.gif); background-repeat: no-repeat; background-position: 100% 50%;} .accordion-content {display: none;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ /* @media only screen and (max-width: 1023px) { #global_nav #search_box {width:100%; clear:both; margin: 0 0 20px 0; position:relative; z-index:99;} } */ @media only screen and (max-width: 1024px) { #global_nav #search_box {margin: 0 0 20px 0;} } @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 768px) { #footer_social a.socialicon img {height:24px; width:24px; margin-right:4px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} @media only screen and (max-width: 620px) { #masthead h1 {font-size:40px; float:none; clear:both; display:block; margin:.5em 0 0 0;} #masthead img.logo {display:none;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .iosSlider .slider .item .text1 {top: 40%; } .iosSlider .slider .item .text1 span {font-size:28px; font-weight:600;} .iosSlider .slider .item .text2 {top: 60%; } .iosSlider .slider .item .text2 span {font-size:13px; font-weight:400;} #global_nav #search_box {margin: 0 0 10px 0;} #footer_social a.socialicon img {height:32px; width:32px; margin-right:10px;} } /* Change/hide stuff when printing */ @media print { #osu_navbar, #masthead img.logo, #masthead a.osu_home, #global_nav, #social_sharing, #studio_text, #subcontent, #page_footer {display:none;} #masthead h1, #masthead h1 small {font-size:18px; float:left;} } @page {margin: 2cm;}