﻿/*!
Theme Name:		Page Builder Framework – Child
Author: 		OrbitZen
Author URI: 	https://mapsteps.com
Description:	Page Builder Framework Child Theme
Version: 		1.1
License:		GNU General Public License v3 or later
License URI:	https://www.gnu.org/licenses/gpl-3.0.html
Tags: 			one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, full-width-template, custom-logo, custom-background, threaded-comments, blog, e-commerce
Template:		page-builder-framework
Text Domain:	page-builder-framework-child
*/

#menu-main-menu .menu-item-3389 .sub-menu { width: 160px; right: 0 }
#navigation a, #mobile-navigation a, #menu-client-login a {text-decoration: none;}

.elementor-post__excerpt p::after { content: '...'}

.note-bg .elementor-column-wrap {background-size:100% 100% !important}
.sidebar-right ul, .sidebar-right ul li {list-style: none; padding: 0; margin: 0}
.sidebar-right ul li a, .widget_product_categories ul li a, .widget_categories ul li a { border-bottom: 1px #dedee5 solid; padding: 12px 0; display: block; color:#37434c; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 1; }
.sidebar-right ul li a:hover, .sidebar-right ul .current-menu-item a, .widget_product_categories ul li a:hover, .widget_product_categories ul .current-cat a, .elementor-widget-portfolio .elementor-portfolio__filter:hover {color: #fc674c; }

.cart-empty, .return-to-shop {text-align: center}
.woocommerce a.button, .woocommerce button.button {background-color: #37434c!important; border-radius: 50px; padding-left: 20px; padding-right: 20px; font-size: 13px; text-transform: uppercase}
.woocommerce a.button:hover, .woocommerce button.button:hover {background-color: #fc674c!important}

.price_slider_amount .button {padding: 10px 20px!important}

.sub-menu li:first-child { padding-top: 10px}
.sub-menu li:last-child {padding-bottom: 10px}

.wpbf-sub-menu > .menu-item-has-children:not(.wpbf-mega-menu) .sub-menu {width: 290px}

.sidebar-blog ul li a {border-bottom: 1px #dedee5 solid; padding: 10px 0; display: block; color: #37434c}
.sidebar-blog ul li a:hover, .sidebar-blog ul .current-cat a {color: #fc674c}

.sidebar-blog .wpbf-widgettitle { font-size: 27px; color: #37434c  }

.sidebar-blog .widget { margin-bottom: 40px} 

.single-product .elementor-element-7858ae1 .elementor-heading-title { font-size: 0px!important}

.wpbf-sidebar .widget, .elementor-widget-sidebar .widget {background-color: transparent!important; padding: 0}

#reply-title {border: 0; margin-top: 0px}

.wpbf-mobile-menu-container nav {}
.wpbf-navigation-transparent.wpbf-navigation-active .wpbf-mobile-menu-toggle { color: inherit}

.wpbf-404-content { min-height: 600px}

.related .wpbf-grid-large-1-3 > * {width: 25%}

.elementor-pagination {margin-top: 40px}

hr {border-top: 1px #ddd solid!important; margin-bottom: 30px!important; border-bottom: 0!important}
h6 {font-size: 13px}

.hilite {background-color:#fc674c; color: #fff;  }

@media only screen and (max-width: 763px) {
	.related .wpbf-grid-large-1-3 > * {width: 50%}
	
}

@media only screen and (max-width: 430px) {
	.related .wpbf-grid-large-1-3 > * {width: 100%}
	
}




#home-hero .elementor-nav-menu .menu-item a { border-left: 0px #e4e8ed solid; padding-right: 30px; }
#home-hero .elementor-nav-menu .menu-item a:hover {border-color: #464f58}


.wpbf-sub-menu > .menu-item-has-children > a::after, .sub-menu .menu-item-has-children a::after  { color: #ccc!important}
.wpbf-menu .menu-item-1400 a {border: 2px #fc674c solid; border-radius: 50px;  }
.wpbf-menu .menu-item-1400 a:hover {background-color: #464f58!important; color: #fff!important; border-color: #464f58}
.wpbf-menu .menu-item-1400 a {padding: 10px 30px 10px 30px !important; line-height: 1 !important;background-color: #fc674c; color: #fff!important;}
#menu-item-1400.current-menu-item > a {background-color: #fc674c; color: #fff!important;}

.wpbf-sub-menu > .menu-item-has-children > .sub-menu {border-radius: 5px!important}

.footer-nav ul {list-style: none; padding: 0; margin: 0;}
.footer-nav ul li a { padding: 8px 0; display: block; font-size: 14px; text-transform: uppercase; font-family: 'Roboto'; font-weight: 500}

.sidebar-blog .widget_archive li a {  padding: 6px 20px 6px 0; font-size: 14px; display: inline-block; float: left; border-bottom: 0;  }

.elementor-pagination .dots { color: rgba(55,67,76,0.61)}


.elementor-widget-testimonial-carousel .elementor-testimonial__image img {width: auto; }


.about-carousel h2 {font-size: 25px; color: #464F58; text-transform: none;  }
.about-carousel a { display: inline-block; margin-top: 20px; font-weight: 500}


.home-btn-services a {color: #9ca7b1}
.home-btn-services a:hover {color: #fc674c}


.archive .blog-archive-title .elementor-heading-title {color: #fc674c}
.archive .blog-archive-title .first-word {color: #464F58}


.body-text h3 { margin: 10px 0 10px 0} 
.body-text ul { padding-top: 15px; padding-bottom: 0px; margin-bottom: 0}
.body-text ul li {line-height: 1.3; padding-bottom:15px }


/*--- START ben footer styling added sept/oct 2020 --- */
.bs-footer-nav-list a, .bs-footer-contact-text a {color: #464F58;}
.bs-footer-contact-text a {text-decoration:underline;}
.bs-footer-nav-list a:hover, .bs-footer-contact-text a:hover {color: #FC674C!important;}

.bs-footer p {line-height: 0.75em;font-size:.8em;}

.bs-footer-contact-btn a {color:#000000; text-decoration:none;}
.bs-footer-contact-btn a:hover {color:#fff!important;background-color:#000;box-shadow: 0px 0px 4px #808080;}

.bs-footer-contact p {line-height: 1.5em;}

.bs-footer-menu h6 {line-height: 1em; font-size: 1em;}

.bs-subfooter a {color: #000;}
.bs-subfooter a:hover {text-decoration: underline;}
.bs-subfooter p {margin: 0; padding: 5px 0;}

/* ---- theme has breadcrumb font at 14pt which is too small -ss  ---------*/
#breadcrumbs{font-size:.7em}

@media only screen and (max-width: 767px) {
	.bs-footer-contact-text p {text-align:center!important;}
}

/*--- END ben footer styling added sept/oct 2020 --- */


/*--- START ben anchor jump link scrolling fix 9/23/2020 - updated 5/5/2022 --- */
div.elementor-menu-anchor, span.elementor-menu-anchor{
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/*--- END ben anchor jump link scrolling fix --- */

/* -------- slider image and percent - style for mobile -ss  */
@media only screen and (max-width: 480px)  {
div.column.sSliderOne, div.column.sSliderTwo {
  width: 100%;
  padding: 40px 30px 20px 50px;
}

















