/*
Theme Name:   Twenty Twenty Child
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Twenty Twenty Child Theme
Author:       Spencer Cheng
Author URI:   http://example.com
Template:     twentytwenty
Version:      1.0.0
/wp-content/themes/TwentyTwenty-Child/bph/

here is script to load the entire google icons library:
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
*/
/*SCRIPT FOR FIXED BUTTON. first is for when job list is at bottom of page: (scroll below to see code for when job list is below hero section)


	<style>
    #fixed_cta{
    border-radius: 4px 4px 0 0;
    bottom: 0;
    right: 15px;
    height: 36px;
    text-align: center;
    z-index: 100000;
    	overflow: hidden;
    	transition: max-height 0.4s ease-in-out;
    	max-height: 0;
    	position: fixed;
    	color: white;
    	padding: 0;
    }
    #fixed_cta .container{
    	padding: 15px;
    }
    #fixed_cta.scrolled{
    	max-height: 36px;
    }
    #fixed_cta.scrolled_again{
   	max-height: 0;
    }
    #fixed_cta a.clicky{
    padding-right: 25px;
    cursor: pointer;
    color: white;
    background-color: #164296;
    display: block;
    padding: 10px 25px 10px 10px;
    font-size: 16px;
    line-height: 1;
    position: relative;
    	transition: all 0.3s ease-in-out;
    }
    #fixed_cta a.clicky:hover{
    	background-color: rgba(22, 66, 150, 0.65);
    }
    #fixed_cta a.clicky span{
    	    position: absolute;
    font-size: 16px;
    right: 10px;
    top: 8px;
    color: white;
    display: block;
    }
  </style>
		<div id="fixed_cta" class="fixed-cta">
				
				<a class="button clicky">To Jobs<span class="awb-menu__open-nav-submenu-hover"></span></a>
		</div>
		<!-- / .fixed-cta -->
<script>
    // Function to add a class when scrolled to a certain anchor point
    function addClassOnScroll(targetSelector, className, scrollOffset) {
        const targetElement = document.querySelector(targetSelector);

        if (!targetElement) {
            console.error('Target element not found.');
            return;
        }

        const fixedCtaElement = document.getElementById('fixed_cta');

        if (!fixedCtaElement) {
            console.error('Fixed CTA element not found.');
            return;
        }

        window.addEventListener('scroll', function() {
            const targetOffset = targetElement.offsetTop;
            const scrollPosition = window.scrollY;

            if (scrollPosition > targetOffset - scrollOffset) {
                fixedCtaElement.classList.add(className);
            } else {
                fixedCtaElement.classList.remove(className);
            }
        });
    }

    // Call the function with your desired parameters
    addClassOnScroll('#pillar-body', 'scrolled', 100);
    addClassOnScroll('#vals', 'scrolled_again', 400); // Add this line for the new anchor point
</script>

*/
/*
this is for when jobs are right below the hero:

    <style>
      #go2jobs{
      	overflow: hidden;
      	position: fixed;
      	bottom: 10px;
      	right: 20px;
      	display: block;
      	width: 110px;
      	height: 40px;
      	z-index: 4;
      	max-height: 0;
      	transition: max-height 0.3s ease-in-out;
      }
      .g2j-btn{
      	transition: max-height 0.3s ease-in-out;
      	position: absolute;
      	right: 0;
      	top: 0;
      	height: 40px;
      	max-height: 0;
      	z-index:999;
      }
      #go2jobs.scrolled-past{
      	max-height: 42px;
      }
      .scrolled-past .g2j-btn{
      	max-height: 40px;
      }
      .g2j-btn a{
      	display: inline-block;
      	background-color: #4298b5;
      	transition: all 0.3s ease-in-out;
      	padding: 12px 15px;
      	text-align: center;
      	position: relative;
      	cursor: pointer;
      }
      .g2j-btn a i{
      }
      
      .g2j-btn a:hover{
      	background-color: #53565a;
      }
      .g2j-btn a:hover i{
      }
    </style>
    <div id="go2jobs">
      <div class="g2j-btn">
        <a href="#jobs" class="elementor-button elementor-button-link elementor-size-sm">To Jobs <i class="fa fa-arrow-up"></i></a>
      </div>
    </div>
    <script>
window.addEventListener("scroll", function () {
    const anchor = document.getElementById("showjb");
    const targetElement = document.getElementById("go2jobs");
    const anchorOffset = anchor.getBoundingClientRect().top + window.scrollY;
    const triggerOffset = 350; // Adjust this to fine-tune when the class is applied
    const scrollPosition = window.scrollY;

    if (scrollPosition > anchorOffset - triggerOffset) {
        targetElement.classList.add("scrolled-past");
    } else {
        targetElement.classList.remove("scrolled-past");
    }
});
                        </script>

*/
/*
Running list of fonts added to the theme files along with their url path:
font-family:"Font Awesome 5 Brands";
/wp-content/themes/TwentyTwenty-Child/fonts/fa-brands-400.eot
/wp-content/themes/TwentyTwenty-Child/fonts/fa-brands-400.ttf
/wp-content/themes/TwentyTwenty-Child/fonts/fa-brands-400.woff
/wp-content/themes/TwentyTwenty-Child/fonts/fa-brands-400.woff2
/wp-content/themes/TwentyTwenty-Child/fonts/fa-brands-400.svg


font-family:"Font Awesome 5 Free";
font-weight:400;
/wp-content/themes/TwentyTwenty-Child/fonts/fa-regular-400.eot
/wp-content/themes/TwentyTwenty-Child/fonts/fa-regular-400.ttf
/wp-content/themes/TwentyTwenty-Child/fonts/fa-regular-400.woff
/wp-content/themes/TwentyTwenty-Child/fonts/fa-regular-400.woff2
/wp-content/themes/TwentyTwenty-Child/fonts/fa-regular-400.svg


font-family:"Font Awesome 5 Free";
font-weight:900;
/wp-content/themes/TwentyTwenty-Child/fonts/fa-solid-900.eot
/wp-content/themes/TwentyTwenty-Child/fonts/fa-solid-900.ttf
/wp-content/themes/TwentyTwenty-Child/fonts/fa-solid-900.woff
/wp-content/themes/TwentyTwenty-Child/fonts/fa-solid-900.woff2
/wp-content/themes/TwentyTwenty-Child/fonts/fa-solid-900.svg


eicons
/wp-content/themes/TwentyTwenty-Child/fonts/eicons.eot
/wp-content/themes/TwentyTwenty-Child/fonts/eicons.ttf
/wp-content/themes/TwentyTwenty-Child/fonts/eicons.woff
/wp-content/themes/TwentyTwenty-Child/fonts/eicons.woff2
/wp-content/themes/TwentyTwenty-Child/fonts/eicons.svg

CHANGE
/wp-content/themes/TwentyTwenty-Child/fonts/CHANGE.eot
/wp-content/themes/TwentyTwenty-Child/fonts/CHANGE.ttf
/wp-content/themes/TwentyTwenty-Child/fonts/CHANGE.woff
/wp-content/themes/TwentyTwenty-Child/fonts/CHANGE.woff2
/wp-content/themes/TwentyTwenty-Child/fonts/CHANGE.svg

*/