/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: RPM National
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.1
*/

.shadow {
	text-shadow: rgba(0, 0, 0, 0.5) 4px 4px 4px;

}

.small-shadow {
	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
}

.rotate h1, .rotate h2, .rotate h3, .rotate h4, .rotate h5 { 
	transform: rotate(-3deg);
}
.rotate-div { 
	transform: rotate(-0.5deg);
}

h5 {
	font-size: 1.625rem !important;
}

.menu .menu-item a {
}

.opacity { opacity:50% !important; }

a.nectar-button.large.see-through.accent-color {
    font-size: 22px;
}
.nectar-button.large {
	    font-size: 20px;
}

.right-aligned-menu-items .menu-title-text {
    display: none;
}

#header-outer header #menu-social-1 .nectar-menu-icon{
    font-size: 28px !important;
}
#header-secondary-outer .nectar-center-text {
	font-family: 'Raleway';
	text-transform: capitalize;
	font-weight:600;
}

#menu-locations-1 li.locations {
    background-color: #1f71b9;
		padding:20px;
		text-align:center;
}

#menu-locations-1 li.locations a {
	padding:unset !important;
}
#menu-locations-1 li.locations a span{
	color:#fff;
	line-height:1.7em;
}

#menu-locations-1 li.locations:hover a, a.nectar-button:hover, #header-outer header .social .nectar-menu-icon:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}

li.slide-out-widget-area-toggle.small {
    padding-right: 20px;
}


#header-outer ul.sf-menu>li.locations.menu-item-has-icon>a {
    display: flex;
    align-items: center;
    flex-direction: column;
}
#header-outer header .locations .nectar-menu-icon {
    font-size: 38px;
    top: 0;
    vertical-align: middle;
}

#header-outer header .nectar-menu-icon {
    font-size: 26px;
    top: 0;
    vertical-align: middle;
}



#top .sf-menu > li.nectar-regular-menu-item.tel > a > .nectar-menu-icon {
    color: #59B22E;
}

#top .sf-menu > li.nectar-regular-menu-item.facebook > a > .nectar-menu-icon {
	color:#5bcad1;
}
#top .sf-menu > li.nectar-regular-menu-item.twitter > a > .nectar-menu-icon {
	color:#fecb00;
}

#top .sf-menu > li.nectar-regular-menu-item.yelp > a > .nectar-menu-icon, #top .sf-menu > li.nectar-regular-menu-item.google > a > .nectar-menu-icon {
	color:#FF622C
}

#top .sf-menu > li.nectar-regular-menu-item.instagram > a > .nectar-menu-icon {
	color:#59B22E;
}

.left-aligned-ocm, #menu-social-1 {
	padding-left:40px
}


#top .container {
	padding:0 !important;
}
#top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon, .right-aligned-menu-items li a {
    transition: transform .2s ease !important;
}

#top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon:hover, .right-aligned-menu-items li a:hover {
	transform: scale(1.1);
}

.flip-box-back h3.title {
    font-size: 1.625rem;
    line-height: 1.2em;
}

.flip-box-back div.phone, .flip-box-back div.phone-red {
    font-family: "Gamja Flower",Sans-serif;
    font-size: 2.25rem;
    padding-bottom:20px;
}
.flip-box-back div.phone a {
    color: #19bdc5;
}

.flip-box-back div.phone-red a {
    color: #333;
}

.flip-box-front .inner {
    font-size: 2.5rem;
    font-family: "Gamja Flower",Sans-serif;

}

img.img-with-animation.skip-lazy.rounded.animated-in {
    border-radius: 50%;
    width: 225px;
    height :225px;
}

#testimonial .row-bg.viewport-desktop.using-bg-color {
    background-image: url(/wp-content/uploads/2022/08/grass-top.png), url(/wp-content/uploads/2022/08/grass-bottom.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top, center bottom;
}

.testimonial-name {
    text-transform:uppercase;
}


table.hours {
    font-family: "Gamja Flower";
    color: #ff4e00;
		border:unset !important;
}

table.hours td {
	font-size: 22px !important;
	border:unset !important;
}

table.hours tr:nth-child(2n+1) {
    background-color: unset;
}

table.hours td:last-child {
    text-align: right;
}
table.hours td:first-child {
    padding-right: 30px;
}

table.hours td {
	padding:5px 0;
}

.no-stroke h1, .no-stroke h2, .no-stroke h3,.no-stroke h4 { 
	-webkit-text-stroke: unset;
}

.flex .wpb_wrapper {
	display:flex;
	justify-content: center;
	align-items:center;
}

.phone span.link_wrap {
    display: block;
}

#header-outer #top .slide-out-widget-area-toggle a .lines:after, #header-outer #top .slide-out-widget-area-toggle a .lines:before, #header-outer #top .slide-out-widget-area-toggle a .lines-button:after, body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, body.material.mobile #header-outer:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, #search-outer .close-wrap .close-line, #header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line, .nectar-slide-in-cart.style_slide_in_click .close-cart .close-line, .nectar-ajax-search-results h4 a:before {
	background-color:#ff4e00;
}

body .lines, body .lines:after, body .lines:before, .slide-out-widget-area-toggle .lines-button:after {
    height: 4px;
}

#header-outer .left-aligned-ocm .lines:before, body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, body[data-slide-out-widget-area-style=slide-out-from-right-hover] .slide-out-widget-area-toggle.mobile-icon .lines:before {
    width: 100%!important;
}

.material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container li li a, body #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .inner .off-canvas-menu-container li li a {
    font-size: 23px !important;
    line-height: 22px;
}

.off-canvas-menu-container ul li {
    border-bottom: solid 2px #fecb00;
	padding-bottom:10px;
}

.off-canvas-menu-container ul li li {
    border-bottom: unset;
	padding-bottom:unset;
}

#slide-out-widget-area.slide-out-from-right-hover {
	padding:0 !important;
}

#slide-out-widget-area.slide-out-from-right-hover .inner-wrap {
	padding:0 30px !important;
}

#slide-out-widget-area.slide-out-from-right-hover .off-canvas-menu-container {
    min-width: 272px !important;
}

.blog-recent[data-style*=classic_enhanced][data-color-scheme=light] h3.title {
    font-size: 28px;
    line-height: 34px;
    color: #FF4D00;
		-webkit-text-stroke: 0.5px;

}

.meta-category, .post-meta {    display: none !important;
}



.blog-recent[data-style*=classic_enhanced] .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
    padding: 6%;
    position: relative;
    z-index: 100;
    background-color: #F6F6F6;
}

.blog-recent[data-style*=classic_enhanced] .inner-wrap, .masonry.classic_enhanced .masonry-blog-item .inner-wrap {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3pxrgba(0,0,0,.08);
    background: #f6f6f6;
}

.slide-out-widget-area-toggle.slide-out-hover-icon-effect.small {
    display: none;
}


.bottom-meta-wrap {
	width:100%
}

.mbutton-container {
	display:flex;
	width:100%;
}

.mbutton {
	text-align:center;
	width:50%;
}

.mbutton.left {
	background-color:#FFAF00;

}
.mbutton.right {
	background-color:#FF4E00;
}

.mbutton span.title {
	color:#fff;
	font-family:"gamja flower";
	font-size:20px;
	text-transform:uppercase;
}

.mbutton div.separator {
	background-color:#fff;
	height:2px;
	margin: 0 20%;
}
.mbutton i {
	color:#fff;
	font-size: 30px;
	width: 100%;
}

.mbutton a {
    display: block;
    padding: 30px 0;
}

div#slide-out-widget-area {
    flex-direction: column;
}

#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container {
    margin: 50px 0 0 !important;
}

ul.off-canvas-social-links {
    text-align: center;
}

#slide-out-widget-area:not(.fullscreen) .off-canvas-social-links li {
    padding: 0 !important;
}

#slide-out-widget-area .off-canvas-social-links i.fa, #slide-out-widget-area .off-canvas-social-links i.fa-yelp {
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
	color:#fff;
}

#slide-out-widget-area .off-canvas-social-links i.fa.fa-facebook {
	background-color:#3AACC4;
}
#slide-out-widget-area .off-canvas-social-links i.fa.fa-twitter {
	background-color:#ffaf00;
}
#slide-out-widget-area .off-canvas-social-links i.fa.fa-google {
	background-color:#ff4e00;
}
#slide-out-widget-area .off-canvas-social-links i.fa-yelp {
	background-color:#ff4e00;
}
#slide-out-widget-area .off-canvas-social-links i.fa.fa-instagram {
	background-color:#59b22e;
}

#slide-out-widget-area .off-canvas-social-links li a {
    opacity: 1 !important;
}

ul.off-canvas-social-links {
    display: flex;
	flex-direction: row;
}

ul.off-canvas-social-links li:nth-of-type(1) {
    order: 2;
}
ul.off-canvas-social-links li:nth-of-type(2) {
    order: 1;
}
ul.off-canvas-social-links li:nth-of-type(3) {
    order: 3;
}
ul.off-canvas-social-links li:nth-of-type(4) {
    order: 5;
}
ul.off-canvas-social-links li:nth-of-type(5) {
    order: 4;
}
.bottom-meta-wrap h2 {
	text-align:center;
	font-size: 45px;
	line-height: 1;
}

#slide-out-widget-area.slide-out-from-right-hover .off-canvas-social-links {
    margin-top: 0px !important;
}

body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:hover:after, #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.current-menu-item a::after {
	display:none
}


#slide-out-widget-area.slide-out-from-right-hover .bottom-meta-wrap {
    margin-top: unset !important;
}

.off-canvas-menu-container a { width:100%;}

.off-canvas-menu-container.mobile-only {
    display: none !important;
}
.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner a img.img-with-animation:hover {
	transition: transform 0.3s ease;
}

.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner a img.img-with-animation:hover {
    transform: scale(1.1) !important;
}

/* Keep this at the end of the file! */
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
}