/*======================================
Theme Name: GSTEC
Theme URI: https://www.complexworks.com.au/
Description: This is a  Divi child theme for GSTEC
Author: Mardi Lowe
Author URI: https://mardilowe.com.au/
Author Email: info@mardilowe.com.au
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/
.pf-projects-slider { touch-action: pan-y; }
.sticky-text-col { overflow: visible !important; position: relative;}
.sticky-text-col .js-sticky-inner { box-sizing: border-box; }

header.et-l.et-l--header:has(.dark-header) {
  top: unset !important;
	    height: auto !important;
    min-height: 1px !important;
}

.yrm-btn-wrapper {text-align:left !important;}
.yrm-content br {display:none !important;}
.yrm-content p:last-of-type {padding-bottom:1em !important;}
.yrm-content p:empty {display: none;}
.yrm-toggle-expand {border:1px solid #7EC13E !important;color:#7EC13E!important;letter-spacing: 1px;border-radius: 5px;}
.yrm-content .yrm-inner-content-wrapper {color:#333330 !important;}

/** PROJECT GALLERY **/
.stack-scroll {position: relative;}
.stack-scroll .et_pb_image { align-self: flex-start;}

/* Disable Blurb Icon Animations Globally */
.et-waypoint.et_pb_animation_top.et-animated, .et_pb_animation_top.et-animated {animation: none !important;transition: none !important;}

a.dipi-cta-button.et_pb_button {text-transform:initial !important;}


/* Force footer menus to always be a vertical list */
.no-collapse-menu .current_page_item a span, .no-collapse-menu li a span, .no-collapse-menu .current-menu-item a span {background:transparent !important;border:none !important;padding:0 !important;margin:0 !important;}
.no-collapse-menu  .et_pb_menu__menu {display: flex !important;flex-direction: column !important;align-items: flex-start !important; width: 100% !important;}
.no-collapse-menu  .et_mobile_nav_menu {display: none !important;}
.no-collapse-menu  .et_pb_menu__menu li {width: 100% !important;padding: 5px 12px !important;}
.no-collapse-menu  .et_pb_menu__menu li a {display: block !important; width: 100% !important;text-align: left !important;}

/* Media query for devices with a minimum width of 767 pixels */
@media (min-width: 767px) {
    /* Flexbox display for blurb content */
    .pa-vertical-align-blurb .et_pb_blurb_content {
        display: flex!important;
	}
	.pa-vertical-align-blurb .et_pb_blurb_content .et_pb_main_blurb_image {
		margin-right:6px;
	}
	    .pa-vertical-align-blurb .et_pb_blurb_content h4 {
        padding-bottom:0;
    }
    
    /* Flexbox display for blurb container */
    .pa-vertical-align-blurb .et_pb_blurb_container {
        display: flex!important;
        justify-content: center; /* Center align blurb container horizontally */
        flex-direction: column; /* Arrange blurb container content in a column */
    }
    
    /* Flexbox display for main blurb image */
    .et-db #et-boc .et-l .pa-vertical-align-blurb .et_pb_main_blurb_image {
        display: flex;
        width: auto!important; /* Ensure blurb image width adjusts automatically */
        margin-bottom: 0px!important; /* Remove bottom margin for better alignment */
    }
}

.pf-projects-slider {
  position: relative;
  overflow: hidden;
}

.pf-projects-track {
  display: flex;
  transition: transform 0.6s ease;
}

.pf-project-slide {
  min-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
}

.pf-project-desc {margin-bottom:30px;}

.pf-project-left {
  padding: 400px 40px 40px 40px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pf-project-left h3 {
  font-size: 30px;
}
.pf-project-left a {text-decoration:none !important;} 

.et_pb_button.pf-project-btn {
  display: inline-block;
  padding: 10px 15px;
  border: 1.5px solid #7BBE3B;
  color: #7BBE3B;
  text-decoration: none;
  font-weight: 500;
  width: fit-content;
	font-size:14px !important;
	    border-radius: 5px;
    padding: 8px 15px !important;
}
.et_pb_button.pf-project-btn:hover {
	 border-radius: 5px;
    padding: 8px 15px !important;
}

.pf-project-right {
  background-size: cover;
  background-position: center;
  position: relative;
  width:100%;
 height:100%;
}

.pf-next-slide {
  position: absolute;
  right: 40px;
  bottom: 90px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border:1.5px solid #fff;
color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 10;
	background:transparent !important;
}

/* Pagination dots */
.pf-projects-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 30px 0 0 0 ;
}

.pf-projects-pagination span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
opacity:0.5;
  cursor: pointer;
}

.pf-projects-pagination span.active {
  background: #fff;
opacity:1;
}
.pf-next-icon {
  width: 22px;
  height: 22px;
  display: block;
	    margin: auto;
}

@media screen and ( max-width: 980px ) {
	    .reverse {display: flex;flex-direction: column-reverse; }
	.yrm-toggle-expand {font-size:14px !important;}
  .pf-project-slide {grid-template-columns: 1fr;  min-height: unset;}
.pf-project-desc {font-size:16px;margin-bottom:20px !important;}
	.pf-project-right {height:500px; order: -1;}
	.pf-project-left {padding:30px;}
	.pf-projects-pagination { padding: 20px 0 0 0 ;}
	.pf-next-slide {bottom: 60px;}
	.pf-projects-track {background-color:#fff !important;}
} 

@media (max-width: 980px) {
  .force-fullwidth.et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
	  padding:inherit 40px !important;
  }
}


@media screen and ( max-width: 767px ) {
		.pf-next-slide {width: 50px;height: 50px;right:30px;bottom: 60px;}
		.yrm-toggle-expand {font-size:12px !important;}
	.yrm-button-auto-mode.yrm-toggle-expand-1 {padding:8px 15px !important;}
		.pf-project-desc {font-size:14px;}
	.et_pb_button.pf-project-btn {font-size:12px !important;}
	.pf-project-left h3 {font-size:24px;}
		.pf-project-right {height:400px;}
		.pf-project-left {padding:20px}
	.et_pb_button.pf-project-btn {font-size:12px !important;}
} 


@media (max-width: 767px) {
  .force-fullwidth.et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
	  padding:0 20px !important;
  }
}