* {
    font-family: 'PT Sans', Arial, sans-serif;
}



/* footer */

/* making footer flushed to bottom */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 91px; /* bottom = footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 51px;
    width: 100%;
}

.navbar-static-top {
    border-bottom: 0px;
}

.navbar-static-bottom {
    margin-bottom: 0px;
    border-radius: 0px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.navbar-static-bottom .container-fluid .navbar-brand {
    padding-left: 30px;
}


/* page width details */
.input-group.home {
    min-width: 200px;
    max-width: 610px;
}

/* header search bar (has to be above @media) */
.input-group.header-search {
    width: 730px;
}


.homepage-logo-text {
    color: #555;
    font-size:28px;
    font-weight: bold;
    margin-top: 13px;   
}



/* search.php page */

.search-results {
    font-size: 16px;
}





/* Company.php page */

.company-search-results-header {
    font-size: 1.5em;
    font-weight: bold;
}


.company-search-results {
    font-size: 1.2em;
}

.company-search-results .logo-small {
    padding-bottom: 5px;
}

.alignme {
  margin-top: 35px;
}


/* about page */

.about-us-header {
    font-size:25px;
}

.about-us-body {
    font-size:17px;
}


/* removing curves from form fields */
.btn,.form-control,.panel,.list-group,.well {border-radius:0px;box-shadow:0 0 0;}


/* Search bar submit button aesthtics */

.input-group-btn>.btn {
border: 1px solid transparent;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background: #4387FD;
width: 65px;
}

.fa.fa-search{
    color: white;
}



@media (min-width: 1200px) {
    .container {
        max-width: 960px;
    }

}

@media all and (max-width: 1200px) { /* screen size until 1200px */
    h2 {
        font-size: 1.5em; /* 1.5x default size */
    }

    .input-group-addon {
    padding: 6px 9px;
    }

    img.about-page-logo {
        width: 100%;
        height: 100%;
    }

}

@media all and (max-width: 1000px) { /* screen size until 1200px */
    .input-group.header-search {
        width:400px;
    }

    .homepage-logo-text {
        font-size: 23px;
    }

    img.about-page-logo {
        width: 40%;
        height: 40%;
    }
}

@media all and (max-width: 800px) { /* screen size until 800px */
    h2 {
        font-size: 1.45em; /* 1.2x default size */
        }
    .input-group.header-search {
        width:500px;
        }
    img.about-page-logo {
        width: 20%;
        height: 20%;
    }

    .alignme {
      text-align: center;
    }

}

@media all and (max-width: 620px) { /* screen size until 800px */
    .input-group.header-search {
        width:400px;
        }
}


@media all and (max-width: 500px) { /* to capture the inbetweens */
    .input-group.header-search {
        width:280px;
        }
}

@media all and (max-width: 400px) { /* to capture the inbetweens */
    .input-group.header-search {
        width:250px;
        }
}

@media all and (max-width: 320px) { /* to capture the inbetweens */
    .input-group.header-search {
        width:200px;
        }
}


@media all and (width: 414px) { /* 414px - iPhone 6 plus */
   .input-group.header-search {
        width:315px;
        }

        .navbar-brand>img {  
        height: 29px;
        width: 80px;
        margin-top: 5px;
    }

    }


@media all and (width: 375px) { /* 375px - iPhone 6,  */
   .input-group.header-search {
        width:275px;
        }
    
        .navbar-brand>img {  
        height: 29px;
        width: 80px;
        margin-top: 5px;
        }
    }

@media all and (width: 360px) { /* 360px - Samsung S5  */
   .input-group.header-search {
        width:260px;
        }
    
        .navbar-brand>img {  /* size of nav logo on mobile */
        height: 29px;
        width: 80px;
        margin-top: 5px;
        }

    }

@media all and (width: 320px) { /* 320px - iPhone 5,4,3G */


    h2 {
        font-size: 1.2em; /* 0.8x default size */
        }

    img.homepage-logo {
        width: 70%;
        height: 70%;
    }    

    .navbar-brand>img {  /* size of nav logo on mobile */
        height: 29px;
        width: 80px;
        margin-top: 5px;
    }

    .input-group.header-search {
        width:220px;    /* width of header search bar on mobile */
    }

    .input-group-addon {
    padding: 6px 3px;
    
    }

    .input-group[class*="col-"] {
    padding-right: 15px;
    }

    .homepage-logo-text {
        font-size: 17px;
    }

    .company-search-results {
    font-size: 1em;
    }

    .company-search-results-header {
        font-size: 1.2em;
    }

    .company-search-results-header .img {
        width:70px;
        height: 70px;
    }

    .search-results {
    font-size: 1em;
    }

    .about-page-title {
    font-size:16px;
    }

    img.about-page-logo {
        width: 20%;
        height: 20%;
    }

    .input-group-btn>.btn {
        width: 40px;
    }

    .alignme {
      text-align: center;
    }

    .about-us-header {
    font-size:14px;
    }

    .about-us-body {
    font-size:14px;
    }


    .navbar-static-bottom .container-fluid .navbar-brand {
    padding-left: 15px;
    }


    body {
    margin: 0 0 161px; /* bottom = footer height */
    }
    footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 121px;
    width: 100%;
    }


}

@media all and (max-width: 315px) {

    .input-group.header-search {
        width:140px;    /* width of header search bar on mobile */
    }

}




/* logo */
.navbar-brand{ 
    line-height: 40px;
    padding: 5px 5px;
}


/* header search bar */
.navbar .navbar-form{
    padding: 0px 5px 0px 15px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 1px;
}


.homepage-search {
        max-width: 610px;
        width: 510px;
}





/* contribute page */

.inline {
    display:inline-block;
}

.contribute-fields {
    max-width: 650px;
}





/* progress bars */

.progressbar-hr {
height: 1px;
width: 40%;
}

.progressbar-activity-text {
    padding-bottom: 5px;
}





/* auto suggest overlapped by sticky fixed navbar */
.navbar {
    z-index: 1;
}

.ui-autocomplete { 
    z-index:2; /* giving the auto suggest a higher z value than navbar */
}

.navbar-fixed-bottom {
    z-index: 3; /* prevent collapse menu footer on phone to get overlapped by autocomplete bar */
}




/* Disable iphone zoom on text */
input[type='text'],
input[type='number'],
textarea {
  font-size: 16px;
  -webkit-appearance: none; /* removes iphone top inner shadow */
}