/* =========================================================================
                           CSS Framework Helpers
   =======================================================================*/

.margin-top-20 {
    margin-top: 20px;
}
.mg-top-none {
    margin-top: 0;
}
.mg-t-3em {
    margin-top: 3em;
}
.mg-bottom-none {
    margin-bottom: 0;
}
.mg-bottom-7em {
    margin-bottom: 7em;
}
.marg-t-4em {
	margin-top: 4em;
}
.mg-r-2em {
	margin-right: 2em;
}
.marg-btm-9em {
	margin-bottom: 9em;
}
.marg-left-6 {
	margin-left: 6.3em;
}

.inline-block {
	display: inline-block;
}

.horizontally-center {
	text-align: center;
}
/*.vertically-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);

}
*/




/* =========================================================================
                           		  Random
   =======================================================================*/

body {
	background-color: #f2f2f2;
	font-family: Fallback, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	/*background-image: url('assets/img/prismbg2.png');*/
}

.contents {
	margin: 77px 10% 0px;
	color: #fff
}

h1 {
	font-size: 60px;
	margin: 0px;
	text-align: center;
  font-family: sans-serif;
}

h1.subtitle {
	font-size: 36px;
}

h1.ugly-line {
	font-size: 18px;
    margin-bottom: 10px;
}

p {
	font-size: 18px;
    margin-bottom: 15px;
}

li {
	font-size: 18px;
}

/* =========================================================================
                           	Imported Fonts
   =======================================================================*/

/*@font-face {
	font-family: 'GeosansLight';
	src: url('/assets/fonts/GeosansLight.eot?#iefix') format('embedded-opentype'),
		 url('/assets/fonts/GeosansLight.woff') format('woff'),
		 url('/assets/fonts/GeosansLight.ttf') format('truetype'),
		 url('/assets/fonts/GeosansLight.svg#GeosansLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
*//*@font-face {
	font-family: 'geosanslightregular';
	src: url('/assets/fonts/19521.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/

/* =========================================================================
                           PDF Modal
   =======================================================================*/

.iframe-container {
	padding-bottom: 60%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =========================================================================
                           Main Page Signup Buttons
   =======================================================================*/
.volunteer-btn {
    padding: 15px 51px;
}

.sponsor-btn-pad {
    padding: 15px 59px;
}

.main-btn {
    margin-top: 1em;
    margin-right: .5em;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.247059);
    color: #fff;
    border-radius: 10px;
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/
    /* border: none; */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* text-decoration: none; */
    border: 2px solid #fff;
    text-transform: uppercase;
    /* max-width: 236px; */
    /* cursor: pointer; */
    transition-duration: .4s;
}
.apply-btn {
    padding: 15px;
}
.main-btn:hover {
    background: rgba(255, 255, 255, 0.6);
    color: black;
    border: 2px solid #fff;
}

/*
	- add LinkedIn + Instagram to Team Signup Form & Training Day Signup Form
	- Sponsorship Form:
		- which sponsorship "package" are you interested in
	- Training Day Form:
		- gender (choose only 1)
		- are you interested in a job in edTech?
		- like/follow: add LinkedIn + Instagram
		- any dietary restrictions
		- will you need transportation to PayPal?
	- Join The Team:
		- What is your github (N/A if none)
		- LinkedIn URL (N/A if none)
		- school = remove picture
		- Shirt Size
		- position apply for
			- remove technical coordinator
			- maybe just put teams here
		- remove would you consider a job in edtech
	- maybe add roles we're looking for button to the right of join the team
*/

/* =========================================================================
                                Logo + Main Titles
   =======================================================================*/

.logo-container {
	text-align: center;
}

h1.training-day.marg-t-4em {
	font-size: 61pt;
}

.pp-l {
	color: #253B80;
}
.pp-r {
	color: #179BD7;
}

/* =========================================================================
                            Social Links
   =======================================================================*/

#social:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
#social {
	-webkit-transform:scale(0.8);
	/* Browser Variations: */
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}
.social-fb:hover {
	color: #3B5998;
}
.social-tw:hover {
	color: #4099FF;
}
.social-ig:hover {
	color: #3C4F56;
}
.social-em:hover {
	color: #f39c12;
}

.social-block {
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

a { /* BOOTSTRAP OVERWRITE */
	color: white;
	text-decoration: none;
}
/* =========================================================================
                            Fade Carousel
   =======================================================================*/

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
   position: relative;
   height: 100vh;
}
.fade-carousel .carousel-inner .item {
   height: 100vh;
}
.fade-carousel .carousel-indicators > li {
   margin: 0 2px;
   /*background-color: #f39c12;*/
   /*border-color: #f39c12;*/
   opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
 width: 10px;
 height: 10px;
 opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 3;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   /*text-shadow: 1px 1px 0 rgba(0,0,0,.75);*/
     -webkit-transform: translate3d(-50%,-50%,0);
        -moz-transform: translate3d(-50%,-50%,0);
         -ms-transform: translate3d(-50%,-50%,0);
          -o-transform: translate3d(-50%,-50%,0);
             transform: translate3d(-50%,-50%,0);
}
.hero h1 {
   font-size: 6em;
   /*font-weight: bold;*/
   /*margin: 0;*/
   padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
   opacity: 0;
   -webkit-transition: 2s all ease-in-out .1s;
      -moz-transition: 2s all ease-in-out .1s;
       -ms-transition: 2s all ease-in-out .1s;
        -o-transition: 2s all ease-in-out .1s;
           transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
   opacity: 1;
   -webkit-transition: 2s all ease-in-out .1s;
      -moz-transition: 2s all ease-in-out .1s;
       -ms-transition: 2s all ease-in-out .1s;
        -o-transition: 2s all ease-in-out .1s;
           transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 2;
   background-color: #080d15;
   opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
/*.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
   color: #f5f5f5;
   background-color: #1abc9c;
   border-color: #1abc9c;
   outline: none;
   margin: 20px auto;
}*/

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4 {
 height: 100vh;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
	background-image: url(../img/prismbg2.png);
}
.fade-carousel .slides .slide-2 {
	background-image: url(../img/fundoaces.jpg);
}
.fade-carousel .slides .slide-3 {
	background-image: url(../img/fundoaces.jpg);
}
.fade-carousel .slides .slide-4 {
	background-image: url(../img/prismbg2.png);
}
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
   .hero { width: 980px; }
}
@media screen and (max-width: 640px){
   .hero h1 { font-size: 2em; }
   .hero h2 { font-size: 1.2em; }
   .hero {
        position: absolute;
        top: 40%;
   }
   .social-block {
        position: absolute;
        right: 0em;
   }
}

/* afterthought styling */
*{
   font-family: 'Proxima Nova', 'Helvetica Neue', helvetica, arial, sans-serif;
   line-height: 1.5;
}
.main-title {
    position: absolute;
    margin-top: 0.3em;
    padding: 0;
    color: #f9f1e9;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.main-title a { color: rgb(51, 122, 183); }
.main-title a:hover { color: rgb(52, 73, 94); }
.main-title > img { width: 7em; }
.main-title > p {
    font-family: "Lato", Verdana, Geneva, sans-serif;
    font-size: 20px;
    font-weight: 700;
}
.main-title > p img { height: 30px }
.demo-1 .main-title,
.demo-3a .main-title {
    text-transform: uppercase;
    font-size: 4.2em;
    letter-spacing: 0.1em;
}
.demo-2 .main-title {
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 8em;
    padding-left: 10px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}
.demo-2 .main-title::before {
    content: '';
    width: 20vw;
    height: 20vw;
    min-width: 3.5em;
    min-height: 3.5em;
    background: url(../img/deco.svg) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.demo-3a .main-title {
    padding: 10px 40px;
    border: none;
    text-transform: uppercase;
    font-family: Londrina Outline, sans-serif;
}
.demo-4 .main-title {
    font-size: 6em;
    font-weight: 300;
    padding: 10px 30px;
    text-transform: uppercase;
    color: #222;
}
.main-title .thin { font-weight: 200; }
.main-title > img {
    width: 6em;
    margin-bottom: 116px;
}
@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 44px;
    }    
}
@media only screen and (max-width : 768px) {
    .demo-1 .main-title,
    .demo-3a .main-title,
    .demo-4 .main-title {
        font-size: 3em;
    }
    .demo-2 .main-title { font-size: 4em; }
    .main-title > p { font-size: 16px; font-weight: 700; padding: 0px 0px 178px;}
    .main-title > img { padding: 0 12%; margin-bottom: 10px; }
    .main-title > p img { height: 20px; }

    .main-title > p { 

        /*    
        display: none; 
        */
    }

    .contents {
        margin: 70px 4% 0px;
        text-align: justify;
    }
    .mobilebuttom a { 
        display: flow-root;
    }

    .carousel-about {
        margin-bottom: 10px;
    }

    .navbar-toggle {
        margin-right: 40px;    
    }

    .css-141sqqa {
        position: absolute;
        z-index: 1001;
        top: 5px !important;
        right: 5px !important;
    }
    h1 {
        font-size: 2em;
    }
}

.lead {
    margin-bottom: 40px;
}

.carousel-about {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }