@import url("/linux-oss/linuxoss-common.css");

.area-ttl {
    text-align: center;
    background: url('/img/darkblue-bg.jpg') no-repeat center 50%;
    background-size: cover;
}

.area-ttl__ttl {
  background: url('/linux-oss/img/linuxoss-icon.png') no-repeat 50% 0;
  background-size: auto 36px;
  color: #f0f0f0;
  text-shadow: 0px 0px 5px #222;
}



.header-nav__item--prod > a:after {
  left: 0;
  width: 100%;
}

.accordion-toggle:after {
    font-family: 'FontAwesome';  
    content: "\f146";
    float: left; 
}

a.accordion-toggle.collapsed::after {
    content: "\f0fe"; 
}


.card {
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .3rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card:hover{
    box-shadow: 0 1px 5px 3px #E1F5FE, 0 0 0 1px #4FC3F7;
}

.card-block {
    position: relative;
    margin: 0;
    padding:1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-block p{
    font-size: 10.5pt;
}


.card-img-top {
    display: block;
}

@media screen and (-ms-high-contrast: none) {
  .card {
    display: block;
  }
}



.linuxoss-jumbotron {
  background:url('/linux-oss/img/oss-cover.jpg') center 50% no-repeat;
  background-size: cover;
  margin-bottom:0;
  padding: 3em 0 3em;
  min-height:350px;
  display:flex;
  align-items:center;
}



.linuxoss-jumbotron .container {
  vertical-align:middle;
  padding: 1em;
  background-color:rgba(255,255,255,0.5);
}




.miraclelinux-cover{
  background:url('/linux-oss/img/miraclelinux-cover.jpg') center 50% no-repeat !important;
  background-size: cover;
  margin-bottom:0;
  padding: 6em 0 6em;
}

.trial-pg {
  background: linear-gradient(#9bf4f6, #1594f4) !important;
}