cara/cara/apps/static/css/cern-theme4.css

body {}

body.toolbar-fixed header .menu-expanded,
body.toolbar-vertical header .menu-expanded {
    top: 39px;
    margin-top: 0 !important;
}

body.toolbar-fixed.toolbar-tray-open.toolbar-vertical header.menu-expanded {
    top: 39px;
}

body.toolbar-fixed.toolbar-tray-open header.menu-expanded {
    top: 78px;
}

body.sticky-header header .site-info {
    min-height: 56px;
}

body.sticky-header header .site-info img {
    left: 0;
}

body.sticky-header:not(.open-cern-menu) header .navbar-default.main-menu .navbar-toggle {
    top: 32px;
}

body.sticky-header .block-language .active-language a {
    line-height: 56px;
}

body header.menu-expanded {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 500;
}

body header.menu-expanded .header-wrapper {
    padding: 10px 5%;
}

body header.menu-expanded .header-wrapper .nav {
    float: left;
}

body header.menu-expanded .site-info__logo {
    max-width: 25%;
    width: auto;
}

body header.menu-expanded .site-info__logo img {
    max-height: 50px;
}

body header.menu-expanded .site-info__text__slogan {
    display: none;
}

body header.menu-expanded .nav>li>a {
    line-height: 56px;
}

body header.menu-expanded .nav>li>a:after {
    bottom: 9px;
}

body header.menu-expanded .navbar-default .navbar-toggle:hover,
body header.menu-expanded .navbar-default .navbar-toggle:focus,
body header.menu-expanded .navbar-default .navbar-toggle {
    top: 20%;
}

body header.menu-expanded .navbar-default.main-menu .navbar-toggle {
    top: 33px;
}

body header .site-info+.site-nav nav {
    float: none !important;
}

body header .site-info__text {
    overflow-wrap: break-word;
}

body header .site-info__text__name {
    white-space: unset;
    text-overflow: unset;
    padding: 2px 0 0;
}

body header .site-nav .region-header {
    text-align: right;
}

body header .site-nav .region-header>nav,
body header .site-nav .region-header>.block-language {
    display: inline-block;
    vertical-align: top;
}

body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu .dropdown-menu {
    display: none;
    width: 100%;
    box-shadow: 0 0 0 0;
}

body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu .dropdown-menu li a {
    display: table;
    min-height: 25px;
    white-space: normal;
    width: fit-content;
}

body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu .dropdown-menu .caret {
    display: none;
}

body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu .dropdown-menu:before {
    display: none;
    left: 150px;
}

body header .site-nav .region-header nav.main-menu ul.navbar-nav li.dropdown ul a {
    width: fit-content;
    white-space: normal;
    display: table;
    margin-right: 5px;
}

body header .site-nav .region-header>.name {
    display: block;
}

body header .site-nav .region-header>.navbar-text {
    display: block;
}

body header .site-nav .region-header .block-language {
    position: relative;
}

body header .site-nav .region-header .block-language h2.block-title {
    display: none;
}

body header .site-nav .region-header .block-language .active-language {
    padding: 0 0 0 10px;
}

body header .site-nav .region-header .block-language .active-language a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "opensans-bold";
    line-height: 76px;
    position: relative;
    text-transform: uppercase;
}

body header .site-nav .region-header .block-language .active-language a:after {
    -webkit-transition: width 0.3s ease-in-out 0s;
    -khtml-transition: width 0.3s ease-in-out 0s;
    -moz-transition: width 0.3s ease-in-out 0s;
    -ms-transition: width 0.3s ease-in-out 0s;
    -o-transition: width 0.3s ease-in-out 0s;
    transition: width 0.3s ease-in-out 0s;
    content: '';
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -10px;
    left: 0;
}

body header .site-nav .region-header .block-language .active-language a:hover {
    background: transparent;
}

body header .site-nav .region-header .block-language .active-language a:hover:after {
    width: 100%;
}

body header .site-nav .region-header .block-language .active-language a:focus {
    background: transparent;
}

body header .site-nav .region-header .block-language .active-language a span.separator {
    position: absolute;
    left: -20px;
    top: -2px;
    line-height: 21px;
}

body header .site-nav .region-header .block-language .active-language a span.caret {
    position: absolute;
    right: -20px;
    top: 49%;
}

body header .site-nav .region-header .block-language>ul.links {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    -khtml-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    list-style: none;
    margin: 0;
    padding: 10px 12px;
    position: absolute;
    top: 80px;
}

body header .site-nav .region-header .block-language>ul.links::before {
    left: unset;
    right: 10px;
    top: -23px;
    content: '';
    width: 0;
    height: 0;
    background: transparent;
    border-width: 12px;
    border-style: solid;
    position: absolute;
}

body header .site-nav .region-header .block-language>ul.links a {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "opensans-bold";
    padding: 0;
    line-height: 25px;
    display: block;
    text-transform: uppercase;
    position: relative;
}

body header .site-nav .region-header .block-language>ul.links a:after {
    -webkit-transition: width 0.3s ease-in-out 0s;
    -khtml-transition: width 0.3s ease-in-out 0s;
    -moz-transition: width 0.3s ease-in-out 0s;
    -ms-transition: width 0.3s ease-in-out 0s;
    -o-transition: width 0.3s ease-in-out 0s;
    transition: width 0.3s ease-in-out 0s;
    content: '';
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -4px;
    left: 0;
}

body header .site-nav .region-header .block-language>ul.links a:hover {
    background: transparent;
}

body header .site-nav .region-header .block-language>ul.links a:hover:after {
    width: 100%;
}

body header .site-nav .region-header .block-language>ul.links a:focus {
    background: transparent;
}

body header .site-nav .region-header .block-language>ul.links.language-expanded {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

body header .site-nav section:only-child .active-language a .separator {
    display: none;
}

@media only screen and (max-width:767px) {
    body.sticky-header:not(.open-cern-menu) header .nav>li>a {
        line-height: 35px !important;
    }

    body header .site-info+.site-nav nav {
        width: 100%;
    }

    body header.menu-expanded .region-header>.block-language {
        display: block;
    }

    body header .site-nav .region-header {
        text-align: left;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav {
        padding: 0 50px 0 0;
        width: 100%;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav ul.dropdown-menu {
        padding: 0;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open {
        position: relative;
        display: block;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu {
        position: static;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu ul.dropdown-menu {
        position: relative;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu ul.dropdown-menu>li {
        padding: 0 15px 0 7%;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu a:before {
        top: 8px;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu a:after {
        bottom: 1px;
    }

    body header .site-nav .region-header>.block-language {
        position: absolute;
        display: none;
        right: 30px;
        margin: auto;
        top: 67px;
    }

    body header .site-nav .region-header>.block-language .active-language a span.separator {
        display: none;
    }

    body header .site-nav .region-header>.block-language ul.links {
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        top: 60px;
    }

    body header .site-nav .region-header>.block-language ul.links:before {
        display: none;
    }
}

@media only screen and (min-width:768px) and (max-width:1080px) {
    body header .site-info {
        width: 80%;
        z-index: 1;
        float: left;
        min-height: 60px !important;
    }

    body header .site-nav {
        position: absolute;
        top: 10px;
        right: 0;
        width: 100%;
        z-index: 0;
        height: 100%;
    }

    body header .site-nav .region-header {
        height: 100%;
    }

    body header .site-nav .region-header nav {
        width: 100%;
    }

    body header .site-nav .region-header nav .navbar {
        height: 100%;
        width: 100%;
    }

    body header .site-nav .region-header nav .navbar .container-fluid {
        height: 100%;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-header {
        float: none;
        height: 100%;
        min-height: 70px;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-header .navbar-toggle {
        display: block;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        overflow-y: scroll !important;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse.collapse {
        display: none !important;
        padding: 0 3%;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse.collapse.in {
        display: block !important;
        height: calc(100vh - 130px) !important;
        padding: 10px 5%;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse.collapse.in .navbar-nav {
        float: left;
        padding: 0 50px 0 0;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav {
        float: left;
        width: 100%;
        text-align: left;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li {
        vertical-align: top;
        display: -ms-inline-grid;
        display: inline-grid;
        float: none;
        padding: 10px;
        width: 33%;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li>a {
        width: fit-content;
        line-height: 35px;
        display: table;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li>a:after {
        bottom: 0;
        transition: all 0.6s ease-in-out 0s;
        content: '';
        display: block;
        height: 2px;
        width: 50px;
        position: absolute;
        left: 0;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li.dropdown .caret {
        display: none;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li.dropdown:before {
        bottom: 4px;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li .dropdown-menu {
        padding: 0 10px 10px 10px;
        position: relative;
        left: 10%;
        box-shadow: none;
        display: block;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li .dropdown-menu li a {
        width: fit-content;
        display: table;
        float: left;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li .dropdown-menu li a:before {
        line-height: 30px;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li .dropdown-menu li a:after {
        bottom: 6px;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li .dropdown-menu li font {
        display: none;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav>li>.dropdown-menu {
        padding-top: 18px;
        position: static;
    }

    body header .site-nav .region-header nav .navbar .container-fluid .navbar-collapse>.navbar-nav:first-child a::after {
        bottom: 0;
    }

    body header .site-nav .region-header .block-language {
        position: absolute;
        display: none;
        right: 30px;
        margin: auto;
        top: 67px;
    }

    body header .site-nav .region-header .block-language .active-language a span.separator {
        display: none;
    }

    body header .site-nav .region-header .block-language ul.links {
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        top: 60px;
    }

    body header .site-nav .region-header .block-language ul.links:before {
        display: none;
    }

    body header.menu-expanded .region-header>.block-language {
        display: block;
    }

    body header:not(.menu-expanded) .block-language {
        display: none;
    }
}

@media only screen and (min-width:1081px) {
    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu {
        left: unset;
        right: -25px;
        width: 220px;
        min-width: 200px;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu:before {
        content: "";
        width: 0;
        height: 0;
        background: transparent;
        border-width: 12px;
        border-style: solid;
        position: absolute;
        top: -24px;
        left: 150px;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu li>a span.caret {
        display: none;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu li ul.dropdown-menu {
        position: absolute;
        top: -33%;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.dropdown.open>ul.dropdown-menu ul.dropdown-menu {
        left: -220px;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav ul.dropdown-menu {
        width: 220px !important;
        padding: 15px 10px;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav ul.dropdown-menu>li>font {
        position: relative;
    }

    body header .site-nav .region-header nav.main-menu ul.navbar-nav>li.cern-search #cern-search-overlay {
        top: 37px;
    }

    body header .site-nav .region-header .block-language {
        left: 20px;
    }

    body.sticky-header header .site-nav .region-header .block-language {
        top: -9px;
    }
}

.wrapper-center {
    padding: 0 3%;
}

.sidebar-left,
.sidebar-right {
    margin: 30px 0 0;
}

.sidebar-left h2,
.sidebar-right h2 {
    font-size: 28px;
}

.sidebar-left nav,
.sidebar-right nav {
    margin-bottom: 30px;
    padding: 15px;
    margin-bottom: 30px;
    padding: 0;
}

.sidebar-left nav.navbar.main-menu>.container-fluid>.navbar-header,
.sidebar-right nav.navbar.main-menu>.container-fluid>.navbar-header {
    display: none;
}

.sidebar-left nav.navbar.main-menu>.container-fluid>.collapse,
.sidebar-right nav.navbar.main-menu>.container-fluid>.collapse {
    display: block;
}

.sidebar-left nav.main-menu,
.sidebar-right nav.main-menu {
    background-color: transparent;
    border-color: transparent;
}

.sidebar-left nav.main-menu ul.navbar-nav,
.sidebar-right nav.main-menu ul.navbar-nav {
    float: none;
    padding: 15px;
}

.sidebar-left nav.main-menu ul.navbar-nav>li>a,
.sidebar-right nav.main-menu ul.navbar-nav>li>a {
    line-height: inherit;
}

.sidebar-left nav.main-menu ul.dropdown-menu,
.sidebar-right nav.main-menu ul.dropdown-menu {
    display: block;
}

.sidebar-left nav.main-menu ul .caret,
.sidebar-right nav.main-menu ul .caret {
    display: none;
}

.sidebar-left nav.main-menu ul a,
.sidebar-right nav.main-menu ul a {
    white-space: normal;
}

.sidebar-left nav>h2,
.sidebar-right nav>h2 {
    margin-bottom: 30px;
}

.sidebar-left nav>ul,
.sidebar-right nav>ul {
    padding: 15px;
}

.sidebar-left nav>ul.dropdown-menu,
.sidebar-right nav>ul.dropdown-menu {
    padding: 0;
}

.sidebar-left nav ul:not(.contextual-links),
.sidebar-right nav ul:not(.contextual-links) {
    list-style: none;
    margin: 0;
}

.sidebar-left nav ul:not(.contextual-links) li,
.sidebar-right nav ul:not(.contextual-links) li {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'opensans-regular';
    margin: 0 0 10px;
    float: unset;
}

.sidebar-left nav ul:not(.contextual-links) li a,
.sidebar-right nav ul:not(.contextual-links) li a {
    display: inline-block;
    padding: 5px 0 8px 20px;
    position: relative;
}

.sidebar-left nav ul:not(.contextual-links) li a .caret,
.sidebar-right nav ul:not(.contextual-links) li a .caret {
    display: none;
}

.sidebar-left nav ul:not(.contextual-links) li a:hover,
.sidebar-left nav ul:not(.contextual-links) li a:focus,
.sidebar-right nav ul:not(.contextual-links) li a:hover,
.sidebar-right nav ul:not(.contextual-links) li a:focus {
    text-decoration: none;
}

.sidebar-left nav ul:not(.contextual-links) li a:after,
.sidebar-right nav ul:not(.contextual-links) li a:after {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -khtml-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    background: transparent;
    border-bottom: 2px solid;
    content: '';
    display: block;
    height: 2px;
    width: 0%;
    position: absolute;
    left: 0;
    margin: 0 0 0 20px;
    max-width: calc(100% - 20px);
}

.sidebar-left nav ul:not(.contextual-links) li a:hover,
.sidebar-left nav ul:not(.contextual-links) li a.is-active,
.sidebar-right nav ul:not(.contextual-links) li a:hover,
.sidebar-right nav ul:not(.contextual-links) li a.is-active {
    background: none;
}

.sidebar-left nav ul:not(.contextual-links) li a:hover:before,
.sidebar-left nav ul:not(.contextual-links) li a.is-active:before,
.sidebar-right nav ul:not(.contextual-links) li a:hover:before,
.sidebar-right nav ul:not(.contextual-links) li a.is-active:before {
    left: -4px;
}

.sidebar-left nav ul:not(.contextual-links) li a:hover:after,
.sidebar-left nav ul:not(.contextual-links) li a.is-active:after,
.sidebar-right nav ul:not(.contextual-links) li a:hover:after,
.sidebar-right nav ul:not(.contextual-links) li a.is-active:after {
    width: 100%;
}

.sidebar-left nav ul:not(.contextual-links) li ul,
.sidebar-right nav ul:not(.contextual-links) li ul {
    display: block;
    margin: 5px 0 0;
}

.sidebar-left nav ul:not(.contextual-links) li ul li,
.sidebar-right nav ul:not(.contextual-links) li ul li {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'sourcesans-light';
    margin: 0;
    padding: 5px 0px 5px 20px;
}

.sidebar-left nav ul:not(.contextual-links) li ul li a,
.sidebar-right nav ul:not(.contextual-links) li ul li a {
    display: inline-block;
    padding: 5px 0 8px 20px;
    position: relative;
}

.sidebar-left nav ul:not(.contextual-links) li ul li a:before,
.sidebar-right nav ul:not(.contextual-links) li ul li a:before {
    -webkit-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s;
    -khtml-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s;
    -moz-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s;
    -ms-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s;
    -o-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s;
    transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s;
    font-size: 36px;
    font-size: 3.6rem;
    content: '\j';
    float: left;
    font-family: 'cern-icons';
    display: block;
    top: -10px;
    left: -12px;
    position: absolute;
    transform: rotate(0deg);
}

.sidebar-left nav ul:not(.contextual-links) li ul li a:after,
.sidebar-right nav ul:not(.contextual-links) li ul li a:after {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -khtml-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    background: transparent;
    border-bottom: 2px solid;
    content: '';
    display: block;
    height: 2px;
    width: 0%;
    position: absolute;
    bottom: 3px;
    left: 0;
    margin: 0 0 0 20px;
    max-width: calc(100% - 20px);
}

.sidebar-left nav ul:not(.contextual-links) li ul li a:hover,
.sidebar-left nav ul:not(.contextual-links) li ul li a.is-active,
.sidebar-right nav ul:not(.contextual-links) li ul li a:hover,
.sidebar-right nav ul:not(.contextual-links) li ul li a.is-active {
    background: none;
}

.sidebar-left nav ul:not(.contextual-links) li ul li a:hover:before,
.sidebar-left nav ul:not(.contextual-links) li ul li a.is-active:before,
.sidebar-right nav ul:not(.contextual-links) li ul li a:hover:before,
.sidebar-right nav ul:not(.contextual-links) li ul li a.is-active:before {
    left: -4px;
}

.sidebar-left nav ul:not(.contextual-links) li ul li a:hover:after,
.sidebar-left nav ul:not(.contextual-links) li ul li a.is-active:after,
.sidebar-right nav ul:not(.contextual-links) li ul li a:hover:after,
.sidebar-right nav ul:not(.contextual-links) li ul li a.is-active:after {
    width: 100%;
}

.page-node-type-landing-page .wrapper-center {
    padding: 0;
}

.page-node-type-landing-page .wrapper-center.col-md-9,
.page-node-type-landing-page .wrapper-center.col-md-6 {
    width: 100%;
}

.page-node-type-landing-page .sidebar-left,
.page-node-type-landing-page .sidebar-right {
    display: none;
}

@media only screen and (max-width:991px) {

    .sidebar-left,
    .sidebar-right {
        padding: 0 3%;
    }
}

main .block-language {
    padding: 0 0 5px;
}

main .block-language>.links {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    display: block;
    margin: 0 0 0 10px;
    padding: 0;
    float: right;
    position: static;
}

main .block-language>.links>li {
    float: left;
    list-style-type: none;
    margin-bottom: -1px;
    margin: 0;
    padding: 4px;
}

main .block-language>.links>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0 5px;
}

main .block-language>.links:before {
    display: none;
}

.has-header main .block-language {
    position: absolute !important;
    top: 100vh;
    margin: auto;
    max-width: 1100px;
    width: 100%;
    z-index: 10;
    right: 0;
    left: 0;
    padding: 5px 10px;
}

.has-header.toolbar-fixed main .block-language {
    top: calc(100vh - 39px);
}

.has-header.toolbar-fixed.toolbar-vertical main .block-language {
    top: calc(100vh - 39px);
}

.has-header.toolbar-fixed.toolbar-tray-open:not(.toolbar-vertical) main .block-language {
    top: calc(100vh - 78px);
}

.has-header.cern-toolbar main .block-language {
    top: calc(100vh - 40px);
}

.has-header.cern-toolbar.toolbar-fixed main .block-language {
    top: calc(100vh - 79px);
}

.has-header.cern-toolbar.toolbar-fixed.toolbar-vertical main .block-language {
    top: calc(100vh - 79px);
}

.has-header.cern-toolbar.toolbar-tray-open:not(.toolbar-vertical) main .block-language {
    top: calc(100vh - 118px);
}

.footer-last-logo {
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
}

@media only screen and (max-width:767px) {
    body>footer .footer-last-logo {
        margin: auto;
        float: none;
        min-width: 60px;
    }
}

@media only screen and (max-width:1140px) {
    body>footer {
        padding: 55px 3%;
    }
}

@media only screen and (max-width:980px) {
    body>footer {
        padding: 3%;
    }

    .footer-wrapper div[class*="footercolumn1"],
    .footer-wrapper div[class*="footercolumn2"],
    .footer-wrapper div[class*="footercolumn3"],
    .footer-wrapper div[class*="footercolumn4"] {
        margin: 0 0 20px;
        width: 100%;
    }

    .footer-wrapper div[class*="footercolumn1"]:after,
    .footer-wrapper div[class*="footercolumn2"]:after,
    .footer-wrapper div[class*="footercolumn3"]:after,
    .footer-wrapper div[class*="footercolumn4"]:after {
        display: none;
    }
}

.teaser-list-block .view-footer {
    text-align: right;
}

.teaser-list-block .view-footer a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.teaser-list-block .view-footer a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: '\j';
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.teaser-list-block .view-footer a:hover:after {
    right: -5px;
}

.teaser-list-block .views-field a {
    line-height: 28px !important;
}

.teaser-list-block .views-field a:before {
    content: '\j';
    font-size: 40px;
    font-size: 4rem;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -khtml-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    left: -10px;
    line-height: 25px;
    width: 12px;
    text-indent: -25px;
}

.teaser-list-block .views-field a:hover:before {
    left: 0px;
}

header .dropdown {
    white-space: nowrap;
}

header .dropdown>font {
    transition: transform 250ms linear;
    transform-origin: center center;
    transform-style: preserve-3D;
    margin-left: 10px;
    font-size: 18px;
    height: 25px;
    display: none;
}

header .dropdown.open>.dropdown-menu {
    display: block !important;
}

header .dropdown.open>font {
    transform: rotate(45deg);
}

header .dropdown a {
    display: inline-block;
}

header .dropdown>.dropdown-menu>.dropdown>.dropdown-menu li a {
    display: inline-block;
    white-space: normal;
    padding: 0 0 15px 20px;
}

@media only screen and (min-width:1081px) {
    header .dropdown {
        display: flex;
        justify-content: space-between;
    }

    header .dropdown>.dropdown-menu>.dropdown>.dropdown-menu {
        position: absolute;
        left: -100%;
        top: -57%;
        display: none;
    }

    header .dropdown>.dropdown-menu>.dropdown>.dropdown-menu>.dropdown>.dropdown-menu {
        left: -120%;
    }

    header .dropdown>font {
        display: block;
    }
}

.copy-wrapper.light {
    color: #f8f8f8;
}

.copy-wrapper.light a {
    color: #f8f8f8;
}

.copy-wrapper.dark {
    color: #000000;
}

.copy-wrapper.dark a {
    color: #000000;
}

.copy-wrapper.light {
    color: #f8f8f8;
}

.copy-wrapper.light a {
    color: #f8f8f8;
}

.copy-wrapper.dark {
    color: #000000;
}

.copy-wrapper.dark a {
    color: #000000;
}

.toolbar-fixed header .header-wrapper .main-menu .navbar-collapse.collapse.in,
.toolbar-fixed header .header-wrapper .main-menu .navbar-collapse.collapsing,
.toolbar-fixed.toolbar-tray-open header .header-wrapper .main-menu .navbar-collapse.collapse.in,
.toolbar-fixed.toolbar-tray-open header .header-wrapper .main-menu .navbar-collapse.collapsing,
.toolbar-fixed.toolbar-tray-open.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapse.in,
.toolbar-fixed.toolbar-tray-open.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapsing,
.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapse.in,
.toolbar-vertical header .header-wrapper .main-menu .navbar-collapse.collapsing {
    height: calc(100vh - 70px);
}

.field.field--type-entity-reference a {
    padding: 3px 8px 0px;
    font-weight: normal;
    margin-right: 5px;
}

form.webform-submission-form label.form-required::after {
    background: none;
    content: "*";
    color: red;
}

form.webform-submission-form .webform-likert-table td:first-child {
    width: 320px;
}

.view div {
    word-wrap: break-word;
}

.view>h1 {
    margin: 3rem 0 !important;
    text-align: center;
}

.view .wrapper-center>h1,
.view>h1 {
    margin: 3rem 0 !important;
    text-align: center;
}

.view .views-exposed-form .form-inline {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
    align-items: baseline;
}

.view .views-exposed-form .form-inline .form-item {
    vertical-align: top;
    margin: 0;
    padding: 10px;
    display: inline-block;
    flex: 1;
}

.view .views-exposed-form .form-inline .form-item input,
.view .views-exposed-form .form-inline .form-item select {
    width: 100%;
}

.view .views-exposed-form .form-inline .form-item.form-type-text,
.view .views-exposed-form .form-inline .form-item.form-type-textfield {
    display: block;
    position: relative;
}

.view .views-exposed-form .form-inline .form-item.form-type-text:first-child,
.view .views-exposed-form .form-inline .form-item.form-type-textfield:first-child {
    width: 100%;
    flex: none;
}

.view .views-exposed-form .form-inline .form-item.form-type-text:first-child input,
.view .views-exposed-form .form-inline .form-item.form-type-textfield:first-child input {
    padding-left: 25px;
}

.view .views-exposed-form .form-inline .form-item.form-type-text:first-child:before,
.view .views-exposed-form .form-inline .form-item.form-type-textfield:first-child:before {
    content: 'O';
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 0px;
    bottom: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 21px;
    font-weight: 500;
    padding-right: 2px;
    font-size: 46px;
    color: #0855a0;
}

.view .views-exposed-form .form-inline .form-actions {
    flex-basis: 100%;
    padding: 10px;
}

.view .views-exposed-form .form-inline .form-actions .btn {
    width: 25%;
    float: left;
}

.view .views-exposed-form .form-inline .view-header {
    margin: 25px 0;
}

.view .views-exposed-form .form-inline .view-header a {
    position: relative;
}

.view .views-exposed-form .form-inline .view-header a.active:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0855a0;
    bottom: -2px;
    left: 0;
}

@media only screen and (min-width:1081px) {
    .view .views-exposed-form .form-inline .form-item:not(:first-child) {
        max-width: 500px;
    }
}

@media only screen and (max-width:768px) {
    .view .views-exposed-form .form-inline {
        display: block;
        padding: unset;
    }

    .view .views-exposed-form .form-inline .form-item {
        width: 100%;
        float: left;
    }

    .view .views-exposed-form .form-inline .form-actions {
        flex-basis: auto;
        height: auto;
    }

    .view .views-exposed-form .form-inline .form-actions .btn {
        width: auto;
    }
}

main .field--type-text-with-summary h1,
main .text-component-text.basic_html h1,
main .text-component-text.restricted_html h1,
main .text-component-text.cern_full_html h1,
main .full-html-markup h1,
h1.page-header,
.field--name-node-title h1,
h1.basic-node-full-content-title,
h1.event-node-full-content-title,
h1.news-node-full-content-title,
h1.resource-node-full-content-title,
h1.system-node-full-content-title {
    border: 0;
    font-family: 'opensans-bold';
    font-size: 40px;
    font-size: 4rem;
    font-weight: normal;
    line-height: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
}

main .field--type-text-with-summary h2,
main .text-component-text.basic_html h2,
main .text-component-text.restricted_html h2,
main .text-component-text.cern_full_html h2,
main .full-html-markup h2,
.field--name-node-title h2 {
    border: 0;
    font-size: 35px;
    font-size: 3.5rem;
    font-family: 'opensans-bold';
    font-weight: normal;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
}

main .field--type-text-with-summary h3,
main .text-component-text.basic_html h3,
main .text-component-text.restricted_html h3,
main .text-component-text.cern_full_html h3,
main .full-html-markup h3,
.field--name-node-title h3 {
    border: 0;
    font-family: 'opensans-bold';
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 29px;
    margin-top: 20px;
    margin-bottom: 10px;
}

main .field--type-text-with-summary h4,
main .text-component-text.basic_html h4,
main .text-component-text.restricted_html h4,
main .text-component-text.cern_full_html h4,
main .full-html-markup h4,
.field--name-node-title h4 {
    border: 0;
    font-family: 'opensans-bold';
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

main .field--type-text-with-summary h5,
main .text-component-text.basic_html h5,
main .text-component-text.restricted_html h5,
main .text-component-text.cern_full_html h5,
main .full-html-markup h5,
.field--name-node-title h5 {
    border: 0;
    font-family: 'opensans-bold';
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

main .field--type-text-with-summary h6,
main .text-component-text.basic_html h6,
main .text-component-text.restricted_html h6,
main .text-component-text.cern_full_html h6,
main .full-html-markup h6,
.field--name-node-title h6 {
    border: 0;
    font-family: 'opensans-regular';
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}

main .field--type-text-with-summary p,
main .text-component-text.basic_html p,
main .text-component-text.restricted_html p,
main .text-component-text.cern_full_html p,
main .full-html-markup p {
    font-family: 'sourcesans-regular';
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 25px;
}

a {
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

.page-node-type-landing-page h1.page-header {
    display: none;
}

.page-node-type-landing-page .field--name-field-component {
    margin: 0;
}

.page-node-type-landing-page .field--name-field-component>.field--item:first-child {
    margin: 0;
}

.has-header.page-node-type-landing-page>.field--name-field-component .field--item:first-child {
    margin: 0;
}

article {
    max-width: 1140px;
    margin: 0 auto 30px;
}

article>footer article {
    margin: 0;
    padding: 0;
}

.field {
    margin: 0 0 10px;
}

.field.field--type-entity-reference .field--label {
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
}

.field.field--type-entity-reference .field--items .field--item {
    display: inline-block;
}

.field.field--type-entity-reference .field--items .field--item a {
    display: block;
    margin: 0 3px 5px 0;
    text-decoration: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 5px 10px 2px;
}

.page-node-type-landing-page article {
    max-width: 100%;
}

@media only screen and (max-width:1160px) {
    .page-node-type-landing-page article {
        padding: 0;
    }
}

.panel {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.panel-heading {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

main .field--type-text-with-summary .panel-title>a,
main .text-component-text.basic_html .panel-title>a,
main .text-component-text.restricted_html .panel-title>a,
main .text-component-text.cern_full_html .panel-title>a {
    text-decoration: none;
}

main .field--type-text-with-summary .nav-tabs>li>a,
main .text-component-text.basic_html .nav-tabs>li>a,
main .text-component-text.restricted_html .nav-tabs>li>a,
main .text-component-text.cern_full_html .nav-tabs>li>a {
    text-decoration: none;
}

main .field--type-text-with-summary .nav-tabs,
main .text-component-text.basic_html .nav-tabs,
main .text-component-text.restricted_html .nav-tabs,
main .text-component-text.cern_full_html .nav-tabs {
    border: 0;
    padding: 20px 0 0 20px;
}

main .field--type-text-with-summary .nav-tabs li,
main .text-component-text.basic_html .nav-tabs li,
main .text-component-text.restricted_html .nav-tabs li,
main .text-component-text.cern_full_html .nav-tabs li {
    display: block;
    padding: 0;
    margin: 0 2px 0 0;
}

main .field--type-text-with-summary .nav-tabs li a,
main .text-component-text.basic_html .nav-tabs li a,
main .text-component-text.restricted_html .nav-tabs li a,
main .text-component-text.cern_full_html .nav-tabs li a {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "sourcesans-regular";
    border: none;
    display: block;
    line-height: 1;
    padding: 15px 20px 10px;
    position: relative;
}

main .field--type-text-with-summary .nav-tabs li a:hover,
main .field--type-text-with-summary .nav-tabs li a:focus,
main .text-component-text.basic_html .nav-tabs li a:hover,
main .text-component-text.basic_html .nav-tabs li a:focus,
main .text-component-text.restricted_html .nav-tabs li a:hover,
main .text-component-text.restricted_html .nav-tabs li a:focus,
main .text-component-text.cern_full_html .nav-tabs li a:hover,
main .text-component-text.cern_full_html .nav-tabs li a:focus {
    outline: 0 auto -webkit-focus-ring-color;
    border: none;
}

main .field--type-text-with-summary .tab-content,
main .text-component-text.basic_html .tab-content,
main .text-component-text.restricted_html .tab-content,
main .text-component-text.cern_full_html .tab-content {
    padding: 30px 20px;
}

main .field--type-text-with-summary .tab-content .tab-pane,
main .text-component-text.basic_html .tab-content .tab-pane,
main .text-component-text.restricted_html .tab-content .tab-pane,
main .text-component-text.cern_full_html .tab-content .tab-pane {
    border: 0;
    padding: 0;
}

main .field--type-text-with-summary .tab-content .tab-pane .field--type-text-long,
main .text-component-text.basic_html .tab-content .tab-pane .field--type-text-long,
main .text-component-text.restricted_html .tab-content .tab-pane .field--type-text-long,
main .text-component-text.cern_full_html .tab-content .tab-pane .field--type-text-long {
    max-width: 100%;
}

main .field--type-text-with-summary .tab-content .tab-pane p:last-child,
main .text-component-text.basic_html .tab-content .tab-pane p:last-child,
main .text-component-text.restricted_html .tab-content .tab-pane p:last-child,
main .text-component-text.cern_full_html .tab-content .tab-pane p:last-child {
    margin: 0;
}

.img-left {
    float: left;
    margin: 0 20px 20px 0;
}

.img-right {
    float: right;
    padding: 0 0 20px 20px;
}

.img-clear {
    clear: both;
}

.img-clear-right {
    clear: both;
    float: right;
}

.div-clear-right {
    clear: both;
}

.img-clear-center {
    clear: both;
    margin: auto;
}

.field--type-link a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: underline;
}

.feed-icons {
    max-width: 1140px;
    margin: 0 auto 30px;
    text-align: right;
}

@media only screen and (max-width:1160px) {
    .feed-icons {
        padding: 0 15px;
    }
}

.views-element-container {
    max-width: 1140px;
    margin: 0 auto 30px;
}

.views-view-grid .views-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.views-view-grid .views-row .views-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    padding: 10px;
}

.views-view-grid .views-row .views-col article {
    padding: 20px 30px;
    margin: 0;
    width: 100%;
}

.views-view-grid .views-row .views-col article h1,
.views-view-grid .views-row .views-col article h2,
.views-view-grid .views-row .views-col article h3 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 10px;
}

.views-view-grid .views-row .views-col article h1 a,
.views-view-grid .views-row .views-col article h2 a,
.views-view-grid .views-row .views-col article h3 a {
    position: relative;
}

.views-view-grid .views-row .views-col article h1 a:before,
.views-view-grid .views-row .views-col article h2 a:before,
.views-view-grid .views-row .views-col article h3 a:before {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -khtml-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    font-size: 41px;
    font-size: 4.1rem;
    content: '\6a';
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    position: absolute;
    top: 12px;
    left: -38px;
    line-height: 22px;
    font-weight: normal;
}

.views-view-grid .views-row .views-col article h1 a:hover,
.views-view-grid .views-row .views-col article h2 a:hover,
.views-view-grid .views-row .views-col article h3 a:hover {
    text-decoration: none;
}

.views-view-grid .views-row .views-col article h1 a:hover:before,
.views-view-grid .views-row .views-col article h2 a:hover:before,
.views-view-grid .views-row .views-col article h3 a:hover:before {
    left: -30px;
}

.views-view-grid .views-row .views-col article a {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -khtml-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.views-view-grid .views-row .views-col article footer article {
    margin: 0;
    padding: 0;
}

.views-view-grid .views-row .views-col:first-child {
    padding: 10px 10px 10px 0;
}

.views-view-grid .views-row .views-col:last-child {
    padding: 10px 0 10px 10px;
}

@media screen and (max-width:767px) {
    .views-view-grid .views-row .views-col {
        width: 100% !important;
        padding: 10px 0;
    }

    .views-view-grid .views-row .views-col:first-child {
        padding: 10px 0;
    }

    .views-view-grid .views-row .views-col:last-child {
        padding: 10px 0;
    }
}

main .field--type-text-with-summary .alert .close,
main .text-component-text.basic_html .alert .close,
main .text-component-text.restricted_html .alert .close,
main .text-component-text.cern_full_html .alert .close {
    text-decoration: none;
}

.alert {
    max-width: 1140px;
    margin: 20px auto;
    word-break: break-all;
}

.alert-success {
    background-color: #5cb85c;
    border-color: #b5dfb5;
    color: #1e441e;
}

.alert-success hr {
    border-color: #a3d7a3;
}

.alert-success a {
    color: #1e441e !important;
}

.alert-info {
    background-color: #5bc0de;
    border-color: #b0e1ef;
    color: #175b70;
}

.alert-info hr {
    border-color: #b0e1ef;
}

.alert-info a {
    color: #175b70 !important;
}

.alert-warning {
    background-color: #f0ad4e;
    border-color: #f8d9ac;
    color: #81500b;
}

.alert-warning hr {
    border-color: #f8d9ac;
}

.alert-warning a {
    color: #81500b !important;
}

.alert-danger {
    background-color: #d9534f;
    border-color: #eba5a3;
    color: #611715;
}

.alert-danger hr {
    border-color: #eba5a3;
}

.alert-danger a {
    color: #611715 !important;
}

@media only screen and (max-width:1140px) {
    .alert {
        margin: 20px 5%;
    }
}

.has-header .alert {
    position: absolute;
    z-index: 10;
    margin: auto;
    right: 0;
    left: 0;
    top: 120px;
    border: 0;
}

@media only screen and (max-width:1140px) {
    .has-header .alert {
        margin: 20px 5%;
    }
}

pre[class*="language-"] {
    margin: 0 0 15px;
}

pre.code-toolbar>.toolbar a,
pre.code-toolbar>.toolbar button,
pre.code-toolbar>.toolbar span {
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-decoration: none;
    padding: 5px 30px 9px;
    color: #000000;
}

pre.code-toolbar>.toolbar a:hover,
pre.code-toolbar>.toolbar a:focus,
pre.code-toolbar>.toolbar button:hover,
pre.code-toolbar>.toolbar button:focus,
pre.code-toolbar>.toolbar span:hover,
pre.code-toolbar>.toolbar span:focus {
    background: #0855a0;
    color: #ffffff;
}

.toolbar .toolbar-item:hover,
.toolbar .toolbar-item:focus {
    text-decoration: none;
}

main .field--type-text-with-summary .navbar a,
main .text-component-text.basic_html .navbar a,
main .text-component-text.restricted_html .navbar a,
main .text-component-text.cern_full_html .navbar a {
    text-decoration: none;
}

.navbar-header {
    padding: 0 15px;
}

.block.block-block-content {
    max-width: 1140px;
    margin: auto;
    padding: 0;
}

.block-custom-wrapper {
    padding: 20px 30px;
    margin: 0 auto 30px;
}

.block-custom-wrapper .field--name-field-visible-title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 10px;
    position: relative;
}

.block-custom-wrapper img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width:1140px) {
    .region-content .block.block-block-content {
        padding: 0 3%;
    }
}

.wrapper-center .block-region {
    margin: 20px 0 20px 0;
}

.sidebar-left .block-region,
.sidebar-right .block-region {
    margin: -10px 0 20px 0;
}

.sidebar-left nav a,
.sidebar-left nav.main-menu div a,
.sidebar-right nav a,
.sidebar-right nav.main-menu div a {
    font-family: 'sourcesans-regular';
}

.sidebar-left nav>ul>li>a,
.sidebar-left nav.main-menu div>ul>li>a,
.sidebar-right nav>ul>li>a,
.sidebar-right nav.main-menu div>ul>li>a {
    font-family: 'opensans-regular';
    font-size: 21px;
    font-size: 2.1rem;
}

.sidebar-left nav>ul>li>a:after,
.sidebar-left nav.main-menu div>ul>li>a:after,
.sidebar-right nav>ul>li>a:after,
.sidebar-right nav.main-menu div>ul>li>a:after {
    content: none !important;
}

.footer-wrapper .block-region {
    color: #292929;
}

.layout .field--items>.field--item {
    position: relative;
    background: white;
    overflow: hidden;
}

.layout .field--items>.field--item.cover-parallax {
    overflow: hidden;
}

.layout .field--items>.field--item.on-cover-parallax-in>.component-row {
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.layout .field--items>.field--item>.component-row {
    position: relative;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.cern-caption,
figcaption {
    color: #292929;
    margin: 0.5em 0;
    font-size: 12px;
    font-size: 1.2rem;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

figure.loading-cds {
    min-height: 250px;
}

figure.loading-cds-error {
    min-height: 250px;
}

figure.loading-cds-error:after {
    content: ' ';
    background: white url(//framework.web.cern.ch/framework/3.0/images/no_image.jpg) no-repeat center center;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}

figure.loading-cds-error .cds-background {
    opacity: 0;
}

.owl-thumb-item.loading-cds-error:after {
    content: ' ';
    background: white url(//framework.web.cern.ch/framework/3.0/images/no_image.jpg) no-repeat center center/100% auto;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}

.cds-background {
    position: absolute;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.cds-background>span {
    -webkit-transform: rotateX(70deg);
    -khtml-transform: rotateX(70deg);
    -moz-transform: rotateX(70deg);
    -ms-transform: rotateX(70deg);
    -o-transform: rotateX(70deg);
    transform: rotateX(70deg);
    width: 200px;
    height: 200px;
    border: 5px solid #ddd;
    border-radius: 100%;
    display: block;
    position: absolute;
    box-sizing: border-box;
    z-index: 1002;
    left: 0;
    right: 0;
    margin: auto;
}

.cds-background>span:nth-child(2) {
    -webkit-transform: rotateX(67deg);
    -khtml-transform: rotateX(67deg);
    -moz-transform: rotateX(67deg);
    -ms-transform: rotateX(67deg);
    -o-transform: rotateX(67deg);
    transform: rotateX(67deg);
    top: 0;
    position: absolute;
    border: 5px solid #ddd;
    left: 0;
    right: 0;
    margin: auto;
}

.cds-background>span:nth-child(2):before {
    -webkit-animation: spin 0.8s linear infinite reverse;
    -khtml-animation: spin 0.8s linear infinite reverse;
    -moz-animation: spin 0.8s linear infinite reverse;
    -ms-animation: spin 0.8s linear infinite reverse;
    -o-animation: spin 0.8s linear infinite reverse;
    animation: spin 0.8s linear infinite reverse;
    border-color: #c88275 tomato #c88275 #c88275;
    border-width: 3px 8px 3px 3px;
}

.cds-background>span:nth-child(2):after {
    -webkit-animation: spin 1.5s linear infinite;
    -khtml-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    border-color: #788cc8 #788cc8 royalblue #788cc8;
    border-width: 0px;
}

.cds-background>span:before {
    -webkit-animation: spin 1s linear infinite;
    -khtml-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    content: '';
    width: 200px;
    height: 200px;
    border: 0px solid tomato;
    border-color: #c88275 #c88275 tomato #c88275;
    border-radius: 100%;
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: -5px;
    left: -5px;
}

.cds-background>span:after {
    -webkit-animation: spin 1.1s linear infinite;
    -khtml-animation: spin 1.1s linear infinite;
    -moz-animation: spin 1.1s linear infinite;
    -ms-animation: spin 1.1s linear infinite;
    -o-animation: spin 1.1s linear infinite;
    animation: spin 1.1s linear infinite;
    content: '';
    width: 200px;
    height: 200px;
    border: 10px solid royalblue;
    border-width: 3px 3px 3px 10px;
    border-color: #788cc8 #788cc8 #788cc8 royalblue;
    border-radius: 100%;
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: -5px;
    left: -5px;
}

.cds-background>span span {
    width: 50px;
    height: 50px;
    border: 5px solid #ddd;
    border-radius: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    position: relative;
    top: 145px;
    left: 70px;
    z-index: 1001;
    bottom: -138px !important;
    top: auto !important;
    left: 70px !important;
}

.cds-background>span span:before {
    -webkit-animation: spin 0.8s linear infinite;
    -khtml-animation: spin 0.8s linear infinite;
    -moz-animation: spin 0.8s linear infinite;
    -ms-animation: spin 0.8s linear infinite;
    -o-animation: spin 0.8s linear infinite;
    animation: spin 0.8s linear infinite;
    content: '';
    width: 50px;
    height: 50px;
    border: 8px solid tomato;
    border-color: transparent transparent tomato transparent;
    border-width: 3px 3px 8px 3px;
    border-radius: 100%;
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: -5px;
    left: -5px;
}

.cds-background>span span:after {
    -webkit-animation: spin 0.5s linear infinite;
    -khtml-animation: spin 0.5s linear infinite;
    -moz-animation: spin 0.5s linear infinite;
    -ms-animation: spin 0.5s linear infinite;
    -o-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
    content: '';
    width: 50px;
    height: 50px;
    border: 8px solid royalblue;
    border: 0 0 0 8px;
    border-color: transparent transparent transparent royalblue;
    border-width: 3px 3px 3px;
    border-radius: 100%;
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: -5px;
    left: -5px;
}

.cds-background.cds-background-hidden {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.nav.nav-pills a {
    text-decoration: none;
}

#cboxOverlay {
    background-color: #1c2c38;
}

#cboxContent,
#cboxLoadedContent,
#cboxLoadingOverlay {
    background: transparent;
}

#cboxLoadedContent {
    padding: 0 60px;
    overflow: hidden !important;
}

#cboxError {
    height: 78%;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.4);
}

.cboxPhoto {
    max-height: 87% !important;
    width: auto !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#cboxTitle {
    font-size: 12px;
    font-size: 1.2rem;
    color: #ffffff;
    left: 0;
    right: 0;
    margin: auto;
    width: 89%;
    top: auto;
    bottom: 0;
    height: 22%;
    line-height: 18px;
}

#cboxPrevious,
#cboxNext {
    background: none;
    width: 36px;
    height: 36px;
    top: calc(50% - 18px);
    background: transparent;
    font-size: 30px;
    text-indent: -999999px;
    overflow: hidden;
}

#cboxPrevious:hover,
#cboxNext:hover {
    background: transparent;
}

#cboxPrevious.disabled,
#cboxNext.disabled {
    background: transparent;
}

#cboxPrevious::before,
#cboxNext::before {
    font-size: 30px;
    font-size: 3rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    width: 30px;
    line-height: 30px;
    text-indent: 0;
    position: absolute;
    color: #ffffff;
    top: 3px;
}

#cboxPrevious {
    left: 0;
}

#cboxPrevious::before {
    content: "\64";
    left: 1px;
}

#cboxNext {
    right: 0;
}

#cboxNext::before {
    content: "\63";
    right: 1px;
}

#cboxClose {
    background: none;
    width: 32px;
    height: 32px;
    font-size: 30px;
    text-indent: -999999px;
    overflow: hidden;
    top: -40px;
}

#cboxClose::before {
    font-size: 30px;
    font-size: 3rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    width: 30px;
    line-height: 30px;
    text-indent: 0;
    position: absolute;
    color: #ffffff;
    content: "\48";
}

#cboxLoadingGraphic {
    background: none;
    height: 3em;
    width: 3em;
    -webkit-animation: rotation 1s infinite linear;
    -khtml-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -ms-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 1.5em);
}

@-webkit-keyframes rotation {
    to {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    to {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes rotation {
    to {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes rotation {
    to {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotation {
    to {
        -webkit-transform: rotate(360deg);
        -khtml-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.component-gallery__image .image-gallery-overlay,
.component-gallery__image figure>a {
    position: relative;
}

.open-overlay {
    background: none;
    width: 100%;
    height: 100%;
    font-size: 30px;
    text-indent: -999999px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.open-overlay::before {
    font-size: 30px;
    font-size: 3rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    width: 30px;
    line-height: 30px;
    text-indent: 0;
    position: absolute;
    color: #ffffff;
    content: "\46";
    top: 15px;
    right: 15px;
}

main .field--type-text-with-summary p,
main .text-component-text.basic_html p,
main .text-component-text.restricted_html p,
main .text-component-text.cern_full_html p,
main .full-html-markup p {
    margin: 0 0 15px;
}

main .field--type-text-with-summary a,
main .text-component-text.basic_html a,
main .text-component-text.restricted_html a,
main .text-component-text.cern_full_html a,
main .full-html-markup a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    text-decoration: underline;
}

main .field--type-text-with-summary a.linked-cern-icons,
main .text-component-text.basic_html a.linked-cern-icons,
main .text-component-text.restricted_html a.linked-cern-icons,
main .text-component-text.cern_full_html a.linked-cern-icons,
main .full-html-markup a.linked-cern-icons {
    text-decoration: none;
}

main .field--type-text-with-summary ul,
main .text-component-text.basic_html ul,
main .text-component-text.restricted_html ul,
main .text-component-text.cern_full_html ul,
main .full-html-markup ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 20px;
    line-height: 25px;
}

main .field--type-text-with-summary ul li::before,
main .text-component-text.basic_html ul li::before,
main .text-component-text.restricted_html ul li::before,
main .text-component-text.cern_full_html ul li::before,
main .full-html-markup ul li::before {
    content: "• ";
    margin: 0 5px 0 0;
    line-height: 25px;
}

main .field--type-text-with-summary ul ul,
main .text-component-text.basic_html ul ul,
main .text-component-text.restricted_html ul ul,
main .text-component-text.cern_full_html ul ul,
main .full-html-markup ul ul {
    margin-bottom: 0;
}

main .field--type-text-with-summary ul.nav,
main .field--type-text-with-summary ul.dropdown-menu,
main .text-component-text.basic_html ul.nav,
main .text-component-text.basic_html ul.dropdown-menu,
main .text-component-text.restricted_html ul.nav,
main .text-component-text.restricted_html ul.dropdown-menu,
main .text-component-text.cern_full_html ul.nav,
main .text-component-text.cern_full_html ul.dropdown-menu,
main .full-html-markup ul.nav,
main .full-html-markup ul.dropdown-menu {
    margin: 0;
}

main .field--type-text-with-summary ul.nav li::before,
main .field--type-text-with-summary ul.dropdown-menu li::before,
main .text-component-text.basic_html ul.nav li::before,
main .text-component-text.basic_html ul.dropdown-menu li::before,
main .text-component-text.restricted_html ul.nav li::before,
main .text-component-text.restricted_html ul.dropdown-menu li::before,
main .text-component-text.cern_full_html ul.nav li::before,
main .text-component-text.cern_full_html ul.dropdown-menu li::before,
main .full-html-markup ul.nav li::before,
main .full-html-markup ul.dropdown-menu li::before {
    display: none;
}

main .field--type-text-with-summary ol,
main .text-component-text.basic_html ol,
main .text-component-text.restricted_html ol,
main .text-component-text.cern_full_html ol,
main .full-html-markup ol {
    padding: 0;
    margin: 0 0 15px 40px;
    line-height: 25px;
}

main .field--type-text-with-summary ol li,
main .text-component-text.basic_html ol li,
main .text-component-text.restricted_html ol li,
main .text-component-text.cern_full_html ol li,
main .full-html-markup ol li {
    line-height: 25px;
}

main .field--type-text-with-summary hr,
main .text-component-text.basic_html hr,
main .text-component-text.restricted_html hr,
main .text-component-text.cern_full_html hr,
main .full-html-markup hr {
    border-top: 2px solid;
    border-top-color: #cacaca;
}

main .field--type-text-with-summary table,
main .text-component-text.basic_html table,
main .text-component-text.restricted_html table,
main .text-component-text.cern_full_html table,
main .full-html-markup table {
    width: 100%;
    margin: 0 0 15px;
}

main .field--type-text-with-summary table caption,
main .text-component-text.basic_html table caption,
main .text-component-text.restricted_html table caption,
main .text-component-text.cern_full_html table caption,
main .full-html-markup table caption {
    display: block;
    width: 100%;
}

main .field--type-text-with-summary img,
main .text-component-text.basic_html img,
main .text-component-text.restricted_html img,
main .text-component-text.cern_full_html img,
main .full-html-markup img {
    max-width: 100%;
}

table caption {
    display: block;
    width: 100%;
}

table>thead>tr>th,
table>thead>tr>td,
table>tbody>tr>th,
table>tbody>tr>td,
table>tfoot>tr>th,
table>tfoot>tr>td {
    padding: 8px;
}

table.simple-responsive-table>thead>tr>th,
table.simple-responsive-table>thead>tr>td,
table.simple-responsive-table>tbody>tr>th,
table.simple-responsive-table>tbody>tr>td {
    font-size: 14px;
    font-size: 1.4rem;
    min-height: 24px;
    padding: 5px 5px 2px 50%;
}

table.simple-responsive-table>thead>tr>th:before,
table.simple-responsive-table>thead>tr>td:before,
table.simple-responsive-table>tbody>tr>th:before,
table.simple-responsive-table>tbody>tr>td:before {
    top: 7px;
    max-width: 48%;
    line-height: 1.2;
}

table.simple-responsive-table>tfoot {
    display: none;
}

table .file-icon {
    margin-right: 8px;
}

table .file-link a {
    text-decoration: none;
}

table .file-link a:hover {
    text-decoration: none;
}

.is-cern-lazy .text-component {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -khtml-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.is-cern-lazy .text-component.out {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.fade {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.6s;
    -khtml-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.fade.out {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

.field--type-text-with-summary,
.full-text-animation {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -khtml-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.field--type-text-with-summary.out,
.full-text-animation.out {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

iframe.cern-timeline {
    border: 0;
    min-height: 180px;
    width: 100%;
    margin-bottom: -10px;
}

.block-sticky-bottom.block-block-content {
    position: fixed;
    bottom: 0;
    z-index: 500 !important;
    width: 100%;
    opacity: 0.9;
    padding: 0;
    max-width: unset;
}

.block-sticky-bottom.block-block-content .block-custom-wrapper {
    margin: 0;
    padding: 10px;
}

.block-sticky-bottom.block-block-content .block-custom-wrapper p {
    margin: 0;
}

form.webform-submission-form .form-item label {
    font-size: 16px;
    padding-top: 0;
    font-family: 'sourcesans-regular';
    margin-bottom: 15px;
    color: #292929;
}

form.webform-submission-form label.control-label:not(.option),
form.webform-submission-form .fieldset-legend,
form.webform-submission-form .webform-table-sort thead th {
    font-size: 23px;
    font-weight: bold;
    color: #292929;
}

form.webform-submission-form .webform-likert-table tbody td:first-child label {
    font-size: 16px;
    font-weight: normal;
}

.cern-page-display-page .wrapper-center>h2,
.cern-page-display-page>h2,
.cern-view-display-page .wrapper-center>h2,
.cern-view-display-page>h2 {
    text-align: center;
    font-size: 39px;
    margin-bottom: 20px;
}

.faq-node-footer-content .views-element-container {
    margin-bottom: 0;
}

.cern-view-display-more_faq .view-header h1,
.cern-view-display-more_faq .view-header h2,
.cern-view-display-more_faq .view-header h3,
.cern-view-display-more_faq .view-header h4 {
    text-align: center;
    font-family: 'opensans-bold';
    font-size: 32px;
    margin: 40px 0 20px;
}

.cern-view-display-more_faq .view-footer {
    margin-top: calc(3rem + 8px);
}

.cern-view-display-more_faq .view-footer a {
    text-align: right;
    margin: 20px 0 20px;
    position: relative;
    padding-right: 15px;
    font-weight: bold;
    display: block;
}

.cern-view-display-more_faq .view-footer a:hover,
.cern-view-display-more_faq .view-footer a:active,
.cern-view-display-more_faq .view-footer a:focus {
    text-decoration: none;
}

.cern-view-display-more_faq .view-footer a:after {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -khtml-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    content: '\j';
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.cern-view-display-more_faq .view-footer a:hover:after {
    right: -5px;
}

.cern-view-display-more_faq .view-content {
    margin: 0 -10px;
}

.cern-view-display-more_faq .view-content:before,
.cern-view-display-more_faq .view-content:after {
    content: " ";
    display: table;
    box-sizing: border-box;
}

.cern-view-display-more_faq .view-content:after {
    clear: both;
}

.cern-view-display-more_faq .view-content .views-row {
    width: calc(33.33% - 20px);
    margin: 0 10px;
    background: #ccc;
    float: left;
    padding: 10px 10px 40px 50px;
    height: 200px;
    overflow: hidden;
    position: relative;
    min-height: 210px;
    flex-flow: column;
    display: flex;
    justify-content: end;
}

.cern-view-display-more_faq .view-content .views-row .faq-cards__veil {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0)', endColorStr='rgba(0, 0, 0, 0.9)');
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.cern-view-display-more_faq .view-content .views-row:hover .faq-cards__veil {
    opacity: 0;
}

.cern-view-display-more_faq .view-content .views-row>div {
    position: absolute;
    bottom: 20px;
    padding-right: 10px;
}

.cern-view-display-more_faq .view-content .views-row>div h3 a {
    font-size: 2rem;
    font-family: sourcesans-semibold;
    font-weight: 500;
    color: white;
    position: relative;
    line-height: 26px;
    display: block;
}

.cern-view-display-more_faq .view-content .views-row>div h3 a:hover,
.cern-view-display-more_faq .view-content .views-row>div h3 a:active,
.cern-view-display-more_faq .view-content .views-row>div h3 a:focus {
    text-decoration: none;
    color: white;
}

.cern-view-display-more_faq .view-content .views-row>div h3 a:before {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: 'j';
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 40px;
    font-size: 4rem;
    position: absolute;
    left: -3.5rem;
    top: -2px;
    color: darkorange;
    line-height: 26px;
}

.cern-view-display-more_faq .view-content .views-row>div h3 a:hover:before {
    left: -2.5rem;
}

@media only screen and (max-width:991px) {
    .cern-view-display-more_faq .view-content .views-row>div h3 a {
        font-size: 1.8rem;
    }

    .block-views-blockfaq-more-faq {
        margin: 0 -3% 30px;
    }
}

@media only screen and (max-width:767px) {
    .block-views-blockfaq-more-faq {
        margin: 0 auto 30px;
    }

    .cern-view-display-more_faq .view-content {
        margin: 0;
    }

    .cern-view-display-more_faq .view-content .views-row {
        float: none;
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
        padding: 10px 10px 15px 50px;
    }

    .cern-view-display-more_faq .view-content .views-row>div {
        position: relative;
        top: 0;
        left: auto;
    }
}

.cern-view-display-page.cern-view-display-faq_page>h2 {
    margin: 3rem 0 !important;
}

.cern-view-display-page.cern-view-display-faq_page .pagination-container.centered {
    text-align: right;
}

.cern-view-display-page.cern-view-display-faq_page .view-filters {
    width: 100%;
    margin: 0 auto;
}

.cern-view-display-page.cern-view-display-faq_page .view-filters form {}

.cern-view-display-page.cern-view-display-faq_page .view-filters form .form-actions {
    width: calc(20% - 8px);
    vertical-align: bottom;
}

.cern-view-display-page.cern-view-display-faq_page .view-filters form .form-actions button {
    width: 100%;
}

.cern-view-display-page.cern-view-display-faq_page .view-header {
    display: inline;
    margin: 0 0 0 0%;
    position: relative;
    top: -30px;
    left: 10px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.4rem;
    font-weight: bold;
}

.cern-view-display-block.cern-view-display-other_events .view-header h2 {
    font-size: 30px;
}

.cern-view-display-block.cern-view-display-other_events .view-footer {
    text-align: right;
    margin-top: 1rem;
}

.cern-view-display-block.cern-view-display-other_events .view-footer a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.cern-view-display-block.cern-view-display-other_events .view-footer a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: '\j';
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.cern-view-display-block.cern-view-display-other_events .view-footer a:hover:after {
    right: -5px;
    left: auto;
}

.cern-view-display-block.cern-view-display-other_events .view-content .views-row {
    margin-bottom: 15px;
}

.cern-view-display-block.cern-view-display-other_events .view-content .views-row * {
    color: white !important;
}

.cern-view-display-block.cern-view-display-other_events .view-content .views-row .agenda-box-pattern {
    background: #0855a0;
    margin: 0;
    float: none;
}

.cern-view-display-block.cern-view-display-other_events .view-content .views-row .agenda-box-pattern .agenda-box-event-time {
    display: none;
}

.cern-view-display-block.cern-view-display-other_events .view-content .views-row .agenda-box-pattern .agenda-box-cal-wrapper {
    display: none;
}

@media screen and (min-width:992px) {
    .cern-view-display-block.cern-view-display-upcoming_events {
        padding: 0 100px;
    }
}

.cern-view-display-block.cern-view-display-upcoming_events .view-content.owl-carousel:before {
    content: ' ';
    height: 2px;
    width: 4000px;
    display: block;
    position: absolute;
    top: 7px;
    background: transparent;
    left: -1500px;
    border-top: 2px dotted #e6e6e6;
}

.cern-view-display-block.cern-view-display-upcoming_events>h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 3rem;
}

.cern-view-display-block.cern-view-display-upcoming_events .more-link {
    text-align: right;
    margin-top: 0rem;
}

@media screen and (min-width:992px) {
    .cern-view-display-block.cern-view-display-upcoming_events .more-link {
        margin-right: -95px;
    }
}

.cern-view-display-block.cern-view-display-upcoming_events .more-link a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.cern-view-display-block.cern-view-display-upcoming_events .more-link a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: '\j';
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.cern-view-display-block.cern-view-display-upcoming_events .more-link a:hover:after {
    right: -5px;
    left: auto;
}

.cern-view-display-block.cern-view-display-upcoming_events .owl-nav {
    position: relative;
}

@media screen and (min-width:992px) {
    .cern-view-display-block.cern-view-display-upcoming_events .owl-nav {
        margin: 0 -100px;
    }
}

.cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: -200px;
    background: transparent;
}

.cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-prev:after {
    content: 'd';
    display: block;
    color: #0855a0;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 40px;
}

.cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-prev.disabled:after {
    color: black;
}

.cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: -200px;
    background: transparent;
}

.cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-next:after {
    content: 'c';
    display: block;
    color: #0855a0;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 40px;
}

.cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-next.disabled:after {
    color: black;
}

@media screen and (max-width:991px) {
    .cern-view-display-block.cern-view-display-upcoming_events .owl-nav {
        margin: 15px;
    }

    .cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-prev {
        position: static;
    }

    .cern-view-display-block.cern-view-display-upcoming_events .owl-nav .owl-next {
        position: static;
    }
}

.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern {
    padding: 20px 32px;
    background: transparent !important;
}

.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern * {
    color: black;
}

.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern:before {
    content: " "close-quote;
    width: 0;
    height: 0;
    border: 4px solid #cacaca;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: 0px;
}

.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern .agenda-box-pattern__box-wrapper {
    align-self: flex-start;
}

.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern .agenda-box-event-time,
.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern .agenda-box-cal-wrapper {
    display: none;
}

.cern-view-display-block.cern-view-display-upcoming_events .agenda-box-pattern .agenda-box-date-wrapper .agenda-box-week-day {
    display: none;
}

@media screen and (max-width:991px) {
    .cern-view-display-block.cern-view-display-upcoming_events .view-content.owl-carousel:before {
        content: none;
    }

    .cern-view-display-block.cern-view-display-upcoming_events .owl-item:not(.active) * {
        display: none;
    }

    .cern-view-display-block.cern-view-display-upcoming_events .owl-item.active .carousel-cern-item.row .views-row {
        height: auto !important;
    }

    .cern-view-display-block.cern-view-display-upcoming_events .owl-item.active .carousel-cern-item.row .views-row .agenda-box-pattern {
        min-height: 0 !important;
    }

    .cern-view-display-block.cern-view-display-upcoming_events .owl-item.active .carousel-cern-item.row .views-row .agenda-box-pattern:before {
        content: none;
    }
}

@media screen and (max-width:767px) {
    .cern-view-display-block.cern-view-display-upcoming_events .owl-item.active .carousel-cern-item.row:before {
        left: 35px;
    }
}

@media screen and (max-width:991px) {
    .bubbly-button {
        display: none;
    }
}

@media screen and (min-width:992px) {
    .bubbly-button {
        display: inline-block;
        padding: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: white;
        border-radius: 100%;
        border: none;
        cursor: pointer;
        position: relative;
        transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
        top: 4px;
        left: 0;
        margin-left: calc(33.333333% + 36px);
        z-index: 1;
        position: absolute;
    }

    .bubbly-button:focus {
        outline: 0;
    }

    .bubbly-button:before {
        position: absolute;
        content: '';
        display: block;
        width: 200px;
        height: 100px;
        left: -95px;
        z-index: -1000;
        transition: all ease-in-out 0.5s;
        background-repeat: no-repeat;
    }

    .bubbly-button:after {
        position: absolute;
        content: '';
        display: block;
        width: 140px;
        height: 50px;
        left: -65px;
        z-index: -1000;
        transition: all ease-in-out 0.5s;
        background-repeat: no-repeat;
    }

    .bubbly-button:before {
        display: none;
        animation: none;
        top: -80px;
        background-size: 10% 10%, 15% 15%, 12% 12%, 10% 10%, 14% 14%, 10% 10%, 15% 15%, 10% 10%, 14% 14%;
    }

    .bubbly-button:after {
        display: none;
        animation: none;
        top: 0;
        background-size: 22% 22%, 28% 28%, 28% 28%, 25% 25%, 20% 20%, 28% 28%, 20% 20%, 30% 30%, 30% 30%;
    }

    .bubbly-button:active {
        transform: scale(0.9);
    }

    .bubbly-button.animate:before {
        display: block;
        animation: topBubbles cubic-bezier(0.19, 1, 0.22, 1) 2s forwards;
    }

    .bubbly-button.animate:after {
        display: block;
        animation: bottomBubbles cubic-bezier(0.19, 1, 0.22, 1) 2s forwards;
    }

    @keyframes topBubbles {
        0% {
            background-position: 50% 90%, 50% 90%, 50% 90%, 50% 90%, 50% 90%, 50% 90%, 50% 90%, 55% 90%, 50% 90%;
        }

        100% {
            background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        }
    }

    @keyframes bottomBubbles {
        0% {
            background-position: 50% -10%, 50% 10%, 50% 10%, 55% -10%, 50% -10%, 50% -10%, 50% -10%, 50% 0%, 50% 0%;
        }

        65% {
            opacity: 1;
            background-size: 0% 0%, 0% 0%, 10% 10%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 10% 10%;
        }

        100% {
            background-position: 0% 90%, 20% 90%, 19% 92%, 45% 70%, 60% 120%, 75% 80%, 95% 70%, 105% 10%, 105% 6%;
            opacity: 0;
            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        }
    }
}

.cern-view-display-page.cern-view-display-feature_events>h2,
.cern-view-display-page.cern-view-display-past_events>h2,
.event-grid>h2 {
    margin: 3rem 0 !important;
}

.cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline,
.cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline,
.event-grid form.views-exposed-form .form-inline {
    margin: 0 -10px;
}

.cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item>input,
.cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item>input,
.event-grid form.views-exposed-form .form-inline .form-item>input {
    display: block;
}

.cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:not(:first-child),
.cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:not(:first-child),
.event-grid form.views-exposed-form .form-inline .form-item:not(:first-child) {
    margin: 10px;
}

.cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:not(:first-child) input,
.cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:not(:first-child) input,
.event-grid form.views-exposed-form .form-inline .form-item:not(:first-child) input {
    width: 100%;
}

.cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select,
.cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select,
.event-grid form.views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select {
    width: 100%;
}

.cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-actions,
.cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-actions,
.event-grid form.views-exposed-form .form-inline .form-actions {
    width: calc((100% / 4) - 40px);
    margin: 10px;
    vertical-align: bottom;
    text-align: right;
}

.cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-actions button,
.cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-actions button,
.event-grid form.views-exposed-form .form-inline .form-actions button {
    width: 100%;
}

.cern-view-display-page.cern-view-display-feature_events .view-header,
.cern-view-display-page.cern-view-display-past_events .view-header,
.event-grid .view-header {
    margin: 50px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: "opensans-bold";
    color: black;
}

.cern-view-display-page.cern-view-display-feature_events .view-header a,
.cern-view-display-page.cern-view-display-past_events .view-header a,
.event-grid .view-header a {
    color: black;
}

.cern-view-display-page.cern-view-display-feature_events .view-header a:not(.active),
.cern-view-display-page.cern-view-display-past_events .view-header a:not(.active),
.event-grid .view-header a:not(.active) {
    opacity: 0.6;
}

.cern-view-display-page.cern-view-display-feature_events .view-footer,
.cern-view-display-page.cern-view-display-past_events .view-footer,
.event-grid .view-footer {
    text-align: right;
}

.cern-view-display-page.cern-view-display-feature_events .view-content,
.cern-view-display-page.cern-view-display-past_events .view-content,
.event-grid .view-content {
    margin: 0 -15px;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row,
.event-grid .view-content .views-row {
    margin-bottom: 15px;
    width: calc(33.3333% - 30px);
    float: left;
    margin: 0 15px 50px;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern,
.event-grid .view-content .views-row .agenda-box-pattern {
    background: transparent;
    padding: 30px 30px 60px 30px;
    border: 0;
    box-shadow: 0 1px 3px 0 #bfbfbf;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-link h2 a:before,
.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-link h3 a:before,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-link h2 a:before,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-link h3 a:before,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-link h2 a:before,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-link h3 a:before {
    content: unset;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper {
    align-self: flex-start;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-cal-button,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-cal-button,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-cal-button {
    border-radius: 0;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn {
    border-radius: 0;
    padding: 2px;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn:before,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn:before,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn:before {
    left: 2px;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper {
    padding-right: 5px;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-week-day,
.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-content-type,
.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-audience,
.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-place,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-week-day,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-content-type,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-audience,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-place,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-week-day,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-content-type,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-audience,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-place {
    font-family: "sourcesans-regular";
    font-size: 1.5rem;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-week-day *,
.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-content-type *,
.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-audience *,
.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-place *,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-week-day *,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-content-type *,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-audience *,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-place *,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-week-day *,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-content-type *,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-audience *,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-place * {
    font-family: "sourcesans-regular";
    font-size: 1.5rem;
}

.cern-view-display-page.cern-view-display-feature_events .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper .agenda-box-cal-button,
.cern-view-display-page.cern-view-display-past_events .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper .agenda-box-cal-button,
.event-grid .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper .agenda-box-cal-button {
    background: transparent;
}

@media only screen and (max-width:991px) {

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item,
    .event-grid form.views-exposed-form .form-inline .form-item {
        display: inline-block;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:first-child,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:first-child,
    .event-grid form.views-exposed-form .form-inline .form-item:first-child {
        margin: 10px 5px 10px 5px;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:first-child:before,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:first-child:before,
    .event-grid form.views-exposed-form .form-inline .form-item:first-child:before {
        left: 0px;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-actions,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-actions,
    .event-grid form.views-exposed-form .form-inline .form-actions {
        display: inline-block;
        margin: 10px;
    }

    .cern-view-display-page.cern-view-display-feature_events .view-content,
    .cern-view-display-page.cern-view-display-past_events .view-content,
    .event-grid .view-content {
        margin: 0 -15px;
    }

    .cern-view-display-page.cern-view-display-feature_events .view-content .views-row,
    .cern-view-display-page.cern-view-display-past_events .view-content .views-row,
    .event-grid .view-content .views-row {
        margin-bottom: 15px;
        width: calc(50% - 30px);
    }
}

@media only screen and (max-width:767px) {

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline,
    .event-grid form.views-exposed-form .form-inline {
        margin: 0;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:first-child,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:first-child,
    .event-grid form.views-exposed-form .form-inline .form-item:first-child {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:first-child:nth-last-child(n)~.form-item,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:first-child:nth-last-child(n)~.form-item,
    .event-grid form.views-exposed-form .form-inline .form-item:first-child:nth-last-child(n)~.form-item {
        width: 100%;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:first-child>input,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:first-child>input,
    .event-grid form.views-exposed-form .form-inline .form-item:first-child>input {
        width: 100%;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:first-child:before,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:first-child:before,
    .event-grid form.views-exposed-form .form-inline .form-item:first-child:before {
        left: -5px;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-item:not(:first-child),
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-item:not(:first-child),
    .event-grid form.views-exposed-form .form-inline .form-item:not(:first-child) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-actions,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-actions,
    .event-grid form.views-exposed-form .form-inline .form-actions {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .cern-view-display-page.cern-view-display-feature_events form.views-exposed-form .form-inline .form-actions button,
    .cern-view-display-page.cern-view-display-past_events form.views-exposed-form .form-inline .form-actions button,
    .event-grid form.views-exposed-form .form-inline .form-actions button {
        width: auto;
    }

    .cern-view-display-page.cern-view-display-feature_events .view-content,
    .cern-view-display-page.cern-view-display-past_events .view-content,
    .event-grid .view-content {
        margin: 0;
    }

    .cern-view-display-page.cern-view-display-feature_events .view-content .views-row,
    .cern-view-display-page.cern-view-display-past_events .view-content .views-row,
    .event-grid .view-content .views-row {
        margin: 0 0 15px 0;
        width: 100%;
    }
}

.path-news main h3.preview-list-title {
    border: 0;
    font-family: 'opensans-bold';
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 29px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.cern-view-display-block.cern-view-display-featured_news .component-preview-cards {
    background-color: white;
    width: 36%;
    margin-top: 40px;
    min-height: 0;
}

.cern-view-display-block.cern-view-display-featured_news .component-preview-cards .component-preview-cards__box_wrapper {
    min-height: 0;
    height: auto;
}

.cern-view-display-block.cern-view-display-featured_news .preview-card {}

.cern-view-display-block.cern-view-display-featured_news .preview-card__title h3 {
    margin: 10px 0;
}

.cern-view-display-block.cern-view-display-featured_news .preview-card__title h3 a {
    color: #0855a0;
}

.cern-view-display-block.cern-view-display-featured_news .preview-card__category,
.cern-view-display-block.cern-view-display-featured_news .preview-card__date,
.cern-view-display-block.cern-view-display-featured_news .preview-card__author {
    color: black;
}

.cern-view-display-block.cern-view-display-featured_news .preview-card__category a,
.cern-view-display-block.cern-view-display-featured_news .preview-card__date a,
.cern-view-display-block.cern-view-display-featured_news .preview-card__author a {
    color: black;
}

.cern-view-display-block.cern-view-display-featured_news .preview-card__avatar {
    width: 65px !important;
    height: 65px !important;
    min-height: unset;
    background: #999999;
    border-radius: 100%;
    padding: 0;
}

@media only screen and (max-width:991px) {
    .cern-view-display-block.cern-view-display-featured_news .component-preview-cards {
        width: 40%;
        margin: 15% 5% 5%;
    }
}

@media only screen and (max-width:767px) {
    .cern-view-display-block.cern-view-display-featured_news .component-preview-cards {
        width: 90%;
        margin: 20% 5% 5%;
    }
}

.cern-view-display-block.cern-view-display-latest_news_pager,
.cern-view-display-block.cern-view-display-latest_featured_news_pager,
.cern-view-display-block.cern-view-display-latest_news,
.cern-view-display-block.cern-view-display-latest_featured_news {}

.cern-view-display-block.cern-view-display-latest_news_pager .view-header h2,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-header h2,
.cern-view-display-block.cern-view-display-latest_news .view-header h2,
.cern-view-display-block.cern-view-display-latest_featured_news .view-header h2 {
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin-bottom: 3rem;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-footer,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-footer,
.cern-view-display-block.cern-view-display-latest_news .view-footer,
.cern-view-display-block.cern-view-display-latest_featured_news .view-footer {
    text-align: right;
    margin-top: 3rem;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-footer a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-footer a,
.cern-view-display-block.cern-view-display-latest_news .view-footer a,
.cern-view-display-block.cern-view-display-latest_featured_news .view-footer a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-footer a:after,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-footer a:after,
.cern-view-display-block.cern-view-display-latest_news .view-footer a:after,
.cern-view-display-block.cern-view-display-latest_featured_news .view-footer a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: '\j';
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-footer a:hover:after,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-footer a:hover:after,
.cern-view-display-block.cern-view-display-latest_news .view-footer a:hover:after,
.cern-view-display-block.cern-view-display-latest_featured_news .view-footer a:hover:after {
    right: -5px;
    left: auto;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content .carousel-cern-item.row .views-row,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .carousel-cern-item.row .views-row,
.cern-view-display-block.cern-view-display-latest_news .view-content .carousel-cern-item.row .views-row,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .carousel-cern-item.row .views-row {
    float: left;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row,
.cern-view-display-block.cern-view-display-latest_news .view-content,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row {
    margin: 0 -8px;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row {
    margin: 8px;
    width: calc(33.333% - 16px);
    float: left;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards {
    margin: 0;
    width: 100%;
    background-color: #0855a0;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 {
    margin: 10px 0;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 a,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 a,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 a,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 a,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 a,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 a {
    color: white;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author {
    color: white;
    font-weight: 200;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a {
    color: white;
    font-weight: 200;
}

.cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar,
.cern-view-display-block.cern-view-display-latest_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar,
.cern-view-display-block.cern-view-display-latest_featured_news_pager .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar,
.cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar,
.cern-view-display-block.cern-view-display-latest_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar,
.cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar,
.cern-view-display-block.cern-view-display-latest_featured_news .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar {
    width: 65px !important;
    height: 65px !important;
    min-height: 0;
    background: #999999;
    border-radius: 100%;
    padding: 0;
}

.cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content.owl-carousel,
.cern-view-display-block.cern-view-display-latest_news_pager .view-content.owl-carousel {
    margin: 0;
    min-height: 226px;
}

@media only screen and (max-width:991px) {
    .news-node-full-content-latest-news .cern-view-display-block.cern-view-display-latest_news .view-content {
        display: block;
    }

    .news-node-full-content-latest-news .cern-view-display-block.cern-view-display-latest_news .view-content .views-row {
        width: 100%;
        padding: 0 !important;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:991px) {

    .cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row,
    .cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row,
    .cern-view-display-block.cern-view-display-latest_news .view-content .views-row,
    .cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row {
        width: calc(100% - 16px) !important;
        height: 210px !important;
    }

    .cern-view-display-block.cern-view-display-latest_news_pager .view-content .views-row .component-preview-cards,
    .cern-view-display-block.cern-view-display-latest_featured_news_pager .view-content .views-row .component-preview-cards,
    .cern-view-display-block.cern-view-display-latest_news .view-content .views-row .component-preview-cards,
    .cern-view-display-block.cern-view-display-latest_featured_news .view-content .views-row .component-preview-cards {
        height: 100% !important;
    }
}

.path-news #pre-main-content .block-title {
    margin: 20px auto 40px !important;
    text-align: center;
    color: white;
    text-transform: uppercase;
}

.path-news main {
    padding-top: 3rem;
}

.path-news main .block-views-blocknews-latest-featured-news-pager .view-footer {
    display: none;
}

.path-news .view-cern-all-news>h1 {
    margin: 3rem 0 !important;
    text-align: center;
}

.path-news .cern-page-display-page .wrapper-center>h1,
.path-news .cern-page-display-page>h1 {
    margin: 3rem 0 !important;
    text-align: center;
}

.path-news .cern-page-display-page .views-exposed-form .form-inline {
    margin: 0 -10px;
}

.path-news .cern-page-display-page .views-exposed-form .form-inline .form-item {
    vertical-align: top;
}

.path-news .cern-page-display-page .views-exposed-form .form-inline .form-item>input {
    display: block;
}

.path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:not(:first-child) {
    margin: 10px !important;
}

.path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:not(:first-child) input {
    width: 100%;
}

.path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select {
    width: 100%;
}

.path-news .cern-page-display-page .views-exposed-form .form-inline .form-actions {
    margin: 10px !important;
    vertical-align: bottom !important;
    text-align: right !important;
}

.path-news .cern-page-display-page .views-exposed-form .form-inline .form-actions button {
    width: 100%;
}

.path-news .cern-page-display-page .view-header {
    margin: 50px 0;
    text-transform: uppercase;
    font-family: "opensans-bold";
}

.path-news .cern-page-display-page .view-header a {
    position: relative;
}

.path-news .cern-page-display-page .view-header a.active:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0855a0;
    bottom: -2px;
    left: 0;
}

.path-news .cern-page-display-page .view-footer {
    text-align: right;
}

.path-news .cern-page-display-page .view-content {
    margin: 35px 0 0 0;
}

.path-news .cern-page-display-page .view-content .views-row {
    margin-bottom: 25px;
    float: none;
}

@media only screen and (max-width:991px) {
    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-item {
        display: inline-block;
    }

    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:first-child {
        margin: 10px 5px 10px 5px;
    }

    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:first-child:before {
        left: 0px;
    }

    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-actions {
        display: inline-block;
        text-align: right;
        width: calc(100% - 20px) !important;
    }
}

@media only screen and (max-width:500px) {
    .path-news .cern-page-display-page .views-exposed-form .form-inline {
        margin: 0;
    }

    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:first-child>input {
        width: 100%;
    }

    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:first-child:before {
        left: -5px;
    }

    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:not(:first-child),
    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-item:first-child {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
    }

    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-actions {
        display: block !important;
        width: 100% !important;
        margin: 0px !important;
    }

    .path-news .cern-page-display-page .views-exposed-form .form-inline .form-actions button {
        width: auto !important;
    }

    .path-news .cern-page-display-page .view-content .views-row {
        margin: 0 0 25px 0;
    }
}

@media only screen and (max-width:767px) {

    .cern-view-display-page.cern-view-display-all_news_filter,
    .cern-view-display-page.cern-view-display-all_news .view-header {
        margin-bottom: 25px;
    }

    .cern-view-display-page.cern-view-display-all_news_filter,
    .cern-view-display-page.cern-view-display-all_news .view-content {
        margin: 0;
    }

    .cern-view-display-page.cern-view-display-all_news_filter .views-row,
    .cern-view-display-page.cern-view-display-all_news .view-content .views-row {
        margin: 0 0 16px 0 !important;
    }

    .cern-view-display-page.cern-view-display-all_news_filter .views-row .views-field .field-content,
    .cern-view-display-page.cern-view-display-all_news .view-content .views-row .views-field .field-content {
        display: block;
    }

    .cern-view-display-page.cern-view-display-all_news_filter .views-row .views-field .field-content .box-pattern,
    .cern-view-display-page.cern-view-display-all_news .view-content .views-row .views-field .field-content .box-pattern {
        float: none !important;
    }

    .cern-view-display-page.cern-view-display-all_news_filter .views-row .preview-list-component,
    .cern-view-display-page.cern-view-display-all_news .view-content .views-row .preview-list-component {
        display: none !important;
    }
}

@media only screen and (min-width:768px) {

    .cern-view-display-page.cern-view-display-all_news_filter .view-content .views-row .box-pattern,
    .cern-view-display-page.cern-view-display-all_news .view-content .views-row .box-pattern {
        display: none !important;
    }

    .cern-view-display-page.cern-view-display-all_news_filter .view-content .views-row .preview-list-component .preview-list-news-info .preview-list-title,
    .cern-view-display-page.cern-view-display-all_news .view-content .views-row .preview-list-component .preview-list-news-info .preview-list-title {
        margin-top: -5px;
    }
}

.views-element-container .cern-view-display-block.cern-view-display-related_stories_block {
    margin-bottom: -30px;
}

.cern-view-display-block.cern-view-display-related_stories_block>h2 {
    text-align: center;
    margin: 3rem 0;
}

.cern-view-display-block.cern-view-display-related_stories_block .owl-theme .owl-nav.disabled+.owl-dots {
    margin: 3rem 0;
}

.cern-view-display-block.cern-view-display-related_stories_block .owl-stage .owl-item:not(.active) {
    opacity: 0;
}

.cern-view-display-block.cern-view-display-related_stories_block .carousel-cern-item.row {
    margin: 0 -8px;
}

.cern-view-display-block.cern-view-display-related_stories_block .carousel-cern-item.row .views-row {
    margin: 8px;
    width: calc(33.333% - 16px);
}

.cern-view-display-block.cern-view-display-related_stories_block .carousel-cern-item.row .views-row .component-preview-cards {
    margin: 0;
    width: 100%;
}

@media screen and (max-width:991px) {
    .cern-view-display-block.cern-view-display-related_stories_block .carousel-cern-item.row {
        margin: 0;
    }

    .cern-view-display-block.cern-view-display-related_stories_block .carousel-cern-item.row .views-row {
        margin: 16px 0;
        width: 100%;
    }

    .cern-view-display-block.cern-view-display-related_stories_block .carousel-cern-item.row .views-row .component-preview-cards {
        margin: 0;
        width: 100%;
    }
}

.cern-view-display-block.cern-view-display-related_stories_block .component-preview-cards {
    min-height: 428px;
    margin: 0px;
}

.cern-view-display-block.cern-view-display-related_stories_block .component-preview-cards .component-preview-cards__box_wrapper {
    height: 368px;
}

@media screen and (max-width:991px) {
    .cern-view-display-block.cern-view-display-related_stories_block .component-preview-cards {
        margin: 0;
        min-height: 428px;
        width: 100%;
    }

    .cern-view-display-block.cern-view-display-related_stories_block .component-preview-cards .component-preview-cards__box_wrapper {
        height: 368px;
    }
}

.cern-view-display-page.cern-view-display-resources>h1,
.card-grid>h1 {
    margin: 3rem 0 !important;
    text-align: center;
    text-transform: uppercase;
}

.cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline,
.card-grid form.views-exposed-form .form-inline {
    margin: 0 -10px;
}

.cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item,
.card-grid form.views-exposed-form .form-inline .form-item {
    vertical-align: top;
}

.cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item>input,
.card-grid form.views-exposed-form .form-inline .form-item>input {
    display: block;
}

.cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:not(:first-child),
.card-grid form.views-exposed-form .form-inline .form-item:not(:first-child) {
    margin: 10px;
}

.cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:not(:first-child) input,
.card-grid form.views-exposed-form .form-inline .form-item:not(:first-child) input {
    width: 100%;
}

.cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select,
.card-grid form.views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select {
    width: 100%;
}

.cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-actions,
.card-grid form.views-exposed-form .form-inline .form-actions {
    margin: 10px;
    vertical-align: bottom;
    text-align: right;
}

.cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-actions button,
.card-grid form.views-exposed-form .form-inline .form-actions button {
    width: 100%;
}

.cern-view-display-page.cern-view-display-resources .view-header,
.card-grid .view-header {
    font-weight: bold;
}

.cern-view-display-page.cern-view-display-resources .view-header span,
.card-grid .view-header span {
    color: #0855a0;
}

.cern-view-display-page.cern-view-display-resources .view-content,
.card-grid .view-content {
    margin: 1rem -8px;
}

.cern-view-display-page.cern-view-display-resources .view-content .views-row,
.card-grid .view-content .views-row {
    width: calc(33.3% - 16px);
    margin: 8px;
    float: left;
}

.cern-view-display-page.cern-view-display-resources .view-content .views-row .component-preview-cards,
.card-grid .view-content .views-row .component-preview-cards {
    margin: 0;
    width: 100%;
}

@media screen and (max-width:991px) {

    .cern-view-display-page.cern-view-display-resources .view-content,
    .card-grid .view-content {
        margin: 1rem -8px;
    }

    .cern-view-display-page.cern-view-display-resources .view-content .views-row,
    .card-grid .view-content .views-row {
        width: calc(50% - 16px);
        margin: 8px;
        float: left;
    }
}

@media screen and (max-width:767px) {

    .cern-view-display-page.cern-view-display-resources .view-content,
    .card-grid .view-content {
        margin: 1rem 0;
    }

    .cern-view-display-page.cern-view-display-resources .view-content .views-row,
    .card-grid .view-content .views-row {
        width: 100%;
        margin: 8px 0;
    }
}

@media only screen and (max-width:991px) {

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item,
    .card-grid form.views-exposed-form .form-inline .form-item {
        display: inline-block;
    }

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:first-child,
    .card-grid form.views-exposed-form .form-inline .form-item:first-child {
        margin: 10px 5px 10px 5px;
    }

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:first-child:before,
    .card-grid form.views-exposed-form .form-inline .form-item:first-child:before {
        left: 0px;
    }

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-actions,
    .card-grid form.views-exposed-form .form-inline .form-actions {
        display: inline-block;
        text-align: right;
        width: calc(100% - 20px);
    }
}

@media only screen and (max-width:500px) {

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline,
    .card-grid form.views-exposed-form .form-inline {
        margin: 0;
    }

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:first-child>input,
    .card-grid form.views-exposed-form .form-inline .form-item:first-child>input {
        width: 100%;
    }

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:first-child:before,
    .card-grid form.views-exposed-form .form-inline .form-item:first-child:before {
        left: -5px;
    }

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:not(:first-child),
    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-item:first-child,
    .card-grid form.views-exposed-form .form-inline .form-item:not(:first-child),
    .card-grid form.views-exposed-form .form-inline .form-item:first-child {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-actions,
    .card-grid form.views-exposed-form .form-inline .form-actions {
        display: block;
        width: 100%;
        margin: 0px;
    }

    .cern-view-display-page.cern-view-display-resources form.views-exposed-form .form-inline .form-actions button,
    .card-grid form.views-exposed-form .form-inline .form-actions button {
        width: auto;
    }
}

.cern-view-display-block.cern-view-display-more_about .view-header h2 {
    font-size: 28px;
    font-family: "opensans-regular";
}

.cern-view-display-block.cern-view-display-more_about .view-content {
    margin: 0 -4px;
}

.cern-view-display-block.cern-view-display-more_about .view-content .views-row {
    margin: 0 0 16px;
}

.cern-view-display-block.cern-view-display-more_about .view-content .views-row .views-field .field-content .box-pattern {
    float: none;
}

.cern-view-display-block.cern-view-display-more_about .view-content .views-row .views-field .field-content .box-pattern h3.standard-title a span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media only screen and (max-width:992px) {
    .cern-view-display-block.cern-view-display-more_about .view-header {
        margin-bottom: 25px;
    }

    .cern-view-display-block.cern-view-display-more_about .view-content {
        margin: 0;
    }

    .cern-view-display-block.cern-view-display-more_about .view-content .views-row {
        margin: 0 0 16px 0 !important;
    }

    .cern-view-display-block.cern-view-display-more_about .view-content .views-row .views-field .field-content {
        display: block;
    }

    .cern-view-display-block.cern-view-display-more_about .view-content .views-row .views-field .field-content .box-pattern {
        float: none !important;
    }
}

.cern-view-display-block.cern-view-display-related_resources .view-header h2 {
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin-bottom: 3rem;
}

.cern-view-display-block.cern-view-display-related_resources .view-footer {
    text-align: right;
    margin-top: 3rem;
}

.cern-view-display-block.cern-view-display-related_resources .view-footer a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.cern-view-display-block.cern-view-display-related_resources .view-footer a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: '\j';
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.cern-view-display-block.cern-view-display-related_resources .view-footer a:hover:after {
    right: -5px;
    left: auto;
}

.cern-view-display-block.cern-view-display-related_resources .view-content {
    margin: 1rem -8px;
}

.cern-view-display-block.cern-view-display-related_resources .view-content .views-row {
    width: calc(33.3% - 16px);
    margin: 8px;
    float: left;
}

.cern-view-display-block.cern-view-display-related_resources .view-content .views-row .component-preview-cards {
    margin: 0;
    width: 100%;
}

@media only screen and (max-width:991px) {
    .cern-view-display-block.cern-view-display-related_resources .view-content .views-row {
        width: calc(100% - 16px) !important;
        height: 210px !important;
    }

    .cern-view-display-block.cern-view-display-related_resources .view-content .views-row .component-preview-cards {
        height: 100% !important;
    }
}

@media only screen and (min-width:1200px) {
    body .cern-view-display-block.view-resource-menu-content {
        height: calc(100vh - (110px + 20px));
    }

    body.cern-toolbar .cern-view-display-block.view-resource-menu-content {
        height: calc(100vh - (150px + 20px));
    }

    body.toolbar-fixed .cern-view-display-block.view-resource-menu-content {
        height: calc(100vh - (150px + 20px));
    }

    body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .cern-view-display-block.view-resource-menu-content {
        height: calc(100vh - (190px + 20px));
    }

    body.cern-toolbar.toolbar-fixed .cern-view-display-block.view-resource-menu-content {
        height: calc(100vh - (190px + 20px));
    }

    body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.cern-toolbar .cern-view-display-block.view-resource-menu-content {
        height: calc(100vh - (230px + 20px));
    }
}

@media only screen and (min-width:1200px) {
    .cern-view-display-block.view-resource-menu-content {
        margin-bottom: -30px;
    }
}

.cern-view-display-block.view-resource-menu-content .more-link a,
.cern-view-display-block.view-resource-menu-content>h1 {
    color: rgba(255, 255, 255, 0.5);
    font-family: sourcesans-regular;
    font-size: 16px;
    margin-left: 8px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
    text-align: left !important;
}

.cern-view-display-block.view-resource-menu-content .view-content .views-row {
    width: calc(50% - 16px);
    height: 210px;
    float: left;
    margin: 8px;
}

.cern-view-display-block.view-resource-menu-content .view-content .views-row .views-field {
    height: 100%;
}

.cern-view-display-block.view-resource-menu-content .view-content .views-row .component-preview-cards {
    margin: 0 !important;
    width: 100%;
    height: 100%;
}

.cern-view-display-block.view-resource-menu-content .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper {
    height: 100%;
}

.cern-view-display-block.view-resource-menu-content .view-content .views-row:first-child {
    height: 436px;
}

.cern-view-display-block.view-resource-menu-content .view-content .views-row:first-child .component-preview-cards {
    min-height: 436px;
    height: 100%;
    margin: 0 !important;
    width: 100%;
}

.cern-view-display-block.view-resource-menu-content .view-content .views-row:first-child .component-preview-cards .component-preview-cards__box_wrapper {
    height: 100%;
}

@media only screen and (max-width:991px) {
    .cern-view-display-block.view-resource-menu-content .view-content .views-row {
        width: calc(100% - 16px) !important;
    }

    .cern-view-display-block.view-resource-menu-content .view-content .views-row .component-preview-cards {
        height: 100% !important;
    }
}

@media only screen and (min-width:1200px) {
    body .cern-view-display-block.view-cern-news-menu-featured {
        height: calc(100vh - (110px + 20px));
    }

    body.cern-toolbar .cern-view-display-block.view-cern-news-menu-featured {
        height: calc(100vh - (150px + 20px));
    }

    body.toolbar-fixed .cern-view-display-block.view-cern-news-menu-featured {
        height: calc(100vh - (150px + 20px));
    }

    body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .cern-view-display-block.view-cern-news-menu-featured {
        height: calc(100vh - (190px + 20px));
    }

    body.cern-toolbar.toolbar-fixed .cern-view-display-block.view-cern-news-menu-featured {
        height: calc(100vh - (190px + 20px));
    }

    body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.cern-toolbar .cern-view-display-block.view-cern-news-menu-featured {
        height: calc(100vh - (230px + 20px));
    }
}

@media only screen and (min-width:1200px) {
    .cern-view-display-block.view-cern-news-menu-featured {
        margin-bottom: -30px;
    }
}

.cern-view-display-block.view-cern-news-menu-featured .view-header {
    color: rgba(255, 255, 255, 0.5);
    font-family: sourcesans-regular;
    font-size: 16px;
    margin-left: 8px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row {
    width: calc(50% - 16px);
    min-height: 210px;
    float: left;
    margin: 8px;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards {
    margin: 0 !important;
    width: 100%;
    height: 100%;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper {
    height: 100%;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__category,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__date,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__author {
    cursor: default;
    display: inline;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__category a,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__date a,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__author a {
    cursor: default;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:first-child {
    min-height: 446px;
    height: 446px;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:first-child .component-preview-cards {
    min-height: 446px;
    margin: 0 !important;
    width: 100%;
    height: 100%;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:first-child .component-preview-cards .component-preview-cards__box_wrapper {
    height: auto;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(2) {
    height: 210px;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3),
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) {
    height: 102px;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3),
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) {
    min-height: 102px;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .preview-card__avatar,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .preview-card__avatar {
    display: none;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards {
    height: 100%;
    min-height: 102px;
    margin: 0 !important;
    width: 100%;
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.14) !important;
    padding-right: 10px;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper {
    height: auto;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title {
    position: relative;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title a,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title a {
    display: block;
    height: 3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title a:before,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title a:before {
    content: none;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title:before,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title:before {
    content: '\j';
    font-size: 40px;
    font-size: 4rem;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -khtml-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: -3px;
    left: -10px;
    line-height: 25px;
    width: 12px;
    text-indent: -25px;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title:hover:before,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper h3.standard-title:hover:before {
    left: 0;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__category,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__date,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__author,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__category,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__date,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__author {
    cursor: default;
    display: inline;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__category a,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__date a,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__author a,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__category a,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__date a,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__box_wrapper .preview-cards__subtext .preview-card__author a {
    cursor: default;
}

.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(3) .component-preview-cards .component-preview-cards__veil,
.cern-view-display-block.view-cern-news-menu-featured .view-content .views-row:nth-child(4) .component-preview-cards .component-preview-cards__veil {
    display: none;
}

@media only screen and (max-width:991px) {
    .cern-view-display-block.view-cern-news-menu-featured .view-content .views-row {
        width: calc(100% - 16px) !important;
        height: 210px !important;
    }

    .cern-view-display-block.view-cern-news-menu-featured .view-content .views-row .component-preview-cards {
        height: 100% !important;
    }
}

.cern-view-display-block.cern-view-display-story_resources {
    position: relative;
}

.cern-view-display-block.cern-view-display-story_resources .view-header p {
    text-align: right;
}

.cern-view-display-block.cern-view-display-story_resources .view-header p a.cbox-element-page {
    font-weight: bold;
}

.cern-view-display-block.cern-view-display-story_resources .view-header p a.cbox-element-page span {
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
    position: relative;
    left: -10px;
    top: 11px;
}

@media only screen and (min-width:992px) {
    .cern-view-display-block.cern-view-display-story_resources .view-content .owl-stage-outer {
        max-height: 470px;
    }
}

@media only screen and (min-width:501px) {
    .cern-view-display-block.cern-view-display-story_resources .view-content .owl-stage-outer {
        max-height: 690px;
    }
}

@media only screen and (max-width:500px) {
    .cern-view-display-block.cern-view-display-story_resources .view-content .owl-stage-outer {
        max-height: 1365px;
    }
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-dots {
    margin-top: 3rem;
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item.active .carousel-cern-item {
    margin: 0 -8px;
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row {
    float: left;
    margin: 8px;
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row .views-field,
.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row .box-pattern {
    height: 100% !important;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row .views-field .component-preview-cards__box_wrapper .component-preview-cards__box *:not(.component-preview-cards__category-icon-vocabulary),
.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row .box-pattern .component-preview-cards__box_wrapper .component-preview-cards__box *:not(.component-preview-cards__category-icon-vocabulary) {
    display: none;
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row .cbox-element {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row .cbox-element {
    display: none;
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(1) {
    height: 436px;
    width: calc(33.33% - 16px);
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(1) .component-preview-cards__category-icon-vocabulary {
    position: absolute;
    top: 160px;
    width: 99%;
}

@media only screen and (max-width:991px) {
    .cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(1) .component-preview-cards__category-icon-vocabulary {
        top: 45px;
    }
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(2),
.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(3) {
    height: 210px;
    width: calc(33.33% - 16px);
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(2) .component-preview-cards__category-icon-vocabulary,
.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(3) .component-preview-cards__category-icon-vocabulary {
    position: absolute;
    top: 45px;
    width: 99%;
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(4),
.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(5),
.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(6) {
    height: 210px;
    width: calc(22.22% - 16px);
}

.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(4) .component-preview-cards__category-icon-vocabulary,
.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(5) .component-preview-cards__category-icon-vocabulary,
.cern-view-display-block.cern-view-display-story_resources .view-content .owl-item .views-row:nth-child(6) .component-preview-cards__category-icon-vocabulary {
    position: absolute;
    top: 45px;
    width: 99%;
}

@media only screen and (max-width:991px) {
    .cern-view-display-block.cern-view-display-story_resources .views-row {
        width: calc(50% - 16px) !important;
        height: 210px !important;
    }
}

@media only screen and (max-width:500px) {
    .cern-view-display-block.cern-view-display-story_resources .views-row {
        width: calc(100% - 16px) !important;
        height: 210px !important;
    }
}

.cern-view-display-page.cern-view-display-page_taxonomies {}

.cern-view-display-page.cern-view-display-page_taxonomies>h2 {
    margin: 3rem 0 !important;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline {
    margin: 0 -10px;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item {
    vertical-align: top;
    margin: 10px;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item input {
    width: 100%;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item div.select-wrapper select {
    width: 100%;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item>input {
    display: block;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item:first-child {
    display: inline-block;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item:first-child>input {
    margin: 0;
    height: 35px;
    padding-left: 5px;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item:first-child:before {
    content: none;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item:first-child label {
    display: block;
    text-align: left;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-actions {
    width: calc((100% / 3) - 40px);
    margin: 10px;
    vertical-align: bottom;
    text-align: right;
}

.cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-actions button {
    width: 100%;
}

.cern-view-display-page.cern-view-display-page_taxonomies .view-header {
    font-weight: bold;
}

.cern-view-display-page.cern-view-display-page_taxonomies .view-header span {
    color: #0855a0;
}

@media only screen and (max-width:991px) {
    .cern-view-display-page.cern-view-display-page_taxonomies {}

    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item {
        display: inline-block;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-actions {
        display: inline-block;
        text-align: right;
        width: calc(100% - 20px);
    }
}

@media only screen and (max-width:500px) {
    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline {
        margin: 0;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item:first-child>input {
        width: 100%;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item:first-child:before {
        left: -5px;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item:not(:first-child),
    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-item:first-child {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-actions {
        display: block;
        width: 100%;
        margin: 0px;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies form.views-exposed-form .form-inline .form-actions button {
        width: auto;
    }
}

.cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row {
    margin: 0 0 25px 0;
}

@media only screen and (max-width:767px) {
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content {
        margin: 0;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row {
        margin: 0 0 16px 0 !important;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .views-field .field-content {
        display: block;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .views-field .field-content .box-pattern {
        float: none !important;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern {
        background: transparent;
        padding: 30px 30px 30px 30px;
        border: 1px solid #ddd;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-link h2 a:before,
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-link h3 a:before {
        content: unset;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper {
        align-self: flex-start;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-cal-button {
        border-radius: 0;
        display: none;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn {
        border-radius: 0;
        padding: 2px;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn:before {
        left: 2px;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper {
        padding-right: 5px;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-week-day,
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-content-type,
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-audience,
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-place {
        font-family: "sourcesans-regular";
        font-size: 1.5rem;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-week-day *,
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-content-type *,
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-audience *,
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-place * {
        font-family: "sourcesans-regular";
        font-size: 1.5rem;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper .agenda-box-cal-button {
        background: transparent;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .preview-list-component {
        display: none !important;
    }
}

@media only screen and (min-width:768px) {
    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .box-pattern {
        display: none !important;
    }

    .cern-view-display-page.cern-view-display-page_taxonomies .view-content .views-row .preview-list-component .preview-list-news-info .preview-list-title {
        margin-top: -5px;
    }
}

.cern-view-display-page.view-general-search>h2 {
    margin: 3rem 0 !important;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline {
    margin: 0 -10px;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item {
    vertical-align: top;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:first-child {
    display: block;
    text-align: center;
    position: relative;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:first-child>input {
    width: 98%;
    margin: 0 auto 15px auto;
    height: 40px;
    padding-left: 40px;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:first-child:before {
    content: "O";
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 8px;
    width: 25px;
    height: 25px;
    top: 8px;
    text-align: center;
    line-height: 21px;
    font-weight: 500;
    padding-right: 2px;
    font-size: 46px;
    color: #0855a0;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item>input {
    display: block;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:not(:first-child) {
    margin: 10px;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:not(:first-child) input {
    width: 100%;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select {
    width: 100%;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item.form-item-type {
    display: none;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-actions {
    margin: 10px;
    vertical-align: bottom;
    text-align: right;
}

.cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-actions button {
    width: 100%;
}

.cern-view-display-page.view-general-search .view-header {
    margin: 50px 0;
    text-transform: uppercase;
    font-family: "opensans-bold";
}

.cern-view-display-page.view-general-search .view-header span.separator-search-tags {
    position: relative;
    top: -1px;
}

.cern-view-display-page.view-general-search .view-header a {
    position: relative;
}

.cern-view-display-page.view-general-search .view-header a:first-child {
    margin-left: 10px;
}

.cern-view-display-page.view-general-search .view-header a.active:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0855a0;
    bottom: -2px;
    left: 0;
}

@media only screen and (max-width:991px) {
    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item {
        display: inline-block;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:first-child {
        margin: 10px 5px 10px 5px;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:first-child:before {
        left: 0px;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-actions {
        display: inline-block;
        text-align: right;
        width: calc(100% - 20px);
    }
}

@media only screen and (max-width:500px) {
    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline {
        margin: 0;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:first-child>input {
        width: 100%;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:first-child:before {
        left: -5px;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:not(:first-child),
    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item:first-child {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-item.form-item-type {
        display: none;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-actions {
        display: block;
        width: 100%;
        margin: 0px;
    }

    .cern-view-display-page.view-general-search form.views-exposed-form .form-inline .form-actions button {
        width: auto;
    }
}

.cern-view-display-page.view-general-search .view-content .views-row {
    margin: 0 0 25px 0;
}

@media only screen and (max-width:767px) {
    .cern-view-display-page.view-general-search .view-header {
        margin-bottom: 25px;
    }

    .cern-view-display-page.view-general-search .view-content {
        margin: 0;
    }

    .cern-view-display-page.view-general-search .view-content .views-row {
        margin: 0 0 16px 0 !important;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .views-field .field-content {
        display: block;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .views-field .field-content .box-pattern {
        float: none !important;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern {
        background: transparent;
        padding: 30px 30px 30px 30px;
        border: 1px solid #ddd;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-link h2 a:before,
    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-link h3 a:before {
        content: unset;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper {
        align-self: flex-start;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-cal-button {
        border-radius: 0;
        display: none;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn {
        border-radius: 0;
        padding: 2px;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-cal-button a.btn:before {
        left: 2px;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper {
        padding-right: 5px;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-week-day,
    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-content-type,
    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-audience,
    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-place {
        font-family: "sourcesans-regular";
        font-size: 1.5rem;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-week-day *,
    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-content-type *,
    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-audience *,
    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-place * {
        font-family: "sourcesans-regular";
        font-size: 1.5rem;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-cal-wrapper .agenda-box-cal-button {
        background: transparent;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .preview-list-component {
        display: none !important;
    }
}

@media only screen and (min-width:768px) {
    .cern-view-display-page.view-general-search .view-content .views-row .box-pattern {
        display: none !important;
    }

    .cern-view-display-page.view-general-search .view-content .views-row .preview-list-component .preview-list-news-info .preview-list-title {
        margin-top: -5px;
    }
}

.cern-page-display-page>h2 {
    margin: 3rem 0 !important;
}

.cern-page-display-page .views-exposed-form .form-inline {
    margin: 0 -10px;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item {
    vertical-align: top;
    margin: 10px;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item:first-child {
    display: block;
    text-align: center;
    position: relative;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item:first-child>input {
    margin: 0 auto 15px auto;
    height: 40px;
    padding-left: 40px;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item:first-child:before {
    content: 'O';
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    top: 8px;
    text-align: center;
    line-height: 21px;
    font-weight: 500;
    padding-right: 2px;
    font-size: 46px;
    color: #0855a0;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item:first-child label {
    display: block;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item:first-child.form-type-textfield {
    width: 100%;
    float: left;
    padding: 0 10px;
    margin: 10px 0;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item:first-child.form-type-textfield select,
.cern-page-display-page .views-exposed-form .form-inline .form-item:first-child.form-type-textfield>input {
    width: 100%;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item>input {
    display: block;
}

@media only screen and (max-width:767px) {
    .cern-page-display-page .views-exposed-form .form-inline .form-item:not(:first-child) {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
}

.cern-page-display-page .views-exposed-form .form-inline .form-item:not(:first-child) input {
    width: 100%;
}

.cern-page-display-page .views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select {
    width: 100%;
}

.cern-page-display-page .views-exposed-form .form-inline .form-actions {
    width: calc((100% / 4) - 40px);
    margin: 10px;
    vertical-align: bottom;
    text-align: right;
}

@media only screen and (max-width:767px) {
    .cern-page-display-page .views-exposed-form .form-inline .form-actions {
        width: 100%;
        margin: 0;
        padding: 0 0 0 10px;
    }
}

.cern-page-display-page .views-exposed-form .form-inline .form-actions button {
    width: 100%;
}

.cern-page-display-page .view-content a {
    font-size: inherit;
}

.resources-mosaic {
    position: relative;
}

.resources-mosaic .view-header p {
    text-align: right;
}

.resources-mosaic .view-header p a.cbox-element-page {
    font-weight: bold;
}

.resources-mosaic .view-header p a.cbox-element-page::before {
    content: "U";
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 35px;
    font-weight: bold;
    line-height: 35px;
    position: relative;
    left: -10px;
    top: 11px;
}

@media only screen and (min-width:992px) {
    .resources-mosaic .view-content .owl-stage-outer {
        max-height: 470px;
    }
}

@media only screen and (min-width:501px) {
    .resources-mosaic .view-content .owl-stage-outer {
        max-height: 690px;
    }
}

@media only screen and (max-width:500px) {
    .resources-mosaic .view-content .owl-stage-outer {
        max-height: 1365px;
    }
}

.resources-mosaic .view-content .owl-dots {
    margin-top: 3rem;
}

.resources-mosaic .view-content .owl-item.active .carousel-cern-item {
    margin: 0 -8px;
}

.resources-mosaic .view-content .owl-item .views-row {
    float: left;
    margin: 8px;
}

.resources-mosaic .view-content .owl-item .views-row .views-field,
.resources-mosaic .view-content .owl-item .views-row .box-pattern {
    height: 100% !important;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.resources-mosaic .view-content .owl-item .views-row .views-field .component-preview-cards__box_wrapper .component-preview-cards__box *:not(.component-preview-cards__category-icon-vocabulary),
.resources-mosaic .view-content .owl-item .views-row .box-pattern .component-preview-cards__box_wrapper .component-preview-cards__box *:not(.component-preview-cards__category-icon-vocabulary) {
    display: none;
}

.resources-mosaic .view-content .owl-item .views-row .cbox-element {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.resources-mosaic .view-content .owl-item .views-row .cbox-element {
    display: none;
}

.resources-mosaic .view-content .owl-item .views-row:nth-child(1) {
    height: 436px;
    width: calc(33.33% - 16px);
}

.resources-mosaic .view-content .owl-item .views-row:nth-child(1) .component-preview-cards__category-icon-vocabulary {
    position: absolute;
    top: 160px;
    width: 99%;
}

@media only screen and (max-width:991px) {
    .resources-mosaic .view-content .owl-item .views-row:nth-child(1) .component-preview-cards__category-icon-vocabulary {
        top: 45px;
    }
}

.resources-mosaic .view-content .owl-item .views-row:nth-child(2),
.resources-mosaic .view-content .owl-item .views-row:nth-child(3) {
    height: 210px;
    width: calc(33.33% - 16px);
}

.resources-mosaic .view-content .owl-item .views-row:nth-child(2) .component-preview-cards__category-icon-vocabulary,
.resources-mosaic .view-content .owl-item .views-row:nth-child(3) .component-preview-cards__category-icon-vocabulary {
    position: absolute;
    top: 45px;
    width: 99%;
}

.resources-mosaic .view-content .owl-item .views-row:nth-child(4),
.resources-mosaic .view-content .owl-item .views-row:nth-child(5),
.resources-mosaic .view-content .owl-item .views-row:nth-child(6) {
    height: 210px;
    width: calc(22.22% - 16px);
}

.resources-mosaic .view-content .owl-item .views-row:nth-child(4) .component-preview-cards__category-icon-vocabulary,
.resources-mosaic .view-content .owl-item .views-row:nth-child(5) .component-preview-cards__category-icon-vocabulary,
.resources-mosaic .view-content .owl-item .views-row:nth-child(6) .component-preview-cards__category-icon-vocabulary {
    position: absolute;
    top: 45px;
    width: 99%;
}

@media only screen and (max-width:991px) {
    .resources-mosaic .views-row {
        width: calc(50% - 16px) !important;
        height: 210px !important;
    }
}

@media only screen and (max-width:500px) {
    .resources-mosaic .views-row {
        width: calc(100% - 16px) !important;
        height: 210px !important;
    }
}

@media screen and (min-width:992px) {
    .events-collision {
        padding: 0 100px;
    }
}

.events-collision .view-content.owl-carousel:before {
    content: " ";
    height: 2px;
    width: 4000px;
    display: block;
    position: absolute;
    top: 7px;
    background: transparent;
    left: -1500px;
    border-top: 2px dotted #e6e6e6;
}

.events-collision>h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 3rem;
}

.events-collision .more-link {
    text-align: right;
    margin-top: 0rem;
}

@media screen and (min-width:992px) {
    .events-collision .more-link {
        margin-right: -95px;
    }
}

.events-collision .more-link a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.events-collision .more-link a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: "j";
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.events-collision .more-link a:hover:after {
    right: -5px;
    left: auto;
}

.events-collision .owl-nav {
    position: relative;
}

@media screen and (min-width:992px) {
    .events-collision .owl-nav {
        margin: 0 -100px;
    }
}

.events-collision .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: -200px;
    background: transparent;
}

.events-collision .owl-nav .owl-prev:after {
    content: "d";
    display: block;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 40px;
}

.events-collision .owl-nav .owl-prev:hover {
    background: transparent;
}

.events-collision .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: -200px;
    background: transparent;
}

.events-collision .owl-nav .owl-next:after {
    content: "c";
    display: block;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 40px;
}

.events-collision .owl-nav .owl-next:hover {
    background: transparent;
}

.events-collision .view-footer {
    text-align: right;
    margin-top: 3rem;
    margin-right: -100px;
}

.events-collision .view-footer a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.events-collision .view-footer a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: "j";
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.events-collision .view-footer a:hover:after {
    right: -5px;
    left: auto;
}

@media screen and (max-width:991px) {
    .events-collision .view-footer {
        margin-right: 0;
    }

    .events-collision .owl-nav {
        margin: 15px;
    }

    .events-collision .owl-nav .owl-prev {
        position: static;
    }

    .events-collision .owl-nav .owl-next {
        position: static;
    }
}

.events-collision .agenda-box-pattern {
    padding: 20px 32px;
    background: transparent !important;
}

.events-collision .agenda-box-pattern:before {
    content: " "close-quote;
    width: 0;
    height: 0;
    border: 4px solid #cacaca;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: 0px;
}

.events-collision .agenda-box-pattern .agenda-box-pattern__box-wrapper {
    align-self: flex-start;
}

.events-collision .agenda-box-pattern .agenda-box-event-time,
.events-collision .agenda-box-pattern .agenda-box-cal-wrapper {
    display: none;
}

.events-collision .agenda-box-pattern .agenda-box-date-wrapper .agenda-box-week-day {
    display: none;
}

@media screen and (max-width:991px) {
    .events-collision .view-content.owl-carousel:before {
        content: none;
    }

    .events-collision .owl-item:not(.active) * {
        display: none;
    }

    .events-collision .owl-item.active .carousel-cern-item.row .views-row {
        height: auto !important;
    }

    .events-collision .owl-item.active .carousel-cern-item.row .views-row .agenda-box-pattern {
        min-height: 0 !important;
    }

    .events-collision .owl-item.active .carousel-cern-item.row .views-row .agenda-box-pattern:before {
        content: none;
    }
}

@media screen and (max-width:767px) {
    .events-collision .owl-item.active .carousel-cern-item.row:before {
        left: 35px;
    }
}

@media screen and (max-width:991px) {
    .bubbly-button {
        display: none;
    }
}

@media screen and (min-width:992px) {
    .bubbly-button {
        display: inline-block;
        padding: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: white;
        border-radius: 100%;
        border: none;
        cursor: pointer;
        position: relative;
        transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
        top: 4px;
        left: 0;
        margin-left: calc(33.333333% + 36px);
        z-index: 1;
        position: absolute;
    }

    .bubbly-button:focus {
        outline: 0;
    }

    .bubbly-button:before {
        position: absolute;
        content: "";
        display: block;
        width: 200px;
        height: 100px;
        left: -95px;
        z-index: -1000;
        transition: all ease-in-out 0.5s;
        background-repeat: no-repeat;
    }

    .bubbly-button:after {
        position: absolute;
        content: "";
        display: block;
        width: 140px;
        height: 50px;
        left: -65px;
        z-index: -1000;
        transition: all ease-in-out 0.5s;
        background-repeat: no-repeat;
    }

    .bubbly-button:before {
        display: none;
        animation: none;
        top: -80px;
        background-size: 10% 10%, 15% 15%, 12% 12%, 10% 10%, 14% 14%, 10% 10%, 15% 15%, 10% 10%, 14% 14%;
    }

    .bubbly-button:after {
        display: none;
        animation: none;
        top: 0;
        background-size: 22% 22%, 28% 28%, 28% 28%, 25% 25%, 20% 20%, 28% 28%, 20% 20%, 30% 30%, 30% 30%;
    }

    .bubbly-button:active {
        transform: scale(0.9);
    }

    .bubbly-button.animate:before {
        display: block;
        animation: topBubbles cubic-bezier(0.19, 1, 0.22, 1) 2s forwards;
    }

    .bubbly-button.animate:after {
        display: block;
        animation: bottomBubbles cubic-bezier(0.19, 1, 0.22, 1) 2s forwards;
    }

    @keyframes topBubbles {
        0% {
            background-position: 50% 90%, 50% 90%, 50% 90%, 50% 90%, 50% 90%, 50% 90%, 50% 90%, 55% 90%, 50% 90%;
        }

        100% {
            background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        }
    }

    @keyframes bottomBubbles {
        0% {
            background-position: 50% -10%, 50% 10%, 50% 10%, 55% -10%, 50% -10%, 50% -10%, 50% -10%, 50% 0%, 50% 0%;
        }

        65% {
            opacity: 1;
            background-size: 0% 0%, 0% 0%, 10% 10%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 10% 10%;
        }

        100% {
            background-position: 0% 90%, 20% 90%, 19% 92%, 45% 70%, 60% 120%, 75% 80%, 95% 70%, 105% 10%, 105% 6%;
            opacity: 0;
            background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        }
    }
}

.featured-banner .view-header h2 {
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin-bottom: 3rem;
}

.featured-banner .view-footer {
    text-align: right;
    margin-top: 3rem;
}

.featured-banner .view-footer a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.featured-banner .view-footer a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: "j";
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.featured-banner .view-footer a:hover:after {
    right: -5px;
    left: auto;
}

.featured-banner .view-content .carousel-cern-item.row .views-row {
    float: left;
}

.featured-banner .view-content,
.featured-banner .carousel-cern-item.row {
    margin: 0 -8px;
}

.featured-banner .view-content .views-row,
.featured-banner .carousel-cern-item.row .views-row {
    margin: 8px;
    width: calc(33.333% - 16px);
    float: left;
}

.featured-banner .view-content .views-row .component-preview-cards,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards {
    margin: 0;
    width: 100%;
    background-color: white;
    margin-top: 40px;
    min-height: 0;
}

.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper {
    min-height: 0;
    height: auto;
}

.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__title h3 {
    margin: 10px 0;
}

.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author {
    color: black;
}

.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__category a,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__date a,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__author a {
    color: black;
}

.featured-banner .view-content .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar,
.featured-banner .carousel-cern-item.row .views-row .component-preview-cards .component-preview-cards__box_wrapper .preview-card__avatar {
    width: 65px !important;
    height: 65px !important;
    min-height: unset;
    background: #999999;
    border-radius: 100%;
    padding: 0;
}

@media only screen and (max-width:991px) {
    .featured-banner .view-content .views-row {
        width: calc(100% - 16px) !important;
        height: 210px !important;
    }

    .featured-banner .view-content .views-row .component-preview-cards {
        margin-top: 0;
        width: 40%;
    }
}

@media only screen and (max-width:767px) {
    .featured-banner .view-content .views-row .component-preview-cards {
        width: 90%;
    }
}

.horizontal-boxes div {
    word-wrap: break-word;
}

.horizontal-boxes .owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    -moz-justify-content: stretch;
    -ms-justify-content: stretch;
    justify-content: stretch;
    -ms-flex-pack: stretch;
}

.horizontal-boxes .carousel-cern-item {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    -moz-justify-content: stretch;
    -ms-justify-content: stretch;
    justify-content: stretch;
    -ms-flex-pack: stretch;
}

.horizontal-boxes .carousel-cern-item .views-row {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    -moz-justify-content: stretch;
    -ms-justify-content: stretch;
    justify-content: stretch;
    -ms-flex-pack: stretch;
}

.horizontal-boxes .carousel-cern-item .views-row>div {
    min-height: 100%;
    height: 232px !important;
    width: 100%;
}

.horizontal-boxes .carousel-cern-item .views-row .box-pattern>div {
    min-height: 100%;
    height: auto;
}

.horizontal-boxes .view-footer {
    text-align: right;
    margin-top: 3rem;
}

.horizontal-boxes .view-footer a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.horizontal-boxes .view-footer a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: "j";
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.horizontal-boxes .view-footer a:hover:after {
    right: -5px;
    left: auto;
}

@media only screen and (max-width:991px) {
    .horizontal-boxes .carousel-cern-item {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .horizontal-boxes .carousel-cern-item .views-row {
        margin: 0 0 8px;
    }

    .horizontal-boxes .carousel-cern-item .views-row>div {
        height: 180px;
        width: 100%;
    }
}

.vertical-boxes div {
    word-wrap: break-word;
}

.teaser-list div {
    word-wrap: break-word;
}

.teaser-list>h1 {
    margin: 3rem 0 !important;
    text-align: center;
}

.teaser-list .wrapper-center>h1,
.teaser-list>h1 {
    margin: 3rem 0 !important;
    text-align: center;
}

.teaser-list .views-exposed-form .form-inline {
    margin: 0 -10px;
}

.teaser-list .views-exposed-form .form-inline .form-item {
    vertical-align: top;
}

.teaser-list .views-exposed-form .form-inline .form-item:first-child {
    display: block;
    text-align: center;
    position: relative;
}

.teaser-list .views-exposed-form .form-inline .form-item:first-child>input {
    width: 98%;
    margin: 0 auto 15px auto;
    height: 40px;
    padding-left: 40px;
}

.teaser-list .views-exposed-form .form-inline .form-item:first-child:before {
    content: "O";
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 8px;
    width: 25px;
    height: 25px;
    top: 8px;
    text-align: center;
    line-height: 21px;
    font-weight: 500;
    padding-right: 2px;
    font-size: 46px;
    color: #0855a0;
}

.teaser-list .views-exposed-form .form-inline .form-item:first-child.form-type-text {
    width: 100%;
}

.teaser-list .views-exposed-form .form-inline .form-item:not(:first-child) {
    margin: 10px !important;
}

.teaser-list .views-exposed-form .form-inline .form-item:not(:first-child) input {
    width: 100%;
}

.teaser-list .views-exposed-form .form-inline .form-item:not(:first-child) div.select-wrapper select {
    width: 100%;
}

.teaser-list .views-exposed-form .form-inline .form-item>input {
    display: block;
}

.teaser-list .views-exposed-form .form-inline .form-actions {
    margin: 10px !important;
    vertical-align: bottom !important;
    text-align: right !important;
}

.teaser-list .views-exposed-form .form-inline .form-actions button {
    width: 100%;
}

.teaser-list .view-header {
    margin: 50px 0;
    text-transform: uppercase;
    font-family: "opensans-bold";
}

.teaser-list .view-header a {
    position: relative;
}

.teaser-list .view-header a.active:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0855a0;
    bottom: -2px;
    left: 0;
}

.teaser-list .view-footer {
    text-align: right;
}

.teaser-list .view-content {
    margin: 0 -15px;
}

.teaser-list .view-content .views-row {
    margin-bottom: 15px;
    float: none;
    margin: 0 15px 30px;
}

@media only screen and (max-width:991px) {
    .teaser-list .views-exposed-form .form-inline .form-item {
        display: inline-block;
    }

    .teaser-list .views-exposed-form .form-inline .form-item:first-child {
        margin: 10px 5px 10px 5px;
    }

    .teaser-list .views-exposed-form .form-inline .form-item:first-child:before {
        left: 0px;
    }

    .teaser-list .views-exposed-form .form-inline .form-actions {
        display: inline-block;
        text-align: right;
        width: calc(100% - 20px) !important;
    }
}

@media only screen and (max-width:767px) {
    .teaser-list .view-header {
        margin-bottom: 25px;
    }

    .teaser-list .view-content {
        margin: 0;
    }

    .teaser-list .view-content .views-row {
        margin: 0 0 16px 0 !important;
    }

    .teaser-list .view-content .views-row .views-field .field-content {
        display: block;
    }

    .teaser-list .view-content .views-row .views-field .field-content .box-pattern {
        float: none !important;
    }
}

@media only screen and (max-width:500px) {
    .teaser-list .views-exposed-form .form-inline {
        margin: 0;
    }

    .teaser-list .views-exposed-form .form-inline .form-item:first-child>input {
        width: 100%;
    }

    .teaser-list .views-exposed-form .form-inline .form-item:first-child:before {
        left: -5px;
    }

    .teaser-list .views-exposed-form .form-inline .form-item:not(:first-child),
    .teaser-list .views-exposed-form .form-inline .form-item:first-child {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
    }

    .teaser-list .views-exposed-form .form-inline .form-actions {
        display: block !important;
        width: 100% !important;
        margin: 0px !important;
    }

    .teaser-list .views-exposed-form .form-inline .form-actions button {
        width: auto !important;
    }

    .teaser-list .view-content .views-row {
        margin: 0 0 25px 0;
    }
}

.vertical-boxes .box-pattern h3,
.horizontal-boxes .box-pattern h3,
.featured-banner .box-pattern h3,
.resources-mosaic .box-pattern h3,
.events-collision .box-pattern h3,
.events-countdown .box-pattern h3,
.teaser-list .box-pattern h3 {
    font-size: 20px !important;
}

.vertical-boxes .box-pattern h3 a,
.horizontal-boxes .box-pattern h3 a,
.featured-banner .box-pattern h3 a,
.resources-mosaic .box-pattern h3 a,
.events-collision .box-pattern h3 a,
.events-countdown .box-pattern h3 a,
.teaser-list .box-pattern h3 a {
    font-size: 20px !important;
}

.vertical-boxes .box-pattern h3 a *,
.horizontal-boxes .box-pattern h3 a *,
.featured-banner .box-pattern h3 a *,
.resources-mosaic .box-pattern h3 a *,
.events-collision .box-pattern h3 a *,
.events-countdown .box-pattern h3 a *,
.teaser-list .box-pattern h3 a * {
    font-size: 20px !important;
    line-height: 28px !important;
}

.vertical-boxes .select-wrapper::before,
.horizontal-boxes .select-wrapper::before,
.featured-banner .select-wrapper::before,
.resources-mosaic .select-wrapper::before,
.events-collision .select-wrapper::before,
.events-countdown .select-wrapper::before,
.teaser-list .select-wrapper::before {
    border-width: 0;
    border-color: transparent;
}

.vertical-boxes .component-preview-cards .component-preview-cards__category-icon-vocabulary,
.horizontal-boxes .component-preview-cards .component-preview-cards__category-icon-vocabulary,
.featured-banner .component-preview-cards .component-preview-cards__category-icon-vocabulary,
.resources-mosaic .component-preview-cards .component-preview-cards__category-icon-vocabulary,
.events-collision .component-preview-cards .component-preview-cards__category-icon-vocabulary,
.events-countdown .component-preview-cards .component-preview-cards__category-icon-vocabulary,
.teaser-list .component-preview-cards .component-preview-cards__category-icon-vocabulary {
    position: absolute;
    top: calc(50% - 50px);
    line-height: 50px;
    width: 100%;
}

.vertical-boxes .component-preview-cards .component-preview-cards__category-icon-vocabulary::before,
.horizontal-boxes .component-preview-cards .component-preview-cards__category-icon-vocabulary::before,
.featured-banner .component-preview-cards .component-preview-cards__category-icon-vocabulary::before,
.resources-mosaic .component-preview-cards .component-preview-cards__category-icon-vocabulary::before,
.events-collision .component-preview-cards .component-preview-cards__category-icon-vocabulary::before,
.events-countdown .component-preview-cards .component-preview-cards__category-icon-vocabulary::before,
.teaser-list .component-preview-cards .component-preview-cards__category-icon-vocabulary::before {
    top: 0;
    line-height: 50px;
}

.vertical-boxes .preview-list-news-info,
.horizontal-boxes .preview-list-news-info,
.featured-banner .preview-list-news-info,
.resources-mosaic .preview-list-news-info,
.events-collision .preview-list-news-info,
.events-countdown .preview-list-news-info,
.teaser-list .preview-list-news-info {
    font-size: 16px;
    font-size: 1.6rem;
}

.vertical-boxes .view-footer,
.horizontal-boxes .view-footer,
.featured-banner .view-footer,
.resources-mosaic .view-footer,
.events-collision .view-footer,
.events-countdown .view-footer,
.teaser-list .view-footer {
    text-align: right;
    margin-top: 3rem;
}

.vertical-boxes .view-footer a,
.horizontal-boxes .view-footer a,
.featured-banner .view-footer a,
.resources-mosaic .view-footer a,
.events-collision .view-footer a,
.events-countdown .view-footer a,
.teaser-list .view-footer a {
    position: relative;
    padding-right: 15px;
    font-weight: bold;
}

.vertical-boxes .view-footer a:after,
.horizontal-boxes .view-footer a:after,
.featured-banner .view-footer a:after,
.resources-mosaic .view-footer a:after,
.events-collision .view-footer a:after,
.events-countdown .view-footer a:after,
.teaser-list .view-footer a:after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    content: "j";
    font-size: 40px;
    font-size: 4rem;
    font-family: "cern-icons";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 1px;
    right: 0px;
    left: auto;
    line-height: 19px;
    width: 9px;
    text-indent: -16px;
}

.vertical-boxes .view-footer a:hover:after,
.horizontal-boxes .view-footer a:hover:after,
.featured-banner .view-footer a:hover:after,
.resources-mosaic .view-footer a:hover:after,
.events-collision .view-footer a:hover:after,
.events-countdown .view-footer a:hover:after,
.teaser-list .view-footer a:hover:after {
    right: -5px;
    left: auto;
}

.region-content>nav.tabs {
    background: #a84949;
}

.region-content>nav.tabs a.is-active {
    color: #a84949;
}