/*

Theme Name: Sjoberg Tool Theme

Description: Sjoberg Tool Theme Built off Avada

Author: Ocreative

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

Template: Avada

Version: 1.0.0

Text Domain:  Avada

*/

/* Text Styling */

.black-arrow a {color:#231e20 !important;}
.black-arrow a:hover {color:#a9c332 !important;}

.arrow-link a {font-weight:bold !important;}

.arrow-link img {display:inline-block !important; margin-top:3px !important;} 

.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; 
}

.white-links a {color:#FFF !important;}
.white-links a:hover {color:#a9c332 !important;}

.text-group h6, .text-group h3 {margin-bottom:0px !important; margin-top:0px !important;}

.text-group h3 {font-size:48px !important; line-height:54px !important;}

.text-group p, .text-group h4 {margin-top:0px !important;}

.smaller-h3 h3 {font-size:44px !important; line-height:50px !important;}

.page-id-22 strong {font-weight:700 !important;}

/* Misc Styling */

.margin-right .fusion-column-wrapper {margin-right:-5% !important;}

/* Button Styling */

.white-outline-button {
    background:transparent !important;
    border:2px solid #FFF !important;
    color:#FFF !important;
    padding:8px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
}

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

.white-button {
    background:#FFF !important;
    border:2px solid #FFF !important;
    color:#000 !important;
    padding:8px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
}

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

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

.black-button:hover {
    color:#FFF !important;
    border:2px solid #aac333 !important;
	background-color:#aac333 !important;
}


.wp-image-83 {display:inline-block !important; margin-top:3px !important;}


/* Link Styling */

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

.white-link {
  display: inline-block;
  font-weight:bold;
}

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

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

.black-link {
  display: inline-block;
  font-weight:bold;
}
 
.black-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(61,65,69,0.50);
  transition: 300ms;
  margin:0px auto;
}


/* 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;
    
}

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


/* Custom Bullet List */

.check-list li {
    background: url(/wp-content/uploads/2024/03/CheckMark-Green.png) no-repeat 7px 2px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 12px 54px;
    vertical-align: middle;
}

.green-check-list ul {padding-left:0px !important;}

.green-check-list li {
    background: url(/wp-content/uploads/2024/03/Arrow-Green.png) no-repeat 7px 5px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 5px 34px;
    vertical-align: middle;
}

/* Footer Styling */

.footer-links a {font-size:20px !important; line-height:36px !important;}

/* Header Styling */

#menu-top-menu {padding-top:0px !important;}

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

.fusion-logo {margin-top:-15px !important;}

#menu-item-134 {padding:7px 10px; background-color:#aac331 !important; font-weight:bold !important; margin-left:10px !important; display:inline-block !important;}

#menu-item-134:hover {background-color:#28367b !important}

#menu-item-134 .menu-text {padding-top:27px !important;}

#menu-item-134 img {margin-right:-14px !important; margin-left:-13px !important;}

.text-shadow h1 {text-shadow: 3px 3px 15px #6e6e6e;}

.fusion-dropdown-submenu a {font-weight:bold !important;}

/* Homepage Styling */

.flip-box-back-inner {text-align:left !important;}

.flip-box-front-inner {text-align:left !important; padding:120px 30px 30px 30px !important;}

.flip-box-front h6 {color:#a9c332 !important;}

.flip-box-front h6:after {content: url('/wp-content/uploads/2024/01/Button-Arrow_GREEN-Flip.png'); padding-top:5px !important; display:inline-block !important;}

.flip-box-back a {font-weight:bold !important; color:#FFF !important;}

.flip-box-back, .flip-box-back p {font-weight:bold !important;}

.flip-box-front {min-height:460px !important;}

.fusion-flip-boxes {margin-bottom:5px !important;}

/* Capabilties */ 

.image-swapper a {
	color:#231e20 !important;
	margin-left:10px !important; 
	margin-right:10px !important;
	font-weight:bold !important;
}

.image-swapper a:first-child {margin-left:0px !important;}

.image-swapper a:hover {color:#a9c332 !important;}

/* About Us */

.display-counter, .counter-box-content {font-weight:bold !important;}

/* Open Positions */

.open-positions strong {font-size:22px !important; line-height:26px !important;}

.job-listings .fusion-toggle-heading {font-weight:normal !important; font-style:italic !important;}

/* Forms */

.fusion-form-field {margin-top:0px !important; margin-bottom:10px !important;}

.quote-form .fusion-column-wrapper {margin-left:0px !important;}

.contact-form .fusion-column-wrapper {margin-left:0px !important;}

.bold-label label {font-weight:bold !important;}

/* Contact Page */

.social-media-icons img {margin-right:20px !important;}

/* Post Styling */

.post .flexslider {margin:0px auto !important;}

/* Blog Feed Styling */

.fusion-post-wrapper .fusion-flexslider {border:0px !important;}

.fusion-post-content-wrapper {padding:15px 10px !important;}

h4.blog-shortcode-post-title {
	font-weight:bold !important; 
	font-size:22px !important; 
	line-height:29px !important;
}

.fusion-posts-container p {
	font-size:18px !important; 
	line-height:25px !important;
}

.fusion-post-wrapper {border:0px !important;}

/* 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;
}

/* 404 Page */

.error404 #main {padding-top:100px !important; padding-bottom:80px !important;}

.error404 .fusion-secondary-header {background:#231e20 !important;}

/* Image hovers

.wp-image-452, .wp-image-298, .wp-image-512, .wp-image-513, .wp-image-514, .wp-image-515, .wp-image-499, .wp-image-500, .wp-image-501 {transition: all 0.5s ease-in-out;}  */ 

/* Responsive Styling and Media Queries */

/* Mobile Menu */

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

/* Media Queries */

@media screen and (max-width:1366px) {

	h1 {font-size:60px !important; line-height:70px !important;}
	h2 {font-size:46px !important; line-height:52px !important;}
	h3, .text-group h3, .smaller-h3 h3 {font-size:46px !important; line-height:52px !important;}
	h4 {font-size:26px !important; line-height:32px !important;}
	h5 {font-size:32px !important; line-height:38px !important;}
	h6 {font-size:22px !important; line-height:28px !important;}
	p, ul, li, .fusion-accordian .toggle-content {font-size:19px !important; line-height:25px !important;}
	
	
	.flip-box-front-inner {text-align:left !important; padding:50px 2px 2px 2px !important; font-size:18px !important; line-height:24px !important;}
	
	.fusion-counters-box .content-box-counter {font-size:40px !important; line-height:46px !important;}
	
	.image-swapper a {padding-bottom:10px !important; display:inline-block !important;}
	
	.explore a {display:block !important; text-align:center !important;}


}

@media screen and (max-width:1160px) {
	
	.fusion-header-wrapper .fusion-row {padding-left:0px !important; padding-right:0px !important;}
	
	.fusion-main-menu>ul>li {padding-right:25px !important;}
	
	.fusion-logo {width:220px !important;}
	
}

@media screen and (max-width:1024px) {
	
	.check-list ul {margin-bottom:0px !important; margin-top:0px !important;}
	
	.image-swapper a:hover {color:#000 !important;}
	
	.image-swapper a {margin-left:5px !important; margin-right:5px !important;}
	
	.image-swapper a:first-child {margin-left:5px !important;}
	
	.fusion-footer-widget-area {text-align:center !important;}
	
	.background-removal {background:none !important;}
	
	.border-removal, .border-removal .fusion-column-wrapper {border:0px !important;}

	
	h1 {font-size:38px !important; line-height:44px !important;}
	h2 {font-size:30px !important; line-height:36px !important;}
	h3, .text-group h3, .smaller-h3 h3 {font-size:30px !important; line-height:36px !important;}
	h4 {font-size:22px !important; line-height:28px !important;}
	h5 {font-size:26px !important; line-height:32px !important;}
	h6 {font-size:20px !important; line-height:26px !important;}
	p, ul, li, .flip-box-front, .fusion-accordian .toggle-content {font-size:18px !important; line-height:24px !important;}
	
	.flip-box-front {min-height:360px !important;}
	
	.fusion-secondary-header {display:none !important;}

}