@import "Base/settings.css";
@import "Base/headfoot.css";

a:link, a:visited{color: var(--color3);text-decoration: none;}
a:hover{color: var(--color4);}
.fit_cover{position:relative; overflow:hidden;} 
.fit_cover img{
      object-fit: cover;
      width: 100%;
      position: absolute !important;
      top:-100%; left:0; right: 0; bottom:-100%;
      margin: auto;
      height:100%;
  }

.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 0px;
  text-decoration: none;
  color: #000000;
  background-color: rgba(0, 176, 237, 0.8);
  font-size: 12px;
  padding: 1em;
  display: none;
  z-index: 1;
}
.back-to-top a{color:#FFF;}
.back-to-top a:hover{text-decoration: none;}
.back-to-top a:hover{background-color: rgba(135, 135, 135, 0.50);}
.back-to-top .grecaptcha-badge{visibility: collapse !important;}

.skin_ad{background: transparent center top no-repeat; position: fixed; width: 100%; cursor: pointer; z-index: -1; top: 160px;}
iframe.banner{border:none;width:100%;}
iframe.banner body{margin: 0 !important;padding: 0 !important;}
div.banner.ajbanner{overflow-x: hidden;}

marquee {
    background: var(--color1);
    border: 1px solid var(--color5);
  }
  .red-dot {
    width: 7px;
    height: 7px;
    background-color: #3e529e;
    background-position: center;
    display: inline-block;
    position: relative;
    top: -3px;
    border-radius: 10px;
  }

  .card.news1 h5.card-title, 
  .card.news2 h5.card-title{font-family: var(--font4);font-size: 1.5rem; font-weight: 700;}
/* ol.breadcrumb{font-size: x-large;background: none!important;padding-left: 0;}
ol.breadcrumb li.breadcrumb-item a:link, ol.breadcrumb li.breadcrumb-item a:visited{color: #afafaf!important;}
ol.breadcrumb li.breadcrumb-item.active{color: #afafaf!important;}
ol.breadcrumb:first-child{padding-left: 0;} */

h1, section h3{font-weight: 900; color: var(--color2);}
.logo{max-width: 100px;}
.post_author{background-color: var(--color5);}
.post_content{font-size: 1.2rem;}
@media (min-width: 576px) {
    .logo{max-width: 120px;}
}

@media (min-width: 768px) {
    .logo{max-width: 140px;}
}

@media (min-width: 992px) {
    .logo{max-width: 160px;}
    .well{margin-top: initial;}
}

@media (min-width: 1200px) {
    h1{font-size: 2.7rem;}
    .logo{max-width: 230px;}
}

@media (min-width: 1400px) {
    h1{font-size: 3.1rem;}
    .logo{max-width: 300px;}
}


@import "Base/breakpoints.css";