:root
{
--navbar-height: 110px;
--navbar-menu-height: 192px;
--navbar-footer-height: 153px; --color-1: #be2b29;
--color-2: #3a4155;
--color-3: #aaafc0;
--color-4: #dddfe6;
--color-5: #000000;
--color-6: #02699a;
--color-7: #d8b532;
--color-8: #ed9039;
--color-primary: var(--color-2);
--color-secondary: var(--color-1);
--color-tertiary: var(--color-6);
--bs-border-color: var(--color-2);
--bs-border-width: 1px !important;
--bs-border-width: 2px;
--swiper-pagination-color: var( --color-1 );
--swiper-pagination-bullet-inactive-color: var( --color-4 );
--swiper-pagination-bullet-size: 18px;
--swiper-pagination-bullet-horizontal-gap: 10px;
--swiper-pagination-bullet-inactive-opacity: 1;
--heading-font: 'Big Shoulders Display', sans-serif;
--body-font: 'Bitter', serif; --font-330: clamp(4.0625rem, 0.75rem + 16.5625vw, 20.625rem); --font-226: clamp(4.375rem, 1.486rem + 14.444vw, 14.125rem); --font-165: clamp(3.125rem, 0.995rem + 10.648vw, 10.313rem); --font-100: clamp(2.5rem, 1.389rem + 5.556vw, 6.25rem); --font-47: clamp(1.688rem, 1.317rem + 1.852vw, 2.938rem); --font-32: clamp(1.5rem, 1.352rem + 0.741vw, 2rem); --font-27: clamp(1.125rem, 0.958rem + 0.833vw, 1.688rem); --font-22: clamp(1.125rem, 0.889rem + 0.556vw, 1.375rem); --font-18: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);  --font-track-narrow: clamp(-0.125em, calc(0rem + ((1vw - 0.2em) * -0.125)), 0em);
--font-track-wide: 0.275rem;
--clip-shape-testimonial: polygon(100% 0, 100% 80%, 82% 100%, 0 100%, 0 0);
}  @media (min-resolution: 120dpi) {
html {
font-size: 80%;
}
}    body
{
font-family: var(--body-font);
font-size: var(--font-27);
font-weight: 400;
color: var( --color-primary );
font-optical-sizing: none;
line-height: 1.6; min-height: 0vw;
}
h1,h2,h3,h4,h5,h6
{
font-family: var(--heading-font);
text-wrap: balance; }
p { margin-bottom: 1rem; line-height: 1.6; }
p a { font-family: var(--body-font); }
hr 
{
color: var( --color-2 );
opacity: 1 !important;
border: 2px solid;
}
ol, ul { padding-left: 3rem; }
.form-control { background-color: var(--color-4); } .form-control-lg { min-height: calc(1.5em + 1.25rem + calc(var(--bs-border-width) * 2)); }
.grecaptcha-badge { visibility: hidden; } .hero-1,
.display-1,
.display-2
{
letter-spacing: clamp(-0.125em, calc(0rem + ((1vw - 0.2em) * -0.125)), 0em);
}
.hero-1
{
font-size: var(--font-226);
line-height: 1;
}
.hero-sub-1
{
font-size: var(--font-32);
letter-spacing: var(--font-track-wide);
}
.display-1
{
font-size: var(--font-165);
line-height: 0.95;
}
.display-2
{
font-size: var(--font-100);
line-height: 1.2;
}
.fs-01 { font-size: var( --font-47 ); } .fs-226 { font-size: var( --font-226 ); }
.fs-165 { font-size: var( --font-165 ); }
.fs-100, .blog-content h1 { font-size: var( --font-100 ); }
.fs-47, .blog-content h2 { font-size: var( --font-47 ); }
.fs-32, .blog-content h3 { font-size: var( --font-32 ); }
.fs-27, .blog-content h4 { font-size: var( --font-27 ); }
.fs-22, .blog-content h5 { font-size: var( --font-22 ); }
.fs-18, .blog-content h6 { font-size: var( --font-18 ); }
.text-inherit { color: inherit !important; }
.text-primary { color: var( --color-primary ) !important; }
.text-secondary { color: var( --color-secondary ) !important; }
.text-tertiary { color: var( --color-tertiary ) !important; }
.text-quaternary { color: var( --color-3 ) !important; }
.text-quinary { color: var( --color-6 ) !important; }
.text-decoration-underline-hover:hover { text-decoration: underline !important;}
.bg-1 { background-color: var( --color-primary ) !important; }
.bg-2 { background-color: var( --color-secondary ) !important; }
.bg-3 { background-color: var( --color-8 ) !important; }
.bg-4 { background-color: var( --color-tertiary ) !important; }
.border-primary { border: 3px solid var( --color-primary ) !important; }
.border-secondary { border: 10px solid var( --color-secondary ) !important; }
.aspect-ratio-1x1 { aspect-ratio: 1 / 1; }
.grid-template-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-template-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stack
{
display: grid;
grid-template: 1fr / 1fr;
}
.stack-child { grid-area: 1 / 1 / 2 / 2; }
@media (max-width: 767px)
{
.hero-radial::after
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(transparent 0%, rgba(0,0,0,.3) 100%);
}
} .btn-01
{
color: #ffffff;
border-color: #fff;
background-color: var(--color-2);
padding: 0.75rem 3rem;
}
.btn-01:hover
{
color: #ffffff;
border-color: #fff;
background-color: var(--color-6);
} .s01
{
background-color:var( --color-4 );
background-image: url(//propellertalent.com/wp-content/themes/propeller/assets/images/pattern-1.svg);
background-repeat: repeat;
background-size: 72px 72px;
border-bottom: none;
}
@media (min-width: 992px)
{
.s01
{
border-bottom: 10px solid var(--color-primary);
}
} .mobile-menu
{
position: absolute;
top:0;
left:0;
right:0;
min-height: 130px;
z-index: 1000;
}
.logo-wrapper { width: 80%; } @media (min-width: 375px)
{
.mobile-menu
{
top:auto;
}
.logo-wrapper
{ width: 70%;
justify-content: end !important;
margin:auto;
}
}
@media (min-width: 425px)
{
.logo-wrapper
{ width: 100%;
justify-content: center !important;
}
}
.logo
{
-webkit-filter: drop-shadow( 4px 6px 3px rgba(0, 0, 0, 0.2));
filter: drop-shadow( 4px 6px 3px rgba(0, 0, 0, 0.2));
}
.mobile-menu-wrapper
{
position:absolute;
top:10px;
right:0;
width:60px;
height:60px;
}
.mobile-menu-wrapper > button
{
position: absolute;
top:0;
right:0;
width:60px;
height:60px;
padding: 0.75rem 1rem !important;
}
.mobile-menu-wrapper button[aria-expanded="false"] .bi-list { display: block; }
.mobile-menu-wrapper button[aria-expanded="false"] .bi-x { display: none; }
.mobile-menu-wrapper button[aria-expanded="true"] .bi-list { display: none; }
.mobile-menu-wrapper button[aria-expanded="true"] .bi-x { display: block; }
.btn-dark {
--bs-btn-bg: var(--color-2) !important;
--bs-btn-border-color: var(--color-2) !important;
--bs-btn-disabled-bg: var(--color-2) !important;
--bs-btn-disabled-border-color: var(--color-2) !important;
}
.btn-dark:hover {
color: #ffffff;
background-color: var(--color-1);
border-color: var(--color-1) 
}
.nav a,
.nav a:link,
.nav a:visited,
.nav a:focus,
.nav a:active
{
color: var(--color-primary);
font-size: var(--font-22);
font-weight:600;		
text-transform: uppercase;
border-top: 10px solid transparent;
}
.nav a:hover { color: var(--color-1); }
.nav a.active
{
border-top-color: var(--color-secondary);
}
@media (max-width: 991.98px)
{
.nav a.active { border-top-color: transparent; }
.nav a.active::before
{
content: "";
position: relative;
top: -2px;
left: -10px;
display: inline-block;
width: 10px;
height: 10px;
background-color: var(--color-1);
}
} .s02
{ height: 450px;
}
.s02 .text-inner
{
border-right: 25px solid var(--color-secondary);
}
.s02 h2
{		
margin-top: -1.8px;
margin-bottom: -5.3px;
margin-right: 0;
}
@media (min-width: 768px) {
.s02 .text-inner
{
border-right: 45px solid var(--color-secondary);
}
.s02 h2
{		
margin-top: -3.8px;
margin-bottom: -6px;
margin-right: 0;
}
} .s03
{ background: #3a4155;
min-height: 700px;
clip-path: polygon(50% 5%, 100% 0, 100% 100%, 50% 95%, 0 100%, 0 0);
margin-top:-50px;
}
@media (min-width: 768px)
{
.s03
{
background: #3a4155 url(//propellertalent.com/wp-content/themes/propeller/assets/images/intro-bg-3.svg) no-repeat;
background-position: center;
clip-path: polygon(50% 10%, 100% 0, 100% 100%, 50% 90%, 0 100%, 0 0);
margin-top:-100px;
}
}
.s03-1
{
}
.s03-1 h1
{
font-family: var(--body-font) !important;
font-size: var(--font-47) !important;
font-weight: 800;
line-height: 1.5 !important;
}
.s03-1 p
{
font-size: var(--font-47) !important;
font-weight: 300;
} .s04{}
.s04 h3{font-size:var(--font-47);} .s05
{
}
.s05 h3
{
font-size: var(--font-330);
line-height:0.9;
letter-spacing: var(--font-spacing);
}
.s05-0
{
background: url(//propellertalent.com/wp-content/themes/propeller/assets/images/propeller-talent-hero-2.jpg) no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
.s05-0-1 { background-position: center 42px; }
}
@media (min-width: 1400px) {
.s05-0-1 { background-position: center 94px; }
}
@media (max-width: 767.98px) {
.s05-0-2
{
background: url(//propellertalent.com/wp-content/themes/propeller/assets/images/propeller-talent-hero-2.jpg) no-repeat;
background-size: cover;
}
}
.s05-1 
{
top: -0.5vw;
}
@media (min-width: 768px)
{
.s05-1-1
{
position: relative;
clip-path: polygon( 100% 0%,3.683% 0%,3.683% 0%,3.439% 0.034%,3.204% 0.132%,2.982% 0.29%,2.776% 0.503%,2.587% 0.768%,2.42% 1.079%,2.276% 1.433%,2.158% 1.825%,2.07% 2.25%,2.013% 2.705%,2.013% 2.705%,1.288% 12.119%,0.725% 21.563%,0.322% 31.029%,0.081% 40.511%,0% 50%,0.081% 59.489%,0.322% 68.971%,0.725% 78.437%,1.288% 87.881%,2.013% 97.295%,2.013% 97.295%,2.07% 97.75%,2.158% 98.176%,2.276% 98.568%,2.42% 98.922%,2.587% 99.233%,2.776% 99.497%,2.982% 99.711%,3.204% 99.869%,3.439% 99.966%,3.683% 100%,100% 100%,100% 100%,123.606% 97.2%,137.304% 89.6%,142.841% 78.4%,141.967% 64.799%,136.43% 49.999%,127.978% 35.199%,118.361% 21.598%,109.326% 10.398%,102.623% 2.798%,100% -0.002% );
}
}
.s05-2
{
height: 72px;
background: transparent url(//propellertalent.com/wp-content/themes/propeller/assets/images/pattern-2.svg) repeat;
margin-top: -50px;
background-size: 72px 72px; } .s06
{
}
.s06-1 h2
{
color: var(--color-6);
}
.s06-2 > div
{
--bs-border-color: rgba(60, 65, 84, 0.3);
}
.s06-2 h3
{
font-size: var(--font-47) !important;
color: var(--color-2);
}
.s06-3 a
{
color: var(--color-8) !important;
font-weight: bold;
}
.s06-3 a:hover
{
text-decoration-color: var(--color-8) !important;
} .s07
{
background: var(--color-4) url(//propellertalent.com/wp-content/themes/propeller/assets/images/propeller-talent-hero-5.jpg) center/cover no-repeat;
}
.s08-2
{
background: var(--color-4) url(//propellertalent.com/wp-content/themes/propeller/assets/images/machinging-cylinders2.jpg) no-repeat top center;
} .accordion-item
{
background-color: var(--color-8);
color: var(--color-2) !important;
}
.accordion-button, .accordion-button:not(.collapsed)
{
font-family: var(--body-font) !important;
font-size: var(--font-32) !important;
font-weight: 800;
line-height: 1.5 !important;
color: var(--color-2) !important;
background-color: var(--color-8) !important;
box-shadow: none !important;
}
.accordion-button::after {display:none !important;}
.accordion-button::before {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-right: 1rem;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233a4155'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-button.collapsed::before{transform: rotate(-90deg);}
.accordion-button::before{transform: rotate(0deg);}
.s09
{
background: var(--color-4) url(//propellertalent.com/wp-content/themes/propeller/assets/images/propeller-talent-hero-6.jpg) center/cover no-repeat;
}
.s10
{
background: var(--color-4) url(//propellertalent.com/wp-content/themes/propeller/assets/images/propeller-talent-gears.jpg) center/cover no-repeat;
} .s12
{
font-size: var(--font-22);
}
.s12 h3
{
color: var(--color-6);
font-family: var(--body-font);
font-size: var(--font-32);		
font-weight: 700;
}
.s12-2
{
border-left: var(--bs-border-width) dotted rgba(60, 65, 84, 0.3) !important; } .s15
{
background: var(--color-4) url(//propellertalent.com/wp-content/themes/propeller/assets/images/propeller-talent-hero-7.jpg) center/cover no-repeat;
}
.s15::after
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; background: #3c415460;
}
.wpcf7-submit{font-size: var(--font-27);} footer
{
background: var(--color-5) url(//propellertalent.com/wp-content/themes/propeller/assets/images/footer-bg.svg) right/cover no-repeat;
}
footer a
{
color: var(--color-4) !important;
}
footer a:hover
{
text-decoration-color: var(--color-3) !important;
}
footer .pattern
{
background: transparent url(//propellertalent.com/wp-content/themes/propeller/assets/images/pattern-1.svg) repeat;
background-size: 72px 72px;
height: 72px;
opacity: 40%;
margin-bottom: -35px;
}
footer .copyright
{
font-size: var(--font-18);
}  @media (min-width: 576px) {
.s02
{
height: 750px;
}
.s02 h2 {
margin-top: -8.8px;
margin-bottom: -14px;
}
.border-sm-0 {
border: 0 !important;
}
.position-sm-relative
{
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.position-sm-absolute
{
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
} @media (min-width: 768px) {
.s02 h2 {
margin-top: -5px;
margin-bottom: -10px;
}
.position-md-relative
{
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.position-md-absolute
{
position: absolute !important;
}
}
@media (max-width: 767px) 
{
.border-md-0 {
border: 0 !important;
}
} @media (min-width: 992px) {
.s02
{
height: 950px;
}
.s02 h2 {
margin-top: -8.8px;
margin-bottom: -14px;
}
.position-lg-relative
{
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.position-lg-absolute
{
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
}
@media (max-width: 991px) 
{
.border-lg-0 {
border: 0 !important;
}
}
@media only screen and (min-width: 960px) and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-width: 960px) and (-o-min-device-pixel-ratio: 1.5/1),
only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-width: 960px) and (min-device-pixel-ratio: 1.5) {
.s02
{
height: 650px !important;
}
.s02 h2 {
margin-top: -8.8px;
margin-bottom: -14px;
}
} @media (min-width: 1200px) {
.s02
{
height: 950px;
}
.s02 h2 {
margin-top: -8.8px;
margin-bottom: -14px;
}	
.position-xl-relative
{
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
}
.position-xl-absolute
{
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
} @media (min-width: 1400px) {}
.s14
{
background-color: #272c40;
background-image: url(//propellertalent.com/wp-content/themes/propeller/assets/images/pattern-2.svg);
background-repeat: repeat;
background-size: 72px 72px; min-height: 85px;
} .s02-0::after
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, transparent 0%, rgba(0,0,0,.75) 100%);
}
@media (min-width: 768px) {
.s16-0 { margin-top: -100px; }
}
@media (min-width: 992px){
.pr-lg-40 { padding-right: 12.5rem !important; }
}
@media (min-width: 1200px) {
.pt-xl-40 { padding-top: 12.5rem !important; }
} .s17-1
{
border-top:20px solid var(--color-2);
border-right:20px solid var(--color-2);
border-bottom:0 solid var(--color-2);
background:var(--color-4) url(//propellertalent.com/wp-content/themes/propeller/assets/images/pattern-2.svg) repeat-y -20px 0;
background-size: 115px 115px;
}
@media (min-width: 992px)
{
.s17-1
{
border-top-width:40px;
border-right-width:40px;
border-bottom-width:40px;
}
}
.s17-2
{
background-color:var(--color-4);
border-top:20px solid var(--color-2); }
@media (min-width: 768px)
{
.s17-2
{
border-right:20px solid var(--color-2);
border-bottom: 0 solid var(--color-2);
}	
}
@media (min-width: 992px)
{
.s17-2
{
border-top-width:40px;
border-right-width:40px;
border-bottom-width:40px;
}	
}
.s17-3
{
right:-40px;
bottom:-40px;
}
.s17-4
{
left: 18px;
top: -95px;
width: 150px;
height: 112px;
}
@media (min-width: 992px)
{
.s17-4
{
left:412px;
top:-130px;
width:200px;
height:149px;
}
}
@media (min-width: 1200px)
{
.s17-4
{
left:100px;
top:-90px;
width:320px;
height:238px;
}	
}
.s17-5
{
border-top:20px solid var(--color-2);
border-left:0 solid var(--color-2);
border-bottom: 20px solid var(--color-2);
}
@media (min-width: 992px)
{
.s17-5
{
border-top-width:40px;
border-left-width:40px;
border-bottom-width:40px;
margin-left:-200px;
}	
}
.s17-6
{
height:50px;
}
@media (min-width: 992px)
{
.s17-6
{
height:100px;
}
} .s18
{ background: var(--color-4) url(//propellertalent.com/wp-content/themes/propeller/assets/images/bg-resources.jpg) center/cover no-repeat;
}
.s18::after
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; background: #3c415460;
} .s18-2 {
bottom:-14px;
height: 32px;
background: transparent url(//propellertalent.com/wp-content/themes/propeller/assets/images/pattern-2.svg) repeat;
background-size: 72px 72px;
}
.last-child-mb-0 *:last-child { margin-bottom: 0 !important; }
.clip-1 { clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 90%); }
.prev_sep_next span { display: none; }
.prev_sep_next a + span + a { display: inline-block; }
.blog-content ul,
.blog-content ol
{
padding-left: 2rem;
list-style-type: none;
}
.blog-content ol
{
counter-reset: num;
}
.blog-content ul li,
.blog-content ol li
{	
position: relative;
}
.blog-content ol li
{
counter-increment: num;
}
.blog-content ul li::before,
.blog-content ol li::before
{
position: absolute;
top: -3px;
left: -32px;
}
.blog-content ul li::before
{		
content: '»';
}
.blog-content ol li::before
{
content: counter(num) ". ";
}
.blog-content blockquote
{
margin-left: 3rem;
padding: 1rem;
background-color: var( --color-4 );
border-left: 10px solid var( --color-3 );
}
.blog-content a
{
color: var( --color-6 ) !important;
text-decoration: none;
}
.blog-content a:hover
{
text-decoration: underline;
}
.blog-content hr
{
border: 1px solid;
}
.blog-content img.alignright {float:right; margin:0 0 1em 1em}
.blog-content img.alignleft {float:left; margin:0 1em 1em 0}
.blog-content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.blog-content a img.alignright {float:right; margin:0 0 1em 1em}
.blog-content a img.alignleft {float:left; margin:0 1em 1em 0}
.blog-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}