/* ==========================================================================
   General Styles
   ========================================================================== */


    body {
        
        color: #444;
        font-family: 'Quicksand', arial, helvetica sans-serif;
        padding-top: 50px;
        /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
        
    }



h1 {
    font-size: 30px;
    
    
    
}

#call-to-action {
    padding-top: 40px;
}



p {
    font-family: 'EB Garamond', "times new roman", georgia serif;
    font-size: 16px;
    
}


#aboutme {
    font-size: 16px;
    padding-bottom: 15px;
    padding-top: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}


#aboutme, img {
    padding-top: 40px;
}


h5 {
     font-family: 'EB Garamond', "times new roman", georgia serif;
}

.panel-default > .panel-heading {
    background-color: #444; 
}

.panel-heading > h4 {
    color: #fff;
}


.caption > h2 {
    text-decoration: none;
    color: #fff;
     font-family: 'Quicksand', arial, helvetica sans-serif;
    
    
}

.caption > h2:hover {
    color: #fff;
    text-decoration: none;
}


.caption > .phone:hover {
    text-decoration: none;
    color: #fff;
}

.caption:hover {
    text-decoration: none;
}

.phone:hover {
    text-decoration: none;
    
}

.phone, .email {
    color: #444;
    
}

i {
   color: #444;
}

#hershey {
    text-decoration: none;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

.btn-block,
.btn-block:hover,
.btn-block:active,
.btn-block:visited,
.btn-block:focus {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:visited,
.btn-default:focus {
    background-color: #444;
    color: #fff;
}


.fa-search {
    color: #fff;
}

.pagination>li.active>a {
    background: #444;
    color: #fff;
    border-color: silver;
}


.pagination>li.active>a:hover {
    background: #444;
    color: #fff;
    border-color: silver;
}



@media(max-width:767px) {


    header.carousel .carousel {
        height: 70%;
    }


}

.g-recaptcha {
    padding-top: 20px;
}

/* ==========================================================================
   Contact-Section
   ========================================================================== */

.email{
    color: #444;
}

.email:hover {
    text-decoration: none;
    color: #333;
}

.phone {
    color: #444;
}

.phone:hover {
    text-decoration: none;
    color: #333;
}




/* ==========================================================================
   About-Section
   ========================================================================== */


#about-me img {
    padding-bottom: 60px;
}


#map {
    padding-top: 100px;
}








/* ==========================================================================
   Navigation
   ========================================================================== */


/* navbar */
.navbar-default {
  font-family: 'Quicksand', arial, helvetica sans-serif;
  -moz-box-shadow: 0 0 10px #D3D3D3;
  -webkit-box-shadow: 0 0 10px #D3D3D3;
  box-shadow: 0 0 10px #D3D3D3;
  background-color: #ffffff;
  border-color: #ffffff;
  font-size: 1.00em;
}
.navbar-default .navbar-brand {
  color: #000000;
  font-size: 1.125em;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #444444;
}
.navbar-default .navbar-text {
  color: #000000;
}
.navbar-default .navbar-nav > li > a {
  color: #000000;
font-size: 1.00em;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #444444;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #444444;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #444444;
  background-color: #ffffff;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #000000;
}
.navbar-default .navbar-link:hover {
  color: #444444;
}

@media (min-device-width: 320px) and (max-width: 991px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #444444;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #444444;
    background-color: #ffffff;
  }
    
.navbar-default .navbar-brand {
  color: #000000;
  font-size: 1.00em;
}    




}


/* ==========================================================================
   Portfolio
   ========================================================================== */






/* ==========================================================================
   Footer
   ========================================================================== */

footer {
    margin-top: 50px;
    margin-right: -15px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Quicksand', arial, helvetica sans-serif;
    
    
}

.disclaimer {
    font-size: 10px;
    
}


#copyright {
    font-family: 'Quicksand', arial, helvetica sans-serif;
    font-size: 14px;
}


.copy {
    padding-top: 300px;
}


#aboutwork {
    padding-top: 50px;
}



/* ==========================================================================
   Galleries
   ========================================================================== */


#title, h2 {
    font-size: 20px;
    font-family: 'Quicksand',arial, helvetica, sans-serif;
    padding-bottom: 15px;
    padding-top: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}



#image-title {
   
    font-size: 14px;
    font-weight: 400;
}

.description {
    padding-bottom: 20px;
     font-family: 'EB Garamond', "times new roman", georgia serif;
    font-weight: 100;
    text-align: left;
    
    
}


.gallery-item {
    padding-top: 10px;
}



.credit {
    font-size: 12px;
    padding-bottom: 20px;
    font-family: 'Quicksand',arial, helvetica, sans-serif;
}


#jfk-title {
    padding-bottom: 2px;
}

#slider-caption {
    text-decoration: none;
    color: #fff;
    text-shadow: #444;
    font-style: italic;

    
}




/* ==========================================================================
   Pagination
   ========================================================================== */


ul.pagination li a{
    color: #444;
    

}

ul.pagination li a .active {
    background-color: #000;
}








/* ==========================================================================
   Landing Page Instagram
   ========================================================================== */




/* ==========================================================================
   Blog Images
   ========================================================================== */



#blog-entry {
     margin-top: 25px;
}



#blog-gallery {
    padding-top: 20px;
    
}


.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
}

.thumbnail img {
    width: 100%;
}


#blog-posts > .thumbnail {
    padding-top: 70px; 
}



.blog-description:hover {
    color: #444;
}


.blog-description {
    color: #444;
}

.caption:hover {
    color: #444;
}


/* ==========================================================================
   Blog-Entries
   ========================================================================== */

.blog-title  {
    
    font-size: 35px;
    font-weight: 400;

    
}

.byline {
    padding-bottom: 10px;
    font-size: 14px;
} 


 .subheading, h2 {
     padding-top: 0px;
     font-size: 20px;
     
 }
    
    
.article-date {
    padding-bottom: 50px;
}

.article-title, h3 {
    font-size: 24px;
}
    
.subheading, h4 {
     padding-bottom: 0px;
    
     
 }


.nav-stacked, .archives {
    font-size: 24px;
   
   
}

.nav nav-nav-stacked {
    color: #a0a0a0;
}


#top {
    padding-top: 40px;
}

.home > a {
    color: #444;
}

.home > a:hover {
    text-decoration: none;
}

.list-unstyled >li >a {
    color: #444;
}

.list-unstyled >li >a:hover {
    text-decoration: none;
}

.well {
    background-color: #e0e1e2 ;!important;
}

.breadcrumb {
    background-color: #e0e1e2 ;!important;
}


.drop-title {
    font-size: 12px;
}

.blog-link:hover {
    text-decoration: none;
}