@import url('https://fonts.googleapis.com/css?family=Share+Tech+Mono|Playfair+Display:400,700');

.btn-outline {
    border-color: #ffffff;
    color: #ffffff;
}
  
.btn-outline:hover {
    background: #ffffff;
    color:#181818;
}

.btn-download{
    border-color: #0855a0;
    color: #0855a0;
}
  
.btn-download:hover {
    border-color: #f1862e;
    color:#f1862e;
}

/*
Mega menu
*/

/* .field ul li *:not(li):not(ul){
    display: block;
} */

.block-mainnavigation-cern-megamenu nav.navbar li.cern-dropdown.open > div.cern-dropdown-menu {
    background: rgba(18, 18, 18, 0.95);
    /* opacity: 0.93; */
}
/*
Menu
*/

header .field ul li *:not(li):not(ul) {
    display: block;
}

header .field ul>li>p>a{
    display: inline;
}

header .field .ams-megamenu-block li *:not(li):not(ul){
    display: inline; 
}

.field ul li *:not(li):not(ul) {
    display: inline;
}

/* .ams-megamenu-news-wrapper  ul li *:not(li):not(ul){
    display: inline;
} */

/*
anchor
*/
.ams-anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.my-custom-block .mb-3{ 
    font-size: 16px;
    color: coral;
    text-align: left;
}


.apashnin .tex2jax_process {
    font-size: 20px;
    color: Blue;
}

.apashnin .field--name-field-events-date {
    font-size: 14px;
    color: red;
}

/*
Image format
*/
.align-right{
    max-width: 400px !important;
}

/*
Style for the event counter, to be updates
*/

/* 
    Homepage
    - Welcome header
    - AMS on ISS
    - Event number
*/

.ams-front-text{
    font-size: 1.5em;
    color: white;
}

#ams-front-header{
    margin-top: 40vh;
    display: inline-block;
    padding: .5em .8em .5em .85em;
    background-color:rgba(17,17,17,0.84);
}

#ams-timer-container{
    text-align: center;
    margin-top: 10vh;
    background-color:rgba(23,35,39,0.8);
}

.block-amsevent-block{
    text-align: left;
    display: inline-block;
    padding: 1em 5vw 1em 8vw;
    margin-top: 10vh;
    background-color:rgba(56,55,55,0.8);
    font-family: "sourcesans-regular";
    font-size: 2em;
}

.ams-event-number-block {
    color:white;
    padding: .2em 0;
}

.ams-event-number-block-num {
    color:white;
    margin-top: 2%;
    font-family: 'Share Tech Mono', monospace;
}

.ams-event-number-block-time {
    color: white;
    font-size: .5em;
}

#ams-timer-container{
    padding: 1em 0 1em 0;
    margin-top: 10%;
    background-color:rgba(23,35,39,0.8);
}


ul#ams-count {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: .8em 10vw;
    text-align: center;
}

.ams-count-number{
    font-size: 2em;
    font-family: 'Share Tech Mono', monospace;
    font-weight: bold;
}
  
#ams-count li {
    margin: 0 -3px 0 0;
    padding: 0;
    display: inline-block;
    width: 40%;
/*     font-size: 2em; */
    
} 
#ams-count li .ams-count-label {
    text-transform: uppercase;
}

@media (min-width: 768px){
    .ams-timer{
        font-size: 2em;
    }
    .ams-front-text{
        font-size: 2em;
    }
    .ams-event-number-block-num{
        font-size: 2em;
    }
    #ams-count li {
        width: 23%;
    } 
    #ams-count li .ams-count-number{
        font-size: 2.5em;
    }  
}


/*
Style for Physics and Detector pages, to be updates
*/
.ams-page-body {
    padding: 1em 2% 1em 2%;
}

.ams-page-body figure{
    max-width: 700px;
    padding: 0.6em;
    padding-bottom: 0.5em;
    border-color: #cacaca;
    border-style: solid;
    border-width: 4px;
    margin-bottom: 2em;
}
.ams-page-body figcaption{
    font-size: 14px;
}

h1.ams-page-title, .ams-page-title{
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 2.5em;
    /* padding-top: .5em;
    padding-bottom: .5em; */
    padding: .5rem 0px;
    margin-top: 10px;
}

.ams-page-title-sub {
    font-family: 'Playfair Display', serif;
    font-weight: normal;
    font-size: 2em;
    margin-bottom: .5em;
}

main .field--type-text-with-summary h2 {
    font-family:'Playfair Display', serif;
    font-size: 2em;
}

.ams-page-side{
    padding: 1em 1% 1em 1%;
}

.ams-page-side .field--label {
    font-size: 1.3em !important;
    font-family: "opensans-semibold";
    border-bottom-style: solid;
    border-bottom-color: grey;
    border-bottom-width: 2px;
    margin-bottom: .5em;
}

.ams-page-section{
    padding: 1em 0 1em 0;
}

.ams-page-section .field--label {
    font-size: 1.3em !important;
    font-family: "opensans-semibold";
    border-bottom-style: solid;
    border-bottom-color: grey;
    border-bottom-width: 2px;
    margin-bottom: .5em;
}

.ams-view-title{
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 1.8em;
    margin-top: 0;
    padding-top: .5em;
}

.ams-view-title a{
    color: black;
}

.ams-view-title a:hover {
    text-decoration: underline; 
}

.ams-side-title{
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 1.2em;
    background: white;
}

/*
.ams-side-topic {
    font-size: 0.8em;
    color: white;
    background: #f1862e;
    padding: 3px 5px 1px 5px;
}
*/
.ams-side-topic {
    display: block!important;
    color: #f1862e;
    background: none;
    font-size: .9em;
    font-weight: bold;
    padding: 0;
}

.ams-advance-column{
    padding: .5em;
    
}
.ams-advance-column .ams-view-title {
    border-top: 1px #636e72 solid;
}

.field--type-entity-reference.field--item {
    margin-bottom:.5em;   
}

.field.field--type-entity-reference .field--items .field--item a {
    background: none;
    color: black;
    padding: 0 0 5px;
    font-size: 1.1em;
}

.field.field--type-entity-reference .field--items .field--item a:hover {
    color: black;
    text-decoration: underline;
}

.field.field--type-entity-reference .ams-side-title a {
    background: none;
    color: black;
    padding: 0 0 5px;
    font-size: 1.1em;
}

.field.field--type-entity-reference .ams-side-title a:hover {
    color: black;
    text-decoration: underline;
}

.ams-side-title a {
    background: none;
    color: black;
    padding: 0 0 5px;
    font-size: 1.1em;
    font-weight:normal;
}

.ams-side-title a:hover {
    color: black;
    text-decoration: underline;
}

.ams-page-side .ds-1col {
    padding-top: .5em;
    padding-bottom: .5em;
}

/* 
Collaborator page view
*/

.ams-collaborator-row {
    height: 6.5em;
}

.ams-collaborator-row-institute {
    height: 7.5em;
}

.ams-collaborator-wrapper{
    height: 6em;
    padding: .5em 1em .5em 1em;
    border-left:#f1862e 0px solid;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}


.ams-collaborator-institute {
    height: 7em;
}

.ams-collaborator-wrapper:hover{
    border-left:#f1862e 4px solid;
}

.ams-collaborator-name {
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 1.5em;
    /* margin-top: 0;
    padding-top: .5em; */
}

.view-collaborator-directory> h1 {
    display: none;
}

.ams-institute {
    font-family: 'Playfair Display', serif;
    font-size: 1.1em;
}
.ams-institute .views-field-name{
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.ams-institute .views-field-name:hover {
    padding-left: 4px;
}

.ams-institute-body img{
    max-width: 100%;
}


/* 
Topic page view used in landing pages
*/


.ams-featured-img{
    padding: 1em;
}

.ams-topic-summary{
    padding-top: 1em;
    padding-bottom: 1em;
}

.ams-topic-row{
    padding-bottom: 1em;
    max-width: 900px;
}

/*
Labels
*/
.label-publication-feature {
    background-color: #517e66; 
    color: #fff; 
    display: inline-block; 
    padding: 3px 4px 1px; 
    border-radius:5px;
    font-weight: bold; 
    font-size:13px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.label-publication-feature>.field--item {
    background:none!important;
    display: inline-block;
}

/*
Publication page formatter
*/
.ams-publication-row {
    padding: 0 0.5rem;
    border-left: 3px;
    border-left-style: solid;
    border-color:#517e66;
    margin-bottom: 1em;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.ams-publication-row:hover {
border-color:#f1862e;
}

.ams-publication-row-title{
    font-weight: bold; 
    font-size: 1.2em;
}

/* .ams-publication-row-counter {
    font-weight: bold;
    font-size: 2em;
    padding-left: .8rem;
    padding-right: 1rem;
    color: #517e66;
} */

.collaborator-headshot{
    padding: 1em;
}

.collaborator-field{
    padding: 1%;
}

.collaborator-field .field--label {
    font-size: 1.5em !important;
    font-weight: bold !important;
}

.collaborator-long .field--label {
    font-size: 2em;
    font-weight: bold;
    border-bottom: 2px grey solid;
    margin-bottom: 1em;
}

.collaborator-field.field .field--items .field--item {
    display: block;
  }

.collaborator-long{
    padding: 1em;
    margin-top: 1.5em;
}

/*
Header, to be moved to layout.cxx
*/
header .site-info * {
    display: inline-block;
}

.sticky-header:not(.open-cern-menu) header .header-wrapper {
    padding: 2px 3%;
}

.sticky-header:not(.open-cern-menu) header .site-info__logo img {
    max-height: 50px;
    padding-top: 5px;
    padding-bottom: 1px;
    visibility: hidden;
}

header .header-wrapper {
    min-height: 50px;
}

.block-mainnavigation-cern-megamenu .cern-menu-lang-switcher{
   display: none;
}

.block-mainnavigation-cern-megamenu .cern-menu-search{
   display: none;
}

.navbar-nav{
    float: right;
}

.site-info__home_link a {
    color:#fffffe;
    line-height: 56px;
    /* font-family: 'Titillium Web', sans-serif; */
    font-family: "opensans-bold";
    font-size: 1.2em;
    height: 2px;
    text-transform: uppercase;
    text-shadow: 1px 0px 1px black, 0px 1px 1px black, -1px 0px 1px black, 0px -1px 1px black, 0 0 1px black;

}
header .site-info__home_link {
    visibility: hidden;
}
.sticky-header:not(.open-cern-menu) header .site-info__home_link{
    visibility: visible;
}
header .nav > li > a {
    /* font-family: 'Titillium Web', sans-serif; */
    font-size: 1.2em;
}
.block-mainnavigation-cern-megamenu nav.navbar li.cern-dropdown.open > div.cern-dropdown-menu ul.cern-submenu .h2 span {
    /* font-family: 'Titillium Web', sans-serif; */
    font-size: 1em;
}

.block-mainnavigation-cern-megamenu nav.navbar li.cern-dropdown.open > div.cern-dropdown-menu ul.cern-submenu .h2 a {
    /* font-family: 'Titillium Web', sans-serif; */
    font-size: 1em;
}

.region-header > .block.block-block-content {
    max-width: 100%;
}

/* header button*/
header .navbar-collapse.collapse.in .nav > li:first-child a, header .navbar-collapse.collapse.in .nav > li a.btn.btn-lg{
    display: block;
}

/*
Mega menu style
*/

.ams-megamenu-block{
    padding: .2em;
    color: white;
}

.ams-megamenu-block a {
    color: white;
}

.ams-megamenu-img {
  position: relative;
  width: 100%;
  background: white;
}

header .ams-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .2s ease-in!important;
    -webkit-transition: .2s ease-in!important;
    background-color: #181818;
}

body.sticky-header.open-cern-menu header .ams-overlay {
    transition: .2s ease-in!important;
    -webkit-transition: .2s ease-in!important;
}

header .ams-megamenu-img:hover .ams-overlay {
  opacity: 0.9;
}

.ams-overlay-text {
    color: white;
    font-size: 1.2em;
    position: absolute;
    padding: 10%;
}

.ams-event-body{
    padding: 2rem 0 0 0;
    margin-top: 1em;
    /* border-top: 3px solid grey; */
}

/* h1.ams-page-title-event {
    border-bottom: 3px solid grey; 
} */

.ams-event-info > .field--label, .ams-event-link > .field--label, .ams-event-body > .field--label{
    width: 100%; 
    text-align: center;
    font-size: 1em; 
    font-family: "opensans-bold";
}

.ams-event-body .field--label {
    margin-top: 0;
    padding: 1em;
}

.ams-event-info{
    text-align: center;
    margin: 1em 0;
}

.ams-event-info > .field--item{
    font-size: 1.5em;  
    color: #29627e;
    font-family: "opensans-bold";
}

.ams-event-body .paragraph{
    padding: 0 0.5rem;
    border-left: 3px;
    border-left-style: solid;
    border-color:#517e66;
    margin-bottom: 1em;
    transition: 0.4s;
    -webkit-transition: 0.4s
}

.ams-event-body .paragraph:hover {
border-color:#f1862e;
}

.ams-event-body .field.field--type-entity-reference a{
    padding: 0
}

/* 
Media reports 
*/
.ams-page-title-event {
    text-align: center;
}

/* .ams-megamenu-news-wrapper ul{
    height: 240px;   
    overflow: hidden;
}

.ams-megamenu-news-wrapper{
    position: relative;
    height: 260px; 
}

.ams-megamenu-news-wrapper ul:after {
  content:'';
  width:100%;
  height:60px;    
  position:absolute;
  left:0;
  top:200px;
  background:linear-gradient(rgba(0,0,0,0), 20px, rgb(18,18,18,0.95));
} */

.ams-megamenu-news-wrapper li{
    padding: 1em 0;
}

.ams-megamenu-news-wrapper li a{
    font-weight: bold;
    font-size: 1.2em;
}

/*
Patches to the cern theme
*/

body.has-header.no-admin-toolbar .is_full_height .cern-component-header-blocks.component-header {
    height: calc(100vh) !important; 
}
  
body.has-header.no-admin-toolbar .field--items > .field--item:first-child .component-row.is_full_height {
    height: calc(100vh) !important;
}

body.has-header.no-admin-toolbar .field--items > .field--item:first-child .component-row.is_half_height .cern-component-header-blocks {
    min-height: calc((100vh - 39px) / 2);
    height: calc((100vh - 39px) / 2);
}

body.toolbar-fixed .component-row.is_full_height {
    height: calc(100vh - 56px);
}
/* height of mega menu*/
body.toolbar-fixed .block-mainnavigation-cern-megamenu nav.navbar li.cern-dropdown.open > div.cern-dropdown-menu {
    height: calc(100vh - 111px);
    top: 111px;
}

@media only screen and (max-width: 767px){
    body header .block-mainnavigation-cern-megamenu nav.navbar li.cern-dropdown.open > div.cern-dropdown-menu {
        height: calc(100vh - 80px);
        top: 80px;
    }
 
    header .block-mainnavigation-cern-megamenu .navbar-default .navbar-collapse{
        top: 80px;
    }
}

@media only screen and (min-width: 992px) {
    body .field--items > .field--item:first-child .component-row.is_half_height{
        min-height: calc((100vh - 39px) / 2);
        height: calc((100vh - 39px) / 2);
    }
    
    body.has-header.toolbar-fixed .field--items > .field--item:first-child .component-row.is_half_height {
        min-height: calc((100vh - 39px) / 2);
        height: calc((100vh - 39px) / 2);
    }
}


/* Footer */
.ams-footer img{
    margin-left:auto;
    margin-right:auto;
}
#ams-footer-logo {
    margin-bottom: 1rem;
    max-width: 180px;
    opacity: 0.6;
}

@media (min-width: 768px){
    #ams-footer-logo {
        max-width: 100%;
        padding: 0 1em;
    }
}
body > footer{
    padding: 25px 3% 40px;
}

.ams-footer-social img{
    display: inline-block;
    width: 45px;
    padding: 5px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.ams-footer-social img:hover{
    opacity: 0.4;
}

/* 
Breadcrumb style 
*/
.breadcrumb{
    background-color: #ffffff;
    margin-top: 1rem;
    margin-bottom: 0;
    padding: .5rem 0;
}

.breadcrumb a{
    color:#f1862e;
    font-weight: bold;
    transition: .4s;
    -webkit-transition: .4s;
}

.breadcrumb a:hover{
    color:#2574b9;
}
/* 
patches to cern components 
*/
.component-row .row-component-title{
    text-transform: none;
}

.ams-view-list-term{
    padding: 1rem 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.ams-view-list-term:hover{
    border-left:#f1862e 4px solid;
    padding-left: .5rem
}

.ams-view-list-term .views-field-name{
    font-size: 1.8rem;
}

.ams-view-list-term .views-field-field-media-report-link{
    font-size: 1.8rem;
}

#views-exposed-form-collaborator-directory-block-1 .form-text{
    padding-left: 35px;
}

@media (min-width: 768px){
    #views-exposed-form-collaborator-directory-block-1 .form-text{
        width:512px;
    }
}

.ams-data-row{
    padding: .1rem 0;
    margin: 1em 0;
}

.ams-data-row h3{
    font-size:1.5em;
    margin: 0 1rem 0 0;
    display: inline-block;
}

.ams-data-table-head {
    margin: 1rem 0;
    
}

.ams-data-row .file-size {
    display: none;
}

@media (min-width: 768px){
    .ams-data-table-caption {
        padding-right: 1rem;
    }
    .ams-data-table-macro{
        padding-left:1rem;
        border-left: 2px grey solid;
        transition: 0.4s;
        -webkit-transition: 0.4s;
    }
    .ams-data-table-container:hover .ams-data-table-macro{
        border-left: 2px #f1862e solid;

    }
}


.ams_institute_logo {
    margin: 1rem 0;
    padding: 1rem 0;
}

.block-custom-wrapper {
    background: none;
    color: #000000;
    padding: 0;
}

.ams-side-link{
    margin: 1rem 0;
}

.ams-side-link a{
    /* display: block; */
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}