codeacross2016.css

/* CSS declarations go here */

/* Custom Stylesheet */
/**
 *
 * Made By Joash Pereira
 * Thanks for MaterializeCSS.com
 */

.default_color{background-color: #2196F3 !important}

.default_color_text{color: #2196F3 !important}

.icon-block {
 padding: 0 15px;
}

#intro, #work, #team {padding-top: 4rem;}


#index-banner {
 min-height: 400px;
 max-height: 864px;
 position: relative;
 background-color: #2196F3;
}

#index-banner .img-banner {
	position: relative;
	max-width: 100%;
	max-height: 864px;
	left: 0px;
}

#nav_f{
 box-shadow: none !important; 
 -webkit-box-shadow:none !important;
}

.text_h {
 padding: 15% 0;
 font-size: 6.0em;
 font-weight: 100;
 color:white;
}

.brand-logo{
 position: absolute;
 color: #fff;
 display: inline-block;
 font-size: 2.1rem;
 font-style: normal;
 font-weight: 100;
 padding: 0;
 letter-spacing: 7px;
}


.text_h2 {
 font-weight: 100;
 margin-bottom: 4%;
 line-height: 4rem;
 margin-top: 0;
 font-size: 2.5rem;
} 

.span_h2 {font-weight: 300;color: #2196F3;}
.span_h5 {font-weight: 300;color: #2196F3;}

.text_b{color: #2196F3;}

.in{font-weight: 400 !important; font-style: normal !important;}

.promo i {
 color: #2196F3;
 font-size: 7rem;
 display: block;
}

.card-image-title {
	position: absolute;
 color: white;
 z-index: 9;
 right: 0;
 background-color: rgba(33, 150, 243, 0.8);
 padding: 10px 20px;	
}
.card-content a {color: #2196F3;}

.card-content a:hover {color: #2196F3;}

#work, #team, #partners{background: rgb(247, 247, 247);}

.text_pink{color:#EF9A9A;}

nav ul a {
 font-size: 1.2rem;
 color: #FFF;
 letter-spacing: 2px;
 display: block;
 font-weight: 300;
 padding: 0px 15px;
}

.cd-headline.type .cd-words-wrapper {
 vertical-align: top;
 overflow: hidden;
}

.cd-headline.type .cd-words-wrapper::after {
 /* vertical bar */
 content: '';
 position: absolute;
 right: 0;
 top: 50%;
 bottom: auto;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 height: 90%;
 width: 1px;
 background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.waiting::after {
 -webkit-animation: cd-pulse 1s infinite;
 -moz-animation: cd-pulse 1s infinite;
 animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
 background-color: #FFF;
}

.cd-headline.type .cd-words-wrapper.selected::after {
 visibility: hidden;
}

.cd-headline.type .cd-words-wrapper.selected b {
 color: #2196F3;
}

.cd-headline.type b {
 visibility: hidden;
}

.cd-headline.type b.is-visible {
 visibility: visible;
}

.cd-headline.type i {
 position: absolute;
 visibility: hidden;
}
.cd-headline.type i.in {
 position: relative;
 visibility: visible;
}

@-webkit-keyframes cd-pulse {
 0% {
 -webkit-transform: translateY(-50%) scale(1);
 opacity: 1;
 }
 40% {
 -webkit-transform: translateY(-50%) scale(0.9);
 opacity: 0;
 }
 100% {
 -webkit-transform: translateY(-50%) scale(0);
 opacity: 0;
 }
}
@-moz-keyframes cd-pulse {
 0% {
 -moz-transform: translateY(-50%) scale(1);
 opacity: 1;
 }
 40% {
 -moz-transform: translateY(-50%) scale(0.9);
 opacity: 0;
 }
 100% {
 -moz-transform: translateY(-50%) scale(0);
 opacity: 0;
 }
}

@keyframes cd-pulse {
 0% {
 -webkit-transform: translateY(-50%) scale(1);
 -moz-transform: translateY(-50%) scale(1);
 -ms-transform: translateY(-50%) scale(1);
 -o-transform: translateY(-50%) scale(1);
 transform: translateY(-50%) scale(1);
 opacity: 1;
 }
 40% {
 -webkit-transform: translateY(-50%) scale(0.9);
 -moz-transform: translateY(-50%) scale(0.9);
 -ms-transform: translateY(-50%) scale(0.9);
 -o-transform: translateY(-50%) scale(0.9);
 transform: translateY(-50%) scale(0.9);
 opacity: 0;
 }
 100% {
 -webkit-transform: translateY(-50%) scale(0);
 -moz-transform: translateY(-50%) scale(0);
 -ms-transform: translateY(-50%) scale(0);
 -o-transform: translateY(-50%) scale(0);
 transform: translateY(-50%) scale(0);
 opacity: 0;
 }
}


/* Preloader */
#preloader {
 position: fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:#fff; /* change if the mask should have another color then white */
 z-index:1200; /* makes sure it stays on top */
}

#status {
 width:200px;
 height:200px;
 position:absolute;
 left:50%; /* centers the loading animation horizontally one the screen */
 top:50%; /* centers the loading animation vertically one the screen */
 background-image:url(../img/status.gif); /* path to your loading animation */
 background-repeat:no-repeat;
 background-position:center;
 margin:-100px 0 0 -100px; /* is width and height divided by two */
}

@media only screen and (max-width: 480px) {
 .text_h {
 padding: 4% 0;
 font-size: 5em;
 font-weight: 100;
 color: white;
 }
}

input, textarea {
 border-bottom: 1px solid #fff;
}

nav a.button-collapse {
 left: -25px;
}

.card-avatar .waves-effect {
 text-align: center;
 margin-top: 20px;
}

.card-avatar img {
 height: 150px;
 width: 150px;
 border-radius: 75px;
}

.card-avatar .card-content {
 text-align: center;
}

.card .card-content p {
 margin: 15px 0px;
}

.card .card-content .card-title {
 line-height: 24px;
}

.card-avatar .card-content i {
 font-size: 1.5rem;
}

.card-avatar .card-content .card-title {
 line-height: 30px !important;
}

.parallax-container {
 max-height: 400px;
}

footer.page-footer {
 margin-top: 0px !important;
}

#login-buttons {
 position: relative;
 left: -70px;
}

#login-buttons a.login-link-text {
 color: #2196F3;
}

.event-buttons {
 position: absolute;
 left: 0;
 top: 0;
 margin: 0;
 padding: 2px;
 background-color: white;
 z-index: 99;
 text-align: center;
}

.partners .logo { max-width: 100%; }

.block-end { margin-bottom: 40px; }

#add_c4a, #add_iodd { display:none; }