/*
Theme Name: Meditrans
Text Domain: meditrans.id
Version: 1.0
Tested up to: 1.0
Requires at least: 1
Requires PHP: 7.4.29
Description: Sebuah perusahaan kesehatan yang kami dirikan sejak 2012 di Surabaya yang sampai saat ini masih terus mengembangkan dirinya. Bersama tim yang berpengalaman di bidangnya, sejak awal dikembangkan, Meditrans telah melayani banyak rumah sakit dalam hal kebutuhan layanan kesehatan.
Author: Fajar Riswandi
Author URI: https://about.me/fajarriswandi
Theme URI: http://fidia.fajrqurancentre.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* -------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

.slider_home {
    background: -moz-linear-gradient(top, rgba(33, 64, 104, 0.13) 0%, rgba(33, 64, 104, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(33, 64, 104, 0.13) 0%, rgba(33, 64, 104, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(33, 64, 104, 0.13) 0%, rgba(33, 64, 104, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21214068', endColorstr='#cc214068', GradientType=0);

}

.color-pink{
    color:#F96845 ;
}

.background-pink{
    background: #F96845;
}

/* Paginations */
.pagination {
    /* background:gray; */
    display: flex;
    justify-content: center;
}

.pagination li {
    margin: 5px;
}

.pagination li span {
    background: #214068;
    display: table;
    padding: 10px 13px;
    text-align: center;
    line-height: 100%;
    border-radius: 5px;
    color: #fff;
}

.pagination li a {
    background: #fff;
    display: table;
    padding: 10px 13px;
    text-align: center;
    line-height: 100%;
    border-radius: 5px;
    color: #333;
    -webkit-box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.1);
}

.pagination li a:hover {
    text-decoration: none;
    background: #84afe7;
}

/* Header page */
.headerpage{
    position: relative;
}
.headerpage img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.headerpage::after{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); 
    display: table;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.titlePage{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 10;
    /* text-align: center; */
}
.titlePage h1{
    color: white;
}
@media only screen and (max-width: 400px){
    .headerpage img{
        height: 200px;
        width: 100%;
        object-fit: cover;
    }
}

.btn-light{
    color: white;
    border-color: white;
}

.section-primary{
    background: #214068;
    color: white;
}
.footer-box > h5{
    color: white;
}
.footer-links > h5{
    color: white;
}
.section-primary a{
    color: white;
}
.section-primary a:hover{
    color: rgb(71, 142, 223) !important;
}

/* History Company */
.sbox-3 {
    min-width: 95%;
    max-width: 95%;
    min-height: 95%;
    max-height: 95%;
}

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

    .sbox-3 {
        padding: 15px;
        min-width: 170px;
        max-width: 170px;
        min-height: 170px;
        max-height: 170px;
    }

}


/* Timeline */
.timeline,
.timeline-horizontal {
  list-style: none;
  padding: 20px;
  position: relative;
}
.timeline:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline .timeline-item {
  margin-bottom: 20px;
  position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
  content: "";
  display: table;
}
.timeline .timeline-item:after {
  clear: both;
}
.timeline .timeline-item .timeline-badge {
  color: #fff;
  width: 54px;
  height: 54px;
  line-height: 52px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -25px;
  background-color: #7c7c7c;
  border: 3px solid #ffffff;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
  top: 2px;
  left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
  background-color: #214068;
}
.timeline .timeline-item .timeline-badge.info {
  background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
  background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
  background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
  background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
  position: relative;
  width: 46%;
  float: left;
  right: 16px;
  border: 1px solid #c0c0c0;
  background: #ffffff;
  border-radius: 20px;
  padding: 0px;
  margin-top: 50px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 16px solid transparent;
  border-left: 16px solid #c0c0c0;
  border-right: 0 solid #c0c0c0;
  border-bottom: 16px solid transparent;
  content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
  margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
  float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
  float: right;
  left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-horizontal {
  list-style: none;
  position: relative;
  padding: 20px 0px 20px 0px;
  display: inline-block;
}
.timeline-horizontal:before {
  height: 3px;
  top: auto;
  bottom: 26px;
  left: 56px;
  right: 0;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
  display: table-cell;
  height: 280px;
  width: 20%;
  min-width: 320px;
  float: none !important;
  padding-left: 0px;
  padding-right: 20px;
  margin: 0 auto;
  vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
  top: auto;
  bottom: 64px;
  display: inline-block;
  float: none !important;
  left: 0 !important;
  right: 0 !important;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
  top: auto;
  bottom: -16px;
  left: 28px !important;
  right: auto;
  border-right: 16px solid transparent !important;
  border-top: 16px solid #c0c0c0 !important;
  border-bottom: 0 solid #c0c0c0 !important;
  border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
  display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
  top: auto;
  bottom: 0px;
  left: 43px;
}
.timeline-badge, .primary:hover, .orange-hover:hover{
  background-color: #e86845;
}
/* Timeline */

/* Acordeon Menu */
.accordionMenu{
    border-radius: 10px !important;
    width: 100%;
}
.accordionMenu .card .card-header{
    background: #214068;
    color: white !important;
    padding: 0;
}
.accordionMenu .card .card-header button{
    font-weight: bold;
    padding: 15px 15px;
    font-size: 18px;
    border-radius: 0 !important;
}
.accordionMenu .card .card-header button:hover{
    text-decoration: none;
    background: #214068;
    color: white;
}
.accordionMenu .card .collapse .card-body{
    padding: 0 ;
}
.accordionMenu .card .collapse ul.nav li{
    display: block;
    width: 100%;
}
.accordionMenu .card .collapse ul li a{
    display: block;
    padding: 10px 15px;
    color: #333;
    border-bottom: 1px solid #ddd;
}
.accordionMenu .card .collapse ul li a:hover{
    background: #eee;
}

/* Logo Product Category */
.logoProductCategory{
    width: 100px;
    height: auto;
}

/* Card List Product */
.cardListProduct{
    border-radius: 10px;
    min-height: 315px;
    margin-bottom: 30px;
}
.cardListProduct .imageProduct img{
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.cardListProduct:hover{
    cursor: pointer;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.cardListProduct h3{
    font-size: 18px;
    color: #333;
}
.cardListProduct button{
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #444;
    width: 100%;
    margin-top: 10px;
    border-radius: 100px;
}
.cardListProduct:hover button{
    background: #214068;
    color: white;
}
/* Card List Product */

/* Portfolio Card */
.cardPortfolio{
  padding: 0 !important;
  border-radius: 15px;
}
.cardPortfolio a{
  display: table;
}
.cardPortfolio img{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: -20px;
}
.cardPortfolio h3{
  text-align: left !important;
  font-size: 22px;
  text-align: center;
  padding: 0 20px;
  margin: -15px 0 10x 0 !important;
}
.cardPortfolio .content{
  padding: 0 20px 20px 20px;
}

/* Tag list */
.taglist li {
  display: table;
  background: #214068;
  color: white;
  border-radius: 5px;
  padding: 3px 8px;
}

.taglist li a{
  color: white;
}

/* Page notfound */
.pageNotfound {
  display: flex;
  width: 100%;
  min-height: 500px;
  border: 1px solid #ccc;
  padding: 30px 40px;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #333;
  border-radius: 20px;
}

.pageNotfound p{
  text-align: center;
}