/* ----- Fonts----- */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
/*@import url('https://fonts.googleapis.com/css2?family=Taviraj&display=swap');
@import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");
/* ----- Colors----- */
/*$color-secondary:           #46ACC0;*/
/*$link-hover:                      #E39D0A;*/
/*$font-body:                      'Roboto', Arial, Helvetica, sans-serif;*/
/* --- Global---*/
body {
  font-family: "Source Sans Pro", sans-serif;
  color: #38515C;
  background-color: #EFEEEB; }

a {
  color: #A7A59A;
  cursor: pointer; }
  a:hover {
    color: #C6834C; }

.stretched-link {
  cursor: pointer; }
  .stretched-link:active, .stretched-link:hover {
    cursor: pointer; }

:focus {
  outline: none; }

p {
  margin-bottom: 25px; }
  p.large {
    font-size: 120%;
    line-height: 1.8; }
  p.lead-in {
    font-family: "Sorts Mill Goudy", serif;
    font-size: 1.4rem; }

.color-primary {
  color: #165EB9; }

.color-secondary {
  color: #C6834C !important; }

.text-primary {
  color: #141211; }
  .text-primary a:focus {
    color: #141211; }

.text-link :active {
  color: #C6834C; }

a.contact {
  z-index: 1000; }
  a.contact:hover, a.contact:focus {
    color: #C6834C;
    text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-weight: 400;
  line-height: 1.2;
  /*a.contact {
        color: $color-secondary !important;
    }*/ }
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none !important; }

h1 {
  margin-bottom: 1.5rem;
  color: #2E2D29;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 3.0rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.03rem; }

h2 {
  margin-bottom: 1rem;
  color: #34322F;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 2.25rem;
  font-weight: 400; }
  h2 a {
    color: #34322F; }

h3 {
  margin-top: 1rem;
  font-size: 1.8rem;
  color: #A7A59A;
  font-weight: 400; }

h4 {
  margin-top: 0.5rem;
  color: #A7A59A;
  font-size: 1.35rem; }

h5 {
  margin-top: 0.5rem;
  color: #A7A59A;
  font-size: 1.2rem; }
  h5 a {
    color: #A7A59A; }
  h5.home-text {
    color: #2E2D29;
    line-height: 1.6; }

h6 {
  margin-top: 0.25rem;
  color: #A7A59A;
  font-size: 0.9rem; }

/* --- Lists--*/
ul.links {
  margin-left: -20px;
  margin-bottom: 2rem;
  color: #A7A59A; }

/* --- Container ---*/
.container.home {
  margin-top: 0; }

/* --- Sticky Footer---*/
html,
body {
  height: 100%; }

.page {
  flex: 1 0 auto; }

footer.sticky-footer {
  flex-shrink: none; }

/* --- Buttons--*/
.btn-primary {
  color: white;
  background-color: #6F6B63;
  border-color: #6F6B63;
  /*font-family: $font-secondary;*/
  opacity: 80%; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #6F6B63;
    border-color: #6F6B63;
    opacity: 100%;
    box-shadow: none; }

.btn-secondary {
  background-color: #69AAE0;
  border-color: #69AAE0;
  opacity: 80%; }
  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    background-color: #69AAE0;
    border-color: #69AAE0;
    opacity: 100%;
    box-shadow: none; }

.btn-sm {
  text-transform: uppercase;
  letter-spacing: 0.05rem; }

button:focus,
.btn:focus {
  box-shadow: none;
  outline: none; }

/*.stretched-link {
    cursor: pointer;
}*/
/* --- Photos--*/
img {
  max-height: 100%;
  max-width: 100%; }

.photo-right {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem; }

.photo-float-right {
  margin-bottom: 1.25rem;
  text-align: center; }
  .photo-float-right img {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto; }

img.photo-float-right {
  margin-bottom: 1.25rem;
  text-align: center;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto; }

/* --- Breadcrumbs ---*/
.breadcrumb {
  padding: 0;
  margin-bottom: 1rem;
  color: #A7A59A;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.15rem;
  background-color: transparent;
  border-radius: 0; }
  .breadcrumb a {
    color: #A7A59A; }
    .breadcrumb a.active {
      color: #141211; }
  .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "|";
    color: #A7A59A !important; }
  .breadcrumb.bottom {
    margin-top: 1.5rem; }

h5 {
  margin-top: 0.5rem;
  color: #A7A59A;
  font-size: 1.2rem; }
  h5 a {
    color: #A7A59A; }
  h5 span {
    padding-left: 0.6rem;
    padding-right: 0.6rem; }

/* --- Header ---*/
header {
  color: #A7A59A; }
  header a.contact {
    position: absolute;
    top: 0.75rem;
    right: 1.5rem;
    font-size: 1.75rem;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight: 400; }

/* --- Hero Image---*/
.hero {
  min-height: 25rem;
  margin-bottom: 4rem;
  padding: 2rem 2rem 2rem 2rem;
  background-repeat: no-repeat;
  background-image: url(../images/background-colin-and-mike.jpg);
  background-color: white;
  background-position: center top;
  background-size: 100%;
  background-size: cover; }
  .hero .navbar-brand {
    max-width: 200px; }
  .hero.about.how {
    background-image: url(../images/background-hero-tools.jpg);
    background-position: center center; }
  .hero.about.what {
    background-image: url(../images/background-hero-wood.jpg); }
  .hero.about.who {
    background-image: url(../images/background-hero-shop.jpg);
    background-position: center center; }
  .hero.contact-us {
    background-image: url(../images/background-hero-mike-colin-outside.jpg); }
  .hero.home {
    background-image: url(../images/background-hero-colin-and-mike.jpg); }
  .hero.shop {
    background-image: url(../images/background-hero-shop.jpg);
    background-position: center center; }
  .hero.projects {
    background-image: url(../images/background-hero-mike-and-colin-in-shop.jpg); }
  .hero.projects.bathrooms {
    background-image: url(../images/background-hero-colin-working.jpg); }
  .hero.projects.builtins {
    background-image: url(../images/background-hero-colin-with-board.jpg); }
  .hero.projects.furniture {
    background-image: url("../images/background-hero-mike-working.jpg"); }
  .hero.projects.kitchens {
    background-image: url(../images/background-hero-mike-and-colin-in-shop.jpg); }

/* --- Main Navigation ---*/
.navbar {
  /*&.bg-light {
        background-color: transparent !important;
    }*/ }
  .navbar.bg-dark {
    background-color: #2B2A26 !important; }
  .navbar .navbar-nav .nav-link {
    color: #A7A59A; }
    .navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {
      color: white; }
  .navbar .navbar-toggler {
    color: #A7A59A !important;
    background: #56534D;
    border-color: #56534D; }

.navbar-nav {
  margin-top: 0;
  font-family: "Lato", Arial, Helvetica, sans-serif; }
  .navbar-nav .nav-item {
    margin-bottom: 0; }
  .navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    font-size: 1.3rem;
    font-weight: 500;
    white-space: nowrap; }

.dropdown-menu {
  margin-top: 0;
  font-size: 1.1rem;
  text-align: left;
  background-color: #1E1C19;
  border: none;
  border-radius: .25rem; }

.dropdown-item {
  color: #A7A59A; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: white;
    background-color: #0D0D0D; }

/* --- Footer ---*/
footer {
  margin-top: 5rem;
  color: #A7A59A;
  background-color: #2B2A26; }

.footer-image {
  width: 31%;
  background-color: #363531;
  background-image: url("../images/background-flanagans-outside-shop.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100%; }

.footer-contact {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
  padding-left: 6%;
  padding-right: 6%;
  font-size: 1.25rem;
  text-align: left;
  background-color: #2B2A26; }
  .footer-contact h3 {
    margin-bottom: 1.5rem;
    color: white;
    font-family: "Sorts Mill Goudy", serif;
    font-size: 1.95rem; }
    .footer-contact h3 a {
      color: white; }
  .footer-contact h4 {
    font-size: 1.25rem; }
  .footer-contact a {
    color: #A7A59A; }
    .footer-contact a:focus, .footer-contact a:hover {
      text-decoration: none;
      color: white; }

.footer-nav {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .footer-nav h6 {
    font-size: 1rem;
    text-transform: uppercase; }
    .footer-nav h6 a {
      /*color: $txt-light;*/
      color: #C6834C; }
      .footer-nav h6 a:focus, .footer-nav h6 a:hover {
        /*color: $link-hover;*/
        color: white; }

.footer-copyright {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  color: #686868;
  font-size: 0.8rem;
  line-height: 1.2;
  background-color: #121210; }
  .footer-copyright a {
    color: #A7A59A; }
    .footer-copyright a:focus, .footer-copyright a:hover {
      color: white;
      text-decoration: none; }

/* --- Jumbotron ---*/
.jumbotron {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: transparent;
  border-radius: 0; }
  .jumbotron.services {
    background-color: #BEBAB2; }
    .jumbotron.services .container {
      max-width: 900px; }
    .jumbotron.services h2,
    .jumbotron.services .h2 {
      color: white;
      font-size: 2.5rem; }

/* --- Carousel ---*/
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 40px;
  height: 40px; }

/* --- Cards ---*/
.card {
  border: none;
  border-radius: 0; }
  .card .card-header {
    padding: 0;
    border: 0;
    background-color: transparent;
    /*        .img-fluid {
            margin-right: -1px;
        }*/ }
  .card .card-footer {
    padding-top: 0;
    background-color: transparent;
    border-top: none; }

.home-cards {
  text-align: center; }
  .home-cards .card {
    max-width: 476px;
    margin-left: auto;
    margin-right: auto; }
  .home-cards .card-body {
    padding: 1.25rem 10% 0; }
  .home-cards .card-footer {
    padding: 0 10% 1.5rem; }
  .home-cards h3 {
    font-family: "Sorts Mill Goudy", serif;
    font-size: 2.05rem; }

.project-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .project-cards.view-only .card,
  .project-cards.view-only .card-body {
    padding: 0.5rem 0 0 0;
    background-color: transparent; }
  .project-cards.view-only h6 {
    color: #98968B;
    font-size: 1rem;
    text-align: center; }
  .project-cards .col {
    margin-bottom: 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .project-cards .card-body {
    padding-top: 1rem;
    padding-bottom: 0.25rem; }
  .project-cards h2 {
    margin-bottom: 0;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 1.4rem; }

/* - - - - - - - - - - - - - - - - - - - - - - - -*/
/* --- Media Queries-*/
@media (max-width: 1199.98px) {
  /*    .card-columns {
        column-count: 2;
    }*/ }

@media (max-width: 991.98px) {
  .hero {
    min-height: auto;
    background-position: left top; } }

@media (max-width: 767.98px) {
  header .contact {
    top: 0.35rem; }
  .hero {
    padding-top: 1rem; }
    .hero .navbar-brand {
      max-width: 140px; }
  .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 400;
    border-bottom: 1px solid #46443F; }
  .navbar-nav .dropdown-menu {
    margin-top: -1px;
    padding: 0;
    font-size: 1.1rem;
    border-radius: 0; }
  .navbar-nav .dropdown-item {
    padding: 1rem;
    border-bottom: 1px solid #46443F; } }

@media (max-width: 625px) {
  .footer-image {
    min-width: 140px;
    background-size: 120%; }
  .breadcrumb.bottom {
    margin-top: 0.5rem;
    margin-left: -.5rem; }
    .breadcrumb.bottom .projects {
      display: none; }
      .breadcrumb.bottom .projects.breadcrumb-item + .breadcrumb-item::before {
        display: none; } }

@media (max-width: 575.98px) {
  h1 {
    margin-bottom: 1rem;
    font-size: 2.5rem; }
  h2 {
    margin-bottom: 0.75rem;
    font-size: 1.75rem; }
  .container {
    padding-left: 10%;
    padding-right: 10%; }
  .hero {
    margin-bottom: 2rem; }
    .hero .navbar-brand {
      max-width: 120px; }
  footer {
    margin-top: 2rem; }
  .footer-image {
    display: none; }
  .footer-contact {
    padding-left: 10%;
    padding-right: 10%; }
  .jumbotron {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  h1.contact {
    font-size: 2.5rem; }
  h2.contact.email {
    font-size: 1.75rem; } }

@media (max-width: 575.98px) {
  h2.contact {
    font-size: 1.75rem; } }

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  .project-cards .col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }

@media (min-width: 992px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; } }

@media (min-width: 1000px) {
  .footer-image {
    width: 22%; }
  .footer-contact {
    padding-top: 2.75rem;
    padding-bottom: 1.25rem; } }

@media (min-width: 1200px) {
  .hero {
    padding-top: 2rem; }
    .hero .navbar-brand {
      max-width: 225px; }
  .footer-image {
    width: 18%; }
  .project-cards .col {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; } }

@media (min-width: 1400px) {
  .footer-image {
    width: 15%; } }

@media (min-width: 1700px) {
  .footer-image {
    width: 12%; } }