/**
 * File theme.css
 *
 * This file is used to override broken inherit drupal styles after applying styles from Switzerland Innovation (main.css)
 *
 * @author  Dave Avanthay, BitBee Solutions GmbH <support@bitbee.ch>
 * @version 1.0
 *
 */

  /* 
  Bugfix for admin theme
*/

.node-preview-container {
  z-index: 1499;
}

/* todo remove after search implementation */
#main-wrapper header .header-search {
    display: block;
}
/* end todo */

/* search result styling */

#main-wrapper section.search-results h2 {
    color: #ccc;
    font-size: 80px;
}

#main-wrapper section.search-results h2:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 21px 0 21px 0;
    display: block;
}

#main-wrapper section.search-results h2 ~ p {
    color: #ccc;
    margin-top: -20px;
}

#main-wrapper section.search-results ul {
    margin-top: 0;
}

#main-wrapper section.search-results ul li {
    line-height: 3;
    border-bottom: 1px solid #ccc;
}

#main-wrapper section.search-results ul li:before {
    position: inherit;
    top: inherit;
    display: inherit;
    line-height: inherit;
    padding: inherit;
    width: inherit;
    text-indent: inherit;
    content: '';
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}

#main-wrapper section.search-results ul li p {
    color: #ccc;
    margin-bottom: -10px;
}

#main-wrapper section.search-results ul li a {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}

#main-wrapper section.search-results ul li a:hover {
    text-decoration: none;
}

#main-wrapper section.search-results ul li a span {
    display: block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity 500ms, -webkit-transform 500ms;
    transition: transform 500ms, opacity 500ms;
    transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;
}

#main-wrapper section.search-results ul li a:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

#main-wrapper section.search-results ul li a:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition: opacity 500ms, -webkit-transform 500ms;
    transition: transform 500ms, opacity 500ms;
    transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;
}

#main-wrapper section.search-results ul li a:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}



/* reset drupals elements */
nav#block-sip-languageswitcher {
    z-index: 2;
}

#main-wrapper button.trigger.focusable {
    background-image: url('../../../../core/misc/icons/bebebe/pencil.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-attachment: scroll;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 13px;
}

#main-wrapper .js-form-item img {
    width: inherit;
}

#main-wrapper .js-form-item .button {
    position: inherit;
    display: inherit;
    color: inherit;
    font-size: inherit;
    padding: inherit;
    text-transform: inherit;
    font-family: inherit;
    text-align: inherit;
    overflow: inherit;
    max-width: inherit;
}

.js-form-item label {
    display: inherit;
    max-width: inherit;
    margin-bottom: inherit;
    font-weight: inherit;
}

#main-wrapper ul.toolbar-menu li,
#main-wrapper ul.contextual-links li {
    margin: inherit;
    padding: inherit;
    text-indent: inherit;
}

#main-wrapper ul.toolbar-menu li:before,
#main-wrapper ul.contextual-links li:before {
    content: none;
}

#main-wrapper ul.toolbar-menu,
#main-wrapper ul.contextual-links {
    list-style: inherit;
    padding: inherit;
    margin: inherit;
}

#main-wrapper footer.main-footer .contextual-links a {
    color: #333;
    margin: 0.25em 0;
    background-color: inherit;
    padding: 0.4em 0.6em;
}