/* CAS Custom Layouts */

table tr {
    border-top: 1px solid #D7D7D7;
}

table td {
padding:8px;
}

table tr {
    color: #0A304E;
}

.stl-timeline{
	height: 850px;
}

.btn-default {
  border-radius: 0;
  height:30px;
  line-height:15px;
  border-color:#D8D8D8;
}

.events-table table tr:last-child {
    border-bottom: 0px;
}



h2.highlighted {
    background-color: #888;
    color: #f4f4f4;
    padding: 10px;
    font-weight: normal;
    letter-spacing: -1px;
}

.alignleft { float: left; }

.alignRight { float: right; }

#cwru-tabs-dropdown-toggle:focus { outline: none; }

#cas-top-slider-container {
    /*
    position: relative;
    top: 0px;
    width: 100%;
    color: #333;
    border-top: 5px solid rgba(0,0,0,.25);
    */
}
#cas-top-slider-container h2 a {
    color: #666;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding: 0px 0px 5px 0px;
    float: right;
    width: 220px;
    background-image: url("../images/cas-tab-bg.png");
}


#cas-top-slider-panel {
    display: none;
    background-color: #eee;
    padding-bottom: 10px;
}

#cas-top-slider-panel h2 {
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
    border-bottom: 1px solid #ccc;
    line-height: 18px;
    margin-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#cwru-links-container {
    color: #666;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding: 0px 0px 5px 0px;
    float: right;
    width: 220px;
    margin-top: 5px;
}
#cwru-links-container a {
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
}

.background-mixin {
    /*background-image: url("../images/logo-for-bg.png");*/
    background-repeat: no-repeat;
    background-position: bottom right;
}

#cas-top-bar {
    width: 100%;
    background-color: #0A304E;
    border-top: 10px solid rgba(0,0,0,.33);
    border-top: 6px solid #eee;

}

#cas-top-bar img#cwruCASLogo {
    margin-top: 20px;
    float:left;
}

#cas-top-bar img#cwruLogo {
    margin-top: 15px;
    float:left;
}


#cas-top-bar .search-area {
    float: right;
    margin-top: 5px;
    position: relative;
    color: #fff;
}
#cas-top-bar .search-area input {
    padding: 0px 5px;
    font-size: 12px;
    height: 20px;
    width: 162px;
    margin: 0px;
    border: none;
    box-shadow: none;
}
#cas-top-bar .search-area input:focus {
    border: none;
    box-shadow: none;
}

#cas-top-bar .search-area img {
    width: 20px;
    height: 20px;
    margin: 0px;
    margin-top: 0px;
    margin-right: 5px;
}

#cas-top-bar .btn {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 20px;
}

#cas-top-bar ul.dropdown-menu {
    position: absolute;
    width: 133px;
    min-width:100px;
    left: -230px;
}

#cas-top-bar ul.dropdown-menu li a {
    text-align: right;
    font-size: 13px;
}
#cas-top-bar {
    float:right;
}

#cas-top-bar .headerFeatures {
    height:100px;
}

#cas-top-bar h1.topBarDepartmentName {
    font-weight: 500;
    display: inline;
    position: relative;
    top: 26px;
    color: #fff;
    font-size:31px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
#cas-top-bar h1.topBarDepartmentName {
    font-size: 21px;
}
}

#cas-top-bar .cwruSearch {

}
#cas-top-bar img {
    margin-top: 6px;
}
#cas-top-bar #cas-top-bar-tabs {
    font-family: 'Titillium Web';
    font-size: 18px;
    font-weight: 300;
    text-align: right;
    position: relative;
    margin-top:3px;
    width: 100%;
    height: 25px;
}

#cas-top-bar #cas-top-bar-tabs #cwru-tabs {
    background-color:#626262;
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 18px;
}
#cas-top-bar #cas-top-bar-tabs #cwru-tabs a {
    color: #fff;
    text-decoration: none;
}
#cas-top-bar #cas-top-bar-tabs #cwru-tabs ul#cwru-tabs-dropdown {
    position: absolute;
    left: 0px;
    
}
#cas-top-bar #cas-top-bar-tabs #cwru-tabs ul#cwru-tabs-dropdown a {
    text-align: left;
    font-size: 16px;
    color: #000;
}
#cas-top-bar #cas-top-bar-tabs #cwru-tabs ul#cwru-tabs-dropdown a:hover {
    color: #0A304E;
}

#cas-top-bar #cas-top-bar-tabs .college-tab {
    background-color: #eee;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
    cursor: pointer;
}
#cas-top-bar #cas-top-bar-tabs #search-tab {
    color: #fff;
    display: inline;
    margin-left: 5px;
    font-size: 16px;
}


#cas-top-bar #top-bar-search-slider {
    width: 405px;
    background-color:#0A304E;
    position: relative;
    float: right;
    top: -59px;
    right: 19px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    display: none;
    height:30px;


}	
#cas-top-bar #top-bar-search-slider form {
    float: right;
    margin-top: 0px;
    margin-right: 5px;
    height:28px;
}
#cas-top-bar #top-bar-search-slider form input {
    border: none;
    font-size: 16px;
    height: 28px;
    width:250px;
    text-align: center;
    color:#0A304E;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
    font-weight:400;
}

#top-bar-search-slider form input {

}

input#top-bar-search-slider-input {

    vertical-align: top;
}
form#cse-search-box button {
    border: none;
    margin: 0px;
    color:#0A304E;
    padding: 3px 8px;
    background-color: #eee;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
}
#cas-top-bar #top-bar-search-slider form button:active {
    border: none;
    margin: 0px;
    padding: 3px 8px;
    color: #eee;
    background-color: #aaa;
}


#cas-mobile-top-bar {
    width: 100%;
    background-color: #0A304E;
    padding-top: 15px;
    padding-bottom: 10px;
}
#cas-mobile-top-bar h1 {
    font-weight: 300;
    position: relative;
    top: 8px;
    font-size: 32px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 10px;
    margin-top: 5px;
}
#cas-mobile-top-bar .mobile-button {
    float: right;
    display: inline;
    position: relative;
    top: -2px;
    margin-left: 20px;
    background-color: rgba(0,0,0,.25);
    padding: 5px;
   
}
#cas-mobile-top-bar .mobile-button img {
    width: 25px;
    height: 25px;
}

#cas-mobile-menu-slider-toggle {
    font-size: 22px;
    background-color: #eee;
    color: #333;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left:0 !important;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    clear: both;
    text-align:center;
    margin-bottom: 20px;
}

input#appendedInputButton {
    height: 30px;
}

#cas-mobile-department-menu {
    border: none;
}
#cas-mobile-department-menu-accordian {
    display: none;
}
#cas-mobile-department-menu .accordion-heading {
    background-color: #626262;
    font-family: "Titillium Web", Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    color:#fff;
    padding:5px 0;
}
#cas-mobile-department-menu .accordion-heading a {
    color: #fff;
    padding-left: 0px;
    margin-top:5px;
    margin-bottom:5px;
    text-decoration:none;
}
#cas-mobile-department-menu .accordion-group {
    border: none;
}
#cas-mobile-depatment-menu .accordion-body {

}

#mobile-nav-search {
    margin-top: 15px;
    margin-bottom:15px;
    padding-left:20px;
}

#cas-large-feature-rotator {
    width: 100%;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}
#cas-large-feature-rotator img.single {
        display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
}

#cas-large-feature-rotator .container {

}
#cas-large-feature-rotator .container img {
    z-index: 1;
}
#cas-large-feature-rotator .container .carousel {
    margin-bottom: 0px;
}
#cas-large-feature-rotator .container .feature-role-menu {
    position: absolute;
    width: 100%;
    height: 285px;
}
#cas-large-feature-rotator .container .feature-role-menu ul {
    position: absolute;
    left: 640px;
    top: 149px;
    width: 300px;
    height: 130px;
    background-color: rgba(0,0,0,.75);
    z-index: 5;
    list-style: none;
    margin: 0px;
}
#cas-large-feature-rotator .container .feature-role-menu ul li {
    width: 100%;
    padding-top: 7px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
#cas-large-feature-rotator .container .feature-role-menu ul li a {
    width: 100%;
    text-decoration: none;
    padding-left: 15px;
    text-transform: uppercase;
    font-size: 18px;
    color: #eee;
    letter-spacing: -1px;
}
#cas-large-feature-rotator .container .feature-role-menu ul li:hover {
    background-color: #fff;
}
#cas-large-feature-rotator .container .feature-role-menu ul li:hover a {
    color: #000;
}
#cas-large-feature-rotator .container .feature-role-menu ul li.last {
    border-bottom: 0px;
}

#cas-small-feature {
    margin-top: 3px;
    width: 100%;
    background-color: #626262;
    padding-top: 15px;
    padding-bottom: 15px;
}
#cas-small-feature .departmentName {
    color: #fff;
    font-size: 32px;
    text-shadow: 1px 1px #333;
    line-height: 32px;
}

#cas-department-menu {
    width: 100%;
    background-color: #eee;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    padding-top:0;
}


#cas-breadcrumbs {
    width: 100%;
    font-weight: normal;
    color: #999;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 12px;
}

#cas-breadcrumbs a {
    color: #0a304e;
    text-decoration: underline;
}

#cas-breadcrumbs .arrow {
    color: #aaa;
}

#last-modified {
    text-align: right;
    font-size: 13px;
    color: #a2a2a2;
}

#cas-footer {
    width: 100%;
    background-color: #eee;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-top: 1px solid #e0e0e0;
    color: #0a304e;
    padding-top: 20px;
    padding-bottom: 20px;

}
#cas-footer h1 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0a304e;
    font-weight: 300;
    line-height: 24px;
}

#cas-footer p.contact-info {
    font-size: 14px;
    font-weight: 300;
}
#cas-footer p.contact-info a {
    font-size: 13px;
    border-bottom: 1px dotted #626262;
    color: #0a304e;
    text-decoration: none;
    font-weight: 300;
}

#cas-footer h2 {
    font-size: 18px;
    color: #0a304e;
    line-height: 27px;
    text-transform: uppercase;
    border-bottom: 1px solid #626262;
    margin-bottom: 10px;
}

#cas-footer .connect {
    min-height: 100px;
}

h1.headline {
    color: #0A304E;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 15px;
}

h2.facultySubhead {
    color: #333;
    font-size: 18px;
    line-height: 18px;
    text-shadow: 1px 1px #ddd;
    margin-bottom: 20px;
}

h2.section-head {
    color: #0a304e;
    padding: 10px;
    background-color:#eee;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;

}


::selection {
    background-color: #1d496b;
    color: #fff;
}
::-moz-selection {
    background-color: #1d496b;
    text-shadow: 1px 1px #000;
    color: #fff;
}



.widget {
    margin-bottom:30px;
}

.view-full-calendar {
    margin-top:20px;
    margin-bottom:30px;
}

.view-full-calendar a {
    text-decoration: none;
}

.fa-angle-double-right {
    margin-left:3px;
}
.fa-search {
    cursor:pointer;
}

.events-sidebar {
    color: #333;
    margin-bottom:20px;
}

.event-container {
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 20px;
    clear: both;
    line-height: 19px;
    font-family: "Titillium Web", Arial, sans-serif;
    color: #333;
    min-height: 40px;


}
.event-container .eventDate {
    float: left;
    width: 55px;
    text-align: left;
    margin-right: 15px;


}
.event-container .eventDate .month {
    display:inline-block;
    text-align:center;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    width:55px;
    border:1px solid #0a304e;
    height:25px;
    background-color:#0a304e;

}
.event-container .eventDate .day {
    text-transform: uppercase;
    text-align:center;
    display:inline-block;
    color: #0a304e;
    font-size: 16px;
    width:55px;
    height:35px;
    line-height: 35px;
    background-color:#fff;
    border:1px solid #a2a2a2;
    border-top:0;
}
.event-container .eventDate .dayTrail {
    text-transform: uppercase;
    color: #666;
    font-size: 14px;
    letter-spacing: -1px;
}

.event-container .eventBody {
    display: block;
    min-height: 35px;
    font-size: 16px;


}


@media (max-width: 767px) {
    #cas-top-bar,
    #cas-large-feature-rotator,
    #cas-small-feature,
    #cas-footer,
    #cas-top-slider-container,
    #cas-department-menu,
    #cas-mobile-department-menu .accordion-heading,
    #cas-mobile-department-menu .accordion-inner,
    #cas-mobile-top-bar,
    #cas-mobile-menu-slider-toggle 
    {
       
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top:5px;
        padding-bottom:5px;
          
    }
}



/* Homepage */

.homepage-news-story {

    word-wrap: break-word;
    margin-bottom: 30px;
}

.read-more {
    font-weight: 500;
    padding:0 8px;
    display:inline-block;
    background-color:#eee;
    text-decoration: none;
    border-left:3px solid #ccc;
    margin-left:5px;

}

.read-more:hover {
    border-left:3px solid #0a304e;
    text-decoration:none;
    background-color:#e1e1e1;
}

.homepage-news-story h3 {
    text-decoration: none;
    font-size: 18px;

    font-weight: 600;
}

.homepage-news-story h3 a {
    text-decoration: none;
    font-size: 18px;

    font-weight: 600;
}
.homepage-news-story img {
    width:100%;
    height:100%;
    margin-bottom: 10px;

    /*border: 2px solid #ddd;*/
}
.homepage-news-story h3, .single-news-story h3 {
    margin-bottom: 10px;
    line-height: 18px;
}

.affix{
    position: fixed;
    top: 20px;
    width: inherit;
}

#homepage-highlights {

}
#homepage-highlights .homepage-highlight {
    color: #333;
    border-bottom: 1px solid #ddd;
}
#homepage-highlights .homepage-highlight h2 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    padding:10px 0;

}
#homepage-highlights .homepage-highlight p {

}
#homepage-highlights .homepage-highlight:last-child {
    color: #333;
    border-bottom: none;
}

a.social-badge {
    width: 39px;
    height: 39px;
    margin-right: 6px;
    display: block;
    float: left;
    background-color: #626262;
    margin-bottom: 10px;
    color: #fff;
    font-size: 29px;
    text-align: center;
    padding-top: 5px;
}

a.social-badge:last-child {
  margin-right: 0;
}

a.social-badge:hover {
    background-color:#0a304e;
    text-decoration: none;
}




img.wp-post-image, img.attachment-thumbnail, img.attachment-medium, img.attachment-large {
    margin-right: 10px;
    margin-bottom: 10px;
}

form.cas-contact-form label {
    font-weight: bold;
    font-family: 'Titillium Web';
    font-size: 16px;
}

/* SINGLE NEWS PAGE */

.single-news-story {
    margin-top: 10px;
}

/* LEFT NAVIGATION */

.nav-stacked li a {
    color: #0A304E;
}

.nav-pills > li > a {
  border-radius: 0px;

}

.nav-stacked > li + li {
  margin-top: 0;
  margin-left: 0;
}

#cas-left-navigation li.current_page_item {
    /*background-color: #0a304e;*/
}
#cas-left-navigation li.current_page_item a {
    border-left: 3px solid #0a304e;
    padding-left: 12px;
}
#cas-left-navigation ul.children li {
    border: none;
}

#cas-left-navigation li.current_page_item ul li a {
    border: none;
}

#cas-left-navigation {
    margin-bottom: 50px;
}

 @media only screen and (min-width: 992px) {
    .footer-right-margin {
    border-right: 1px solid #aaa;
    margin-right: -1px;
    }
 }


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

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    float: none;
}

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

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

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    float: none;
}

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

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

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

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    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 {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 5px 4px 5px;
}


.artsdepthome {
    background-color: #f2f2f2;
    color: #0A304E;
    float:left;
    margin-right:10px;
    padding: 10px;
}

.cas-person-profile {
    max-width: 250px;
    max-height: 250px;
    border: 3px solid #ccc;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}

#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}


.feature-box a {
    text-decoration:none;
    color:#0a304e;
    display:inline-block;
    padding-left:20px;
    line-height: 64px;
    width:100%;
    text-transform: uppercase;
}

.feature-box {


    min-height:64px;
    margin-bottom: 17px;


}

.feature-box h3 {
    background-color:#eee;
    border-right:4px solid #ccc;
    font-size:22px;
}


.feature-box h3:hover {
    background-color:#e1e1e1;
    border-right:4px solid #0a304e;
}

.feature-box:last-child {
    margin-bottom:0;
}
.feature-box i {
    margin-right:10px;
}

.home-mission {
    margin-bottom:20px;
    margin-top:10px;
}

/*SOCIAL COLORS*/
a.social-badge.twitter {
    background-color: #00aced;
}

a.social-badge.instagram {
    background-color: #125688;
}

a.social-badge.facebook {
    background-color: #3b5998;
}

a.social-badge.linkedin {
    background-color: #007bb6;
}

a.social-badge.youtube {
    background-color: #bb0000;
}

a.social-badge.flickr {
    background-color: #ff0084;
}

a.social-badge.apple {
    background-color: #626262;
}

a.social-badge.twitter:hover {
    background-color: #00aced;
}

a.social-badge.facebook:hover {
    background-color: #3b5998;
}

a.social-badge.linkedin:hover {
    background-color: #007bb6;
}

a.social-badge.youtube:hover {
    background-color: #bb0000;
}

a.social-badge.flickr:hover {
    background-color: #ff0084;
}

a.social-badge.apple:hover {
    background-color: #626262;
}

.navigation {
    text-align:center;
    padding:20px;
}

.extra-margin {
    margin-top:20px;
}

.wide-news {
    border-bottom: 1px solid #eaeaea;
    margin-bottom:30px;
    margin-top:30px;
}

.wide-news:last-child {
    border-bottom:0;
}

.hide-if-no-customize {
    display: none;
}

@media only screen 
  and (min-width: 960px){
.banner-container {
    height:225px;
}
}

.banner-large {
    height: 100%;
}

@media only screen 
  and (max-width: 1199px){
.feature-box h3 {
    font-size:18px;
    }
    .feature-box {
    min-height: 34px;
    margin-bottom: 11px;
}
.feature-box a {
    line-height: 55px;
}
}

article ul {
    overflow: hidden;
}

th.st-dir-name p, th.st-dir-type p, th.st-dir-email p, th.st-dir-phone p {
    font-weight: bold;
    color: #0a304b;
}

.widget img {
    height: auto;
}

/*/////////////////////GOOGLEFORMS//////////////////*/

div.ss-form-entry>input {
    background: none;
    background-color: #fff !important;
    border-radius: 0 !important;
    margin-bottom:30px;
    font-family: 'Titillium Web';
    font-size: 16px;
    padding: 10px 26px;
    display:block;
}

.ss-form-entry select, input.ss-q-other {
    border-radius: 0 !important;
    -webkit-appearance: none;
     display: block;
    background-color: #fff;
    padding: 10px 26px;
    margin-bottom: 30px;
}


div.ss-item.ss-select .ss-form-entry:before, div.ss-item.ss-date .ss-form-entry:before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    margin-top: 38px;
    margin-left: 10px;
}

div.ss-form-entry {
    width: auto;
    display: inline !important;
}

input[type="checkbox"] {
    margin-bottom: 10px;
}

.ss-item table tr {
    border-top: 0;
}

.ss-item input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
    background: #fff;
    border: 2px solid #0a304e;
    padding: 10px 60px;
    font-weight: bold;
}

.ss-item input[type="submit"]:hover {
   color:#fff;
    background: #0a304e;
    border: 2px solid #0a304e;
    transition:all .2s;
}

@media only screen 
  and (min-width: 1100px){
div.ss-form-entry>input, .ss-form-entry select, input.ss-q-other {
    width: 50%;
}
  }
  
  @media only screen 
  and (max-width: 1099px){
div.ss-form-entry>input, .ss-form-entry select, input.ss-q-other {
    width: 100%;
}

  }
  
  h2.ss-section-title {
    margin-top: 50px;
    margin-bottom: 20px;
}

.ss-q-title, span.ss-choice-label {
    font-weight: 500;
}

span.ss-required-asterisk {
    color: red;
}

input.ss-q-other-toggle {
    margin-bottom: 0;
}

table.ss-footer-content {
    display: none;
}