@charset "UTF-8";
/* CSS Document */

body,td,th,p,li {font-family: "manifold-cf", sans-serif; line-height: 1.8em; color: #404041; font-size: 17px;}  
		body {overflow-x: hidden; /* Hide horizontal scrollbar */}
		a {color: #3c7788; text-decoration: none;}
		a:hover {color: #1c6d82;}
		
		.btn {border-radius: 0px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;}
		.btn-success {background-color: #3c7788; border: none;}
		.btn-success:hover {background-color: #1c6d82; border: none;}
		.btn-light {background-color: #ffffff; border-color: #404041;}
		.btn-light:hover {background-color: #eeeeee; border-color: #404041;}
		
		.nav-item {text-transform: uppercase;padding-left: 10px; padding-right: 10px;}
		.nav-item a {color:#ffffff;letter-spacing: 1px; font-weight: 600;padding-top: 16px;}
		.nav-item a:focus {border: none !important;}
		.nav-item a:hover {border: none !important;}
		.dropdown-menu {background-color: #444241 !important; border-radius: 0px;margin-top: 10px;}
		
		/* Removes the outline/border on focus for dropdown items */
.dropdown-item:focus {
  outline: none; /* Removes the default outline */
  box-shadow: none; /* Removes any box-shadow (like the default Bootstrap focus ring) */
}

/* Removes the outline/border when the dropdown toggle button is in focus */
.dropdown-toggle:focus {
  outline: none;
  box-shadow: none;
}

		
		.dropdown-toggle::after {content: none;}
		.nav-item.dropdown .dropdown-item {padding-top: 5px; padding-bottom: 5px;}
		.nav-item.dropdown .dropdown-item:hover {background-color: #3c7788 !important; color: #ffffff;}
		.nav-item.dropdown .dropdown-item:focus {background-color: #3c7788 !important;}
		.nav-item.dropdown .dropdown-item:active {background-color: #3c7788 !important;}

		
		.green {color:#3c7788;}
		.uppers {text-transform: uppercase;}
		
		.navbar {background-color: rgba(60, 119, 136, .8); padding: 10px;}
		
		.icon {text-align: center;margin-top: -50px;z-index: 1;}
		.icon img {width:100px; height:100px;}
		.building {padding-top: 50px; padding-bottom: 50px;}
		
		.caftsmanship {background-image: url("../imgs/Travis-Express-Millwork-Shop-8524.jpg.jpg"); background-size: cover; background-position: center top;}
		.quote {color: #ffffff; font-size: 64px; text-transform: uppercase; line-height: 1.1em;font-weight: 900; padding-bottom: 80px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);}
		.quote-copy {background-color: rgba(60, 119, 136, .8); padding: 180px 50px;}
		.quote-copy p {color:#ffffff; font-weight: 600;}
		
		@media only screen and (max-width: 600px) {
			.quote {font-size: 36px;padding-bottom: 100px; padding-top: 100px;}
			.icon {margin-top: -25px;}
			.icon img {width:50px; height:50px;}
		}
		
		.how {padding-top: 50px; padding-bottom: 50px;}
		.how .big-title {font-size: 58px; text-transform: uppercase; line-height: 1em; letter-spacing: -1px; font-weight: 600;}
		.border-gray {border-right: 1px solid gray;} 		

    .video-placeholder {
      position: relative;
      cursor: pointer;
    }
    .video-placeholder img {
      width: 100%;
      height: auto;
      display: block;
    }
    
		.servcie {font-size: 16px; padding-left: 10px;line-height: 1em !important;}
		.social a {color: #3c7788; text-decoration: none;}
		.sociala:hover {color: #1c6d82;}
		i {font-size: 21px;}
		.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}

		.uppers {padding-left: 160px; padding-right: 160px;}
		.others {padding-left: 120px; padding-right: 120px;}
		.card-title {text-transform:none; font-weight: 600; font-size: 17px;}
		
		@media only screen and (max-width: 600px) {
			.uppers {padding-left: 10px; padding-right: 10px;}
			.others {padding-left: 10px; padding-right: 10px;}
		}
		
		
.products .cards-wrapper {
  display: flex;
  justify-content: center;
}
.products .card img {
  max-width: 100%;
  max-height: 100%;
}
.products .card {
  margin: 0 0.5em;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.products .carousel-inner {
  padding: 4em;
}
.products .carousel-control-prev,
.products .carousel-control-next {
  background-color: #3c7788;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .products .card img {
    height: 11em;
  }
}	
.carousel-caption h2 {text-transform: uppercase;font-size: 52px;letter-spacing: 1px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); font-weight: 900;}
	
@media only screen and (max-width: 768px) {
	body {padding-top: 73px !important;}
	.carousel-caption h2 {font-size: 21px !important;letter-spacing: normal;line-height: 1.1em !important;}
	.btn-group-lg>.btn, .btn-lg {
    --bs-btn-padding-y: 0.3rem !important;
    --bs-btn-padding-x: 0.8rem !important;
    --bs-btn-font-size: 1rem !important;
	}
	 .p-5 {padding: 1rem !important;}
}

.foot-back {background-color: #efede8;background-image: url(https://rudkinproductions.com/ExpressMillwork/imgs/footer-image.jpg); background-size: 100% 100%; background-repeat: no-repeat;padding-top: 40px; padding-bottom: 40px;}
.foot-menu {background-color: #efede8; padding-top: 40px; padding-bottom: 40px; font-size: 17px;}

.btn-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.bio-name {color: #3c7788; text-transform: uppercase;}

.contact {background-image: url("../imgs/back-contact.jpg"); background-repeat: repeat;}
.contact-maps {background-image: url("../imgs/map-back.jpg"); background-repeat: repeat-x; }

.date {font-size: 124px; text-shadow: 0px 0px 12px #c0c0b8;}

.history {background-image: url(../about/back-history.jpg); background-repeat: no-repeat; background-position: center;}
	
.accordion {
	--bs-accordion-btn-focus-border-color: transparent !important;
	--bs-accordion-active-bg: transparent !important;
	--bs-accordion-btn-focus-box-shadow: none;
}
.accordion-button {
  color: #3c7788 !important;
font-weight: bold;
}
	.accordion-button:not(.collapsed) {
  color: #3c7788 !important;
  background-color: #f0ede8 !important;
  box-shadow: none;
		font-weight: bold;
}