/*

Theme Name: GroWall Theme

Description: Child Theme for Avada by Ocreative

Author: Ocreative

Author URI: https://www.ocreative.com

Template: Avada

*/

/* Text Styling */

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text li, .white-text .vfb-control-label, .white-text { 
	color:#FFF !important;
}

.small-text p {
	font-size:14px !important;  
	line-height:18px !important;
}

h1, h2, h3 {text-transform:uppercase !important;}

/* Button Styling */

.white-outline-button {
    background:transparent !important;
    border:3px solid #FFF !important;
    color:#FFF !important;
    padding:10px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
	font-weight:bold !important;
}

.white-outline-button:hover {
    color:#000 !important;
    border:3px solid #FFF !important;
	background-color:#FFF !important;
}

.black-outline-button {
    background:transparent !important;
    border:3px solid #000 !important;
    color:#000 !important;
    padding:10px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
	font-weight:bold !important;
}

.black-outline-button:hover {
    color:#FFF !important;
    border:3px solid #000 !important;
	background-color:#000 !important;
}

.black-button {
    background:#000 !important;
    border:3px solid #000 !important;
    color:#FFF !important;
    padding:10px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
	font-weight:bold !important;
}

.black-button:hover {
    color:#000 !important;
    border:3px solid #000 !important;
	background-color:transparent !important;
}

.white-button {
    background:#FFF !important;
    border:3px solid #FFF !important;
    color:#000 !important;
    padding:10px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
	font-weight:bold !important;
}

.white-button:hover {
    color:#FFF !important;
    border:3px solid #FFF !important;
	background-color:transparent !important;
}

.white-button a, .white-text .white-button a {
	color:#000 !important;
}

.white-button a:hover, .white-text .white-button a:hover {
	color:#FFF !important;
}

/* Link Styling */

.white-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.white-link {
  display: inline-block;
  font-weight:bold;
  color:#FFF !important;
}

.white-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background: #FFF;
  transition: 300ms;
}

.black-link:hover::after, .black-links a:hover::after {
  width: 25%;
  margin:0px auto;
}

.black-link, .black-links a {
  display: inline-block;
  font-weight:bold;
  color:#000 !important;
}
 
.black-link::after, .black-links a::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(0,0,0,1.00);
  transition: 300ms;
}

.black-link2:hover::after{
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(0,0,0,1.00);
  transition: 300ms;
}

.black-link2 {
  display: inline-block;
  font-weight:bold;
  color:#000 !important;
}
 
.black-link2::after{
  height: 2px;
  display: block;
  background:rgba(0,0,0,1.00);
  transition: 300ms;
}


/* Misc Styling */

.background-contain .fusion-column-wrapper, .background-contain {
    background-size:contain !important;
    
}

.background-cover .fusion-column-wrapper, .background-cover {
    background-size:cover !important;
    
}

.background-auto .fusion-column-wrapper, .background-auto {
    background-size:auto !important;
    
}

.background-auto-container {
    background-size:auto !important;
}

.uppercase {
	text-transform:uppercase !important;
}



.pad-bottom {
	padding-bottom:15px !important;
}

.pad-bottom-small {
	padding-bottom:5px !important;
}

.pad-bottom-large {
	padding-bottom:30px !important;
}

.pad-top {
	padding-top:15px !important;
}


.pad-top-small {
	padding-top:5px !important;
}

.pad-top-large {
	padding-top:30px !important;
}

/* Header Styling */

.fusion-page-title-bar h1 {
	font-size:48px !important; 
	line-height:54px !important;
}

#menu-main-menu {margin-top:40px !important;}

#menu-item-434 a {
    background:transparent !important;
    border:3px solid #000 !important;
    color:#000 !important;
    padding:10px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
	height:auto !important;
}

#menu-item-434 a:hover {
    color:#FFF !important;
    border:3px solid #000 !important;
	background-color:#000 !important;
}


/* Homepage Styling */

.large-green-text {
	font-size:120px !important; 
	line-height:128px !important;
	color:#056630 !important
}

/* Contact */

.btn-primary {
    background:#000 !important;
    border:3px solid #000 !important;
    color:#FFF !important;
    padding:10px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
	font-family:"Roboto";
	font-size:20px !important;
}

.btn-primary:hover {
    color:#000 !important;
    border:3px solid #000 !important;
	background-color:transparent !important;
}

input, textarea {
	background:#f2f2f2 !important; 
	border-radius:0px !important;
	color:#000 !important;
}

/* Custom Bullet List */

.check-list li {
    background: url(/wp-content/uploads/2021/02/Services-ICON-CheckMark.png) no-repeat 7px 2px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 1px 54px;
    vertical-align: middle;
}

/* Animation Styling */ 

.resp-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 82.25%;
}

.resp-iframe-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Blog */

.blog-shortcode-post-title {margin-top:0px !important;}

.blog-shortcode-post-title a {
	color:#000 !important;

}

.fusion-read-more {
	color:#000 !important; 
	text-decoration:underline !important; 
	font-size:18px !important; 
	font-weight:bold !important;}

.fusion-body .fusion-content-sep.sep-solid {display:none !important;}

/* Title Bar */

.fusion-page-title-wrapper h1 {text-transform:none !important;}

/* Homepage Styling */
  
.pond-shoreline-box .fusion-column-wrapper:hover, .raised-gardens-box .fusion-column-wrapper:hover, .retaining-wall-box .fusion-column-wrapper:hover {
	background-color:transparent !important; 
	transition-duration: 1s !important;
}

	
.footer-icon {width: 33px !important; float: left !important;}


/* Responsive Styling and Media Queries */
  
/* Mobile Menu */

.fusion-mobile-menu-icons a {
	font-size:34px !important;
}

/* Media Queries */

@media screen and (max-width:1700px) { 
	
	.large-green-text {
    font-size: 98px !important;
    line-height: 106px !important;
}
	
}

@media screen and (max-width:1400px) {
	
	.large-green-text {
    font-size: 78px !important;
    line-height: 84px !important;
}
	
	.fusion-header {padding-left:2px !important; padding-right:2px !important;}
	
}

@media screen and (max-width:1300px) {
	
	.fusion-header .fusion-row {padding-left:5% !important; padding-right:5% !important;}
	
}

@media screen and (max-width:1160px) {
	
	.fusion-header .fusion-row {padding-left:1% !important; padding-right:1% !important;}
	
}

@media screen and (max-width:1130px) {
	
	.large-green-text span, .large-green-text h5 {margin-left:0px !important;}
	
	.home-title-bar h5 {margin-left:0px !important;}
	
}

@media screen and (max-width:1080px) {
	
	.fusion-main-menu>ul>li {padding-right:20px !important;}
	
}

@media screen and (max-width:1060px) {
	
	.fusion-mobile-menu-icons a {font-size:44px !important; margin-top:20px !important;}
	
	.fusion-mobile-nav-item a {padding-top:5px !important;}
	
	/* Misc */
	
	.mobile-ul-fix ul {margin-bottom:0px !important; margin-top:0px !important;}
	
	.mobile-text-align {text-align:center !important;}
	
	.mobile-text-align a {text-align:center !important; display:block !important;}
	
	.black-outline-button {margin-right:0px !important;}
	
	.background-removal {background:none !important;}
	
	.border-removal {border:0px !important;}

	.padding-removal .fusion-column-wrapper {
		padding-left:0% !important; 
		padding-right:0% !important;
	}

	.padding-fix .fusion-column-wrapper, .padding-fix .fusion-content-layout-column {
		padding-left:6% !important; 
		padding-right:6% !important;
	}

	.container-padding-fix {
		padding-left:6% !important;  
		padding-right:6% !important; 
	}
	
	/* contact form */
	
	.vfb-name-block .vfb-col-6 {padding-left:0px !important; padding-right:0px !important;}
	
	
}

@media screen and (max-width:1024px) {
	
	/* Header */
	
	.fusion-header, .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header {padding-top:20px !important;}
	
	.home-title-background {background-color:rgba(255,255,255,0.50) !important;}
	
	/* Footer */
	
	.fusion-footer {text-align:center !important;}
	
	.fusion-footer-widget-area {padding-top:40px !important; padding-bottom:40px !important;}
	
	.footer-icon {width: 100% !important; float: none !important; display:block !important; text-align:center !important;}
	
	#black-studio-tinymce-3 p {margin-top:10px !important;}
	
}

@media screen and (max-width:800px) {
	
	.large-green-text {font-size:60px !important; line-height:66px !important;}
	
}