@charset "utf-8"; /* CSS Document - Still need examples.css and fullpage.css*/
@import 'https://fonts.googleapis.com/css?family=Noto+Sans';

	div#preloaded {display: none;}
	p, ul {z-index: 5;font-size:18px; font-size: 1.05em; width:99%; font-family: arial, helvetica, sans-serif; color: #232323;}
	h1{font-size:45px; font-size: 2.75em; font-weight:bold; font-family: 'Noto Sans',arial, helvetica, sans-serif; color: #232323; margin:0;padding:0;}
  ul {max-width:500px; margin:0px auto;}  li {color:#767676; margin:5px auto;}
  h2 {font-size:21px; font-size: 1.32em; font-weight:bold; font-family: arial, helvetica, sans-serif; color: #232323; margin:0;padding:0;}
  .slide .p {background-color:#ffffff; color:#232323;}
  hr {max-width:500px;}

	.intro {padding:10px; margin-top:5%;}
	.intro p{margin: 0 auto; color: #232323;}
  .resume {text-align:left;width:90%} @media (min-width: 600px) {.resume {width:73.5%;}}

	/* Centered texts in each section + text shadow
	* --------------------------------------- */
	.section {text-align:center; margin-top:1%; text-shadow:1px 1px 1px #ffffff, 1px 1px 1px #ffffff; }

	/* Fixed header and footer.
	* --------------------------------------- */
	#header, #footer{position:fixed; display:block; width: 100%; z-index:9; text-align:center; color: #f2f2f2; background-color:#fff;}

	#header{top:0px; padding: 5px 0 0 0;}
	#footer{bottom:0px; padding:0px 5px 0px 0px; right:0px; font-family:arial,sans-serif;}

	/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{background-size: cover;}
	.slide{background-size: cover;}

	/* Defining each section background and styles
	* --------------------------------------- */
	#section0{background-image: url(../imgs/2024-slide-card2.jpg); background-position:center;}
	/* BUS */		#section1{background-image: url(../imgs/2022-slide-bus2.jpg); background-position:center;}
	#section2{background-image: url("../imgs/2023-slide-projects.jpg"); background-position:center;}
	#section3{background-image: url("../imgs/2022-slide-flyers2.jpg"); background-position:center;}
	#section4{background-image: url("../imgs/2024-slide-logos.jpg"); background-position:center;}
	#section5{background-image: url("../imgs/2022-slide-bus2.jpg"); background-position:center;}
	#section6{background-image: url("../imgs/2023-slide-face0.jpg"); background-position:center;}
	/* BUS */		#section7{background-image: url("../imgs/2022-slide-bus1.jpg"); background-position:center;}
	/* BUS */		#section8{background-image: url("../imgs/2024-slide-card2.jpg"); background-position:center;}
	/* DATA */		#section9{background-image: url("../imgs/2024-slide-card2.jpg"); background-position:center;}
	/* DATA */		#section10{background-image: url("../imgs/2023-slides-paperdots.jpg"); background-position:center;}

	/*Adding background for the slides
	* NOT USED BELOW --------------------------------------- */
	#slide1{background-image: url(../imgs/2024-slide-card2.jpg); background-position:center;}
	#slide2{background-image: url("../imgs/2019-slide-flyers2.jpg"); background-position:center;}
	#slide3{background-image: url("../imgs/2019-slide-postcards3.jpg"); background-position:center;}
	#slide4{background-image: url(../imgs/2024-slide-card2.jpg); background-position:center;}

	/* Bottom menu */
	#infoMenu li a {color: #fff;z-index: 999;}

  /* Additional slide CSS */
	.slide img{padding:10px; width:60%; max-width:600px; height:auto;}

	/* col row setup */
	.row{background:rgba(255,  255 ,255 ,.5); padding:5px; border-radius:4px;border-coor:none;} @media (min-width: 600px) {.row {width: 100%; display: table; table-layout: fixed;}.col {display: table-cell; padding:10px 0px;text-align:center;} ;}
	.hello {margin-top:60px; height:100%; display:block; z-index:2; position:absolute; width:100%; top:20%; padding:0px;} .hi {margin-top:30px;background:rgba(255,  255 ,255 ,.3); padding:10px 0px;}
	.headcol {text-align: center; line-height: 20px; vertical-align: middle; padding:0px 20px;font-family: Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;}

  /* links */
	a {text-decoration:none;color:#367885;font-weight:bold;} a:visited {color:#367885;}
	a:hover {color:#000000;}
	a.aH {display:inline-block; border:2px solid #ffffff; border-left:none; border-right:none;}
	a.aH:hover {border:2px solid #dddddd; border-left:none; border-right:none;}
  a.aH:visited {border:2px solid #ffffff; border-left:none; border-right:none;}

  /* form */
	input {font-size:18px; font-size:1.05em; padding:10px 5px; border:none; border-bottom:1px solid #989898; background:none;}
	textarea:focus,textarea:hover,input:focus,input:hover {outline:none;border:none;border-bottom:1px solid #545454;}
	textarea {font-family:arial,helvetica,sans-serif;font-size:18px;font-size:1.05em; padding:10px; border:none; border-bottom:1px solid #989898; background:none;}

	/* custom buttons */
	button.btn { outline:none; cursor: pointer; font-weight:bold; text-align:center; max-width:500px; width:90%; color:#367885; background-color: #ffffff; font-size:21px; padding: 10px 0px; margin:0px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 2px solid #cbcbcb; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;}
	button.btn2 {background:#86BCB6;border-color:#86BCB6;color:#ffffff;}
  button.btn:hover {background:#cae5e1;color:#5e9a9d;}
  button.btn2:hover {background:#5e9a9d;border-color:#5e9a9d;color:#ffffff;}
	button.btn:active {background:#cae5e1;border-color:#86BCB6;color:#5e9a9d;}

	/* custom quotes */
	#quotes, #quotes2, #quotes3, #busquotes {margin:20px auto}
	 blockquote {max-width:500px; margin:1em 0; } blockquote span {line-height:1.3em;}
	.slide blockquote {cursor:pointer; margin:20px auto;}
	/* quote author */ .quoted {color:#767676; font-size:13px;position:relative;margin-top:5px;}
	/* quation-mark before */ .quotes:before ,.listenquotes:before, .listenquotes2:before, .listenquotes3:before, .listenwuotes4:before, .bustquotes:before {z-index: 0; content:" \201C ";  font-size:72px ; color:#cbcbcb;  position:absolute; display:block;  top:15px; left:-7px;  line-height:.5;}
	/* downward arrow */ .bubble:after { content:""; position:absolute; bottom:-30px; left:50px; border:15px solid transparent; border-top-color:#eee; /* reduce the damage in FF3.0 */ display:block; width:0;}
	/* upward slant arrow */ .bubble2:after { content:""; position:absolute; top:-30px; left:20px; border:15px solid transparent; border-bottom-color:#eee; border-left-color:#eee; /* reduce the damage in FF3.0 */ display:block; width:0;}
	/* upward center arrow */ .bubble3:after { content:""; position:absolute; top:-30px; left:45%; border:15px solid transparent; border-bottom-color:#eee; /* reduce the damage in FF3.0 */ display:block; width:0;}
  .bubble,.bubble2,.bubble3 {font-family:'Noto Sans', Arial,sans-serif;color:#434343; background-color:#ededed; border-color:#dcdcdc; position:relative; padding:15px;  /* css3 */ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border-style:solid; border-width:1px;}

	/* min-height adjustment - must match responsive height in script below - removes bottom scrollbar due to excessive padding*/
	@media (max-height: 511px), (max-width:400px) { .intro {padding:10px 0px;} .row {padding:5px 0px;} .hello {margin-top:0px;} .section {margin-top:10px;} #slide2, #slide3, .fp-controlArrow {display:none;}
		/* min-height scrollbar styling */
		body::-webkit-scrollbar {width: 36px;}
		body {scrollbar-width: thick; scrollbar-color: #90A4AE #CFD8DC;}
		body::-webkit-scrollbar-track {background: #CFD8DC;}
		body::-webkit-scrollbar-thumb {background-color: #90A4AE; border-radius: 6px; border: 3px solid #CFD8DC;}
	;}

	/* filter style settings */
	.sample {display: none;} /* Hide all elements by default */
	.show {display: block;} /* added to filtered elements */
	.fbtn {font-size:13px; color:#767676;border:1px solid #ffffff; border-radius: 10px; outline: none; padding: 6px 10px; background-color: white; cursor: pointer;}
	.fbtn.active {background-color: #dddddd;}
	.fbtn:hover {background-color: #dddddd;}

	/* custom buttons */
	.fbtn3 , .fbtn3:visited {background-color:#ffffff; border-color:#cbcbcb; color:#367885; font-size:13px;}
	.fbtn2 , .fbtn2:visited {background-color:#86BCB6; border-color:#86BCB6; color:#ffffff; font-size:13px;}
  .fbtn2:hover , .fbtn3:hover {background-color:#5e9a9d;border-color:#5e9a9d;color:#ffffff;}
	.fbtn2:active , .fbtn3:active {background-color:#cae5e1;border-color:#86BCB6;color:#5e9a9d;}

	#myfbtnContainer {color:#767676; font-family: arial, helvetica, sans-serif; font-size:13px; position:relative; top:115px; text-align:center;}

/* END CSS */