/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * cbmm.mit.edu
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2016
 */


/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 * You can use either the complete or subsetted fonts:
 * If you don’t require the entire range of characters, you can use the smaller, subsetted webfonts instead.
 * See "Glyphs & Languages" for an overview of the characters in the *_subsetted.html file in the root directory of this package.
 *
 */


/* Complete */

@font-face {
    font-family: "Akkurat-Light";
    src:url("/sites/default/files/fonts/lineto-akkurat-light.eot");
    src:url("/sites/default/files/fonts/lineto-akkurat-light.eot?#iefix") format("embedded-opentype"),
        url("/sites/default/files/fonts/lineto-akkurat-light.woff2") format("woff2"),
        url("/sites/default/files/fonts/lineto-akkurat-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Regular";
    src:url("/sites/default/files/fonts/lineto-akkurat-regular.eot");
    src:url("/sites/default/files/fonts/lineto-akkurat-regular.eot?#iefix") format("embedded-opentype"),
        url("/sites/default/files/fonts/lineto-akkurat-regular.woff2") format("woff2"),
        url("/sites/default/files/fonts/lineto-akkurat-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Lightitalic";
    src:url("/sites/default/files/fonts/lineto-akkurat-lightitalic.eot");
    src:url("/sites/default/files/fonts/lineto-akkurat-lightitalic.eot?#iefix") format("embedded-opentype"),
        url("/sites/default/files/fonts/lineto-akkurat-lightitalic.woff2") format("woff2"),
        url("/sites/default/files/fonts/lineto-akkurat-lightitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Italic";
    src:url("/sites/default/files/fonts/lineto-akkurat-italic.eot");
    src:url("/sites/default/files/fonts/lineto-akkurat-italic.eot?#iefix") format("embedded-opentype"),
        url("/sites/default/files/fonts/lineto-akkurat-italic.woff2") format("woff2"),
        url("/sites/default/files/fonts/lineto-akkurat-italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Bold";
    src:url("/sites/default/files/fonts/lineto-akkurat-bold.eot");
    src:url("/sites/default/files/fonts/lineto-akkurat-bold.eot?#iefix") format("embedded-opentype"),
        url("/sites/default/files/fonts/lineto-akkurat-bold.woff2") format("woff2"),
        url("/sites/default/files/fonts/lineto-akkurat-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Akkurat-Bolditalic";
    src:url("/sites/default/files/fonts/lineto-akkurat-bolditalic.eot");
    src:url("/sites/default/files/fonts/lineto-akkurat-bolditalic.eot?#iefix") format("embedded-opentype"),
        url("/sites/default/files/fonts/lineto-akkurat-bolditalic.woff2") format("woff2"),
        url("/sites/default/files/fonts/lineto-akkurat-bolditalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family:'FontAwesome';
src:url('/sites/default/files/fonts/fontawesome-webfont.eot?v=4.7.0');
src:url('/sites/default/files/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/sites/default/files/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/sites/default/files/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/sites/default/files/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/sites/default/files/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight:normal;
font-style:normal
}

html, body {
    font-family: Akkurat-Regular;
  }

.snw-n #site-name, .snw-b #site-name, .ssw-b #site-slogan, .ptw-b #page-title, .ntw-b .node-title {
    font-size: 32px;
    font-weight: 300;
}

body {
    font-weight: 400;
}

#messages-help-wrapper {
margin-top: 50px;
}

h1, h2, h3, h4 {
    font-weight: 400;
}

h2, h2 a {
font-size: 22px;
color: #006eb6 !important;
}

h3 {
    margin-bottom: 10px;
}

h1 {
    margin-bottom: 20px;
font-size: 44px;
text-transform: uppercase;
line-height: 46px;
}

hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.snw-b #site-name, .ssw-b #site-slogan, .ptw-b #page-title, .ntw-b .node-title, .ctw-b .comment-title, .btw-b .block-title {
    font-weight: inherit;
}

td, th {
    vertical-align: top;
}

.two-sidebars #content-wrapper, .sidebar-second #content-wrapper {
background-image: url("/sites/default/files/images/cbmm-site-bg-stripe.gif");
    background-position: center;
}


.content-style {
    border: medium none;
    min-height: 170px;
    padding: 0;
}

.content-margin {
    margin: 0;
}

.region-sidebar-first {
    margin-top: 25px;
}

.two-sidebars #content-wrapper #main-content, .sidebar-first #content-wrapper #main-content {
    border-left: 1px solid #ccc;
    padding-left: 30px;
}

#content-wrapper #main-content {
padding-right: 10px;
}

.content-inner, .sidebar-first .content-inner, .two-sidebars .content-inner {
margin-top: 25px;
margin-bottom: 25px;
}

/* margin: 25px 235px 25px 225px; */

.field .field-label {
    font-weight: 400;
}

.block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages {
    margin-left: 0;
    margin-right: 0;
}


/* input boxes */

input.form-text, input.form-password, input.form-file, textarea, .form-textarea-wrapper.resizable textarea {
    border-radius: 0;
}

/* breadcrumbs */

.crumb-title, .crumb-separator, .breadcrumb a {
   color: #fff;
}

.breadcrumb a:hover {
 border-bottom: 1px solid;
}

.crumb-title, .crumb-separator, #crumbs, .breadcrumb {
    font-size: 13px;
    text-transform: uppercase;
}

/* hide likebtn global */

.likebtn_container {
    display: none;
}

/* Colorbox images */

.colorbox img {
    border: 1px solid #ccc;
padding: 5px;
}

.colorbox:after {
    content: "(click on image to enlarge)";
    font-size: 12px;
 text-align: center;
padding-top: 5px;
display: block;
}

#cboxTitle {
    color: #000;
}

.colorbox.init-colorbox-processed.cboxElement {
    float: left;
    margin: 2px 10px 10px 0;
}

/* responsive iframes/embedded videos */

.video-responsive {
 position: relative;
padding-bottom: 56.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden;
margin-bottom: 10px;
clear: both;
}

.video-responsive iframe, .video-responsive object, .video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* non-youtube right column video thumbs */

#block-views-videos-block a {
    color: #3389c3 !important;
}

#block-views-videos-block .views-field-field-event-date {
    margin-top: 10px;
}

.field-name-field-video-non-youtube-embed iframe {
    border: medium none;
    width: 240px;
}

.non-youtube-cover .field-items .field-item {
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
pointer-events: none;
}

/* quicktabs accordian styling */

.ui-state-default .ui-icon, .ui-state-active .ui-icon {
    float: left;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all > a, .ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top > a {
    display: block;
    margin-left: 25px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #ccc;
background: none;
font-weight: 300;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-widget-content a {
    color: #3389c3;
}

.ui-widget-content a:hover, .ui-state-hover a:hover {
    color: #4b4c4d;
}

.ui-accordion-content p {
font-size: 13px;
line-height: 14px;
}

/* share this block */


.region-secondary-content .region-inner > .block.first {
    min-height: 165px;
}

#secondary-content-wrapper .container {
    max-width: 790px;
    min-height: 225px;
    padding-left: 260px;
}

/* Videos */

#block-views-videos-block h1.node-title a {
font-size: 18px;
}

#block-views-videos-block .node-title {
    line-height: 18px;
}

#block-views-videos-block .field-name-field-video-youtube img {
border: 1px solid #ccc;
}

#block-views-videos-block .field-name-field-video-youtube img:before {
  content: "";
  position: absolute;
  top: center;
  left: center;
  height: 100%;
  width: 100%;
  background: url("/sites/default/files/images/youtube-play.png");
  background-size: 100% 100%;
background-repeat: no-repeat;
}

#block-views-videos-block .node-readmore {
display: none;
}


#content-wrapper a[target="_blank"]::after {
    content: url("/sites/default/files/images/target-arrow.png");
padding-left: 5px;
}


/* Sidebar Second */

#secondary-content-wrapper, #top-panels-wrapper, #content-wrapper, #footer-panels-wrapper, #tertiary-content-wrapper {
    margin-bottom: 0;
}

/* .columns-inner {
    overflow: hidden;
} */

#block-views-videos-block h1.node-title {
display: none;
}

.region-sidebar-second {
width: 200px;
font-size: 13px;
line-height: 16px;
    background: #dadcdd none repeat scroll 0 0;
    padding-left: 15px;
    padding-top: 60px;
/* margin-bottom: -5000px;
    padding-bottom: 5000px; */

}

.region-sidebar-second h2 {
font-size: 15px;
text-transform: uppercase;
}

.biblio-title {
    color: #00ac8c;
    font-family: inherit;
    font-weight: normal;
    text-decoration: underline;
}

/* masquerade */

#block-masquerade-masquerade a {
    font-size: 14px;
}

#block-masquerade-masquerade, #block-masquerade-masquerade .description {
    font-size: 14px;
color: #fff;
}

/* Learning Hub Associated Block */

#block-block-223 {
    position: absolute;
    right: 20px;
    bottom: 10px;
    text-align: right;
line-height: 24px;
text-shadow: -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666;
}

#block-block-223 img {
    float: right;
    margin-left: 10px;
}

#block-block-223 .block-inner .block-content a {
    color: #fff !important;
    font-weight: normal !important;
    font-family: Akkurat-Regular !important;
}

/* Tablet portrait one-col-stack */ 
@media all and (max-width:1055px) {


#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages, .breadcrumb {
    margin-left: 10px;
    margin-right: 10px;
}

#block-menu-block-1 .block-inner, #block-sharethis-sharethis-block .block-inner {
    margin-left: 0;
    margin-right: 0;
}

#secondary-content-wrapper .container {
    max-width: 100%;
    padding-left: 0;
}

}


@media only screen and (max-width:800px) {

.two-sidebars #content-wrapper, .sidebar-second #content-wrapper {
background-image: none;
}

.two-sidebars #content-wrapper #main-content, .sidebar-first #content-wrapper #main-content {
    border-left: none;
    padding-left: 10px;
}

.sidebar-first .content-inner, .two-sidebars .content-inner {
    margin-left: 0;
    margin-right: 0;
}

.sidebar-first #main-content {
    border-left: medium none;
    padding-left: 0;
}

.region-sidebar-second {
    width: 100%;
}


@media only screen and (max-width:480px) {

#block-block-223 {
    position: relative;
    right: unset;
    bottom: unset;
    text-align: right;
    margin: 20px auto;
    width: 160px;
}


}

.region-sidebar-second .block {
    float: none;
}

}

@media print {

a:link[href^="http://"]:after,
a[href^="http://"]:visited:after {
  content: none;
  font-size: 10pt;
 }
}
