@font-face {
  font-family: 'bebas';
  src: url('/fonts/BebasNeue-Regular.ttf');
}

@font-face {
  font-family: 'garamond';
  src: url('/fonts/AGaramond-Regular.otf');
}

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

* {
    outline: none; }

  body {
    background: #fff !important;
    font-family: "garamond", sans-serif;
    margin: 0;
    overflow-x: hidden;
    color: #67757c;
    font-weight: 300;
}

  html {
    position: relative;
    min-height: 100%;
    background: #ffffff;
}

.header-logo{
  font-family: "bebas", sans-serif !important;
}

.top-header-div{
}

.top-header{
  font-size: 11px;
  color: #FFF;
  font-weight: 600;
  display: flex;
}

.icon-size{
  width: 12px;
}

.follow-us-label{
  border-right: 2px solid;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.social-networks-container{
  padding: 10px 15px;
  border-right: 2px solid;
}

.social-networks-container a{
  margin: 0 5px;
}

.d-grid{
  display: grid;
}

.main-header-nav {
  background-color: #FFFFFF;
}

.nav-item {
  align-self: center;
}

.nav-item > a, .dropdown-item{
  color: #4e4b47  !important;
  font-size: 14pt;
  text-transform: uppercase;
  font-weight: 600;
}

.contact-header-info{
  display: inline-block;
  margin-top: 12px;
}

.cursor-pointer{
  cursor: pointer;
}

.header-logo{
  font-size: 48pt;
  color: #2B2B2B;
  font-weight: 600;
  line-height: 0.8;
  text-transform: uppercase;
}

.navar-collapse-negative-margin{
  margin-top: -35px;
}

.nav-link{
  padding: 0 0.5rem !important;
}


.slider-container, .slider-container .item, .slick-list{
  height: 585px !important;
}


.slick-prev:before, .slick-next:before{
  color: black;
}

.slider-information{
  position: relative;
  margin: 75px;
}

.slider-title{
  color: #2B2B2B;
  font-weight: bold;
  font-size: 52px;
  text-transform: uppercase;
}

.slider-description{
  color: #2B2B2B;
  font-size: 18px;
  font-weight: 300;
  text-align: left;
}

.section-title{
  font: normal normal bold 45px/60px Arvo;
  color: #2B2B2B;
  text-align: center;
  margin-top: 50px;
}

.section-subtitle{
  font: normal normal 300 16px/26px Poppins;
  color: #979797;
  text-align: center;
  margin-bottom: 50px;
}

.slick-list{
  height: 410px;
}

.index-search{
  border-radius: 25px !important;
  background: rgb(198,192,189) !important;
  border-color: rgb(198,192,189) !important;
  width: 150px !important;
}

.search-icon{
  position: absolute;
  right: 25px;
  top: 24px;
  font-size: 18px;
}

.page-footer{
  background-color: rgb(41, 41, 38);
}

.footer-text-color, .footer-text-color > li > a{
  color: rgb(163, 163, 161) !important;
}

.footer-social-networks{
  display: flex;
}
.footer-social-networks div{
  margin: 0px 5px;
  background-color: rgb(231,231,231);
  padding: 5px 10px;
  border-radius: 50%;
  color: #000;
  font-size: 28px;

}

.footer-link-font-size{
  font-size: 16pt;
}

.author-font-size{
  font-size: 16pt;
}

.banner-background{
  background-color: rgb(233, 233, 235);
}

.banner-main-title{
  color: rgb(210, 35, 43);
  text-align: center;
  font-size: 70px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
}

.banner-description{
  color: #000;
  font-size: 30pt;
  margin: 0 auto;
  font-weight: 900;
}

.fw600{
  font-weight: 600;
}

.page-main-info-title{
  color: rgb(210, 35, 43);
  font-size: 30pt;
  font-weight: 600;
  font-family: "bebas", sans-serif !important;
  margin-bottom: 25px;
}

.lh65{
  line-height: 65px;
}

.p-45{
  padding: 45px;
}

.page-main-info-container{
  margin-top: 2rem;
}

.timeline-row{
  color: #000;
  font-size: 18px;
}

.page-main-info-description{
  color: #000;
  font-size: 16pt;
  margin-bottom: 3rem;
  line-height: 32px;
}

.timeline-row{
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
}

.timeline-year{
  color: rgb(137, 137, 123);
  font-size: 40px;
  font-weight: 600;
}

.timeline-year-icon{
  color: rgb(210, 35, 43);
  font-size: 32px;
}

.w-85{
  width: 85%;
}

.p-5rem{
  padding: 5rem;
}

.section-box-image{
  margin-bottom: 10px;
}

.section-box-title {
  color: rgb(210, 35, 43);
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

.section-box-summary {
  margin-bottom: 5px;
}

.section-box-btn-container {
  display: flex;
  align-items: center;
}

.section-box-btn, .section-box-btn:focus{
  font-size: 12pt;
  background-color:rgb(228, 228, 228);
  color: rgb(95, 95, 95);
  padding: 4px 8px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  border-radius: 8px;
}

.fa-caret-right {
  margin-right: 5px;
}

.section-box-btn:hover {
  background-color:rgb(92, 92, 92);
  color: #FFF;
}

.section-box-image img{
  height: 250px;
}

.section-box-container{
  margin-bottom: 25px;
}

.section-box-summary{
  color: #000;
  font-size: 18px;
  line-height: 16px;
}

.section-box-date{
  color: rgb(114, 114, 114);
  font-weight: 400;
  font-size: 18px;
}

.page-main-info-description p{
  text-align: justify;
}

.page-main-info-description b{
  font-weight: 900;
}

.navbar-nav li:hover > .dropdown-menu {
  opacity:1;
  visibility: visible;
}

.navbar-nav li > .dropdown-menu {
  opacity:0;
  visibility: hidden;
  transition-delay: .2s;
  display:block;   }

.dropdown-menu{
  padding-top: 0px;
  margin-top: 0px;
}

.zoom-btn{
  background-color: rgb(198,192,189) !important;
  background-color: rgb(198,192,189) !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 2px 0px;
}

.top-top-header{
  display: flex;
  padding-top: 1rem;
}

.mt--5{
  margin-top: -5px;
}

.contact-btn{
  background-color:  rgb(210, 35, 43) !important;
  color: #FFF !important;
  border: 1px solid rgb(210, 35, 43) !important;
  padding: 4px 12px !important;
  margin-right: 5px;
}

.contact-btn:hover{
  background-color: rgb(198,192,189) !important;
  color: #FFF !important;
  padding: 4px 12px !important;
}

.light-gallery-container{
  display: flex;
  margin: 25px 0px;
}

.light-gallery-container a{
  margin: 0px 5px;
  width: 100%;
}

.el-card-content > h4{
  font-size: 30px;
  font-weight: 900;
}

.zoom-buttons-container div{
  z-index: 1;
}

.h-585{
  height: 585px !important;
}

q{
  quotes: "“" "”" "‘" "’";
}

q::before {
  content: open-quote;
}
q::after {
  content: close-quote;
}

blockquote {
	position: relative;
	margin: 40px 0;
	padding: 1.6em 2.4em .7em calc(1.4em + var(--quote-image-width));
	font: italic 1.2rem var(--type-quote);
	background: var(--quote-bg) no-repeat left / var(--quote-image-width);
	border-radius: var(--border-rad);
	border: 2px solid white;
	box-shadow: 2px 2px 4px hsl(0 0% 0% / 20%);
	text-indent: 1.6em;
}

blockquote::before {
	content: "";
	pointer-events: none;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: var(--border-rad);
	box-shadow:
		inset -2px -2px 1px hsl(0 0% 100%),
		inset 2px 2px 4px hsl(0 0% 0% / 20%);
}

blockquote::after {
	content: "❝";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: -2px;
	transform: translate(-50%, -50%);
	width: 1.3em;
	height: 1.3em;
	background: white;
	box-shadow: 0 4px 5px -1px hsla(0 0% 0% / 20%);
	border-radius: 999px;
	display: grid;
	place-content: center;
	padding-top: .5em;
	color: var(--accent-color);
	font-size: 36px;
	font-style: normal;
	text-indent: 0;
}


.modal {
  overflow-y:auto !important;
}

.navbar-fix{
  width: 100%;
  justify-content: end;
}

.navbar-toggler-icon{
  background-color: #2B2B2B !important;
}

.navbar-toggler-right{
  position: absolute;
  right: 0;
}

.navbar-toggler{
  font-size: 1.5rem !important;
}

.mobile-menu{
  display: none;
  font-weight: normal;
  list-style: none;
}

.mobile-menu li a{
  color: #FFF;
  display: block;
}

.noJs li a:hover{
  color: rgb(210, 35, 43);
  background-color: #FFF;
}

.noJS{
  top: auto !important;
  width: 100% !important;
  border-radius: initial !important;
}

.footer-menu-link-to-tab div{
  color: #2B2B2B;
}

@media only screen and (max-width: 1100px){
  .navbar-fix{
    justify-content: flex-start;
  }

  .nav-item > a, .dropdown-item{
    font-size: 14px;
  }

}

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

  .banner-description{
    font-size: 35px;
  }

  .mobile-menu{
    display: block;
  }

  .mobile-nav{
    width: 100%;
    background: rgb(210, 35, 43);
    z-index: 20;
    font-size: 12px;
    font-weight: 700;
    overflow: auto;
    text-align: left;
    line-height: 50px;
  }

  .mobile-nav ul li{
    border-bottom: 1px solid rgb(210, 35, 43);
    width: 100%;
    color: #FFF !important;
    text-decoration: none;

  }


  .main-header-nav{
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

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

  .section-box-image img{
    height: auto;
  }

  .header-logo{
    display: inline;
  }

  .page-main-info-title{
    font-size: 36pt;
  }

  .column-footer-responsive{
    margin-top: 25px;
  }

  .footer-social-networks{
    justify-content: center;
  }

  .slider-container, .slider-container .item, .slick-list{
    height: 450px !important;
  }

  .h-585{
    height: 450px !important;
  }

}



@media only screen and (max-width: 575px){
  .top-header {
      padding: 18px 0px;
  }
  .d-grid{
    display: none;
  }
  .header-logo{
    font-size: 30pt;
  }
  .banner-description {
    font-size: 26pt;
  }

  .page-main-info-title{
    font-size: 24pt;
  }

  .navbar-brand{
    padding-left: 0.5rem;
    padding-bottom: 1.5rem;
  }

}

#add-new-category:hover {
  color: #9799a1 !important;
}

.text-delete {
  color: #be2020 !important;
}

.text-delete:hover {
  color: #cc2d2d !important;
}

.text-new {
  color: #18af24 !important;
}

.text-new:hover {
  color: #43a14b !important;
}

.navbar-size {
  height: 122.75px;
}

@media only screen and (max-width: 765px) {
  .navbar-size {
    height: 80px;
  }
}

.navbar-max-size {
  max-height: 122.75px;
}

@media only screen and (max-width: 765px) {
  .navbar-max-size {
    max-height: 2000px;
  }
}

.darker-on-hover:hover {
  color:rgb(41, 41, 41) !important;
}