/**
 * @file
 * Stark layout method - positioning, border, margin, padding of container
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */

/**
 * BOOTSTRAP OVERRIDE
 */
.collapse.in.open {
    overflow: visible;
}

html, body {
    background: #f4f4f4;
}

header, article {
    display:       inline;
    float:         left;
    /*margin-left:   12px;*/
    margin-bottom: 12px;
}

a {
    color:           #000000;
    text-decoration: underline;
}

a:hover {
    color:           #C83486;
    text-decoration: underline;
}

.dropdown-toggle,
.dropdown-toggle:hover {
    text-decoration: none;
    color:           #C83486;
}

.dropdown-menu a {
    display:         block;
    padding:         3px 15px;
    clear:           both;
    font-weight:     normal;
    line-height:     18px;
    color:           #000000;
    text-decoration: none;
    white-space:     nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color:            #C83486;
    text-decoration:  none;
    background-color: transparent;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
    color:            white;
    background-color: #999;
    border-color:     #999;
}

.nav .dropdown-menu {
    top:                   -1px;
    left:                  70px;
    min-width:             122px;
    padding:               0 10px;
    background:            #fefcfe;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

.container-fluid {
    padding-top: 20px;
}

/**
 *  GENERAL
 */
.pink {
    color: #C83486;
}

.super_hidden {
    position:   fixed;
    width:      0;
    height:     0;
    left:       -9999px;
    visibility: hidden;
}

/**
 *  HEADER
 */
header {
}

header .navigation-wrapper {
    background: #fbf9fb;
}

header section {
    padding: 12px 12px 34px;
}

header #logo {
    float:  left;
    width:  100%;
    height: 79px;
}

header .region-header h2 {
    display: none;
}

header .form-wrapper {
    display:  none;
    position: fixed;
    height:   0;
    width:    0;
    left:     -1000px;
}

/**
 * CONTACT
 */
.region-header .block-block {
    font-family:    'Orator W01 Medium';
    text-transform: lowercase;
    font-size:      15px;
    line-height:    17px;
}

/**
 * NAVIGATION
 */
.nav {
    float:          left;
    width:          100%;
    margin:         0;
    padding:        0;
    border-top:     1px solid #d2d2d2;
    font-family:    'Orator W01 Medium';
    text-transform: uppercase;
    font-size:      15px;
    line-height:    15px;
}

.nav li {
    list-style: none;
}

.nav > li {
    list-style:            none;
    float:                 left;
    width:                 100%;
    margin:                0;
    padding:               0;
    border:                none;
    border-bottom:         1px solid #d2d2d2;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
}

.nav > li button,
.nav li a {
    background:      none;
    margin:          0;
    /*padding:         8px 0 5px;*/
    padding:         7px 0 5px; /* cufon */
    border:          none !important;
    font-family:     'Orator W01 Medium';
    text-transform:  uppercase;
    font-size:       15px;
    line-height:     15px;
    text-decoration: none;
}

.nav > li button.selected,
.nav > li button:hover,
.nav li a.active:hover {
    color:           #c83486;
    background:      transparent !important;
    text-decoration: none;
}

.nav .divider {
    border-top: 1px solid #D2D2D2;
}

.nav .nav-submenu {
    float:      left;
    width:      100%;
    border-top: 1px solid #D2D2D2;
    margin:     0;
}

.nav .nav-submenu li {
    margin-left: 25px;
    float:       left;
    clear:       both;
}

.nav .nav-submenu li.selected,
.nav .nav-submenu li.selected a,
.nav .dropdown-menu li.selected,
.nav .dropdown-menu li.selected a {
    color: #C83486;
}

.nav .nav-submenu li a {
    float: left;
}

.nav .view_by-label {
    color:       #C83486;
    float:       left;
    padding:     8px 0 5px;
    line-height: 15px;
}

.nav .view_by-dropdown {
    position:     absolute;
    left:         70px;
    border-left:  1px solid #D2D2D2 !important;
    padding-left: 9px;
    width:        134px;
}

.nav .caret_dropdown {
    background: url('../img/regular/dropdown.png') no-repeat left top transparent;
    display:    block;
    width:      30px;
    height:     28px;
    position:   absolute;
    right:      0;
    top:        0;
}

/**
 *  SEARCH + CONTACT (-> header <-)
 */
.block-search-api-page h2 {
    display: none;
}

.region-header .block-search-api-page .form-item,
.region-header .block-search-api-page .form-actions,
.block-search-api-page .form-item,
.block-search-api-page .form-actions {
    margin: 0;
}

.region-header .block-search,
.region-header .block-search-api-page,
.block-search,
.block-search-api-page {
    float:          left;
    /*padding-bottom: 43px; */
    padding-bottom: 40px; /* cufon */
    width:          100%;
}

.region-header .block-search form,
.region-header .block-search-api-page form,
.block-search form,
.block-search-api-page form {
    margin: 0;
}

.region-header .block-search-api-page input.form-text,
.block-search-api-page input.form-text {
    border:                none;
    border-bottom:         1px solid #D2D2D2;
    width:                 100% !important;
    float:                 left;
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    -webkit-transition:    none;
    -moz-transition:       none;
    -ms-transition:        none;
    -o-transition:         none;
    transition:            none;
    -webkit-appearance:    none;
    -moz-appearance:       none;
    -ms-appearance:        none;
    -o-appearance:         none;
    appearance:            none;
    /*font-family:           'Orator W01 Medium';*/
    /*font-family:           'Courier New';*/
    text-transform:        uppercase;
    font-size:             15px;
    line-height:           15px;
    float:                 left;
    padding:               5px 0 6px;
    color:                 #969696;
    margin:                0;
    background:            transparent;
}

.region-header .block-search-api-page input.form-submit,
.block-search-api-page input.form-submit {
    display: none;
}

.region-header .block-block p {
    margin: 0;
}

/**
 *  BOX
 */
header.search_card {
    height:     auto;
    min-height: 364px;
    z-index:    500;
}

.search_card,
.search_card-content-wrapper {
    width:  237px;
    /*width:      100%;*/
    height: 364px;
    /*min-height: 364px;*/
}

.search_card-open {
    height:  auto;
    opacity: 1 !important;
}

.search_card-open.isotope-hidden {
    opacity: 0 !important;
}

/*.search_card*/

article {
}

article section {
    padding: 7px 12px 38px;
}

article .search_card-content {
    cursor: pointer;
}

article .search_card-content:hover * {
    color: #5f5f5f;
}

article .search_card-content:hover img {
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE 8 */
    filter:         alpha(opacity = 85); /* IE 5-7 */
    -moz-opacity:   .85; /* Netscape */
    -khtml-opacity: .85; /* Safari 1.x */
    opacity:        .85; /* Good browsers */
}

article.search_card-open .search_card-content {
    cursor: default;
}

article.search_card.loading *,
article.search_card-open:hover .search_card-content * {
    color: #000;
}

article.search_card.loading img,
article.search_card-open:hover .search_card-content img {
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter:         alpha(opacity = 100); /* IE 5-7 */
    -moz-opacity:   1; /* Netscape */
    -khtml-opacity: 1; /* Safari 1.x */
    opacity:        1; /* Good browsers */
}

.search_card-open {
    width:  735px;
    height: auto;
}

.search_card-content-wrapper {
    background: #ffffff;
}

.search_card .search_card-marker {
    height:        7px;
    border-bottom: 2px solid #F4F4F4;
    padding:       5px 12px 6px;
}

.search_card .search_card-marker span {
    border:         none !important;
    /*font-family:    'Orator W01 Medium';*/
    text-transform: uppercase;
    font-size:      13px;
    line-height:    13px;
    float:          left;
}

.search_card .data_toggle,
.search_card-content {
    padding:     7px 12px 38px;
    min-height:  299px;
    /*font-family: 'Interstate';*/
    /*font:       23px/25px Arial;*/
    /*font-size:   23px;*/
    /*line-height: 25px;*/
    font-size:   13px;
    line-height: 17px;
    font-family: Arial;
    float:       left;
}

.search_card-content,
.search_card-content.detail {
    float: none;
}

.search_card-content .search_card-content-header {
    height:   105px;
    /*height: 100px;*/
    /*margin: 0 0 5px 0;*/
    overflow: hidden;
}

.research .search_card-content .search_card-content-header {
    height: 154px;
}

.search_card-open a:hover {
    color: #5f5f5f;
}

.research_quote .search_card-content p {
    font-family: Arial;
    font-size:   25px;
    line-height: 25px;
}

.ctype-blog .teaser,
.ctype-info .teaser,
.ctype-research .teaser {
    /*float:    left;*/
    clear:    both;
    float:    none;
    height:   50px;
    overflow: hidden;
}

.main_image,
.search_card-content-body * {
    float: left;
    clear: both;
    width: 100%;
    /*height: auto;*/
}

.search_card-content-body sup {
    float: none;
}

/* special for a */
.search_card-content-body p a,
.search_card-content-body div a {
    float: none;
    clear: none;
    width: auto;
}

.search_card-content-body img {
    padding-bottom: 8px;
    height: auto !important;
}

.search_card-content h2 {
    font-size:   25px;
    line-height: 25px;
}

.search_card-content-facts,
.search_card-content-related,
.search_card-content-share {
    margin-top: 38px;
    float:      left;
    width:      100%;
    clear:      both;
}

.detail .search_card-content-header {
    height:        auto !important;
    margin-bottom: 26px;
}

.search_card-content h3 {
    font-size:      13px;
    line-height:    17px;
    font-weight:    bold;
    padding-bottom: 2px;
    border-bottom:  2px solid #F4F4F4;
    text-indent:    12px;
    padding-right:  24px;
    margin-left:    -12px;
    width:          100%;
}

.search_card-content-facts ul {
    margin:     7px 0 0 0;
    list-style: none;
}

.search_card-content-facts li {
    font-size:    13px;
    line-height:  17px;
    padding-left: 90px;
}

.facts-list {
    width:       90px;
    float:       left;
    margin-left: -90px;
}

.search_card-content span,
.search_card-content p,
.search_card-content ul,
.search_card-content li,
.search_card-content a {
    /*font-size:   13px;*/
    /*line-height: 17px;*/
    font: 13px/17px Arial;
}

.search_card-open .search_card-content-body p {
    max-width: 570px;
}

.search_card-content-body ul, .teaser ul {
    list-style-type: none;
    padding:         0;
    margin:          0;
}

.search_card-content-body ul li, .teaser ul li {
    padding:  0;
    margin:   0 0 0 1.3em;
    behavior: expression(
            ( !this.before && parentNode && parentNode.tagName == 'UL' )
            ?
                ( this.before = true )
                & ( parentNode.style.listStyleImage = 'none' )
                & (
                    ( this.firstChild && this.firstChild.firstChild )
                    ?
                        ( this.firstChild.style.marginTop = '-1.2em' )
                        & ( this.firstChild.style.position = 'relative' )
                    : ''
                )
                & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
                & ( eNOBR.innerHTML = '&mdash;&nbsp;' )
                & ( this.insertBefore( eNOBR, this.firstChild ) )
            : ''
        );
}

.search_card-content-body ul>li:before, .teaser ul>li:before {
    content:     '\2014\a0';
    float:       left;
    margin-left: -1.25em;
}

.search_card-content-body ul>li>*:first-child:-moz-first-node, .teaser ul>li>*:first-child:-moz-first-node {
    margin-top: -1.2em;
}

.search_card-content-body ul>li>*, .teaser ul>li>* {
    text-indent: 0;
}

.search_card-content-body .media-image {
    height: auto !important;
}

.search_card-content .main_image {
    padding-bottom: 4px;
}

.search_card .loading_screen {
    background:       transparent;
    -ms-filter:       "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */
    filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000); /* IE6 & 7 */
    zoom:             1;
    background-color: rgba(0, 0, 0, 0.5);
    width:            100%;
    height:           100%;
    position:         absolute;
    top:              0;
    left:             0;
    z-index:          100;
}

.search_card .loading_screen img {
    /*margin: 74% 0 0 42%;*/
}

.search_card .data_toggle {
    position:   fixed;
    visibility: hidden;
    z-index:    -1000;
}

.search_card .facts li a {
    float: none;
}

.search_card-open .close {
    background:  url('../img/regular/close.png') no-repeat left top transparent;
    position:    absolute;
    right:       0;
    top:         0;
    width:       18px;
    height:      18px;
    text-indent: -1000px;
    overflow:    hidden;
    opacity:     1;
}

.search_card-open .close:hover {
    background: url('../img/regular/close-rollover.png') no-repeat left top transparent;
}

.search_card.no-image .search_card-content-header {
    height: auto;
}

.ctype-research.no-image .search_card-content-header,
.ctype-info.no-image .search_card-content-header {
    padding-bottom: 26px;
}

.ctype-blog.no-image .teaser,
.ctype-info.no-image .teaser,
.ctype-research.no-image .teaser {
    height: 260px;
}

/* content share */
.share_links {
    margin:    0;
    padding:   0;
    font-size: 13px;
    float:     left;
}

.share_links li {
    float:         left;
    list-style:    none;
    padding-top:   7px;
    padding-right: 9px;
    width:         24px;
    height:        24px;
}

/* related content */
/*#user-login {*/
.block-system {
    float:        left;
    padding-left: 300px;
}

.search_card-content-related {
}

.search_card-content-related .view {
    margin-left:   -9px;
    padding-right: 9px;
    width:         100%;
    float:         left;
}

.search_card-content-related .view-content {
    float:       left;
    padding-top: 5px;
    /*padding-bottom: 38px;*/
    font-size:   13px;
    line-height: 17px;
}

.search_card-content-related .views-row {
    float:       left;
    margin-left: 9px;
    cursor:      pointer;
    background:  #fff;
    position:    relative;
    width:       135px;
    height:      161px;
}

.search_card-content-related .views-row:hover * {
    color: #5f5f5f !important;
}

.search_card-content-related .views-row:hover img {
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)" !important; /* IE 8 */
    filter:         alpha(opacity = 85) !important; /* IE 5-7 */
    -moz-opacity:   .85 !important; /* Netscape */
    -khtml-opacity: .85 !important; /* Safari 1.x */
    opacity:        .85 !important; /* Good browsers */
}

.related-contents {
    display: none;
}

.related-contents.selected {
    display: block;
}

.related-contents .views-field.views-field-title {
    height:         34px;
    position:       relative;
    padding-bottom: 4px;
}

.related-contents .views-field.views-field-title .field-content {
    text-decoration: underline;
    position:        absolute;
    bottom:          4px;
}

.search_card-marker span:hover {
    color:  #C83486 !important;
    cursor: pointer;
}

.fullscreen-button {
    display:         none;
    position:        absolute;
    bottom:          20px; /* +8 */
    right:           9px;
    text-decoration: none;
    font-size:       13px;
    line-height:     13px;
    font-family:     'Share' !important;
    letter-spacing:  0.3em;
    padding:         3px 6px 3px 9px;
    background:      white;
    /*background: url('../img/full_screen_big.png') no-repeat center center;*/
    /*width: 136px;*/
    /*height: 110px;*/
    /*text-indent: -200px;*/
    /*overflow: hidden;*/
    width:           auto;
    float:           right;
}

.fullscreen-button:hover {
    color: #C83486 !important;
}

.imageSlideshow-wrapper .fullscreen-button {
    display:         block;
    text-decoration: none;
    /*color: #C83486;*/
}

.imageSlideshow-wrapper {
    position: relative;
    /*width: auto !important;*/
}

.imageSlideshow-wrapper.image-large_image_width_711px {
    width: 100%;
}

.imageSlideshow-wrapper.image-small_image_width_355px {
    width: 50%;
}

.edit_link {
    position:              absolute;
    top:                   5px;
    right:                 12px;
    padding:               2px 9px 4px;
    background:            rgba(80, 80, 80, .4);
    color:                 #ffffff;
    font-size:             13px;
    font-weight:           bold;
    -moz-border-radius:    5px;
    -webkit-border-radius: 5px;
    border-radius:         5px;
    text-decoration:       none;
}

.edit_link:hover {
    background: rgba(80, 80, 80, 1);
    color:      #ffffff !important;
}

#search-api-page-search-form {
    display: none;
}

.search-performance {
    display: none;
}

.load_more,
.load_more_card {
    float: left;
    clear: both;
    width: 100%;
}

.load_more {
    display: none;
}

.load_more .wrap,
.load_more_card .wrap {
    background: white;
    margin:     0 20px 12px;
    padding:    12px 0;
    text-align: center;
}

#info.accordion-body {
    position: fixed;
    left:     -9999px;
}

#project-3 {
    display: none;
}

.media-youtube-outer-wrapper {
    margin: 0 0 9px;
}

.no-image .main_image {
    display: none;
}

.page-search-search ul.pager {
    display: none;
}

.content > .item-list {
    display: none;
}

#newsletter .subscriber_email_wrapper {
    position: relative;
}

#newsletter #subscriber_email {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-bottom: 1px solid black;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    letter-spacing: 2px;
    width: 85%;
    float: left;
}

#newsletter input[type="submit"] {
    border: 0; clear: none; height: 28px; width: 38px;
    /*margin-left: 10px;*/
    position: absolute;
    right: 0;
    top: 0;
    border-left: 10px solid #ffffff;
}
#newsletter .error { display: none; clear:both; width: 100%; float: left; }
#newsletter .error.active { display: block; }
#newsletter .error.failed { color: #f00; }
#newsletter .error.success { color: #087414; }