@charset "utf-8";
/* Custom Styles for The Ideas Project website created by Monsters Edge */

/* FONTS */
a { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; outline: none; color: #fff;}
a:hover { text-decoration:none; color: #5dabae;}
a:focus { outline: none;}

/* GENERAL */
body { font-family: 'Poppins', sans-serif; background: #01133e; color: #fff; height: 100vh;}
h2 { font-weight: 500; font-size: 1.8rem; margin: 0 0 30px 0;}
p { font-size: 1.1rem; margin: 0 0 30px 0;}
strong { font-weight: 600;}
#spark { position: absolute; top: 0; left: 48px; display: none;}
#spark2 { position: absolute; top: 0; left: 48px; display: none;}
.hide-content { opacity: 0;}
.show-content { opacity: 1;}

header { background: #020c24 url(../images/banner-bg.jpg) top right no-repeat; color: #fff; padding: 40px 0 80px 0; border-bottom: 1px solid #fff; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;}
header .menu { padding: 0 150px;}
header h1 { font-weight: 800; font-size: 3.4rem; padding: 0; margin: 0px 0 30px 0; letter-spacing: 1px;}
header p.intro { font-size: 1.4rem; margin-bottom: 30px;}
header #email { position: absolute; top: 30px; right: 30px; color: #fff; font-size: .9rem; font-weight: 300; z-index: 100;}
header #email:hover { color: #5dabae;}
header #email i { margin-right: 5px;}
header .menu .alt-top { display: none;}
header .menu .alt-top .jump-link { position: relative; display: block;}

header .menu.sps--blw { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: rgba(1,19,62,.95); transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; padding: 15px 150px 0 150px; margin: 0; border-bottom: 1px solid #fff;}

#section2 { background: url(../images/section-2-bg.jpg) center 275px no-repeat; padding: 80px 0;}
#section2 .large { font-size: 2.6rem; line-height: 3.2rem;}
#section2 .git-btn { padding: 200px 0;}
#section2 .very-large { font-size: 2.2rem; font-weight: 500;}
#section2 .very-large strong { font-weight: 800; letter-spacing: 1px;}
#section2 .area { background: #fff; padding: 80px 30px 60px 30px; color: #041c53; min-height: 535px;}
#section2 .area h3 { font-size: 1.4rem; padding: 0; margin: 25px 0 15px 0;}

#section3 { background: url(../images/section-3-bg.jpg) center 80px no-repeat; padding: 80px 0 120px 0;}
#section3 h3 { font-weight: 500; font-size: 2.2rem; margin: 0 0 30px 0;}
#section3 .team-member { background: #fff; padding: 40px; color: #041c53;}
#section3 .team-member p { margin: 0;}
#section3 .team-member .name { text-transform: uppercase; font-size: 1.4rem; line-height: 1.8rem; font-weight: 500;}
#section3 .contact { padding: 120px 0 40px 0;}
#section3 .form-control { background-color: transparent; border-bottom: 1px solid #fff; border-top: none; border-right: none; border-left: none; border-radius: 0; padding: 15px 0; height: auto; color: #fff;}
#section3 .large { font-size: 1.6rem; line-height: 2.2rem;}

.form-control::-webkit-input-placeholder { color: #fff;}
.form-control:-moz-placeholder { color: #fff;}
.form-control::-moz-placeholder { color: #fff;}
.form-control:-ms-input-placeholder { color: #fff;}

footer { padding: 60px 0; border-top: 1px solid #fff;}

/* Navbar Styles */
.navbar-brand { padding: 0; margin: 0; position: relative;}
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,1); text-transform: uppercase; font-weight: 500; padding: 2rem 0 0 0; margin: 0 0 0 40px;}
.navbar-dark .navbar-nav .nav-link:hover { color: #5dabae;}

.btn-primary { background-color: transparent; border-color: #fff; color: #fff; border-width: 2px; border-radius: 0; text-transform: uppercase; padding: 12px 35px 10px 35px; font-weight: 500; font-size: .9rem;}
.btn-primary:hover { background-color: #5dabae; border-color: #5dabae;}

@media only screen and (min-width: 991px) and (max-width: 1730px) {
	header .menu { padding: 0;} 
	header .menu.sps--blw { padding: 15px 0;}
	header .menu .alt-top { display: block; padding: 0 30px;}
	header .navbar-brand { display: none;}
	header #email { top: -60px !important;}
	header .navbar-nav { margin: 0 auto !important;}
	.navbar-dark .navbar-nav .nav-link { padding: 0; margin: 0 20px !important;}
}


/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1024px */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
	header .menu { padding: 0 0px;}
	header #email { top: 0px;}
	.navbar-brand img { max-width: 200px;}
	header .menu.sps--blw { padding: 15px 0;}
	#section2 .git-btn { padding: 125px 0;}
	#section2 .area { padding: 40px 30px 40px 30px; min-height: 555px;}
	#section3 .team-member .name { font-size: 1.2rem;}
	#spark { top: -8px; left: 16px; max-width: 70px;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	header .menu { padding: 0 0px;}
	header #email { top: 0px;}
	.navbar-brand img { max-width: 350px;}
	.navbar-dark .navbar-toggler { color: rgba(255,255,255,1); border-color: rgba(255,255,255,1);}
	.navbar-dark .navbar-nav { margin-top: 15px; padding-bottom: 30px;}
	.navbar-dark .navbar-nav .nav-link { padding: 2rem 0 0 0; margin: 0 0 0 0px;}
	header .menu.sps--blw { padding: 15px 0 0 0;}
	#section2 .large { font-size: 1.6rem; line-height: 2.2rem;}
	#section2 .git-btn { padding: 100px 0;}
	#section2 .area { padding: 40px 30px 40px 30px; min-height: 630px;}
	#section3 { background: url(../images/section-3-bg.jpg) center 0px no-repeat; padding: 0px 0 30px 0;}
	#section3 .contact { padding: 40px 0 40px 0;}
	#section3 .team-member { min-height: 345px;}
	#spark { top: -2px; left: 39px; max-width: 100px;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
	header .menu { padding: 0;}
	header #email { top: -20px;}
	header .banner { margin-top: 0 !important;}
	.navbar-brand img { max-width: 220px;}
	.navbar-dark .navbar-toggler { color: rgba(255,255,255,1); border-color: rgba(255,255,255,1);}
	.navbar-dark .navbar-nav { margin-top: 15px; padding-bottom: 15px;}
	.navbar-dark .navbar-nav .nav-link { padding: 2rem 0 0 0; margin: 0 0 0 0px;}
	header .menu.sps--blw { padding: 5px 0;}
	header .menu.sps--blw #email { display: none;}
	header h1 { font-size: 1.4rem; margin: 0px 0 15px 0;}
	header p.intro { font-size: 1.1rem;}
	#section2 { background: url(../images/section-2-bg.jpg) center 420px no-repeat; padding: 40px 0;}
	#section2 .large { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 15px;}
	#section2 .git-btn { padding: 30px 0;}
	#section2 .very-large { font-size: 1.4rem;}
	#section2 .area { padding: 30px 30px 15px 30px; min-height: inherit; margin-bottom: 15px;}
	#section3 { background: url(../images/section-3-bg.jpg) center 200px no-repeat; padding: 0px 0 30px 0;}
	#section3 .team-member { min-height: inherit; margin-top: 30px;}
	#section3 .contact { padding: 40px 0 40px 0;}
	footer, footer .text-right { text-align: center !important;}
	#spark { top: -5px; left: 20px; max-width: 70px;}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
 
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}