* { font-family: 'Montserrat', sans-serif; transition: 0.3s; scroll-behavior:smooth; }
/* body { height: 100vh;} */

/* NAVBAR */
.navbar { font-weight: 500; }
.navbar a.active { font-weight: 700; border-bottom: 3px solid #5ADECC; }
.navbar a:hover { color: #000; }
.navbar a.active.projects { border-bottom: 3px solid #fff; font-weight: 500;}
.navbar-toggler:focus { box-shadow: none;}

/* HERO */
.hero { background: url(../images/heroBg.svg) no-repeat center; background-repeat: no-repeat; }
.hero .material-symbols-outlined,
.arrow_top span { font-size: 70px; }
.lead { font-size: 24px; font-weight: 400; }
u { 
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #5ADECC;
    text-decoration-thickness: 13px;
    text-decoration-skip-ink: none;
    text-underline-offset: -6px;   
}

.bounce {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;	
	transition: 0.3s;
}
.bounce span,
.arrow_top { color: #212529; }
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce span:hover,
.arrow_top:hover { color: #E72357;}


/* Font colors */
.prayersFont { color: #505385; }
.bgPrayersBanner { background-color: #E8E7EC;}
.bgPrayersIA { background-color: #F6FAFD;}
.bgPrayersStyle { background-color: #FCFCFE;}

.idbFont { color: #004D71; }


/* Selected case studies */
.featured h2 { font-size: 38px; }

/* Background colors */
.blueBg { background-color: #2357E710;}
.project.blueBg:hover { background-color: #2357E730; transform: scale(1.02);}
.blueBg button { background-color: #2357E7;}

.magentaBg { background-color: #E7235710;}
.magentaBg:hover { background-color: #E7235730; transform: scale(1.02);}
.magentaBg button { background-color: #E72357;}

.orangeBg { background-color: #E7B32310;}
.orangeBg:hover { background-color: #E7B32330; transform: scale(1.02);}
.orangeBg button { background-color: #E7B323; color: #272E52;}

.cyanBg { background-color: #5ADECC10;}
.cyanBg:hover { background-color: #5ADECC40; transform: scale(1.02);}
.cyanBg button { background-color: #5ADECC; color: #272E52;}

.blackBg { background-color: #272E5210;}
.blackBg:hover { background-color: #2357E720; transform: scale(1.02);}
.blackBg button { background-color: #2357E7;}

.project:hover { box-shadow: 0 0 70px 0 rgba(39, 46, 82, 0.15); }
.project h3 { font-weight: 500; font-size: 28px;}
.project .card-text { font-size: 18px;}
.project .btn { font-size: 18px; border: 0;}
.project:hover .btn { opacity: 0.8; transition: 0.3s;}

.grayBg { background-color: #F7F7F750; }

/* Badge colors */
.project .badge,
.projectPrayer .badge,
.projectIDBhome .badge,
.projectDesignSystem .badge,
.projectIDBApp .badge { background-color: #272E5230 !important; color: #272E52 !important; }


/* More projects */
.moreProjects { background-color: #272E5205; }
.moreProjects .card { background-color: #2357E710; border: 0;}
.moreProjects .card .img { background-color: #fff;}

.moreProjects .card:hover {
	box-shadow: 0 0 70px 0 rgba(39, 46, 82, 0.15);
    transform: scale(1.02);
}

    

/* Footer */
footer { background-color: #2357E710 !important;}
footer a { color: #E72357;}
footer a:hover { color: #E7235795;}

blockquote { background-color: #004D7108; box-shadow: #FE5100 5px 5px 0px;}

/* Projects section */

/* Prayers app */
.projectPrayer .banner { background-color: #2357E710;}
.projectPrayer p { font-size: 18px; line-height: 1.7em !important;}

/* IDB Homepage */
.projectIDBhome .banner { background-color: #5ac7de10;}
.projectIDBhome p { font-size: 18px; line-height: 1.7em !important;}
.projectIDBhome h3>b { color: #FE5100;}
.projectIDBhome .bgOutcomes { background: url(/assets/images/projects/idb_site/outcomesBg.jpg) no-repeat; background-repeat: no-repeat;}

/* Design system */
.projectDesignSystem .banner { background-color: #E7B32310;}
.projectDesignSystem p { font-size: 18px; line-height: 1.7em !important;}

/* IDB App */
.projectIDBApp .banner { background-color: #E7235709;}
.projectIDBApp p { font-size: 18px; line-height: 1.7em !important;}

/* About */
.about p { font-size: 18px; line-height: 1.7em !important;}
.vHeight { height: calc(100vh - 87px);}

/* Logo design */
.logoDesign {
	.logos img {
		width: 273px;
		margin: 0px 0;
		padding: 15px;
	  }
  }

/* MEDIA */
@media (min-width: 1200px) {
    .container{
        max-width: 1140px;
    }
}

@media (max-width: 992px) { 
	.lead { font-size: 18px; }
	.logos img {
		width: 170px !important;
    	padding: 5px;
	  }
 }