/*---------------------General fonts and colors---------------------*/
body {
    font-family: 'Georgia', serif;
    background-color: #ccd9d6;
    color: #000000;
}

/*This undoes a portion of the bootstrap reset which shrinks and tidys things up. This lets sections extend to the height of the screen.*/
html,body{
    height:100%;
}

/*Makes the font size of the p-tags bigger*/
p {
    font-size: 18px;
}

/*Clearing the border under the page-header so that it just functions as space*/
.page-header{border: 0px;}


/*states*/

@font-face {
    font-family: 'StateFaceRegular';
    src: url('../fonts/stateface-regular-webfont.eot');
    src: url('../fonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stateface-regular-webfont.woff') format('woff'),
         url('../fonts/stateface-regular-webfont.ttf') format('truetype'),
         url('../fonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*---------------------Navbar stuff---------------------*/
/*Our brand/logo from the navbar colors and layout*/
.navbar-brand {
    font-family: 'Tw Cen MT', 'Twentieth Century W01', sans-serif;
    font-weight: bold;
    font-size: 30px;
}

/*This makes the navbar links (and nav buttons throughout site) slowly transition colors when hovered over*/
nav a:link {
    -webkit-transition: width .1s; /* For Safari 3.1 to 6.0 */
    transition: .1s;
    transition-timing-function: linear;
}

/*---------------------Landing Section (splash page)---------------------*/
/*The top of the page itself. This is the container which contains the rest of the landing section. We want the jumbotron there to have a bg image*/
#top .jumbotron {
    background-image:url("../img/Stone-Arch.jpg");
}

/*Title text basics and placement*/
#landingSection {
    position: absolute;
    top: 15%;
}

/*Our logotype, which is in the header of landingSection*/
h1 {
    font-family: 'Tw Cen MT', 'Twentieth Century W01', sans-serif;
    font-size: 60px;
    font-weight: normal;
}

h2 {
    font-size: 24px;
    font-weight: lighter;
}

h3 {
    font-size: 18px;
    font-style: italic;

}

h4 {
            font-family:  "Courier New", Courier, monospace;
}

a {
    color: #666666;
}

/*A class to let items extend all the way to the max height of the screen, only used on the landingSection*/
.fillHeight {
    min-height: 100%;
    height: 100%;
}

/*---------------------"What We Do" section---------------------*/
/*"What we do" colors and layout*/
#whatwedo {
    background-color: #539767;
    color: #ffffff;
    background-image: url("../img/code.jpg");
    text-shadow: 1px 1px 4px #000000;
}

/*This gets rid of the gradient in the carousel slider*/
.carousel-control.left, .carousel-control.right {
    background-image: none;
}

/*This floats sections in the carousel slider in the middle vertically*/
.verticalCenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/*Forces the slider to take up 300 px, preventing the div from resizing if the text on an item isn't quite as long as other areas */
.carousel-inner {
min-height: 300px !important;
}

/*This makes the vectors on the slider look big. When we find better vectors I'll redo this. -VKC */
.carousel-inner .glyphicon {
    font-size: 17vw;    /*viewport width: probably not the best way to do this*/
}

/*This moves the little circles under the slider down 50px, thus keeping it off the text*/
.carousel-indicators {
  bottom:-50px;
}

/*---------------------"About Us" section---------------------*/
/*"About Us" colors and layout*/
#aboutus {
    background-color: #e3fdff;
    color: #000000;
    background-image: url("../img/pencil-wireframe.jpg");
}

/*---------------------"Contact Us" section---------------------*/
/*"Contact us" colors and layout*/
#contactus {
    background-color: #6487A2;
    background-image: url("../img/minneapolis-under-construction.jpg");
    color: #ffffff;
    text-shadow: 1px 1px 4px #000;
}

/*Change the primary button in contactus to be a better color for the section*/
.btn-primary {
    background-color: #00ae65;
    border-color: #d6ffee;
}