/*
	CSS CUSTOM PER CHIALE FINE ART
*/
html.has-scroll-smooth {
}
.navbar{ background: rgba(255,255,255,0.5); }
.swiper-container{ overflow: visible; }

.subMenu .contentSubMenu{
	display: none !important;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.subMenu:hover .contentSubMenu li{
	display: block;
	margin: 0;
    margin-bottom: 10px;
}

.subMenu:hover .contentSubMenu {
  display: block !important;
  padding: 20px 0;
}

.custom-link-2 {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-family: 'Cinzel', serif;
}

.custom-link-2:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  width: 50%;
  background: #CFA000;
  transition: width 0s ease, background .25s ease;
  transition: width .25s ease;
}
.custom-link-2:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  height: 4px;
  width: 0;
  background: #CFA000;
  transition: width .25s ease;
}

.custom-link-2:hover {
  text-decoration: none;
}

.toggle_box.custom-link-2{  display: block; width: fit-content; margin: 0 auto; }

.section-title h3{ width: 100%; display: block; margin-bottom: 0; font-size: 50px; font-family: 'Cinzel', serif; letter-spacing: -2px; line-height: 1; }
.section-title p{ max-width: 800px; margin: 20px auto; display: block}

.recent-news figure{ width: 50%; }
.recent-news .content-box{ width: 50%; margin-right: 0}
.recent-news .content-box h4 {
  width: 100%;
  display: block;
  font-size: 40px;
  font-weight: 400;
  font-family: 'Cinzel', serif;
  margin-bottom: 30px;
  margin-top: 10px;
}
.col-12:nth-child(2n) .recent-news .content-box { margin-left: 0%; }
.footer{ background: #FFFBF7 }

.page-header .inner h1{ font-size: 50px; }
.cta-box h3 { font-size: 55px; }

.contact-box a{ text-decoration: none }
.collection-box img{ opacity: 1 !important; transform: scale(1) !important; width: auto !important; max-width: none !important; height: 400px; }
.modal { background: rgba(0,0,0,0.7); }