@import url('https://fonts.googleapis.com/css?family=Rasa:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Muli:400,700');

/**************************** Custom Colors & Fonts ********************************/
/* = DEFAULT STYLES = */
html, body {margin:0; font-size:16px;font-family: 'Rasa', serif;}

a {font-weight:bold;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s; text-decoration:none;}
a:hover, a:focus {outline: none; text-decoration:none; -webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s; text-decoration:none;}

p {margin:20px 0;line-height:1.75em;font-family: 'Muli', sans-serif;}

h1 {font-size: 32px; text-align:center; font-weight:normal; border-bottom-width: 1px; border-bottom-style: solid; margin:0;}
h2 {font-size:20px;}
h2.message{font-size: 50px;  text-align: center;  padding-top: 100px;  padding-bottom: 100px;}
h3 {font-size:20px; margin:0;}

/* = Lists = */
.main-inner ul, .service ul{display: inline-block; text-align: left;}

/* Buttons */
.btn {border-radius:0px;color:#fff;}
.btn:hover, .btn:focus {color:#fff;}
.menu-button {text-align:center;margin-bottom:20px;}

/* = HEADER = */
header {padding:20px 0;}
.logo img:hover, .logo img:focus {opacity:.8;}

/* = CALL TO ACTION = */
#c2a {text-align:center; padding:10px 0; color:#fff;font-family: 'Muli', sans-serif;}
#c2a a {color:#fff;}
#c2a a:hover, #c2a a:focus {text-decoration:none; color:#999;}

/* = NAVIGATION = */
nav {margin-top:20px;}
.navbar-default {list-style: none;border-radius:0px;border:0;background:transparent;text-align:center;margin-bottom:0;}
.navbar-default .navbar-nav > li > a {font-size:16px; color:#000; font-weight:bold;letter-spacing: 2px;position: relative;padding: 15px 10px;}
.navbar-default .navbar-nav > li > a:before, .navbar-default .navbar-nav > li > a:after{content:'';position:absolute;transition:transform .5s ease;left: 0;top: 0;width: 100%; height: 100%;border-style: solid;border-color: darken(#593D36, 10%);}
.navbar-default .navbar-nav > li > a:before {border-width: 2px 0 2px 0;transform:  scaleX(0);}
.navbar-default .navbar-nav > li > a:after {border-width: 0 2px 0 2px;transform:  scaleY(0);}
.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:hover:after {transform:  scale(1, 1);}
.navbar-nav>li {list-style: none; padding: 10px 15px;text-transform: uppercase;}
.navbar-default .navbar-nav > li > a:hover {color:#593D36; background:transparent;}
.navbar-default li.active a {color:#593D36; background:transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#593D36;background:transparent;}
.navbar-default .navbar-nav>li>a:focus {color:#593D36;background:transparent;}
.navbar-toggle {background:#593D36;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#593D36;}
.navbar-default .navbar-toggle .icon-bar {background:#fff;}
.dropdown-menu {background:rgba(0, 0, 0, 0.5);box-shadow:none;border-top:2px solid #fff;border-radius:0px;padding:5px;}
.navbar-nav>li>.dropdown-menu {margin-top: 2px;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu>li>a{color: #fff;}
.menu-dropdown-mobile-menu-container{ display:none;}
#nav {display: none;z-index: 9;}
.home-link, .head-directions, .head-phone, .head-hours{display: none;}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: none;margin-bottom:-5px;padding:0;}
.navbar .navbar-collapse {text-align: center;}

/* = BANNER = */
#banner .carousel-inner img{width:100%; height:auto;}
.banner-inner img{width:100%; height: auto; }
.carousel.fade {opacity: 1;}
.carousel.fade .item {-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;}
.carousel.fade .item:first-child {top:auto;position:relative;}
.carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;}
.carousel-indicators{z-index: 3;}
/* Carousel Controls */
.carousel-control {z-index:8;font-size:30px; display: flex; justify-content: center; align-items: center;}

/* = FEATURE = */
#feature {padding-bottom:50px;text-align:center;}
#feature h2 {margin-bottom:30px; font-size:25px;font-weight:normal;text-transform: uppercase;color:#000;border-bottom: 1px solid #000;}
.feature-box img {width:100%;}
.feature-box {overflow:hidden;position:relative;}
.feature-box a {position: absolute; bottom: 15px; right: 0; color: #000; background: rgba(255, 255, 255, 0.7); padding: 10px; letter-spacing: 5px; text-transform: uppercase; font-size: 14px;width: 100%;}
.feature-box a:hover {background: #fff; bottom: 23px; right: 0; text-decoration: none;}

/* = MAIN = */
main {padding-top:30px; padding-bottom: 30px; text-align:center; color: #000;font-size: 16px;}
.about-image {padding-top: 20px;}

/* = FLOATED IMAGES = */
img.pull-left {margin:20px 20px 20px 0px;}
img.pull-right {margin:20px 0px 20px 20px;}

/* = CONTACT INFO = */
#contact-info {text-align:left;padding:30px 0;}
#contact-info h2 {color:#000;font-weight:bold;border-bottom:2px solid #000;}
#contact-info h2 {border-bottom-width: 2px; border-bottom-style: solid;}
#contact-info ul {padding:0;list-style:none;}
#contact-info ul.hours {margin:0;}
#contact-info ul.hours li {padding:5px 0;border-bottom:1px solid #999;}
#contact-info ul.hours span{float:right;}
#contact-info a {color:#000;}
#contact-info a:hover, #contact-info a:focus {text-decoration:none;color:#fff;}
#contact-info .social {font-size:28px;}
.contact-info {margin:8px auto;display:block;}

/* = FOOTER = */
footer {text-align:center; padding: 20px 0;}
footer a {color: #ccc;}
footer a:hover, footer a:focus {text-decoration:none;color:#fff;}

/* = SITEMAP PAGE = */
ul.sitemap-page {display:block;padding:0;text-align: center;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a {font-weight: bold; text-align: center; font-size: 36px;}
ul.sitemap-page li a:hover {color: #000;}

/* = Services = */
.facility h2{font-size: 30px;border-bottom: 3px solid #000;}
.facility h2 { margin-top: 0px; border-bottom-width: 3px; border-bottom-style: solid;}
.facility-video {margin: 20px 0;}
.service {padding-bottom: 20px;}
.inspire-quote{margin-bottom: 40px;}

/* Gallery */
.brand{margin: 0 auto; text-align: center; width: 500px;border: 1px solid #000;position: relative;display: flex; justify-content: center;}
.brand img {padding-bottom: 20px;padding-top: 40px;}
.brand-heading{position: absolute; color: #fff; background: #575757; padding: 10px;width: 90%;bottom: 95%;font-size: 25px;}
.brand-carousel{padding-top: 50px;}
.gallery-section-heading{text-align: center;}
#brand-slider-2{padding: 50px 15px;}
.brand-sliders .carousel-indicators{margin:0 auto; left: 20%; bottom: 0;}
.brand-sliders .carousel-indicators li {background-color: #b4c4ac;}
.brand-sliders .carousel-indicators .active{background-color: #536f5c;}

/* CONTACT PAGE */
#contact-section {padding-bottom: 30px;}
.jumbotron-sm h2 {text-transform: uppercase; letter-spacing: 5px;font-size: 20px;font-weight: bold;color: #333;}
.jumbotron-sm {font-weight: bold;border: 3px solid transparent;padding: 24px 0;border-radius: 0 !important;margin: 0 0 4% 0;}
.location-container {padding: 2em; margin: 1em auto; font-weight: bold;border: 3px solid transparent;}
span.company-heading {font-size: 24px;color: #333;text-align:center; display:block; width: 100%;}
span.company-address {font-size: 18px;text-align:center; display:block; width: 100%;color: #333;}
span.company-address a {text-align:center;font-size: 18px;display:inline;color: #593D36;}
span.company-address a:hover {text-decoration: none;}
legend {font-size: 26px;font-weight: bold;text-align:center; display:block;width: 100%;}
.contact-page-info h2, .contact-page-info strong, .contact-page-info a{text-align:center;}
legend, address{ margin-bottom: 0px!important;border: 0;}

/* -- GOOGLE MAP -- */
.googlemap-container {position: relative; padding-top: 68.5%; max-width: none; margin: 0 auto; }
.googlemap-container iframe, .googlemap-container object, .googlemap-container embed { position: absolute; top: 0; left: 0 ; width: 100%;}

/* = Gravity Form Styles = */
#contact-page-form {padding: 20px 30px 30px;}
#contact-page-form form input, #contact-page-form form textarea{ display: block;font-size: 16px;color: #000;background-color: #fff;background-image: none;border: 1px solid #ccc;height: 34px; border-radius: 4px;width: 100%; color: #222;padding: 6px 12px;line-height: 1.42857143;}
#contact-page-form form textarea{height: 90px;}
#contact-page-form form input.gform_button{ color: #fff;}
#contact-page-form form input.gform_button:hover, #contact-page-form form input.gform_button:active{color: #fff;}
#contact-page-form form label, #contact-page-form form input.gform_button {font-family: 'Muli', sans-serif;}
#contact-page-form label.contactpage-label {color: #333; font-weight: bold;cursor:pointer;}
#contact-page-form .gform_wrapper ul.gform_fields li.gfield{ margin-top: 15px!important; padding-right: 0px!important;}
#contact-page-form .gform_wrapper ul li.gfield{ margin-top: 0px!important; }
#contact-page-form .gform_wrapper{ margin-top: 0px!important; margin-bottom: 0px!important;}
#contact-page-form .gform_wrapper .gform_footer{ margin-top: 20px!important; padding-top: 0px!important; }
#contact-page-form .gform_wrapper .top_label div.ginput_container{ margin-top: 0px!important; }
#contact-page-form input#gform_submit_button_1{width: 100%;}

/* = MEDIA QUERIES= */
@media screen and ( max-width: 1200px ) {#c2a {font-size:12px;}.navbar-default .navbar-nav > li > a {font-size:14px;}.hours {margin:0 15px;}#contact-info{font-size:14px;}.carousel-caption h2 {font-size:20px;}.feature-text p {font-size:14px;}}
@media screen and ( max-width: 991px ) {.home main img {margin-bottom: 20px;}.hours{color: #000;}.logo{margin: 70px auto 20px;}#banner {margin-top: -20px;}
/*Mobile Nav Styles*/
	.dropdown-toggle::after{display:none!important;}
	ul.sub-menu{display: block;opacity: 0;min-width: 0;top:0;left:-20px;padding-bottom: 10px;width: 100%;padding:10px; background: #593D36;z-index: -1;position:absolute;list-style:none;padding:0;}
	.sub-menu>li>ul{left:-10px;top:-5px;}
	ul.nav-list{padding: 0;list-style: none}
	ul.nav-list a{color: #fff;font-size:16px; }
	.caret{border: none;height: 15px;width: 15px;position: relative;margin-left: 10px;margin-top:-3px;font-size:22px;}
	.back {text-align: center;font-size:22px;position: relative;display: block;text-align: center;}
	.caret::after{content: "\f105";font-family:  'Font Awesome 5 Free';font-weight: 900;position: absolute;top: 50%;left: 50%;z-index: 999;transform: translate(-50%,-50%);color: #fff;}
	.back::after{content: "\f077";cursor:pointer;font-family:  'Font Awesome 5 Free';font-weight: 900;z-index: 999;color: #fff;left: 50%;}.slide-in-right {animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: 9999!important;border:1px solid #fff;}
	.slide-out-right { animation: slide-out-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;z-index: -999 !important;border:1px solid #fff;}
	@-webkit-keyframes move_fade_down {
		0% {-webkit-transform: translate(0,0);opacity: 1}
		50% {-webkit-transform: translate(0,5px) scale(.95);opacity: .75}
		100% {-webkit-transform: translate(0,0);opacity: 1}
	}
	@keyframes move_fade_down {
		0% {transform: translate(0,0);opacity: 1}
		50% {transform: translate(0,5px) scale(.9);opacity: .75}
		100% {transform: translate(0,0);opacity: 1}
	}
	@-webkit-keyframes move_fade_side {
		0% {-webkit-transform: translate(0,0);opacity: 1}
		50% {-webkit-transform: translate(5px,0) scale(.95);opacity: .75}
		100% {-webkit-transform: translate(0,0);opacity: 1}
	}
	@keyframes move_fade_side {
		0% {transform: translate(0,0);opacity: 1}
		50% {transform: translate(5px,0) scale(.9);opacity: .75}
		100% {transform: translate(0,0);opacity: 1}
	}
	@keyframes slide-in-right {
		0% {transform: translateX(100px) translateY(0px);opacity: 0;}
		100% {transform: translateX(0px) translateY(15px);opacity: 1;}
	}

	@keyframes slide-out-right {
		0% {transform: translateX(-20px) translateY(15px);opacity:1;}
		100% {transform: translateX(100px) translateY(0px);opacity: 0;}
	}
	.menu-dropdown-mobile-menu-container{display:block;}
	#menu-main-menu{display:none;}
	.social a {color: #fff; padding-left: 8px; padding-right: 8px; border-right: 1px solid #fff; font-size: 20px;}
	.nav.sticky {top: 0!important;}
	.nav {position: absolute; top: 100%; top: 0; left: 0; right: 0; height: 50px; }
	.navbar {display: none; position: fixed; right: 0; z-index: 9;}
	.navbar.sticky {top: 50px !important; position: fixed;}
	.navbar-nav > li {display: block;float: none;}
	.navbar-nav > li a {color: #fff; display: block; padding: 5px 20px;}
	#nav  {display: block;}
	.mobile-nav{height: 100%;}
	.mobile-list {list-style: none; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-around; padding: 0; height: 100%; margin-bottom: 0;}
	.menu-mobile-menu-container {height: 100%;}
	.nav-toggler {position: relative; text-align: center; color: #fff; font-weight: 600; width: 55px; transition: all ease-in-out .3s; display: flex; flex-flow: row-reverse nowrap; align-items: center; cursor: pointer; padding: 10px 10px;}
	.nav-toggler .toggle-more {transform: rotate3d(1,0,0,0deg); float: left; opacity: 1;}
	.nav-toggler .toggle-less {opacity: 0;}
	.nav-toggler .toggle-text {width: 40px; position: absolute; left: 0; top: 0;}
	.nav-toggler .toggle-text, .nav-toggler .fas {transition: all ease-in-out .3s;}
	.nav-toggler .fas {color: #fff; font-size: 14px; line-height: 1; position: absolute; top: 4px; right: 5px;}
	.nav-toggler.active .toggle-more {transform: rotate3d(1,0,0,180deg); float: left; opacity: 0;}
	.nav-toggler.active .toggle-less {transform: none; float: left; opacity: 1;}
	.nav-toggler.active .fas {transform: rotate3d(1,0,0,180deg);}
	.mobile-list a {color: #fff; padding: 5px 10px;}
	.navbar-nav {padding-left: 0;}
	.navbar-collapse {display: block; border-top: none;}
	.top-wrapper {margin-bottom: 50px;}
	.social .home-link {margin-left: 0; padding-left: 8px;}
	.social .social-text {display: inline-block; padding-left: 5px;}
	.social .home-link {display: inline-block; float: left; padding-left: 0; width: 50px;}
	.social a:not(.home-link) {border-right: none; font-size: 14px; line-height: 2em; display: inline-flex; align-items: center; justify-content: center; flex-grow: 1;}
	.social a:not(.home-link):not(.head-directions):not(.head-phone):not(.head-hours):not(.head-letter) {display: none;}
	#c2a .social {position: fixed!important; top: 0; left: 0; right: 0; height: 50px;padding: 0; display: flex; align-items: center; justify-content: center; z-index: 10;}
	.social .row {width: 100%;}
	.nav {position: fixed; top: 50px;}
	.social [class^="col-"] {display: flex; justify-content: center; align-items: center;}
	.navbar {display: none; left: auto; height: auto; top: 100px;}
	nav{margin-top: 0;}
	.c2a{display: none;}
	.dropdown .dropdown-menu {position:relative;display:block;float:none !important;visibility:visible;width:100%;text-align:center;left: 0;}
	.navbar-default .navbar-nav > li > a{color: #fff;}
}
@media screen and ( max-width: 767px ) {img.pull-right, img.pull-left {float:none !important;margin:0 auto;}.feature-box{padding-bottom: 15px;}.feature-box a{bottom: 30px;right: 0; left: 0;}.feature-box a:hover{left: 0;}}
@media screen and ( max-width: 384px ) {#feature .col-xs-6{width: 100%;}}
.navbar-fixed-top {position: relative;background: #fff;}
nav.navbar-fixed-top {border: 0;}
.navbar-fixed-top .navbar-default .navbar-nav > li > a{color: #000;}

span.company-address a,
legend,
.facility h3,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover,
a {
	color: var(--color-1);
}
.back-to-top, .feature-text .btn:hover,
.feature-text .btn:focus,
.gallery-container,
.jumbotron-sm .btn,
#contact-page-form input.gform_button,
#c2a, footer, .btn:hover, .btn:focus, nav.navbar-fixed-top, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,
.jumbotron-sm .btn:hover,
.jumbotron-sm .btn:focus,
#contact-page-form input.gform_button:hover,
#contact-page-form input.gform_button:active, .btn {
	background: var(--color-1);
}
.feature-text .btn,
footer,
.gallery img.img-thumb,
h1 {
	border-color: var(--color-1);
}
#contact-info h3,
.facility h3 {
	border-bottom-color: var(--color-3);
}
.location-container, .jumbotron-sm, #contact-info, #contact-page-form {
	background: var(--color-4);
}
@media screen and (max-width: 991px) {
	#c2a .social {
		background: var(--color-1);
	}
	.nav, .navbar {
		background: var(--color-2);
	}
}
.social .link {
  margin: 0 .1em;
}
.flex-row {
	display: flex;
}
/* Blog Template */
.blog-section {
  margin-bottom: 50px;
}
.blog-section .blog-inner {
	align-items: center;
}
.blog-section .blogs-row {
	justify-content: flex-end;
}
.blog-section .blogs-col {
	flex: 0 0 75%;
  margin-right: 30px;
}
.blog-section .sidebar-col {
	flex: 0 1 25%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.blog-section .blog {
	margin-bottom: 30px;
}
.blog-section .blog:nth-child(odd) {
	background-color: #eee;
}
.blog-section .blog:nth-child(odd) .image-col {
	order: 1;
	margin-right: 0;
}
.blog-section .blog .image-col {
	flex: 0 0 25%;
}
.blog-section .blog .content-col {
	padding: 12px;
  flex: 1 1 auto;
}
.blog-section .blog h2 {
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 1px;
}
.blog-section .blog a {
	color: #000;
	font-weight: 400;
}
.blog-section .blog a:hover, .blog-section .blog a:focus {
	text-decoration: none;
}
.blog-section .blog .read-more-text {
	font-weight: 700;
	transition: all ease .3s;
}
.blog-section .sidebar {
	text-align: center;
	border: 2px solid;
}
.blog-section .sidebar .screen-reader-text {
	display: none;
}
.blog-section .sidebar .search-form {
	display: inline-flex;
	width: auto;
	position: relative;
	margin: 15px 10px;
}
.blog-section .sidebar .search-form button {
	position: absolute;
	right: 0;
	top: 0;
}
.blog-section .sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-section .sidebar li {
	padding: 15px 0;
}
.blog-section .sidebar li:not(:last-child) {
	border-bottom: 1px solid;
}
.blog-section .sidebar h2 {
	border-bottom: none;
	margin-top: 8px;
	font-size: 22px;
}
.blog-section .sidebar a:hover, .blog-section .sidebar a:focus {
	text-decoration: none;
}
.blog-section .pagination {
	display: flex;
	margin: 0 0 20px;
	text-align: center;
  justify-content: center;
}
.blog-section .pagination .page-numbers {
  flex: 0 0 auto;
	padding: 6px 10px;
	color: #fff;
	transition: all ease .3s;
	margin-bottom: 5px;
	display: block;
  min-width: 2em;
}
.blog-section .pagination .page-numbers:not(:last-child) {
  border-right-width: 1px;
  border-right-style: solid;
}
.blog-section .pagination .page-numbers:not(:first-child) {
  border-left-width: 1px;
  border-left-style: solid;
}
.blog-section .pagination .page-numbers.dots {
	padding: 6px;
}
.blog-section .pagination .page-numbers:hover, .blog-section .pagination .page-numbers:focus {
	text-decoration: none;
}
.blog-section .blog .date {
  font-size: .9em;
  font-style: italic;
  margin-bottom: 10px;
  color: #666;
}
.main-section.single {
  margin: 50px 0;
}
.main-section.single .image.pull-left {
  max-width: 400px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.main-section.single .date {
  margin: 5px 0;
  font-size: .9em;
  color: #666;
}
@media screen and (max-width: 991px) {
	.row-md {
		display: block;
	}
  .row-md > .col:nth-child(n) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
	.row-sm {
		display: block;
	}
  .row-sm > .col:nth-child(n) {
    margin-left: 0;
    margin-right: 0;
  }
	.blog-section .blogs {
		max-width: 500px;
		margin: 0 auto;
	}
	.blog-section .blog:nth-child(odd) .image-col {
		order: 0;
	}
  .main-section.single .image.pull-left {
    float: none !important;
    margin: 0 auto 20px;
  }
}
.blog-section .blog a:hover .read-more-text,
.blog-section .blog a:focus .read-more-text
{color: var(--color-1);}
.blog-section .pagination .page-numbers
{background-color: var(--color-1);}
.blog-section .blog .read-more-text
{color: var(--color-2);}
.blog-section .sidebar,
.blog-section .sidebar li:not(:last-child),
.blog-section .pagination .page-numbers
{border-color: var(--color-2);}
.blog-section .pagination .page-numbers.current,
.blog-section .pagination a.page-numbers:hover,
.blog-section .pagination a.page-numbers:focus
{background-color: var(--color-2);}
.aligncenter {
  display: block;
  margin: 0 auto;
}
.pull-right,
.alignright {
  float: right;
  margin: 0 0 10px 10px;
}
.pull-left,
.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
@media screen and (max-width: 767px) {
  .pull-left,
  .alignleft {
	float: none !important;
	margin: 20px auto;
  }
  .pull-right,
  .alignright {
	float: none !important;
	margin: 20px auto;
  }
}