/* google font */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Fira+Code:wght@300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Fira+Code:wght@300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.header-style-2 .featured-top.teal-tropical h1.title, .header-style-2 .featured-top.teal-tropical .title.h1, .header-style-2 .featured-top.teal-tropical h2.title, .header-style-2 .featured-top.teal-tropical .title.h2 {
	text-transform: none;
    font-weight: 400;
    letter-spacing: normal;
    font-family: Roboto, sans-serif;
}
.paragraph--type--alert .alert-box.info {
	border: none;
	color: #000;
}
.paragraph--type--alert .alert-box.info .message-box .message a {
	color: #000;
}
.paragraph--type--alert .alert-box .message-box .message a:hover {
	text-decoration: none;
}

/*Header*/
.site-header--style-2 .top-bar ul a:hover {
	text-decoration: underline;
}
.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li.has-children > a:after {
		background: url('/sites/crr/files/2026-02/Triangle Copy 3.png');
		width: 7px;
    height: 7px;

}

@media (min-width: 64rem) {
  .site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li:hover > .flyout > ul {
    grid-template-columns: none;   	
  }
}

.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li.has-children:hover > a:after {
			width: 6px;
    height: 6px;
}

@media (min-width: 1024px) { 
.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li:hover:has(.blueButton) {
	background-color: white; 
	&& a {
		opacity: 90%;
	}
}
}

.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li:has(.blueButton):after  { 
 		background: none !important;
}

.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li:after {
	background-color: #D9DCE4;
}

.site-header--style-2 .menu-toggle {
	background-color: #1B3E6F !important;
	
	&& span {
		background-color: #1B3E6F;
	}
}

.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li > .flyout > ul > li a {
	font-family: "Lato";
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 22px; 
}

.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li > a {
	 padding: 1.5rem 1rem;
   justify-content: center;
}

/*
.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li > a:hover {
	background-color: #1B3E6F;
}
*/

.site-header--style-2 .header-search .form-text  {
	background-color: white;
	color: black;
}

@media (max-width: 1023px) { 
.site-header--style-2 .site-navigation {
	background-color: #1B3E6F;
}

.nav-open .site-header--style-2 .header-search  {
		background-color: #1B3E6F;
}
}

@media (max-width: 450px) {
	.headerLogo img{
		max-width: 80%;
	}
}

@media (min-width: 1024px) { 
 && .blueButton {
	width: 79px;
	height: 20px;
	background-color: #1B3E6F;
	color: white !important;
	font-family: "Lato";
	font-size: 15px;
	font-weight: 700;
	line-height: 140%; /* 21px */
	margin: auto;
	border-radius: 3px;
	margin: 10px;
	text-transform: uppercase;
}
}

/* Menu Header */
.header-style-2 .featured-top.teal-tropical {
	background: linear-gradient(95deg, #1B3E6F 0.31%, #3A547C 44.38%);
}

.header-style-2 .featured-top.teal-tropical h1.title, {
    font-family: Lato;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: 68px; /* 136% */
	letter-spacing: -0.5px;	
}


/* FOOTER */
 @media (min-width: 1200px) {
	 .site-footer__top {
		display: flex;
		&& >div:first-of-type {
			width: 30%;
		}
		&& >div {
			width: 23%;
		}
		
		&& .row {
			text-align: left !important;
		}
	}
	
		.block-block-content16855799-5e4d-45c5-9f7a-d3e73318ceca p {
		padding-left: 30px;
	}
		#block-style-logonavbar-optionalsocialmediamenu-menu {
		padding-left: 30px;
	}
	
}

.footer-wrap {
	max-width: 1440px;
	margin: auto;
}

.site-footer__top {
	    justify-content: center;

	&& .row {
			place-items: center;
			text-align: center;
		}
		
	&& #block-style-logonavbar-footer {
		width: 100%;
	}
	
	&& .navbar-nav {
				display: block !important;
	}
	
 &&	p {
		font-family: Lato;
		font-size: 14px;
	}
	
	&& .menu--footer {
		padding-top: 0px !important;
	}
	
	&& .menu--social-media-menu {
		margin-top: 10px;
		margin-bottom: 10px !important;
		flex-direction: row !important;
		justify-content: start !important;
		gap: 10px;
		
		&& h2 {
			 margin-bottom: 0px;
		}
	}
	
	.block-block-content16855799-5e4d-45c5-9f7a-d3e73318ceca p {
		font-size: 15px;
	}
	
	#block-style-logonavbar-optionalsocialmediamenu-menu {
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 24px; /* 150% */
		text-transform: uppercase;
	}
}

 footer.site-footer .menu--footer.style-2.white ul.nav li.nav-item a, footer.site-footer .menu--footer.style-2.white ul.nav li.nav-item a.nav-link {
					color: #E6B222 !important;
					font-family: "Lato";
					font-size: 16px;
					font-style: normal;
					font-weight: 400;
					text-decoration-line: underline;
					text-decoration-style: solid;
					
					&& :hover {
						text-decoration: none;
					}
				}
.site-footer__bottom-nav {
	font-size: 15px;
}

/*HERO/MMA*/

..paragraph--type--hero-style-2 {
	position: relative;
}

.paragraph--type--hero-style-2.hero-green .field--type-link a:hover {
	background-color: #E6B222;
	text-decoration: underline;
}

.paragraph--type--hero-style-2 .hero-headline {
		font-family: "Roboto";
		font-size: 64px;
		font-style: normal;
		font-weight: 400;
		line-height: 68px; /* 106.25% */
		letter-spacing: -0.64px;
	}

.paragraph--type--hero-style-2.hero-green .field--type-link a {
	background: #E6B222;
	color: black;
}

.paragraph--type--hero-style-2 .hero-copy {
	font-family: "Lato";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 27px */
} 

/* Gallery Layer */
.paragraph.stats-layer .slick-slider:after {
	background: linear-gradient(to left, #1B3E6F 0%, rgba(255, 255, 255, 0.00) 100%);
	opacity: 0.4;
	mix-blend-mode: multiply;

}

.paragraph.stats-layer .field-stats-layer-items  {
	width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}

.paragraph.stats-layer .slick-slider:before {
	background: linear-gradient(to right, #1B3E6F 0%, rgba(255, 255, 255, 0.00) 100%);
	opacity: 0.4;
	mix-blend-mode: multiply;
}
.paragraph.stats-layer .slick-slider:after {
	right: 0%;
}

/* Two Colum Layout */
.paragraph--type--two-column-layout {
	&& .col-lg-6 {
		place-content: center;
	}
}

/* Alert on Dynamic Page */
#main-wrapper {
	.paragraph--type--alert {
		padding: 25px 0px;
	}
}

/* Hero */
.hero-content-right {
	&& a:hover {
		text-decoration: none;
	}
}

/* Spotlight */
.paragraph--type--spotlight {
	h3 {
		font-family: "Roboto";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 38px; /* 95% */
		letter-spacing: -0.4px;
		text-transform: none;
	}
	
	p {
		font-family: "Lato";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; 
	color: #1E1E1E;
	}
	
	.field-link a {
		background-color: #E6B222 !important;
		color: black !important;
		font-family: Lato;
font-size: 15px;
font-style: normal;
font-weight: 400 !important;
line-height: 140%;
	}
	
	img {
		box-shadow: none !important;
		border-radius: 0px !important;
	}
}
#CautionAlert a {
	color: black;
}

/* News and Events */
.news-blog-and-events-layer.accent-lightblue-lightgreen .tab-toggle:before {
	background: #E6B222;
}

.news-blog-and-events-layer.accent-lightblue-lightgreen .layer-tab .read-more {
	background: url("https://crr-dev.sc.gov/sites/crr/files/2026-02/Vector%201%20%283%29.png") no-repeat right;
    width: 12px;
    height: 9px;
}

.node--type--event.event.node--view-mode--full {
  display: none;
}

.node--type-event .block-views-blockevents-blogs-and-news-block-3 .views-field-field-date .field-content, .page-events .view-content .views-field-field-date .field-content {
	font-size: .88rem;
}

.node--type-event .block-views-blockevents-blogs-and-news-block-3 .views-field-title a {
color: #1B3E6F;
text-decoration: none;
}
.node--type-event .block-views-blockevents-blogs-and-news-block-3 .views-field-title a:hover {
text-decoration: underline;
}

.node--type-event .block-views-blockevents-blogs-and-news-block-3 h2:before, .node--type-event .block-views-blockevents-blogs-and-news-block-3 .h2:before {
	display: none;
}
.node--type-event .block-views-blockevents-blogs-and-news-block-3 h2, .node--type-event .block-views-blockevents-blogs-and-news-block-3 .h2 {
	margin: 30px;
}
.node--type-event .block-views-blockevents-blogs-and-news-block-3 .view-results-wrap, .node--type-event .block-views-blockevents-blogs-and-news-block-3 .back {
	margin-left: 30px;
}

.view-event-detail .back {
	margin-bottom: 20px;
	margin-top: 20px;
	display:block;
}

.event-detail .field-content{
	color: #000 !important;
}

.event-detail .views-label {
	color: #000 !important;
	font-weight: bold;
}

.event-detail .event-title {
	color: #1B3E6F;
	margin-top:2rem;
	margin-bottom:5px;
}

.views-field-field-event-type .field-content {
	  font-size: .8rem;
    background: #E6B222;
    padding: 2px 20px;
    display: inline-block;
    border-radius: 50px;
    font-weight: bold;
    margin-bottom:20px;
}

.event-detail .field--type-daterange, .views-field-field-taxonomy-event-locations .field-content {
	margin-bottom:15px;
}

.event-detail .views-field-field-tags .views-label {
	text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  color: #1E1E1E !important;
}

.event-detail .list-group-item {
	background: none;
  border: none;
}
.event-detail .list-group-item a {
	font-size: .8rem;
    background: #1B3E6F;
    color: #fff;
    padding: 2px 20px;
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
}
.event-detail .list-group-item a:hover {
	text-decoration: underline;
}
.page-events .view-content .views-field-title a {
	text-decoration: none;
	color: #1B3E6F;
}
.page-events .view-content .views-field-title a:hover {
	text-decoration: underline;
}
.view-display-id-attachment_2 .view-content, .view-display-id-attachment_3 .view-content {
	display: none;
}

.page-events .filter-extras .events-view-trigger-containers {
	position:relative;
	min-width:125px;
}
.page-events .filter-extras .event-view-toggle {
	position: relative;
    display: block;
    width: 100%;
    padding: 6px 12px 6px 39px !important;
    border-radius: 0;
    position: relative !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none;
    color: #1b1b1b;
    z-index: 2;
    background: #D9DCE4;
}
.page-events .filter-extras .event-view-toggle.toggle-list  {
	background-image: url(/themes/custom/nextgen_style4/img/event-list-icon.svg);
    background-repeat: no-repeat;
    background-position: 10px;
}
.page-events .filter-extras .event-view-toggle.toggle-calendar { 
	background-image: url(/themes/custom/nextgen_style4/img/event-list-calendar.svg);
    background-repeat: no-repeat;
    background-position: 10px;
}

.page-events .filter-extras .event-view-toggle.toggle-list:after, .page-events .filter-extras .event-view-toggle.toggle-calendar:after {
    background: url(/sites/crr/files/2026-02/Triangle Copy 3.png);
    width: 7px;
    height: 7px;
    content: "";
    display: block;
    background-size: 7px;
    margin: 0 0 0 0.5rem;
    right: 10%;
    position: absolute;
    top: 53%;
}
.page-events .filter-extras .event-view-toggle.toggle-list.open:after, .page-events .filter-extras .event-view-toggle.toggle-calendar.open:after {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
@media (min-width: 64rem) {
    .page-events .filter-extras .options-list, .page-events .filter-extras .options-list {
        position: absolute !important;
        top: 100%;
        margin-top:-20px !important;
    }
}
.page-events .filter-extras .options-list {
	display: none;
    position: relative;
    width: 100%;
    background: #D9DCE4;
    
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    z-index: 1;
    
}

.page-events .filter-extras .options-list a {
	  position: relative;
    display: block;
    width: 100%;
    padding: 6px 14px 6px 40px !important;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #1b1b1b;
    -webkit-transition: background-color .15s ease;
    transition: background-color .15s ease;
}
.page-events .filter-extras .options-list a:before {
	  position: absolute;
    display: block;
    content: "";
    margin-top: -12px;
    top: 50%;
    left: 16px;
    width: 24px;
    height: 24px;
    left: 11px;
    background-size: contain;
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
}

.page-events .filter-extras .options-list a.icon-list:before {
    background: url(/themes/custom/nextgen_style4/img/event-list-icon.svg) no-repeat center;
}
.page-events .filter-extras .options-list a.icon-calendar:before {
    background: url(/themes/custom/nextgen_style4/img/event-list-calendar.svg) no-repeat center;
}
@media (min-width: 64rem) {
    .page-events .attachment-before {
        position: absolute !important;
        	right:0;
	top:70px;
    }
    .events-calendar .attachment-before {
    	top:24px;
    }
}
.page-events .attachment-before {
	position:relative;

	min-width: 130px;
}


.page-events .bef-exposed-form .js-form-item-title input[type=text] {
    background-color: white;
    border-radius: 1px;
}

.page-events .bef-exposed-form .js-form-item-title input[type=text]::placeholder {
    color: #000;
}
@media (min-width: 64rem) {
    .page-events .bef-exposed-form .form-item-sort-bef-combine {
        position: absolute !important;
        	right:0;
	top:-70px;
    }
}
.page-events .bef-exposed-form .form-item-sort-bef-combine {
	position:relative;

}
.page-events .event-tab-controls, .block-views-blockartifacts-their-stories-block-1 .event-tab-controls, .block-views-blockartifacts-their-stories-block-2 .event-tab-controls {
	margin-bottom:35px;
}

.page-events .event-tab-controls a, .block-views-blockartifacts-their-stories-block-1 .event-tab-controls a, .block-views-blockartifacts-their-stories-block-2 .event-tab-controls a {
	margin:15px;
	color:#758591;
	font-size:.88rem;
	position: relative;
}

.page-events .event-tab-controls .active:before, .block-views-blockartifacts-their-stories-block-1 .event-tab-controls .active:before, .block-views-blockartifacts-their-stories-block-2 .event-tab-controls  .active:before {
	  content: "";
    background: #ffc107;
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 6px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    width: 100%;
    bottom: -10px;
}

#edit-reset-events-blogs-and-news {
	background: #D9DCE4 !important;
}
.view-events-blogs-and-news .bef-exposed-form .form-actions { 
	display: flex;
}
@media (min-width: 71.25rem) {
    .page-events .bef-exposed-form #edit-start-date--description {
        font-size: 0.75rem;
        margin-right: 0.125rem;
        min-width: 80px;
    }
}
@media (min-width: 87.5rem) {
    .page-events .bef-exposed-form .js-form-item-title {
        width: 240px;
    }
}
@media (min-width: 1024px) {
	.view-events-blogs-and-news .bef-exposed-form .js-form-item-end-date {
    max-width: 150px !important;
    margin-left: 5.5rem;
	}
	.view-events-blogs-and-news .bef-exposed-form .js-form-item-start-date {
    max-width: 150px !important;
	}
}
.page-events .bef-exposed-form .form-submit {
        padding: 1.05rem 1rem;
        font-size: 0.875rem;
        margin: -1px 5px 0 5px;
        border-radius: 2px;
        background-color: #E6B222 !important;
}

.node--type--exhibits.exhibits.node--view-mode--featured a:hover .currentupcoming {
	background-color: #1B3E6F;
  color: #ffffff;
}
.exhibit-link:hover .currentupcoming {
  background-color: #1B3E6F;
  color: #ffffff;
}
@media (max-width: 1023px) { 
.exhibits-body {
	display: block !important;
	
	.sidebar {
		max-width: 100% !important;
		padding: 10px 25px !important;
		margin-left: 0% !important;
	}
	.content-wrapper {
		max-width: 100% !important;
		padding-bottom: 20px;
	}
}
}
@media (min-width: 64rem) {
 .view-display-id-list .view-content {
	gap: 30px !important;
}
}

.paragraph--type--exhibits-listing-layer {
	.view-header {
		font-family: "Roboto";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 112.5% */
letter-spacing: -0.32px;
color: #1B3E6F;
padding-bottom: 25px;
padding-top: 20px;
	}
}

.view-display-id-list .view-content:has(.views-row:nth-child(3):last-child) .views-row {
	padding-top: 20px;
}

.paragraph--type--video-layer {
	padding-top: 50px;
}

#block-style-logonavbar-breadcrumbs-2 {
	z-index: 1;
	
	.breadcrumb-item {
		color: white;
		font-family: "Lato";
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}
	
	a {
		color: white;
		font-family: "Lato";
		font-size: 14px;
		font-style: normal;
		font-weight: 800;
		line-height: 150%;
		text-decoration: none;
		
		&:hover {
			text-decoration: underline;
		}
	}
}

.block-views-blockevents-blogs-and-news-block-3 .views-field-title {
	font-weight: bold;
	margin-top: 5px;
}