/*
Theme Name:  Front line Staffing
Author URI: https://www.thegeminigeeks.com/
Version: 1.1
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/
:root {
  /* Color Variables: */
--primarycolor:#0f0f0f;
--secondarycolor:#554c9e;
--tertiarycolor:#3d97cd;
  /* Font Variables: */
--primaryfont:"Poppins", sans-serif;
--secondaryfont:"Poppins", sans-serif;
}
*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: var(--secondaryfont);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--primarycolor);font-weight: 400;font-size: 1rem;line-height: 1.8;text-rendering: optimizeLegibility;}
a img {border: none;}
a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);}

#scroll {position: fixed;right: 10px;bottom: 10px;cursor: pointer;width: 40px;height: 40px;background-color: var(--secondarycolor);text-indent: -9999px;display: none;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;z-index: 999;}
#scroll span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #ffffff;}
#scroll:hover {background-color:var(--tertiarycolor);opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #000;line-height: 1.2;font-family: var(--primaryfont);}

h1 {font-size: 47px;text-transform: uppercase;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
.menu-bar {text-align: left;width: 30px;}
.menu-bar span {height:2px;background:var(--secondarycolor);display:block;margin-bottom:6px}
.menu-bar span:nth-child(1) {width:17px}
.menu-bar span:nth-child(2) {width:30px}
.menu-bar span:nth-child(3) {width:15px;margin-left:auto;margin-bottom:0}

#home-section1 , #main{width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column}
#home-section1 img{width: 400px; max-width:90%}

.page-id-18 img{width: 400px;margin: 0 auto 1rem}

#main{text-align:center;}
#main .line{width: 100px; height:5px;background: var(--secondarycolor); display: flex; margin: 0.8rem auto 1.2rem;}
#main h2{font-weight: 500; margin-bottom: 2.2rem;line-height: 1.5;}
#main h2 a{color: var(--tertiarycolor); font-weight: 600}
#main h2 a:hover{color: var(--secondarycolor)}

.threebtn{display:flex; flex-direction:row; }
.threebtn a{display: table;width: fit-content; margin: 0 auto 1rem; background: var(--secondarycolor); color: #fff; font-weight: 500; text-transform: uppercase; padding: 9px 33px;border-radius: 7px;}
.threebtn a:hover{background: var(--tertiarycolor)}
.threebtn br{position: absolute; display: none}

@media screen and (max-width: 981px) {
.threebtn{flex-direction: column}
}
@media screen and (max-width: 600px) {
  #main {padding:  0 15px}
  #main h2{font-size:20px; font-weight: 600}
  #main h2 a{font-size: 18px}
  .threebtn a{font-size: 14px;}
}