@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');
.icon-launchpad-item-title {
    font-weight: bold !important;
}

/* FOOTER */

@media screen and (min-width: 1023px) {
	.site-footer__top {
		display: flex !important;
	}

	.site-footer__first {
		width: 40%;
	}
	
	.site-footer__second, .site-footer__third {
	 		width: 30%;
	}
}

.menu--footer .nav-item {
	color: #B8A470 !important;
	font-family: "Lato";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; 
	text-decoration-line: underline;
	text-decoration-style: solid;
}

footer.site-footer #block-style-logonavbar-logoaddress.style-2 img {
	margin-bottom: 0px;
}

.site-footer {
	.footer-wrap {
		max-width: 1440px;
		margin: auto;
	}
	p {
		font-size: 14px;
	}
	h6 {
		margin-bottom: 15px;
	}
	
	h2 {
		padding-right: 10px;
		font-family: "Roboto";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
text-transform: uppercase;
	}
	
	.region-footer-first {
		margin-bottom: 0px !important;
	}
	
	@media screen and (max-width: 1023px) {
		p {
			text-align: center;
		}
		.menu--social-media-menu {
			justify-content: center !important;
		}
		
		.site-footer__second, .site-footer__third {
			text-align : center;
		}
	}
}

.block-block-content4b1b0df6-e0bf-4125-b021-ab838ef438b8 {
	padding-left: 0px;
}

footer ul:not(.contextual-links) a, footer .field--name-body a, footer p a {
	color: #B8A470 !important;
	font-family: "Lato";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; 
	text-decoration-line: underline;
	text-decoration-style: solid;
}

h6 {
	font-family: "Roboto";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
text-transform: uppercase;
}

.menu--social-media-menu {
		display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
}


/* HERO */

.paragraph--type--hero-style-2 {
	li {
		background: rgba(0, 62, 112, 0.75);
	}
	a {
			text-decoration: none;
	}
	a::hover {
		text-decoration: underline;
	}
	
	.hero-links a{
		background-color: #A48F5A;
	}
}

.paragraph--type--hero-style-2 .link-list a {
	text-decoration: none;
}

/* Icon Layer */

.paragraph--type--icon-launchpad-item {
	.icon-launchpad-item-title {
		color: #003E70;
		font-family: "Lato";
		font-size: 18px !important;
		font-style: normal;
		font-weight: 400 !important;
		line-height: 26px;
	}
}

/* News/Blog*/
.paragraph--type--news-blog-and-events-layer {
	.news-featured .news-title a{
		color: #003E70 !important;
		font-family: "Roboto" !important;
		font-size: 32px !important;
		font-style: normal;
		font-weight: 500 !important;
		line-height: 36px; /* 112.5% */
		letter-spacing: -0.32px;
	}
	
	.news-title  a {
		font-family: "Lato" !important;
		font-size: 17px !important;
		font-style: normal;
		font-weight: 700 !important;
		line-height: 22px;
		color: #136DB9 !important;
	}
	
	.headline {
		color: #003E70;
		font-family: "Roboto";
		font-size: 40px !important;
		font-style: normal;
		font-weight: 400 !important;
		line-height: 38px; /* 95% */
		letter-spacing: -0.4px;
		text-transform: none !important;
	}
	
}

.news-blog-and-events-layer.accent-lightblue-lightgreen .tab-toggle:before, .news-blog-and-events-layer.accent-lightblue-lightgreen .tab-link:before {
	background: #A48F5A !important;
}

.news-blog-and-events-layer.accent-lightblue-lightgreen .tab-toggle.active, .news-blog-and-events-layer.accent-lightblue-lightgreen .tab-link.active {
	color: black;
}

.news-blog-and-events-layer.accent-lightblue-lightgreen .tab-toggle, .news-blog-and-events-layer.accent-lightblue-lightgreen .tab-link {
	color: #003E70;
}

.paragraph--type--news-blog-and-events-layer {
	.news-link {
		text-decoration: none;
	}
	
	.news-link:hover {
		text-decoration: underline;
	}
}

/* Spotlight */
.paragraph--type--spotlight {
	h3 {
		color: #003E70;
		font-family: "Roboto";
		font-size: 40px;
		font-style: normal;
		font-weight: 400;
		line-height: 38px; /* 95% */
		letter-spacing: -0.4px;
	}
	
	.wrap {
		background-color: #CFECFF;
	}
	
	@media screen and (min-width: 1023px) {
	.spotlight-content {
		padding-left: 40px !important;
	}
	}
	
	a {
		background-color: #003E70 !important;
	}
	
}

/* Cards */


.field--name-field-highlight-para .paragraph--type--service-highlights.style-2 a:hover, .field--name-field-highlight-cards .paragraph--type--service-highlights.style-2 a:hover {
	background-color: #CFECFF;
}

/* Header */
.site-header--style-2 {
.field--name-body img, .node-content img  {
	margin-bottom: 0px !important;
}
}

 
.site-header--style-2 .site-navigation nav.menu--main ul.menu-main > li.has-children:hover > a:after{
	
	    content: "";
        background: url('https://ngscdps-dev.sc.gov/themes/custom/style_logonavbar/images/caret-down-dark-blue.svg') no-repeat right;
        background-size: 8px;
        display: block;
        width: 8px;
        height: 8px;
        margin: 0 0 0 0.5rem;
        transform: rotate(180deg);
        transition: 0.3s ease-out 0.1s;
}

@media screen and (max-width: 1022.98px) {
  .path-leadership .views-field-field-image img {
    display: block;
    width: 180px;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
  }
}

/* Leadership Page */

.path-leadership {
	.views-field-title {
		font-family: "Roboto";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 108.333% */
letter-spacing: -0.24px;
color: #003E70;
padding-bottom: 15px;
	}
	
	.views-field-field-title .field-content{
		font-family: "Lato";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 14px; /* 100% */
letter-spacing: 2.8px;
text-transform: uppercase;
color: #136DB9 !important;
padding-bottom: 10px;
	}
	
	p {
		font-family: "Lato";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
	}
	
@media screen and (min-width: 1023px) {	
	
	.views-row {
		padding-left: 230px;
		clear:both;
	}
	
	.views-field-field-image {
		float: left;
    margin-left: -230px;
    width: 230px;
    margin-right: 20px;
    margin-bottom: 40px
	}
	
	img {
		max-width: 100%;
    height: auto;
	}
	
	.views-field-view-node a{
		color: #136DB9 !important;
	}
	
	
}
}


/* Icon Layer */

.paragraph--type--icon-launchpad-layer {
	.field--name-field-icon-launchpad-items {
		@media screen and (min-width: 1074px) {
			flex-wrap: nowrap;
		}
}
}

/* Hero Header */
.header-style-2 .featured-top.teal-tropical {
	background: linear-gradient(95deg, #136DB9 0.31%, #003E70 44.38%) !important;
}

/* Sidebar */

.sidebar {
	h2 {
		font-family: "Roboto";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 108.333% */
letter-spacing: -0.24px;
color: black;
margin-bottom: 25px !important;
	}
	
	.menu-item {
	a {
		font-family: "Lato";
		font-size: 18px;
		font-style: normal;
		line-height: 150%; /* 27px */
		color: #136DB9 !important;
	}
}
	
	a:hover {
		text-decoration: underline;
	}
}

.sidebar_first .block.menu--main h2:before, .sidebar_first .block.menu--main .h2:before, .sidebar_first .block.block-menu h2:before, .sidebar_first .block.block-menu .h2:before {
	border-bottom: none !important;
}

