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

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

.area-ttl__ttl{
 color:#fff;
 background: url('/linux-oss/img/icon-centos.png') no-repeat 50% 0;
 background-size: 34px auto;
}

.centos-cover{
  background-image: url('/centos/img/centos-cover.jpg');
  background-position: 50% 70%;
  background-size: cover;
  background-color:#ccc;
}

.centos-cover .title{
  padding: 100px 0;
  margin: 0 auto;
}

.lph2{
    clear: both;
    font-size: 2rem;
    font-weight:bold;
    margin: 1.5em 0;
    padding: 0.5em 0 0.3em;
    color: #ea5413;
    border-top: 2px solid #ea5413;
    border-bottom: 1px solid #ea5413;
}

.highlight-span{ background-color:yellow;}
.category-item{ border-bottom: 1px solid #ccc; padding-top: 0.5rem;}
.search-box{background-color: var(--bs-success-light); padding:0.75rem 1rem; border-radius: 0.25rem;}

.toast-header{color: #fff; background-color: #399040;}
.toast-header button.close{color: #FFF; opacity: 1; padding: 0px 2px;}
.toast-body .btn-toast {background-color: #f2941a; color:#fff; display: block; border-radius: 2rem; margin-top: 20px; transition:0.15s;}
.toast-body .btn-toast:hover {background-color: #f25c1a; transition:0.15s;}