/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/*===============================
=            GLOBALS            =
===============================*/


.hero {
	{
	background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f26567), color-stop(0%, rgba(169, 33, 143, 0.75)), color-stop(50%, rgba(247, 148, 29, 0.5)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url('/wp-content/uploads/2020/12/POroductBGAbrstact-opt.jpg');
    background-image: linear-gradient(180deg, #f26567, rgba(169, 33, 143, 0.75) 0%, rgba(247, 148, 29, 0.5) 50%, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url('/wp-content/uploads/2020/12/POroductBGAbrstact-opt.jpg');
}
}

/*=====  End of GLOBALS  ======*/



/*==============================
=            HEADER            =
==============================*/

.header-logo-text {
    max-height: 48px;
    transition: max-height .1s ease-in;
}
.fl-theme-builder-header-scrolled.fl-theme-builder-header-shrink .header-logo-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease-in;

}

.header-social {
    position: absolute;
    right:20px;
	z-index: 10;
}


/*=====  End of HEADER  ======*/

/*=================================
=            HOME PAGE            =
=================================*/

.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 180px;
}

.hero.home,
.purple-to-blue {
	background-color: transparent;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(169, 33, 143, 0.65)), color-stop(75%, rgba(0, 174, 239, 0.5)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url('/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg');
    background-image: linear-gradient(180deg, rgba(169, 33, 143, 0.65), rgba(0, 174, 239, 0.5) 75%, #fff), linear-gradient(180deg, hsl(0deg 86% 35% / 65%), hsla(0, 0%, 100%, 0.65)), url('/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg');
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, fixed;
}


.three-wide-callouts-col-bg .fl-col-group.fl-col-group-nested{
    width: 110%;
}

.home-workstation-listing .fl-module-content {
    background: #f7f7f7;
    padding: 20px;
    border: 1px solid #fed103;
    border-left: 3px solid #3abefa;
    box-shadow: 5px 5px 20px #e2e2e2;
}

.home-workstation-listing .fl-module-content ul li {
    line-height: 1.4;
	font-size: 18px;
}

.home-section-heading h2.fl-heading {
    border-style: solid;
    border-image: linear-gradient( to left, #c9f1ff 1%, #3abefa 100% ) 0 0 100% 0/0 0 5px 0 stretch;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

/*.home-page-container-row [id] {
  scroll-margin-top: 150px;
}*/

#rental-inventory-menu-module .nav span {
    background: #f7f7f7;
    border-radius: 5px 5px 0 0;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 5px;
}

#rental-inventory-menu  {
	width: 100%;
    padding: 0;
    font-size: 15px;
    border: 1px solid #ddd;
    border-radius: 0 5px 5px 5px;
	box-shadow: 5px 5px 20px #ddd;
}

#rental-inventory-menu li {
    list-style: none;
}

#rental-inventory-menu li a {
    display: block;
    padding: 5px;
    margin-bottom: 2px;
    background-color: #f7f7f7;
    color: #4d566d;
    font-weight: bold;
}

#trigger-configured-systems {
    font-size: 16px;
	cursor: pointer;
    display: block;
    padding-left: 20px;
    width: 100%;
    font-weight: bold;
    color: #666;
    background: #3abef9;
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#configured-systems {
	list-style: square;
	background: #f8f8f8;
    width: 100%;
    font-weight: bold;
}

#configured-systems a {
    font-size: 16px;
    color: #666;
}


.sticky.horizontal-quick-search {
    position: sticky;
    position: -webkit-sticky;
    top: 130px;
    background: #fff;
    z-index: 10;
}

.sticky.quick-search.horizontal-quick-search.ready-to-rent {
    position: sticky;
    position: -webkit-sticky;
    top: 300px;
}

.rental-inventory-menu-module.horizontal-menu #rental-inventory-menu {
    width: 100%;
    padding: 0;
    font-size: 15px;
    border: none;
    border-radius: none;
    box-shadow: none;
    text-align: center;
    background: #fff;
}

.rental-inventory-menu-module.horizontal-menu #rental-inventory-menu li {
    list-style: none;
    display: inline-block;
}

.rental-inventory-menu-module.horizontal-menu #rental-inventory-menu li a {
    display: block;
    padding:0;
    margin: 2px 15px;
    background-color: #ffffff;
    color: #4d566d;
    font-weight: bold;
}

.horizontal-quick-search .rental-inventory-menu-module.horizontal-menu #rental-inventory-menu li a.active,
.horizontal-quick-search .rental-inventory-menu-module.horizontal-menu #rental-inventory-menu li a:hover {
    display: block;
    padding: 0;
    background: none;
    color: #0ac746;
    border-bottom: 1px solid #0cc75f;
    font-weight: bold;
}

.horizontal-quick-search .rental-inventory-menu-module.horizontal-menu .nav {
    justify-content: center;
}

.horizontal-quick-search .rental-inventory-menu-module.horizontal-menu .nav span {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid;
}

/*.horizontal-quick-search .rental-inventory-menu-module.horizontal-menu #rental-inventory-menu li a.active::before {
    content: "√ ";
    display: inline-block;
    margin-left: -5px;
}*/

#rental-inventory-menu li a:hover,
#rental-inventory-menu li a.active { 
    color: #fff;
    background: rgb(58,190,250);
background: linear-gradient(90deg, rgba(58,190,250,1) 0%, rgba(201,241,255,1) 100%);
}

/*#rental-inventory-menu li.active a {
    color: orange;
}*/

/*=====  End of HOME PAGE  ======*/



.hero-subheading-text .fl-rich-text {
	max-width: 900px;
	margin: 0 auto;
    font-size: 20px;
}


/*====================================================
=            WORKSTATION SINGLES TEMPLATE            =
====================================================*/

.hero.workstation-orange,
.orange-to-orange {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 96, 9, .9)), color-stop(75%, rgba(248, 189, 9, .2)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url(/wp-content/themes/bb-theme-child/images/bg-01.jpg);
    background-image: linear-gradient(180deg, rgb(248 96 9 / 90%), rgba(248, 189, 9, .2) 75%, #fff), linear-gradient(180deg, hsl(0deg 0% 100% / 65%), hsla(0, 0%, 100%, 0.65)), url(/wp-content/themes/bb-theme-child/images/bg-01.jpg);
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;#F8BD0989;
    background-attachment: scroll, scroll, fixed;
}

.workstation-specifications-heading h4.fl-heading {
    border-style: solid;
    border-image: linear-gradient( to left, #fee101 1%, #0199de 100% ) 0 0 100% 0/0 0 5px 0 stretch;
    margin-bottom: 10px;
    padding-bottom: 5px;
}



/*Software logos*/
ul.wpv-loop {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    padding-left: 0;
}

ul.wpv-loop li {
    padding: 0 10px;
    min-width: 60px;
}

ul.wpv-loop li p {
    text-align: center;
    font-size: 12px;
}

.workstation-featured-image {
    border-radius: 20px;
    background: rgb(255,121,0);
background: -moz-linear-gradient(331deg, rgba(255,121,0,1) 0%, rgba(239,214,0,1) 43%, rgba(33,169,139,1) 100%);
background: -webkit-linear-gradient(331deg, rgba(255,121,0,1) 0%, rgba(239,214,0,1) 43%, rgba(33,169,139,1) 100%);
background: linear-gradient(331deg, rgba(255,121,0,1) 0%, rgba(239,214,0,1) 43%, rgba(33,169,139,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7900",endColorstr="#21a98b",GradientType=1);
}

.workstation-featured-image img,
.image-glow .fl-photo-content img.fl-photo-img {
    filter: drop-shadow(5px 5px 50px #fff); 

}

.workstation-rent-this-btn .fl-button {
    position: relative;

}
.workstation-rent-this-btn .fl-button:hover .fl-button-text { margin-right: 20px;
    transition: margin .5s ease;
}

.workstation-applications-list .fl-module-content .fl-post-info-terms a {
    display: block;
}


/*=====  End of WORKSTATION SINGLES TEMPLATE  ======*/

/*=======================================================
=            WORKSTATION ONE-OFF ADJUSTMENTS            =
=======================================================*/
/*Dream Stream*/
.fl-node-5fee2a6fdaeb6.fl-col .fl-col-content {
    max-height: 600px;
}

/*Hide filter by software workstations on load*/
.filter-by-software-grid .uabb-module-content {
    /*height: 0 !important;*/
}


/*=====  End of WORKSTATION ONE-OFF ADJUSTMENTS  ======*/

/*========================================
=            BY SOFTWARE PAGE            =
========================================*/
.filter-by-software-grid .uabb-blog-posts-grid {
    visibility: hidden;
}


/*=====  End of BY SOFTWARE PAGE  ======*/



/*=================================================
=            APPLICATION ARCHIVE PAGES            =
=================================================*/

.application-archive-title .fl-row-content-wrap,
.blue-to-white {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0054a5), color-stop(70%, rgba(0, 174, 239, 0.5)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-image: linear-gradient(180deg, #0054a5, rgba(0, 174, 239, 0.5) 70%, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, fixed;
}

.application-archive-title .fl-row-content-wrap h1.fl-heading {
/*     font-size: 60px; */
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}


.border-bottom-rainbow .fl-module-content::after {
    content:'';
    height: 2px;
    width: 100%;
     background-image: -webkit-gradient(linear, right top, left top, color-stop(10%, rgba(122, 195, 85, 0)), color-stop(60%, #00aeef), to(#7ac355));
    background-image: linear-gradient(270deg, rgba(122, 195, 85, 0) 10%, #00aeef 60%, #7ac355);
}


/*=====  End of APPLICATION ARCHIVE PAGES  ======*/

/*============================
=            BLOG            =
============================*/

.hero.blog,
.green-to-clear {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a54f), color-stop(75%, rgba(122, 195, 85, 0.5)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-image: linear-gradient(180deg, #00a54f, rgba(122, 195, 85, 0.5) 75%, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, fixed;
}

.hero.blog .fl-row-content-wrap h1.fl-heading {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

.archive-list-layout .fl-post-feed-post {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: rgba(169,33,143,0.75);
    border-bottom-width: 1px;
    padding-bottom: 30px;
}




/*=====  End of BLOG  ======*/


/*==============================
=            FOOTER            =
==============================*/
.ready-to-rent-cta-footer .footer-cta,
.quote-order-form-row .fl-row-content-wrap,
.account-application-form-row .fl-row-content-wrap,
.ready-to-rent-sidebar .fl-col-content {
    border-radius: 25px;
    background-image: linear-gradient(
270deg
, rgba(0, 165, 79, 0.75), rgba(122, 195, 85, 0.75) 19%, rgba(0, 174, 239, 0.75) 43%, rgba(0, 84, 165, 0.75) 58%, rgba(169, 33, 143, 0.75) 83%, rgba(242, 101, 103, 0.75)), url(/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg);
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.ready-to-rent-sidebar .fl-col-content {
    border-radius: 5px;
}

.quote-order-form-row .fl-row-content-wrap,
.account-application-form-row .fl-row-content-wrap  {
    border-radius: 0;
}


/*.footer-heading {
    border-bottom: 1px solid ;
}*/

.footer-contact-us .fl-accordion-button-icon {
    display: none;
}

/*=====  End of FOOTER  ======*/



/*================================================
=            MISC HEADING BACKGROUNDS            =
================================================*/
.hero.about,
.pink-to-orange {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f26567), color-stop(0%, rgba(169, 33, 143, 0.75)), color-stop(75%, rgba(247, 148, 29, 0.5)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-image: linear-gradient(180deg, #f26567, rgba(169, 33, 143, 0.75) 0%, rgba(247, 148, 29, 0.5) 75%, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, fixed;
}

.hero.about,
.blue-to-purple {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f26567), color-stop(0%, rgba(2,0,36,1)), color-stop(75%, rgba(23,14,111,0.5144432773109244)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-image: linear-gradient(180deg, #f26567, rgba(2,0,36,1) 0%, rgba(23,14,111,0.5144432773109244) 75%, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, fixed;
}

.hero.about .fl-row-content-wrap h1.fl-heading {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1;
    text-transform: uppercase;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

.green-to-light-yellow {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a54f), color-stop(75%, rgba(208, 202, 12, 0.5)), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-image: linear-gradient(180deg, #00a54f, rgba(208, 202, 12, 0.5) 75%, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url("/wp-content/uploads/2020/12/pexels-mudassir-ali-3609832GreyBGopt-1.jpg");
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, fixed;
}

/*=====  End of MISC HEADING BACKGROUNDS  ======*/

/*=====================================
=            MEDIA QUERIES            =
=====================================*/
@media (max-width: 992px) {
	.browse-by-software-row ul.browse-by-software li {
	    flex-basis: 50%;
	    min-height: 120px;
	}

}

@media (max-width: 991px) {
    .sticky.horizontal-quick-search {
        top: 0;
        background: #f1f5ff;
    }

    .rental-inventory-menu-module.horizontal-menu #rental-inventory-menu {
        background: none;
    }

    .rental-inventory-menu-module.horizontal-menu #rental-inventory-menu li a {
        background-color: transparent;    
    }

    .sticky.quick-search.horizontal-quick-search.ready-to-rent {
        top: 210px;
    }
}

@media (max-width: 768px) {
	
	.fl-post-feed-post.fl-post-feed-image-beside{
		max-width: 100%;
	}	

	.quick-search.sticky {
		position: relative;
		top: auto;
		max-width: 550px;
		padding: 0 10px;
	}

	.hero .fl-module-heading h1.fl-heading {
		font-size: 30px !important;
	}


	.hero-subheading-text .fl-module-content .fl-rich-text p {
		font-size: 16px;
	}

	.home-section-heading h2.fl-heading {
		font-size: 24px;
	}

	.home-section-sub-heading .fl-module-content .fl-rich-text p {
		font-size: 16px;
		text-align: center;
	}
	.three-wide-callouts-col-bg .fl-col-group.fl-col-group-nested {
		width: 100%;
	}
	.browse-by-software-row ul.browse-by-software li {
	    flex-basis: 100%;
	    min-height: 80px;
	}

    .sticky.quick-search.horizontal-quick-search.ready-to-rent {
        display: none;
    }

    .sticky.horizontal-quick-search {
        position: relative;
    }

	.header-phone {
        left: 20px;
        top: 20px !important;
		width: 40%;
    }

}

@media screen and (max-height: 800px) {
    #rental-inventory-menu li a {
        padding: 0 5px;
    }

    .ready-to-rent-sidebar .fl-col-content {
        padding-bottom: 5px;
    }

    .ready-to-rent-sidebar .fl-col-content .fl-module-content {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 450px) {
    #rental-inventory-menu li a {
        padding: 5px;
    }
}




/*=====  End of MEDIA QUERIES  ======*/