/*
# css for saintclair.ltd
*/


/*------------------------------------------------------------------
Colours
-------------------------------------------------------------------*/

.logo-svg {
  fill: #fff;
}

.logo-svg:hover {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 0.075em;
}

.logo-svg-black {
  fill: black;
}

.logo-svg-black:hover {
  fill: none;
  stroke: black;
}

#logo-header {
  min-width: 18px;
  max-width: 18px;
}

/*------------------------------------------------------------------
Typography
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');


.fontSerifKR, .fontSerifKR p {
  font-family: "Noto Serif KR", serif;
}

body {
  margin: 0;
  font-family: 'Jost', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

.fontSerif, .fontSerif p, .vsQuote:before {
	font-family: 'Jost', serif;
}

.fontAlter {
font-family: 'Jost', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Jost', sans-serif;
	font-weight: 500;
}

.eabDescrText {
	font-family: 'Jost', sans-serif;
	font-size: 1.6em;
}
.eabDescrText.eabDescrTextIV {
}
.eabDescrText.eabDescrTextV {
	font-size: 1.6em;
}

.eabDescrTextII p {
}


.eabDescrText,
.eabDescrText.eabDescrTextII p {
  
}

/* query < sm (576) styles */
@media (max-width: 576px) {

	.eabDescrText {
		font-size: 1.2em;
	}
	.eabDescrText.eabDescrTextIV {
	}
	.eabDescrText.eabDescrTextV {
		font-size: 1.2em;
	}

}

/* query < md (768) styles */
@media (max-width: 768px) {


}

/* query lg (992) styles */
@media (max-width: 992px) {


}


.nav-link,
.footerAside,
.pageFooter,
.pageFooter p,
#pageFooter,
#pageFooter p {
	font-family: 'Jost', sans-serif;
}


.navbar-light .navbar-nav .nav-link {
	color: #000000 !important;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #EC534C !important;
}

/* query md (768) styles */
@media (min-width: 768px) {

	.navbar-light .mainNavigationVv .nav-link {
		color: #ffffff !important;
	}

}



.logo {
	min-width: auto;
	transition: min-width 0.25s;
}

/* query < md (768) styles */
@media (max-width: 768px) {

  .logo {
    min-width: auto;
  }
  .logo.logoVii {
    min-width: auto;
  }
  .logo.logoViv {
    min-width: auto;
  }

}

#homeLinks h1 {
  font-size: 3rem;
}

  .newsletterAside h3, .newsletterAside .h3 {
    font-size: 1.25rem;
  }

/* query lg (992) styles */
@media (min-width: 992px) {
	#homeLinks h1 {
    	font-size: 2rem;
	  }
}

/* query lgwd (1025) styles */
/* query xl (1230) styles */
@media (min-width: 1230px) {
	#homeLinks h1, .h1 {
    	font-size: 2.5rem;
	  }
}

/* query md (768) styles */
@media (min-width: 768px) {

  .headerFixer.fixedPosition .logo,
  .headerFixer.fixedPosition .logo.logoVii
   {
    min-width: auto;
  	
  }

}

/*------------------------------------------------------------------
Background Cover / .bgCover
-------------------------------------------------------------------*/
.bgCover {
  background-size: cover;
  background-position: 50% 50%;
}

.bgHasParallax {
  background-attachment: scroll !important;
}

/* query md (768) styles */
@media (min-width: 768px) {

.bgHasParallax {
  background-attachment: fixed !important;
}

}

/*------------------------------------------------------------------
Sponsor Logo Wrap / .spLogoWrap
-------------------------------------------------------------------*/
.spLogoWrap {
  opacity: 0.9;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  height: 155px;
  border-radius: 6px;
}
.spLogoWrap:hover {
  opacity: 0.55;
}

/*------------------------------------------------------------------
Full Link Nav / .hmFullLinkingNav
-------------------------------------------------------------------*/
.hmFullLinkingNav {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  right: 10px;
}
.hmFullLinkingNav li {
  margin-top: 10px;
  margin-bottom: 10px;
}
.hmFullLinkingNav li.active a {
  background-color: #fff;
  border: 1px solid #002C5C;
}
.hmFullLinkingNav a {
    pointer-events: auto;
    border-radius: 100%;
	background-color: #002C5C;
    border: 1px solid #fff;
    display: block;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    width: 10px;
    height: 10px;

}
.hmFullLinkingNav a:hover {
  background-color: #fff;
}

/* query lg (992) styles */
@media (min-width: 992px) {

}

/* query lgwd (1025) styles */
/* query xl (1230) styles */
@media (min-width: 1230px) {
	#homeLinks h1, .h1 {
    	font-size: 4.0rem;
	  }
}

/*------------------------------------------------------------------
Artist Profile Column / .artistProfileColumn
-------------------------------------------------------------------*/
.artistProfileColumn {
  max-width: 290px;
}
.artistProfileColumn .imgHolder img {
  border-radius: 6px;
}
.artistProfileColumn h2, .artistProfileColumn .h2 {
  font-size: 22px;
  line-height: 1.0909090909;
  margin-bottom: 2px;
}
.artistProfileColumn h3, .artistProfileColumn .h3 {
  font-size: 17px;
  line-height: 1.4117647059;
  color: #555;
}
.artistProfileColumn p a {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: inherit;
}
.artistProfileColumn p a:hover {
  color: #212329;
}

.vctSubtitle {
  font-size: 18px;
  line-height: 1.1666666667;
}

/*------------------------------------------------------------------
Slider
-------------------------------------------------------------------*/

.slick-slide {
	margin-left: 10px;
	margin-right: 10px;
}