@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,700&display=swap');

/* = DEFAULT STYLES = */
html, body {margin:0;font-size:16px;font-family: 'Work Sans', sans-serif;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-weight:bold;}
a:hover, a:focus {text-decoration:none;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;}

/* = DEFAULT - HEADINGS = */
h1 {font-size:32px;margin-bottom: 20px;font-weight: bold;font-family: 'Raleway', sans-serif;}
h2 {font-size:26px;margin:0;font-family: 'Raleway', sans-serif;}
h2.message {}
h3 {font-size:20px;margin:0;font-family: 'Raleway', sans-serif;}
h4 {}
h5 {}

/* = DEFAULT - Images = */
img.pull-left{margin: 10px 20px 20px 20px;}

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

/* Buttons */
.btn {border-radius:4px;padding:6px 12px;}

/* = HEADER = */
address a {font-weight: normal;}
#call-to-action-bar{padding:10px 0;text-align:center;font-size:16px;}
#call-to-action-bar .phone, #call-to-action-bar .location{padding-top:6px;display: flex;}
#call-to-action-bar .email{display: flex; align-items: center;justify-content: flex-end;}
#call-to-action-bar .social img{max-width:100px;margin-top:-14px;margin-bottom: -10px;padding-left: 10px;}
#call-to-action-bar .social img:hover{opacity:.8;}
#call-to-action-bar .fab{font-size:31px;margin-left:2px;}
#call-to-action-bar a{display: flex;align-items: center;}
address {margin-bottom: 0;}
span.c2aText{margin: 10px;}
#header{position:relative;padding:60px 0;}
.navbar-menu{display: flex; align-items: center;}
.logo img:hover{opacity:.8;}
.email-icon {font-size: 33px !important;}
#call-to-action-bar .address{display: flex;text-align: left;padding-top: 6px;}
#call-to-action-bar .phone a{margin: 0 0 0 5px;}
.social {display: none;}
.logo img{-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
#header{-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

/* = NAVIGATION = */
#menu-main-menu{display:flex;align-items:center;justify-content:center;list-style: none;}
#menu-main-menu li:nth-of-type(-n+3){right:15%;}
#menu-main-menu li:nth-of-type(n+4){left:15%;}
.navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;margin-bottom:0;}
.navbar-default .navbar-nav > li > a {font-size: 18px; padding:15px 25px;}
.navbar-default .navbar-nav > li:last-child > a {}
.navbar-default .navbar-nav > li > a:hover {border-bottom: 4px solid #28112B;}
.navbar-default .navbar-nav > .active > a{border-bottom: 4px solid #28112B;}
.navbar-default .navbar-nav > li > a:hover::after{width:100%;}
.dropdown-menu {margin-top:-2px;background:transparent;box-shadow:none;border:none;border-radius:0px;padding:5px;border-top:2px solid #fff;background-color:rgba(0,0,0,.8);right:0;left:auto;}
.dropdown:hover .dropdown-menu {display: block;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {}
.navbar-default .dropdown-menu > li > a {padding:10px 20px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:transparent;}
.navbar-default .navbar-toggle .icon-bar {background:#ccc;}
#nav , .navbar-mobile{display: none;z-index: 4;}
.navbar .navbar-collapse {margin-top: 15px;}
.menu-dropdown-mobile-menu-container{ display:none; }
.mobile-logo{display: none;}
.navbar-nav>li{float: left;}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: none;margin-bottom: -5px;list-style: none;}
.navbar .navbar-collapse {text-align: center;}
.carousel-caption{top:35%;font-size:26px;font-weight:bold;letter-spacing:1px;}
.carousel-caption .btn{font-size:26px;letter-spacing:3px;padding:10px 40px;display:block;width:300px;margin:0 auto;}

/* = BANNER = */
#banner {position:relative;}
#banner 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;}

/* Home Tagline */
#tagline{text-align:center;padding:10px 0;border-top:5px solid #28112B;border-bottom:5px solid #28112B;}
#tagline .motto-heading{font-size:34px;letter-spacing:2px;font-family: 'Raleway', sans-serif;}

/* Home Main */
#main{padding:30px 0;}

/* Home Brand Slider */
#brands{border-top: 5px solid #28112B;}
.brand-box{padding:20px;}
.swiper-container-horizontal>.swiper-pagination-bullets {position: relative;}
.swiper-pagination{padding-top: 50px;}

/* = CONTACT INFO = */
#contact-info {padding:30px 0px;text-align:center;font-size:18px;}
.contact-info {display:inline-block;}
.contact-info:not(:last-of-type):after{content:'';display:inline-block;position:relative;-webkit-border-radius: 5px;border-radius: 5px;height: 5px;width: 5px;margin:0 20px;top: -3px;}
.contact-info .fab, .contact-info .fas{font-size:24px;}

/* = FOOTER = */
footer {text-align:center;padding: 10px 0px;}
.sitemap .list-inline{margin-bottom:0;}
footer a {font-weight: normal;}
footer li a {text-transform: uppercase;}
footer ul {padding-bottom: 10px;}
.align-row{display: flex; align-items:center}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none; padding-left: 0px; }
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a { font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);  /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
ul.sitemap-page li a:hover {text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}

/* Contact Page */
.gform_wrapper ul.gform_fields li.gfield {padding-right: 0px;}
#contact-page-form textarea, #contact-page-form input {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 16px; line-height: 1.42857143; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#contact-page-form textarea {max-height: 75px; height: 75px;}
#contact-page-form #gform_submit_button_1{font-weight: bold;}
#contact-section .row {display: flex; align-items: center;}
.location-container{text-align: center;}
.location-container a{font-weight: bold;}
.company-address{display: block;margin: 25px 0;font-size: 18px;}

/* Gallery Page */
#gallery-section {padding: 50px 0;}

/* Menu Page */
.menu-button {text-align: center; margin: 20px auto;}
.menu-button .btn {font-weight: bold;}
#menu-section{padding-bottom: 30px;}

/* Services Page */
.service {margin: 30px 0px;background: #eee;padding: 20px 5px;}
.service h2 {font-weight: bold; font-size: 24px;}

/* 404 Page */
.error404 main {padding-bottom: 20px ;}

/* = MEDIA QUERIES= */
@media screen and (max-width:1200px){span.c2aText{font-size: 12px; margin:0 5px 0 5px;}}
@media screen and (max-width:1199px){.navbar-default .navbar-nav > li > a{font-size: 14px; padding: 15px 25px;}}
@media screen and ( max-width: 991px ) {
.mobile-logo{display:block;}
.dropdown-toggle::after{display:none!important;}
.navbar{min-height:0;}
ul.sub-menu{display:block;opacity:0;min-width:0;top:0;left:-20px;padding-bottom:10px;width:100%;padding:10px;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{font-size:16px;}
.navbar .navbar-collapse{margin:0;}
.navbar-nav>li a{padding:15px 20px;position:relative}
.navbar-default .navbar-nav > li > a{display:flex;justify-content:flex-end;align-items:center}
.caret{border:none;height:15px;width:15px;position:relative;margin-right:10px;font-size:22px;}
.caret::after{content:"\f053";font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.back{text-align:center;font-size:22px;position:relative;display:block;text-align:center;}
.back::after{content:"\f077";cursor:pointer;font-family:'Font Awesome 5 Free';font-weight:900;z-index:999;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;}
.navbar-nav>li a{padding:15px 20px;position:relative}
.caret{position:absolute;left:-4px;margin-left:0;top:42%}
.caret:after{content:'\f053';}
#contact-section .row{display:block;}
.carousel-inner{z-index:3;}
#header{padding-top:30px;padding-bottom:10px;}
.navbar-default{display:none!important;}
#menu-main-menu{display:none;}
.menu-dropdown-mobile-menu-container{display:block;}
.navbar .navbar-collapse{padding-bottom:15px;}
header .c2a{display:none;}
header .logo{margin-top:100px;}
.social a{padding-left:8px;padding-right:8px;border-right:1px solid #fff;font-size:20px;}
.nav.sticky{top:0!important;}
.nav{position:fixed;top:50px;left:0;right:0;height:50px;}
.navbar{display:none;position:fixed;right:0;background:#525252;z-index:9;border-radius:0;}
.navbar.sticky{top:50px !important;position:fixed;}
.navbar-nav > li{display:block;float:none;}
.navbar-nav > li a{display:block;padding:5px 20px;}
.navbar-mobile, #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;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 span{transition:all ease-in-out .3s;}
.nav-toggler span{font-size:14px;line-height:1;position:absolute;top:2px;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 span{transform:rotate3d(1,0,0,180deg);}
.mobile-list a{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;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){display:none;}
.social{position:fixed!important;top:0;left:0;right:0;background:#333;height:50px;padding:0;display:flex;align-items:center;justify-content:center;z-index:11;}
.social .row{width:100%;}
.social [class^="col-"]{display:flex;justify-content:center;align-items:center;}
.navbar{display:none;left:auto;height:auto;top:100px;}
nav{margin-top:0;}
#primary-header{padding-top:0;}
.c2a.interior-pages .tel, .c2a.interior-pages .tagline{display:none;}
.c2a.interior-pages .tel, .c2a.interior-pages .tagline{display:none;}
.dropdown .dropdown-menu{position:relative;display:block;float:none !important;visibility:visible;width:100%;text-align:center;left:0;}
.align-row{display:block}
#call-to-action-bar .phone{justify-content:center}
#call-to-action-bar .email{justify-content:center;}
span.c2aText{display:none}
#call-to-action-bar a{display:block;margin:0 5px;}
#call-to-action-bar .email{flex-wrap:}
#call-to-action-bar .phone, #call-to-action-bar .email{text-align:center;}
.logo{position:relative;top:0;left:0;transform:none;}
.logo img{margin:0 auto;padding-bottom:10px;}
#menu-main-menu li:nth-of-type(-n+2){right:0;}
#menu-main-menu li:nth-of-type(n+3){left:0;}
#main{padding:25px 0;}
#main .row{display:block;}
#main h1{margin-bottom:0;}

}
@media screen and ( max-width: 767px ) {.service img{margin-bottom: 10px;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;}#main h1{font-size:26px;}#tagline h2{font-size:24px;}.contact-info{display:block;}.contact-info:not(:last-of-type):after{display:none;}#menu-main-menu{display:block;width:100%;margin:5px 0 0;}.list-inline>li{display:block;}}
@media screen and ( max-width: 355px ) {#contact-info{font-size:16px;}}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.navbar.navbar-default{right: 20px}.slide-in-right{opacity: 1 !important; transition: all ease 1s}.slide-in-out{opacity: 0 !important; transition:  all ease-out 1s;}.back{cursor: pointer}ul.sub-menu{transition: all ease 1s}}
@supports (-ms-accelerator:true) {.navbar.navbar-default{right: 20px;}.slide-in-right{opacity: 1 !important; transition: all ease-in 1s}.slide-in-out{opacity: 0 !important; transition:  all ease-out 1s;}.back{cursor: pointer}ul.sub-menu{transition: all ease 1s}}

@-webkit-keyframes move_fade_down {2
	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;
	}
}

.navbar-default .navbar-nav > li > a {padding: 15px;}
.navbar-default .navbar-nav > li > a {border-bottom: 4px solid transparent;}
.call-to-action-bar-inner .address {justify-content: center;}

@media screen and (max-width: 991px) {
	.nav-toggler {padding: 0; height: 1em;}
	.nav-toggler span {font-size: 16px; top: 0; right: 0;}
	.navbar .navbar-collapse {padding: 0;}
	.navbar .navbar-nav {margin: 0;}
	.navbar-nav > li a {padding: 10px 20px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.navbar.navbar-default{right: 20px}.slide-in-right{opacity: 1 !important; transition: all ease 1s}.slide-in-out{opacity: 0 !important; transition:  all ease-out 1s;}.back{cursor: pointer}ul.sub-menu{transition: all ease 1s}}
@supports (-ms-accelerator:true) {.navbar.navbar-default{right: 20px;}.slide-in-right{opacity: 1 !important; transition: all ease-in 1s}.slide-in-out{opacity: 0 !important; transition:  all ease-out 1s;}.back{cursor: pointer}ul.sub-menu{transition: all ease 1s}}

#header.sticky{position: relative;}

a:hover, a:focus, footer a:hover, footer a:focus, #call-to-action-bar a:hover, #call-to-action-bar a:focus, #contact-page-form textarea, #contact-page-form input {
	color: var(--color-1);
}
#header, #contact-info, .btn:hover, .btn:focus {
	background: var(--color-1);
}
h1 {
	border-bottom: 6px double var(--color-1);
}
.service h2 {
	border-bottom: 2px solid var(--color-1);
}
a, #contact-info a:hover, #contact-info a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: var(--color-2);
}
#call-to-action-bar, footer, .social, .btn, #tagline, #brands, .swiper-pagination-bullet-active, #contact-page-form #gform_submit_button_1:hover, #contact-page-form #gform_submit_button_1:focus, .menu-button .btn {
	background: var(--color-2);
}
.about-content img, .service img, #menu-section img, .map iframe {
	border: 6px solid var(--color-2);
}
h1, .location-container a, .navbar-default .dropdown-menu>li>a:hover, .navbar-default .dropdown-menu>li>a:focus, ul.sitemap-page li a:hover, ul.sitemap-page li a:focus {
	color: var(--color-3);
}
.mobile-nav, .navbar-mobile, #contact-page-form #gform_submit_button_1, .contact-info:not(:last-of-type):after {
	background: var(--color-3);
}
#header {
	border-top: 6px double var(--color-3);
}
#header {
	border-bottom: 8px solid var(--color-3);
}
.navbar-default .navbar-nav>.active>a, .btn, .btn:hover, .btn:focus, #call-to-action-bar,
#call-to-action-bar a, .navbar-default .navbar-nav>li>a, .navbar-default .dropdown-menu>li>a,
.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:focus, #tagline,
#contact-info, #contact-info a, footer a, .menu-button .btn, #contact-page-form #gform_submit_button_1 {
	color: var(--color-4);
}
@media screen and (max-width: 991px) {
	ul.nav-list a, .caret::after, .back::after, .social a, .navbar-nav>li a, .nav-toggler, .nav-toggler span, .mobile-list a {
		color: var(--color-4);
	}
	ul.sub-menu, .nav {
		background: var(--color-3);
	}
}
.social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-icons .link {
  margin: 0 .15em;
}
.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;
  }
}