/* 
    Created on : Feb 20, 2025, 12:48:24 PM
    Author     : Adriana Samra
	Website: 	ju.edu/microsite 
*/
 
/* Fonts */ 
body{
	color: #333333;
}        
@font-face {
    font-family: 'GT Sectra Display Regular';
    src: url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Regular.woff2') format('woff2'),
         url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Regular.woff') format('woff'),
         url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT Sectra Display Medium';
    src: url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Medium.woff2') format('woff2'),
         url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Medium.woff') format('woff'),
         url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Medium.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'GT Sectra Display Bold';
    src: url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Bold.woff2') format('woff2'),
         url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Bold.woff') format('woff'),
         url('https://www.ju.edu/_resources/fonts/GT-Sectra-Display-Bold.ttf') format('truetype');
    font-style: bold;
}

@font-face {
    font-family: 'Monument Extended Regular';
    src: url('https://www.ju.edu/_resources/fonts/MonumentExtended-Regular.woff2') format('woff2'),
         url('https://www.ju.edu/_resources/fonts/MonumentExtended-Regular.woff') format('woff'),
         url('https://www.ju.edu/_resources/fonts/MonumentExtended-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Fakwang Regular';  
    src: url('https://www.ju.edu/_resources/fonts/Fahkwang-Regular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Fakwang Bold';  
    src: url('https://www.ju.edu/_resources/fonts/Fahkwang-SemiBold.ttf') format('truetype'); 
    font-style: bold;
}

@font-face{
    font-family: 'Fakwang Semi Bold';  
    src: url('https://www.ju.edu/_resources/fonts/Fahkwang-Medium.ttf') format('truetype'); 
    font-weight: 600;
    font-style: normal; 
}
:root{
	--bs-link-color:#00ab8e;
	--bs-link-hover-color:#004d40; 
}
hr{ 
	margin: 2rem; 
	color: #00ab8e14; 
}
h1, h2, h3, h4, h5, h6{ 
    font-family: 'GT Sectra Display Regular', serif;
	letter-spacing: 0px;
	font-weight: 700;
	margin-bottom: 1.5rem;
}
.h2, h2{
	font-size: 2.3rem;
}
h2.text-primary, h3.text-primary, h4.text-primary{	
	color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important;
}
h6{
    color: #00ab8e;
    font-family: 'Monument Extended Regular', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}
p{
	margin-bottom: 1.5rem;
}
li { margin-bottom: 0.5rem;}
.section-hero h1.lead{
	font-family: 'Monument Extended Regular', sans-serif;
	letter-spacing: 3px;
	font-size: 3.25rem !important;
}
.section-hero h2{	
	line-height: 1.3em;
    letter-spacing: 2px;
    font-size: 1.6em;
    font-family: 'Fakwang Regular', sans-serif;
}
.section-hero .card-lg>.card-body{
	padding: 0px;
}
.section-hero .text-warning{
	color: #ffffff !important;
}
.section-hero .card{
	background: transparent !important;
}
.section-hero .typed-cursor{
	display: none !important;
}
.section-hero h1.h1{
	font-family: 'Fakwang Semi Bold', sans-serif;
	font-size: 2.5rem;
	margin-top: 2rem;
}

.section-pillars .card-body{
	min-height: 400px;
}
.nav-pills .nav-link{
	border: 1px solid #00ab8e;
}
.link-underline-primary{    
    -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;    
    text-decoration: underline;
}
.navbar-light .navbar-toggler{
    border-color: rgba(0,87,183,.5)
}
.section-tabs .tab-pane{
	border: 1px solid #00ab8e14;
}
.hero-bg {
    background: url('/_resources/microsite/assets/img/microsite-bg-green-pages.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-background{
    background: url('/_resources/microsite/assets/img/microsite-dk-green-home-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.cta-bg{
    background: url('/_resources/microsite/assets/img/microsite-bg-green-pages.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 200px;
    background-attachment: fixed;
}
.navbar-brand-logo{
    max-width: 13.5rem;
}
    footer .navbar-brand-logo{
        max-width: 7rem;
    }
#accordionVideo .accordion-button{
    padding:0.5rem 2rem;
}
.accordion-body{ 
	color: #333; 
}
.accordion-item{ 
	background-color: #00ab8e36; 
}
.device-browser{
    box-shadow: 0 2.75rem 5.5rem -1rem #001a7003, 0 2rem 4rem -1rem #334ac078;
}
.card {
    overflow: hidden; /* Ensures the background doesn't leak outside */
}
.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the div */
    opacity: 0.3; /* Optional: Adjust transparency */
}
.breadcrumb .breadcrumb-item, .breadcrumb a{
    font-size: 0.9rem;    
}
.highlights .card-title{
    font-family: 'Monument Extended Regular', sans-serif;
    text-transform: uppercase;
    font-size: 1.1em;
}
.go-to{
    background-color: #00ab8e;
    color: #fff;
}
.go-to:focus:hover, .go-to:hover{
    background-color: #004d40;
}
.section-services img{
	height: 60px;
	width: 60px;
}
.section-video .fs-6{
	padding-right:120px; 
	padding-left: 120px;
}
.section-pillars .text-light,
.section-shape-tagline h5.text-white,
.text-primary-light{
	color: #dbd8b8 !important;
}

/* Iphones */
@media (max-width: 599px) {
	.section-hero h2{
		font-size: 2.2rem !important;
		line-height: 1.2em;
	}
	.section-hero h1.h1{
		font-size: 2.4rem !important;
	}
	.section-video .fs-6{
		padding-right:10px; 
		padding-left: 10px;
	}
	
}