/**
* Copyright © 2017, ACM@UIUC
*
* This file is part of the Groot Project.  
* 
* The Groot Project is open source software, released under the University of
* Illinois/NCSA Open Source License. You should have received a copy of
* this license in a file with the distribution.
**/

/**********************
       CONSTANTS
***********************/
@font-color:  #494949;
@header-color: #494949;
@font-color-neg: white;
@background-color: white;
@button-color: #333333;
@button-hover-color: #4089C9;
@form-text-color:#464646;

/*********************************
   OPERATIONS & COLOR FUNCTIONS
**********************************/
@button-color-lighter: @button-hover-color + #2a2a2a;


/*********************************
            MIXINS
**********************************/
.monospace-font() {
    font-family: "Roboto Mono", monospace;
}
.serif-font() {
    font-family: 'Open Sans', sans-serif;
}

/*********************************
            IMPORTS
**********************************/
@import "components/dynatable.less";
@import "components/footer.less";
@import "components/nav.less";
@import "components/terminal.less";


@import "partials/about.less";
@import "partials/conference.less";
@import "partials/credits.less";
@import "partials/form.less";
@import "partials/gigs.less";
@import "partials/home.less";
@import "partials/intranet.less";
@import "partials/join.less";
@import "partials/login.less";
@import "partials/memes.less";
@import "partials/merch.less";
@import "partials/resume.less";
@import "partials/sigs.less";
@import "partials/sponsor.less";

@import "elements/button.less";
@import "elements/dashed_ul.less";
@import "elements/form.less";
@import "elements/structure.less";


html {
    height: auto;
}

body {
    color: @font-color;
    font-family: "Roboto";
    height: 100%;
}

h1 {
    color: @header-color;
    .monospace-font();
}

h2 {
    color: @header-color;
    .monospace-font();
}

h3 {
    color:  @header-color;
    .monospace-font();
}

h4 {
    color: @font-color;
    .monospace-font();
}

h5 {
    color: @font-color;
    .monospace-font();
}

p {
    .serif-font();
}

p1{
  .serif-font();
  padding-bottom: 0.5em;
}


a {
    color: @font-color;
    .monospace-font();
    background: @background-color;
    font-weight: bold;
 }

a:hover {
    text-decoration: underline;
    color: @font-color;
}

@media only screen and (min-width: 40.063em) {
}

.viewbox {
    min-height: 100%;
    margin-bottom: -75px; 
}

.main-view {
    background-color: white;
    border-color: black;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.row-centered {
    text-align:center;
}

.content{
    margin-bottom: 100px;
}

.sponsor{
    height: auto;
    width: auto;
    max-width: 500px;
    max-height: 300px;
    display: inline-block;
    padding-bottom: 50px;
    padding-top: 30px;
    padding-right: 50px;
    padding-left: 20px;
    text-align: center;
}

.inline-form {
    display: inline;
    select {
        width: auto;
    }
    label {
        float: left;
        padding-right: 0.5em;
    }
}