/* ShopeCo - Custom CSS - Helix Ultimate Template */
/* Customised for SML Experts */

.video-container {
    clear: both;
    height: 0;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 0 none;
}

/**** Image Effect CK ****/

figure.imageeffectck.effectck-sadie {
    border-radius: 10px;
    box-shadow: 0px 0 8px #000;
    border: 1px solid #ffffff;
    background: #7e9c54;
	margin: 10px 0 10px 0;
}
figure.effectck-sadie:hover .imageeffectck_title {
    color: #fff;
    padding: 10px 0px 10px 0px;
    background-color: rgba(105, 125, 70, 0.6);
}
figure.imageeffectck img {
    opacity: 1 !important;
}
figure.effectck-sadie .imageeffectck_title {
    word-spacing: 0rem !important;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 10px 0px 10px 0px;
}

/**** Simple Image Gallery****/

.brSigContainer {
    justify-content: center;
    margin-top: 3rem !important;
}
.brSigLink {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.66) !important;
    border: 4px solid #ffd45f !important;
    background: #7e9c54 !important;
    border-radius: 5px;
}

/**** Smart Slider ****/

.nextend-shadow {
    margin-bottom: -2rem;
}


.button {
    display: inline-block;
    color: #fff !important;
    padding: 0.5rem 0.5rem !important;
    border-radius: 0.33rem;
    background-color: rgba(105, 125, 70, 0.66);
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
}


/**** HTML Basic ****/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
	color: #4b4245;
}

a {
    color: #7e9c54;
    transition: all 0.2s;
}
a:hover {
    color: inherit;
}

.item-content>ul {
    margin-top: -.5rem;
}
.item-content>ul li {
    padding-bottom: .5rem;
}
.article-details ul {
    margin-top: -.5rem;
}
.article-details ul li {
    padding-bottom: .5rem;
}


.body-wrapper #sp-main {
    background-image: url('../../../../images/cartographer-light.png');
	background-color: #eceae6;
}

#sp-header {
    background: #4c4245;
	border-bottom: 5px solid rgba(255, 255, 255, 0.25);
	box-shadow: 0 0 4px 0 rgba(0,0,0,.33);
}
.transparent-menu #sp-header {
	background: rgba(0, 0, 0, 0.6);
    border: none !important;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.33);
}

section#sp-slideshow {
	margin-top: -7rem;
}

#sp-main-body {
    padding: 35px 0 30px 0;
}

p {
    margin-bottom: 1rem;
}

.com-content-category-blog {
    background: rgba(255, 255, 255, 0.5);
    color: #4C4245;
    box-shadow: 0 0 20px #000000;
    border: 1px solid #fff;
    border-radius: 5px;
}

.article-details {
    background: rgba(255, 255, 255, 0.5);
    color: #4C4245;
    box-shadow: 0 0 20px #000000;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 20px;
}

.article-list .article {
    margin-bottom: 0px;
    border: 0px solid #f5f5f5;
}

.article-list .article .featured-article-badge {
    display:none;
}

/**** SML Convert Forms Contact Us Modules Area ****/

#sp-main-bottom .container-inner {
    background-image: url("/images/Contact-Us-Background_1200px.jpg");
    border-radius: 5px;
    background-size: cover;
    background-position: 50% 50%;
    border-top: 4px solid #BCB6A8;
    border-bottom: 4px solid #BCB6A8;
	/* padding: 0rem 2rem 2rem 2rem; */
}
.sp-module.box1 {
    background: rgba(224, 218, 206, 0.8);
    border: 4px solid #BCB6A8;
    border-radius: 5px;
    color: #4C4245;
    padding: 1rem;
    margin: 2rem;
}

.convertforms .cf-input {
    background-color: rgba(166, 158, 139, 0.66) !important;
    border: 2px solid #698146 !important;
}
.convertforms textarea.cf-input {
    background-color: rgba(166, 158, 139, 0.66);
	border: 2px solid #698146;
}


/* HELIX ULTIMATE MEGAMENU START */

span.fas.fa-home {
    padding: 0px;
}

nav.sp-megamenu-wrapper.d-flex {
    justify-self: center;
	/* margin-top: 1rem; */
	/* margin-bottom: 1rem; */
	text-transform: uppercase;
}
.sp-megamenu-parent>li a {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 4px;
    background-color: rgba(105, 125, 70, 0.66);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
    margin-left: .5rem;
}
.sp-megamenu-parent>li>a {
    color: #ffffff;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: inline;
    padding: 1rem 1rem;
}

.sp-megamenu-parent>li.active {
    /* background-color: #ffd45f; */
	/* color: #ffffff; */
}
.sp-megamenu-parent>li:hover {
    /* background-color: #ffd45f; */
	/* color: #ffffff; */
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #ffd45f;
}
.sp-megamenu-parent>li:hover>a {
    color: #ffd45f;
	background-color: #697d46;
	/* font-size: 1.25rem; */
}

.sp-megamenu-parent>li:last-child>a {
    /* padding: 1rem 1rem; */
}

span.sp-menu-heading {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 4px;
    background-color: rgba(105, 125, 70, 0.66);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
    color: #ffffff;
}
span.sp-menu-heading:hover {
    background-color: #697d46;
    color: #ffd45f;
}
.sp-dropdown.sp-dropdown-main.sp-dropdown-mega {
    margin-top: -1rem;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: rgba(0, 0, 0, 0.55);
	border-radius: 6px;
	margin-top: .5rem;
	padding: 0.25rem;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    background-color: #b71c81;
    color: #ffffff;
    padding: 15px 20px;
    display: block;
    margin: 0px 0px 4px 0px;
    border-radius: 0rem;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.7);
    border-radius: 4px 4px 4px 4px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    /* font-size: 1.1rem; */
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: -5rem;
}
.sp-megamenu-parent .sp-mega-group>li>a {
    background-color: rgba(105, 125, 70, 0.66);
	color: #ffffff;
    padding: 10px 15px;
    margin: 0px 0px 4px 0px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
	border-radius: 4px 4px 4px 4px;
	font-size: 1.1rem;
	font-weight: 400;
}
.sp-megamenu-parent .sp-mega-group>li>a:hover {
    color: #ffd45f;
	background-color: #697d46;
}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    float: inherit;
}
	
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    /* top: -225px; */
    /* position: absolute; */
    /* right: 15px; */
}
.burger-icon {
    width: 45px;
    cursor: pointer;
    background-color: #fbbc05;
    border-radius: 5px;
}
.burger-icon>span {
    display: block;
    border-radius: 3px;
    height: 5px;
    background-color: #000;
    margin: 5px;
    transition: background-color .3s ease-in,opacity .3s ease-in,transform .3s ease-in;
}

/**** SML Tips and Tricks  ****/

.tips-and-tricks {
    margin: 0.625rem;
    padding: 0.938rem;
	background-color: #f0f0f0;
    background-image: url('../../../../images/Seth_Maurer_Landscaping_Mulch_Background_2_300px.jpg');
    background-repeat: repeat;
    border: 1px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 8px black;
    color: #4C4245;
    filter: none;
}
#sp-tips-and-tricks .sp-module-title {
    background: rgba(126, 156, 84, 0.76) none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 1px 1px 2px black;
    color: #ffffff;
    padding: 6px;
    text-shadow: 2px 2px 0 #000000;
    display: inline-block;
}
#lnee_153 .latestnews-items {
    background-color: rgba(255, 255, 255, 0.9);
	margin: 0 0 1rem 0;
}
.latestnews-items {
    padding: 10px !important;
    border-radius: 5px;
}

/**** SML Bottom ****/
#sp-bottom {
    background-color: #254020;
    background-image: url('../../../../images/Seth_Maurer_Landscaping_LLC_GrassBlades_Footer.png');
    background-repeat: no-repeat;
    background-position: 50% -25px;
    border-color: rgba(225, 225, 225, 0.1);
    box-shadow: 0 0 10px #000000;
    filter: none;
	padding: 30px 0 20px;
    font-size: inherit;
    line-height: inherit;
}
	
#sp-bottom .row::before {
    content: "";
    display: inline-block;
    background-image: url(/images/SML_Outdoor_Living_Experts.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 60px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

/**** Modules ****/

.sp-module-title {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0 0 1rem;
    position: relative;
    text-transform: uppercase;
}


/* HELIX ULTIMATE FOOTER START */
.sp-scroll-up {
    bottom: 12px;
    right: 60px;
    font-size: 1.2rem;
    color: #ffd45f;
    background: #7e9c54;
    border: 1px solid #ffffff;
	border-radius: 6px;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #7e9c54;
    background: #ffffff;
	border: 1px solid #7e9c54;
}
._access-icon.material-icons {
    left: unset !important;
	right: 12px !important;
	width: 36px !important;
    height: 36px !important;
    font-size: 30px !important;
    line-height: 30px !important;
    text-indent: 0 !important;
    bottom: 12px !important;
	border-radius: 4px;
    box-shadow: none !important;
	padding: 2px 0 0 3px;
}
#sp-footer {
    border-top: 5px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 0 10px #000000;
	   text-align: center;
}
#sp-footer a, #sp-bottom a {
    color: #ffd45f;
}



/********** BEGIN @ MEDIA **********/

@media (width < 575.98px) {
 	
	html {
		font-size: 85% !important;
	}
	
	#sp-header {
        height: 60px;
    }
	
	.logo {
		/* max-width: 320px; */
		/* margin-left: auto; */
		/* margin-right: auto; */
	}	

	.sp-megamenu-parent {
		/* display: inherit !important; */
	}
	
    #offcanvas-toggler {
		/* display: none !important; */
	}
	
	#sp-menu .align-items-center {
    /* justify-content: center !important; */
	}	
	.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-right {
		/* width: 320px !important; */
	}	
	
	.sp-megamenu-parent>li>a {
		font-size: 1.15rem;
	}
	
	#sp-sidebar-right .sp-module {
		/* justify-self: center; */
		/* width: 66%; */
	}

	div#sp-menu {
		/* justify-items: center; */
	}
	div#sp-header-1 {
		/* justify-items: center; */
		/* padding-bottom: 1rem; */
	}
	
    #sp-header.header-sticky {
        position: relative;
        animation: none !important;

    }

	.menus-container {
		/* grid-template-columns: 1fr; */
	}
	
	section#sp-slideshow {
		/* margin-top: 2rem; */
	}

}

@media (width >= 575.98px) {
 	
	html {
		font-size: 85% !important;
	}
	
	.logo {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.sp-megamenu-parent {
		display: inherit !important;
	}
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 1rem;
    padding: .33rem .33rem;
	margin-left: .33rem;
	}
	.sp-megamenu-parent>li:last-child>a {
    padding: .33rem .33rem;
}
	
    #offcanvas-toggler {
		display: none !important;
	}
	
	#sp-menu .align-items-center {
    /* justify-content: center !important; */
	}
	.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-right {
		/* width: 320px !important; */
	}		
	
	#sp-sidebar-right .sp-module {
		justify-self: center;
		width: 66%;
	}

	div#sp-menu {
		/* justify-items: center; */
	}
	div#sp-header-1 {
		justify-items: center;
		padding-bottom: 1rem;
	}
	
    #sp-header.header-sticky {
        position: relative;
        animation: none !important;
    }

	.menus-container {
		/* grid-template-columns: 1fr; */
	}

	section#sp-slideshow {
		/* margin-top: 2rem; */
	}


}


@media (width >= 767.98px) {
	
	html {
		font-size: 90% !important;
	}
	
	.logo {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.sp-megamenu-parent {
		display: inherit !important;
	}
    #offcanvas-toggler {
		display: none !important;
	}
	#sp-menu .align-items-center {
    /* justify-content: center !important; */
	}	
	
	.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-right {
		/* width: 340px !important; */
	}	
	
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
		font-size: 1.25rem;
		padding: .5rem .5rem;
	}
	.sp-megamenu-parent>li:last-child>a {
		padding: .5rem .5rem;
	}
	
	section#sp-slideshow {
		/* margin-top: 2rem; */
	}	

}


@media (width >= 991.98px) {
	
	html {
		font-size: 95% !important;
	}
	
	
	.logo {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}	

	#sp-main-body {
		
	}
	
	div#sp-menu {
    align-self: start;
	}
	
	#sp-menu .align-items-center {
    /* justify-content: flex-end !important; */
	}
	
	.sp-megamenu-parent>li>a {
		font-size: 1.33rem;
		padding: .5rem 1rem;
	}
	.sp-megamenu-parent>li:last-child>a {
		padding: .5rem 1rem;
	}
	
	.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-right {
		/* width: 400px !important; */
	}		
	
	#sp-sidebar-right .sp-module {
		justify-self: unset;
		width: unset;
	}	

	div#sp-menu {
		justify-items: flex-end;
	}
	div#sp-header-1 {
		justify-items: flex-end;
		padding-bottom:	0rem;
	}

    #sp-header.header-sticky {
        position: fixed;
        animation: spFadeIn .5s !important;
    }

	.menus-container {
		/* grid-template-columns: 1fr 1fr; */
	}
	
	figure.effectck-sadie figcaption [class*="title"] {
		font-size: 1.25rem !important;
		line-height: 1rem !important;
	}

	section#sp-slideshow {
		/* margin-top: -14rem; */
	}	

}
	
@media (width >= 1199.98px) {
	
	html {
		font-size: 100% !important;
	}
	
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
		font-size: 1.5rem;
		padding: .5rem 1rem;
	}
	
	figure.effectck-sadie figcaption [class*="title"] {
		font-size: 1.5rem !important;
		line-height: 1.5rem !important;
	}
	
}

@media (width >= 1399.98px) {
	
	html {
		font-size: 110% !important;
	}
	
	.menus-container {
		/* grid-template-columns: 1fr 1fr; */
	}
	
	figure.effectck-sadie figcaption [class*="title"] {
		font-size: 2rem !important;
		line-height: 2rem !important;
	}

	
}
/********** END @ MEDIA **********/