/** style.css
 *
 * Theme Name:	OSU Responsive
 * Description:	A WordPress Theme with OSU styles based on Bootstrap, from Twitter.
 * Author: OSU Central Web Services
 * Version: 1.0.2
 * Text Domain:	osu-reponsive
*/

@font-face {
    font-family: "Stratum2WebBold";
    src: url(fonts/Stratum2WebBold.woff2) format("woff2"), url(fonts/Stratum2WebBold.woff) format("woff");
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

body > .container {
    margin: 18px auto;
}

#branding {
    *padding-top: 50px !important;
}

h1 a {
    color: #dc4405;
}

.icon-reorder {
    text-shadow: none;
    color: #fff;
}

.assistive-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

#secondary,
.entry-meta,
.osu-footer {
    font-size: 14px;
}

/* Small edits for bootstrap colors (pagination)*/
.page-numbers.current {
    color: #333;
}

/* =Top Navigation Bar Edits
--------------------------------------------------------------- */
.navbar .nav > li > a,
.nav-collapse .dropdown-menu a,
.navbar .nav .nav a {
    color: #f2f2f2;
}

.dropdown-menu {
    background: #333;
}

.navbar .nav .current_page_item > a {
    background: #444;
}

.navbar li:hover > .dropdown-menu {
    display: block !important;
}

.dropdown-menu .dropdown-menu {
    top: auto;
    left: 160px;
    margin-top: -30px;
}

.dropdown-menu .dropdown-menu:after {
    border-right: none;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    left: -2px;
    top: 9px;
}

.navbar .nav .nav li {
    list-style: none;
}

.navbar .nav .nav li.current_page_item > a {
    background: #444;
}

.navbar .nav .nav li:hover .dropdown-menu {
    display: block !important;
}

.navbar .nav .nav li a {
    line-height: 19px;
    padding: 9px 10px 11px;
    display: block;
}

.navbar .nav .nav li a:hover {
    text-decoration: none;
}

/* =Classes
-------------------------------------------------------------- */
/* Right Content */
.sidebar-content #primary,
.sidebar-content #attachment-comment {
    float: right;
    margin: 0 20px 0 0;
}

.navbar-fixed-top {
    position: fixed;
}

#page {
    background-color: #fff;
    padding: 14px 0 0;
}

.page-header {
    margin: 0 0 18px;
}

#header-image {
    display: block;
}

#menu-alert {
    margin: 4px 0 0;
    padding: 6px 35px 6px 14px;
    position: absolute;
}

#branding hgroup,
#header-image,
.entry-content {
    margin-bottom: 18px;
}

.entry-attachment {
    margin-bottom: 36px;
}

.single #author-info,
.author #author-info,
.single article.post,
.single article.page {
    margin-bottom: 54px;
}

#author-info,
article.post,
article.page {
    margin-bottom: 72px;
}

.page-header,
.entry-content {
    word-wrap: break-word;
}

.post-password-form legend {
    font-size: inherit;
}

.entry-attachment figure {
    display: table;
    margin: 0 auto;
}

/* =Comments
-------------------------------------------------------------- */
#comments-title {
    border-bottom: 1px solid #EEEEEE;
    font-size: 19.5px;
    margin: 0 0 27px;
}

#comment,
.entry-content iframe,
.entry-content embed {
    max-width: 100%;
}

.commentlist > li {
    margin-bottom: 36px;
}

.commentlist ul.children {
    margin: 10px 0 18px;
    list-style: none;
}

#reply-title {
    position: relative;
}

#reply-title small {
    position: absolute;
    right: 0;
    top: 7px;
}

/* =Sidebar
-------------------------------------------------------------- */
.form-search {
    margin: 0;
}

/* =Footer
-------------------------------------------------------------- */
#colophon .credits {
    margin: 0;
}

#site-generator {
    float: right;
    font-family: Georgia, "Bitstream Charter", serif;
    font-style: italic;
}

#site-generator a {
    background: url("images/wordpress.png") no-repeat scroll left center transparent;
    color: #787878;
    display: inline-block;
    line-height: 16px;
    padding-left: 20px;
    text-decoration: none;
}

#site-generator.footer-nav-menu a {
    margin-top: 10px;
}

/* =Jetpack Support
-------------------------------------------------------------- */
.comment-subscription-form > input[type=checkbox] {
    position: absolute;
}

.comment-subscription-form > label {
    min-height: 18px;
    padding-left: 18px;
}

/* =Bootstrap Adjustments
-------------------------------------------------------------- */
#comment,
.thumbnail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.label .post-edit-link,
.label .comment-edit-link {
    color: #FFFFFF;
}

.navbar .btn,
.navbar .btn-group {
    margin: 5px;
}

.navbar-search {
    height: 34px;
}

.pagination span {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-left-width: 0;
    color: #999999;
    cursor: default;
    float: left;
    line-height: 42px;
    padding: 0 14px;
}

.pagination span.dots,
.pagination .pagination a {
    background-color: #FFFFFF;
}

.pagination li:first-child span {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

a img.alignright {
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption .wp-caption-text {
    padding-top: 9px;
}

.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.aligncenter {
    text-align: center;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    padding: 0 9px 9px;
    text-align: center;
}

.entry-title {
    font-size: 22px;
    font-weight: 100;
}

/* OSU Top Hat */
/* OSU top hat styles */
.mu_register .mu_alert {
    margin-top: 100px;
}

.ie #osu-top-hat {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#252525', GradientType=0);
    /* IE6-8 */

}

#osu-top-hat {
    background: #dc4405;
}

#osu-top-hat .form-submit {
    height: 26px;
    width: 40px;
    background: url('images/search_icon_white.png') 10px 4px no-repeat #000;
    box-shadow: none;
    border: none;
    float: right;
    border-radius: 0 12px 12px 0;
    margin: 0;
}

#osu-top-hat #osu-title {
    display: none;
}

#osu-top-hat .search-terms-branded,
#osu-top-hat .search-terms {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    right: 40px;
    top: 0;
    height: 22px;
    margin: 0;
    padding: 2px 0 0 6px;
    font-size: 13px;
    background: #f2f2f2;
    color: #252525;
    width: 100px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 12px 0 0 12px;
    -moz-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

#osu-top-hat .search-terms:focus,
#osu-top-hat .search-terms-branded:focus {
    width: 140px;
    background: #fff;
}

#osu-top-hat .container {
    padding: 0;
    width: 100%;
}

#osu-top-hat #searchform {
    float: right;
    margin-right: 20px;
    margin-top: 12px !important;
}

#osu-top-hat a {
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#osu-top-hat a:hover,
#osu-top-hat a:active,
#osu-top-hat a:focus {
    background-color: #555;
}

#osu-top-hat a.tag {
    float: left;
    margin: 10px;
    position: relative;
    border: none;
    z-index: 51;
    padding: 0;
}

#osu-top-hat a.tag:hover,
#osu-top-hat a.tag:active,
#osu-top-hat a.tag:focus {
    background: transparent;
}

#osu-top-hat ul.menu {
    float: left;
    margin: 1.1em 0 0;
    padding: 0;
    width: auto;
}

#osu-top-hat ul.menu li.leaf {
    float: left;
    list-style-type: none;
    list-style-image: none;
    font-size: 12px;
    margin: 0;
    padding: 0 .5em;
}

#branding hgroup #site-title {
    font-family: "Stratum2WebBold", sans-serif;
    font-size: 36px;
}

#osu-top-hat ul.menu li a.campaign {
    padding-left: 26px;
    background: url('images/campaign.png') 3px center no-repeat;
}

#osu-top-hat form.search-branded,
#osu-top-hat form.search {
    float: right;
    width: auto;
    right: 10px;
    margin: 36px 10px;
    position: relative;
}

#osu-top-hat ul.menu li a.campaign:active,
#osu-top-hat ul.menu li a.campaign:focus,
#osu-top-hat ul.menu li a.campaign:hover {
    background-color: #555;
}

.parenttitle {
    display: none;
}

.container #page #colophon {
    display: none;
}

#branding hgroup #site-title.non-branded {
    margin-left: 10px;
    margin-top: 20px;
}

#branding hgroup #site-description {
    margin-left: 0;
}

/* VSO Option (not used in default OSU Responsive theme, but maybe for others) */
p.vso-standard-header {
    float: left;
    margin: 1.465em 0 0 0;
    padding: .2em 1em;
    color: #fff;
    background-color: #171717;
    border-radius: 6px;
    font-size: 12px;
    font-weight: bold;
}

span.students-orange {
    color: #dc4405;
    font-size: 110%;
}

.vso h1#site-name {
    margin-left: .5em;
}

.vso #header ul {
    margin-left: 0;
}

/* Responsive Top-hat */
@media (max-width: 480px) {
    #osu-top-hat {
        background-color: #dc4405;
        background-image: -moz-linear-gradient(top, #dc4405, #ae3d00);
        background-image: -ms-linear-gradient(top, #dc4405, #ae3d00);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc4405), to(#ae3d00));
        background-image: -webkit-linear-gradient(top, #dc4405, #ae3d00);
        background-image: -o-linear-gradient(top, #dc4405, #ae3d00);
        background-image: linear-gradient(top, #dc4405, #ae3d00);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc4405', endColorstr='#ae3d00', GradientType=0);
        height: auto;
        border-bottom: none;
        text-align: center;
    }

    #osu-top-hat ul,
    #osu-top-hat .search,
    #osu-top-hat .search-branded,
    #osu-top-hat img {
        display: none;
    }

    #osu-top-hat #osu-title {
        display: block;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
    }

    #osu-top-hat #osu-title a {
        padding: 0 8px;
    }

    #branding hgroup #site-description {
        display: none;
    }

    #branding hgroup #site-title {
        margin-left: 0 !important;
        font-size: 22px;
        line-height: 20px;
    }
}

/* Close Media Query 480px */
@media (min-width: 767px) {
    #osu-top-hat {
        width: 100%;
        font-family: 'Open Sans', sans-serif;
        background: #dc4405;
    }

    .parenttitle {
        background: #000;
        color: #fff;
        display: block;
        padding: 5px;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .parenttitle a {
        color: #fff;
    }
}

/* Close Media Query 767px */
@media (min-width: 481px) and (max-width: 767px) {
    #osu-top-hat {
        width: 100%;
        font-family: 'Open Sans', sans-serif;
        background: #dc4405;
    }

    #osu-top-hat .search,
    #osu-top-hat .online,
    #osu-top-hat .campaign {
        display: none;
    }
}

/* Close Media Query 481px - 767px */
.table th,
.table td {
    padding: 2px;
}

table .label {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    text-transform: inherit;
}

/* placeholder color */
:-ms-input-placeholder {
    color: #f2f2f2;
    font-style: italic;
    opacity: .9;
}

::-moz-placeholder {
    color: #f2f2f2;
    font-style: italic;
    opacity: .9;
}

:-moz-placeholder {
    color: #f2f2f2;
    font-style: italic;
    opacity: .9;
}

::-webkit-input-placeholder {
    color: #f2f2f2;
    font-style: italic;
    opacity: .9;
}

blockquote cite:before {
    content: '\2014 \00A0';
}

blockquote cite {
    color: #999999;
    display: block;
    font-size: 13px;
    line-height: 18px;
}

figure {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.clear {
    clear: both;
}

#site-description {
    /* Wordpress uses this on H2 sub headers */

    line-height: 16px;
    font-size: 18px;
    font-weight: normal;
}

/* Images */
.entry-content .post-thumbnail {
    margin: 0 20px 20px 0;
}

.thumbnail > img {
    width: 100%;
    width: auto \9;
    /* Cure IE8 max-width bug */

}

header img,
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
    /* Fluid images for posts, comments, and widgets */

}

header img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
img[class*="avatar"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.osu-footer {
    min-height: 150px;
    height: auto;
    width: 100%;
    background: #000;
    border-top: 4px solid #dc4405;
}

.osu-footer .container {
    padding-top: 20px;
}

.osu-footer a {
    color: #fff;
    text-decoration: underline;
}

.osu-footer a:hover,
.osu-footer a:active,
.osu-footer a:focus {
    color: #fff;
    background-color: #666;
    text-decoration: none;
    border-radius: 3px;
}

.osu-footer p,
.osu-footer h3,
.osu-footer .general-contact {
    color: #fff !important;
}

.widget {
    word-wrap: break-word;
}

.widget img {
    height: auto;
}

.widget .wp-caption {
    display: inline-block;
}

.widget_calendar {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.widget_calendar .widget-title {
    padding-left: 16px;
}

/* Jetpack plugin code */
.thubmnail.aligncenter {
    display: table;
    margin: 0 auto;
}

/* Pagination widgets */
.pagination {
    height: auto;
}

/* JetPack -------------------------------------------------------------- */
/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .pagination,
.infinite-scroll.neverending #colophon {
    display: none;
}

/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending #colophon {
    display: block;
}

/* Search box */
#searchform input[type='search'] {
    -webkit-appearance: none;
    -webkit-border-radius: 3px 0 0 3px !important;
    border-radius: 3px 0 0 3px !important;
}

#searchform input[type='submit'] {
    border-radius: 0 3px 3px 0;
}

/* =Responsiveness
-------------------------------------------------------------- */
@media (max-width: 1200px) and (min-width: 980px) {
    #searchform input.span2 {
        width: 120px;
    }
}

@media (max-width: 979px) {
    .navbar-inner {
        padding: 0;
    }

    .navbar-inner .dropdown-menu .dropdown-menu {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    body {
        padding: 0;
    }

    .container {
        width: auto;
        padding: 0 10px;
    }

    #page {
        margin: 0;
        padding: 0;
    }

    .thumbnail[class*="span"],
    .gallery [class*="span"] .thumbnail {
        display: table;
        float: left;
    }

    .carousel .item > img {
        width: 100%;
    }

    .thumbnails > li:nth-child(4n+1) {
        margin-left: 0;
    }

    .thumbnails [class*="span"] {
        width: 21%;
    }

    .thumbnails > img {
        width: auto;
    }

    .sidebar-content #primary,
    .sidebar-content #attachment-comment {
        float: none;
        margin: inherit;
    }

    #s {
        display: inline-block;
    }

    #site-generator,
    #site-generator.footer-nav-menu a {
        float: none;
        margin-top: 5px;
    }

    textarea[class*="span"] {
        height: auto;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        margin: 0;
    }
}

@media (min-width: 768px) and (max-width: 778px) {
    #page {
        margin-right: -15px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .dl-horizontal dt {
        width: 85px;
    }

    .dl-horizontal dd {
        margin-left: 95px;
    }

    #searchform input.span2 {
        width: 70px;
    }
}

@media (min-width: 768px) {
    #osu-top-hat,
    .osu-footer {
        min-width: 768px;
    }
}

@media (min-width: 979px) {
    #osu-top-hat,
    .osu-footer {
        min-width: 979px;
    }
}

@media (min-width: 1200px) {
    #page {
        margin-right: -30px;
        padding: 24px 0 10px;
    }

    .sidebar-content #primary,
    .sidebar-content #attachment-comment {
        margin-right: 30px;
    }

    #osu-top-hat,
    .osu-footer {
        min-width: 1200px;
    }

    .wp-caption {
        display: table;
    }
}

@media (min-width: 481px) {
    #branding {
        position: relative;
    }

    .form-horizontal > p,
    .form-horizontal .captchaSizeDivLarge {
        padding-left: 160px;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 24px;
    }

    #page {
        padding: 0;
    }

    body.custom-background {
        background: #fff !important;
        /* overwrite custom backrounds for phone sizes */

    }

    body > .container .well,
    body > .container .form-actions {
        margin: 6px -10px;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

/* End of file style.css */

/* Kegan Page-Home Template */

.page-template-page-home .page-header {
    display: none;
}
