.elementor-kit-5971{--e-global-color-primary:#001327;--e-global-color-secondary:#003566;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFB703;--e-global-color-7022160b:#F76207;--e-global-color-40a4694f:#FB8500;--e-global-color-5a735ff7:#FFF;--e-global-color-4fc0764:#001D3D;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-size:3em;--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-size:1.5em;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Barlow Condensed";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Barlow Condensed", Sans-serif;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:20px;}.elementor-kit-5971 button,.elementor-kit-5971 input[type="button"],.elementor-kit-5971 input[type="submit"],.elementor-kit-5971 .elementor-button{background-color:transparent;font-family:"Barlow Condensed", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:0.7px;color:var( --e-global-color-text );background-image:linear-gradient(202deg, var( --e-global-color-accent ) 0%, var( --e-global-color-7022160b ) 100%);box-shadow:0px 0px 20px 0px rgba(0, 19.000000000000043, 39.00000000000008, 0.58);}.elementor-kit-5971 e-page-transition{background-color:transparent;background-image:linear-gradient(123deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-kit-5971 a{color:var( --e-global-color-accent );}.elementor-kit-5971 a:hover{color:#C2C1C0;}.elementor-kit-5971 h1{color:var( --e-global-color-accent );font-family:"Space Grotesk", Sans-serif;}.elementor-kit-5971 button:hover,.elementor-kit-5971 button:focus,.elementor-kit-5971 input[type="button"]:hover,.elementor-kit-5971 input[type="button"]:focus,.elementor-kit-5971 input[type="submit"]:hover,.elementor-kit-5971 input[type="submit"]:focus,.elementor-kit-5971 .elementor-button:hover,.elementor-kit-5971 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5971 h1{font-size:34px;}.elementor-kit-5971 button,.elementor-kit-5971 input[type="button"],.elementor-kit-5971 input[type="submit"],.elementor-kit-5971 .elementor-button{letter-spacing:1.5px;background-color:transparent;background-image:linear-gradient(240deg, var( --e-global-color-accent ) 0%, var( --e-global-color-7022160b ) 100%);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */h1 {
    /* Create a linear gradient for the background from left to right */
    background-image: linear-gradient(to right, #FFB703, #F76207);
    
    /* Ensure the gradient is visible as the text color */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; /* Make the original text color transparent */
    
    /* Additional styles to improve cross-browser support */
    display: inline-block; /* Required for gradient clipping */
    -webkit-text-fill-color: transparent; /* For Safari */
}


.blurback {
background: rgba( 0, 0, 0, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 2.5px );
-webkit-backdrop-filter: blur( 2.5px );
border-width: 0px !important;
}


.justshadow {
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
}

/*Main Search Bar Styling Desktop*/

.main-search {
    border-radius: 15px;
    overflow: hidden;
    border-color: #ff3c00;
    border-width: 13px;
    margin: 0px;
    padding: 0px;
    min-height: 3vh;
    
    
}

.main-search-button {
    margin: 0px;
    min-height: 3vh;
    border-width: 0px;
    border-radius: 15px 0px 0px 15px;
    min-height:  3vh;
    font-size: 30px;
    text-transform: uppercase;
    font-family: "Barlow Condensed";
    font-weight: 500;
    letter-spacing: 1.5px;
    padding: 35px;
    
    
}

.main-search-input::placeholder {
    color: #FFB703;
    opacity: .8;
    text-transform: uppercase;
    font-family: "Barlow Condensed";
    font-weight: 400;
    letter-spacing: 1px;

}

/* end Seach Bar Styling */


/* Mobile Search Screen Styling */

.mobile-search-button {
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    font-size: 125%;
    padding-top: 15px;
    letter-spacing: 1px;
}

.mobile-search {
    border-radius: 15px;
    margin: 2%; 
}

/* END Mobile Search Screen Styling */


.dynamic-remote-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.dynamic-remote-content-element {
    min-height: 100%;
    max-width: 350px;
    border-radius: 15px;
    padding: 15px;
    background: rgba( 0, 0, 0, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 2.5px );
}



.nflistingtop {
    min-height: 225px;
    color: white;
    font-family: "barlow condensed";
    text-align: center;
}

.nfjobtitle {
    font-family: "space grotesk";
    color: #FFB703;
    font-weight: 900;
    background-color: #001D3D99;
    border-radius: 7px;
    padding: 10px;
    
}

.nfjobtitle2 {
    font-family: "Raleway";
    color: #777;
    font-weight: 700;
    font-size: 80%;
    background-color: #ddd;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.2 );
    
}

.nflistingtop2 {
    min-height: 225px;
    color: #777;
    font-family: "barlow condensed";
    text-align: center;
}

.nfjobwage {
    color: #FFB703;
}

.nfjobwage2 {
    color: #f16803;
}



.blurbutton .elementor-button {
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 2.5px );
-webkit-backdrop-filter: blur( 2.5px );
    
}


.neuwhite {
    border-radius: 25px;
background: #e0e0e0;
box-shadow:  20px 20px 60px #bebebe,
             -20px -20px 60px #ffffff;

}

.neuwhite .dynamic-remote-content-element {
    border-radius: 50px;
background: #e0e0e0;
box-shadow:  20px 20px 60px #bebebe,
             -20px -20px 60px #ffffff;
}

.neuwhiteSqu {
background: #e0e0e0;
box-shadow:  20px 20px 60px #bebebe,
             -20px -20px 60px #ffffff;
}

.gradborder {
    border-image: linear-gradient(#e0e0e0, #ffffff) 30;
    border-width: 10px;
border-style: solid;
}


.neuwhiteSqu .dynamic-remote-content-element {
    min-height: 100%;
    max-width: 350px;
    border-radius: 15px;
    padding: 15px;
    background: #e0e0e0;
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
}


/*Archive template styling */


.archive-card {
    background-color: #001327;
    text-align: center;
    border-radius: 15px;
    position: relative;
    min-height: 275px; /* Adjust based on your content's needs */
    margin-bottom: 50px; /* Ensure there's space for the absolutely positioned button */
    padding: 20px; /* Add padding as needed */

}

.archive_header {
    background: linear-gradient(to right, #003566, transparent);
    margin: 0px;
    padding: 10px;
    text-align: left
}

.archive-card.blurbutton {
    display: flex;
    flex-direction: column; /* Stack children vertically */
    justify-content: space-between; /* Adjust this based on how you want to distribute space */
    min-height: 100%; /* Make the job card fill the height */
    margin-bottom: 0px;
    padding-bottom: 20px;
    flex-grow: 1;
    
}

.archive-content-element {
    min-height: 100%;
    border-radius: 15px;
    padding: 15px;
    background: rgba( 0, 0, 0, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 2.5px );
}

.archive-post-thumb {
    margin: 0px;
    padding: 0px;
    overflow: hidden; /* Ensures the image is cropped if it overflows */
    display: flex; /* Centers the image in the container */
    justify-content: center;
    align-items: center;
    width: 100%; /* Set to desired width */
    min-height: 200px;
}


.archive-post-thumb img {
    border-radius: 12px 12px 0px 0px;
    width: 100%; /* Make the image fill the container width */
    height: 100%; /* Make the image fill the container height */
    object-fit: cover; /* Ensures the image covers the area without distortion */
    object-position: center; /* Centers the image within the container */

}

.archive-bottom-spacer {
    text-align: left;
    padding:10px;
}


/* Jobs Results Page styling */

.job-card.blurbutton {
    display: flex;
    flex-direction: column; /* Stack children vertically */
    justify-content: space-between; /* Adjust this based on how you want to distribute space */
    height: 100%; /* Make the job card fill the height */
}

.jobs-container {
    display: grid;
    /* Use auto-fit or auto-fill with minmax for responsive columns without media queries */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px; /* Adjust the gap between grid items as needed */
}

.job-card {
    background-color: #001327;
    text-align: center;
    border-radius: 15px;
    position: relative;
    min-height: 275px; /* Adjust based on your content's needs */
    margin-bottom: 50px; /* Ensure there's space for the absolutely positioned button */
    padding: 20px; /* Add padding as needed */

}

.job_header {
    background: linear-gradient(to right, #003566, transparent);
    margin: 0px;
    border-radius: 15px 15px 0px 0px;
    padding: 10px;
}

.job-employer {
    text-transform: uppercase;
    font-weight: 700;
}


.view-job-button {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #F76207, #F79824);
    padding: 10px 20px; /* Adjust padding as needed */
    border-radius: 5px; /* Example styling */
}

.job-name {
    text-transform: uppercase;
    color: #FFB703;
    font-size: 135%
}

.apply_label {
    font-size: 75%;
    text-transform: uppercase;
    color: #Ffb703;
    font-weight: 700;
    letter-spacing: 1px;
}

/* End Jobs Search Page styling */

.bottom-spacer {
    min-height: 35px;
}

.elementor-sub-item {
    text-transform: normal;
    color: #FFB703 !important;
}/* End custom CSS */