/*
Theme Name: abccrane
Theme URI: https://dev.snworks.com/abccrane/wp-content/themes/abccrane
Author: Synergy Web Design and Marketing - Lora Champion
Author URI: https://snwebdm.com/
Description: This theme works best with Elementor, although you can also use blocks with it (remove bottom section from functions.php to enable block editor). Recommended plugins: Elementor, Yoast, Contact7, woocommerce, ultimate member
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, block-styles, wide-blocks
Version: 1:012422
Requires at least: 5.0
Tested up to: 5.8.3
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: abccrane
This theme, like WordPress, is licensed under the GPL.
Tested up to: 5.8
Requires PHP: 7.0
*/

	html {
		scroll-behavior: smooth;
	}
	
	html, body {
		overflow-x: hidden;
	}
	

	
	body {
    letter-spacing: calc((.9375rem + .125*(100vw - 20rem)/(73.75))/1000*0);
    font-size: .9375rem;
    background: #fff;
    color: #5a5a5a;
font-family: 'Josefin Sans', sans-serif;
    -webkit-font-feature-settings: "liga","kern";
    font-feature-settings: "liga","kern";
    -webkit-font-kerning: normal;
    font-kerning: normal;
    font-smoothing: antialiased;
    font-weight: 300;
    hyphenate-limit-chars: 6 3 2;
    hyphenate-limit-lines: 2;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 120rem;
    text-rendering: optimizeLegibility;
}

.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon {
    color: #270B04!important;
}

/* .container-fluid {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
	padding: 0 3.125rem;
	margin: 0 auto;
    max-width: 100rem;
    min-width: 20rem;
}
*/
	
	.text-green {color: #000033; }
	.phone {
    font-size: 24px;
    right: 1;
    right: 1px!important;
    top: 38%;
}
	.phone:hover  {color: #0099ff; }
	
	
	 body.elementor-editor-active  .top-bar,
	body.elementor-editor-active .sticky {
		position:relative!important;
		display:none;
	} 
	
	/* .top-bar {
		background-color: rgba(255,255,255,1)!important;
		transition: all 1s; 
		position:relative;
		z-index:9999;
		width:100%;
		transition: all 1s;
		
		box-shadow: 0px 0px 8px rgba(0,0,0,.3)!important;
	}  */
	
	.top-bar {

		background-color: rgba(255,255,255,.85)!important; 
		transition: all 1s;
		position:fixed; 
		z-index:9999;
		width:100%;
		margin:0 auto;
		max-width:1920px;
	}
	

.topinfo, .topinf a {color:#fff;}
/* #myHeader.sticky 	.topinfo {background:#fff; transition: all 1s;}
#myHeader .topinfo {background:#000; }	 */
	
	#logosection {
	}
	
	
	#second {	
	}
	

	
	
	#myHeader.sticky .top-bar {
/*	position:fixed;   */
		background-color: rgba(255,255,255,1)!important;
		transition: all 1s;
		box-shadow: 0px 0px 8px rgba(0,0,0,.3)!important;
	}
	
	#myHeader {
  /*  position: relative; */
    top: 0px;
	transition: all 1s;
	background:#000;
	}  
		
	/* The sticky class is added to the header with JS when it reaches its scroll position */
	.sticky {
		  position: fixed;
		  width: 100%;
		  z-index:99999;
		  top:0;
		  	transition: all 1s;
	}

	/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
	.sticky + .site-header{
		  padding-top: 102px;
		  	transition: all 1s;
	}
	
	.sticky .logo { max-width: 100px;  transition: all 1s;}
	
	.sticky 	#logo h1 {
		font-size:18px;
		text-decoration:none;
		transition: all 1s;
		margin-bottom: 0;
		
	}

	.logo { 
		transition: all 1s;
	}
	
	#logo h1 {
		font-size:24px;
		text-decoration:none;
		transition: all 1s;
		color:#fff;
		padding-top:12px;
		font-family: 'Josefin Sans', sans-serif;
	}
		
	#logo { text-decoration:none;}
	
	h1, 
	p, 
	a.mega-menu-link {
		font-family: 'Josefin Sans', sans-serif!important;
	}
		
	h2  {
font-family: 'Josefin Sans', sans-serif!important;
    font-weight: 700;
    font-size: 64px;
    line-height: 1.1em;
    text-align: center;
  /*   text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4); */
}

/*
svg.bi.bi-facebook,
svg.bi.bi-google {
    height: 20px!important;
    width: 20px!important;
	fill: white!important;
	margin:0 6px;
}


svg.bi.bi-geo-alt-fill,
svg.bi.bi-phone-fill {
	  height: 20px !important;
    width: 20px !important;
	fill:#df6c20!important;
}
*/

.btn-warning {background-color:#ffff00;}

.phonenumber a {text-decoration:none; color:#fff; font-size:14px;}


a.btn-quote {
    background-color: #e76a0e;
    padding: .3em 1em 0;
    margin: 6px 0 6px;
    border-radius: 0;
    color: #fff!important;border: solid 1px #e7e40e;
}

#homeslider {background-color: #000;}

.fas.fa-chevron-right {font-size:29px;}


.mega-indicator:after {display:none!important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
   
    color: #000;
    display: -webkit-box;
    display: flex;
    text-transform: uppercase;
    white-space: nowrap;
	font-size:18px!important;
}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link.dashicons-search:hover{

		  text-decoration-color: transparent!important;
}



	.mega-current_page_item a  {
		  --offset: 0.4em!important;
	  text-decoration-color: #ff9900!important;
	   transition: text-decoration-color 300ms!important;
	  text-underline-offset: var(--offset, 0.2em)!important;
	  text-decoration: underline 0.15em!important;
	  transition: --offset 400ms, text-decoration-color 400ms!important; 
	  -webkit-font-smoothing: antialiased;
	}


	.mega-menu-item a:hover {
		  --offset: 0.4em!important;
	  text-decoration-color: #ff9900!important;
	   transition: text-decoration-color 300ms!important;
	  text-underline-offset: var(--offset, 0.2em)!important;
	  text-decoration: underline 0.15em!important;
	  transition: --offset 400ms, text-decoration-color 400ms!important; 
	    font-weight: 400!important; 
	}





	
	input, textarea {
		padding: 1em;
		border-radius: 12px;
		border: 1px solid #ccc;
	}
	
	.wpcf7 label,  span.wpcf7-form-control-wrap, input.wpcf7-form-control , textarea {width:100%!important}
	
	.robo-gallery-wrap-id1656:not(#no-robo-galery) .rbs-img-container {
    border: 5px solid #f4f4f8!important;
	border-radius:0!important;
	padding:0!important; 
}
	footer {background: #000;}
	.footer-logo {max-width:60px;}
	.logo-text {color:#fff;}
	
	
	
		#mega-menu-wrap-primary {font-family: 'Fira Sans', sans-serif!important;}

.site-footer, .site-footer a {
	text-decoration:none;
	color:#fff;
}
	
	/*    *************************************   Media   *************************************** */
	
@media screen and (max-width: 991px) {
	
	
	.topphone{
		margin:14px 0 6px;

	}
	
	.sticky {
		position: relative;

	}
	
	#mega-menu-wrap-primary  {
		top: 38px;
		position: absolute;
		right: 25px;
	}
	
	.phone {
		font-size: 24px;    position: absolute;
	}
	
	
	.logo { 
		max-width:200px;
	}
	
	#mega-menu-wrap-primary .mega-menu-toggle {
		max-width: 52px!important;
		float: right!important;
		position: absolute!important;
		right: 0!important;
	}
	
	
	body.home .top-bar {
		background-color: rgba(255,255,255,.8)!important;
		transition: all 1s;
		position: relative;
		z-index: 9999;
		width: 100%;
	}
	.top-bar {
		background-color: rgba(255,255,255,1)!important;
		transition: all 1s;
		position: relative;
		z-index: 9999;
		width: 100%;
		transition: all 1s;
		box-shadow: 0px 0px 8px rgba(0,0,0,.3)!important;
	}
	
}