/* Custom Mobile Background Image */
@media only screen and (max-width: 768px) {
div.blockWrap_f154e178c17c4744ac58a886716c3518 {
background-image: url(https://static.mywebsites360.com/ee0ace214a5940efb46c47b8a1a106ad/i/aa0b715cf951489cadd0c59f15ca151e/1/5feFb8zhrk/mobile%20hero.jpg);
}
}
/********************* Equalize List Blocks w No Button***********************/
.items_a7b13493ba144269bc16b3d5ba5600aa,
.items_d115490db3bd455eb9401e226896b553,
.items_a412434bbedc4a18bc972af0e034e8b0,
.items_e264ed10845f41c892d1f6d6d518715e,
.items_b212a2ed9e464b7d89c840c9995cf1e0,
.items_f3af293dcb6f4050a08883583fa02428,
.items_e9e15930dd8b4b528c6bb60ea4751b8f,
.items_cac36fbef62e4890a380c4b8299095e9,
.items_d43625b8ffe94b3fbf0ad754a982a0a3,
.items_dd8fb114a9d541ebaa2a1b1cc1e8e46f {
display: flex;
flex-direction: row;
flex-wrap: wrap;
min-height: 100%;
}
.items_a7b13493ba144269bc16b3d5ba5600aa > .item,
.items_d115490db3bd455eb9401e226896b553 > .item,
.items_a412434bbedc4a18bc972af0e034e8b0 > .item,
.items_e264ed10845f41c892d1f6d6d518715e > .item,
.items_b212a2ed9e464b7d89c840c9995cf1e0 > .item,
.items_f3af293dcb6f4050a08883583fa02428 > .item,
.items_e9e15930dd8b4b528c6bb60ea4751b8f > .item,
.items_cac36fbef62e4890a380c4b8299095e9 > .item,
.items_d43625b8ffe94b3fbf0ad754a982a0a3 > .item,
.items_dd8fb114a9d541ebaa2a1b1cc1e8e46f > .item {
display: flex;
flex-direction: column;
}
/****************** Candidate Services Block*******************/
.items_c6d4c517539c4ebca76cbe19d33ba451,
.items_e917f5e5a1964c04996f4f3d7699f8b2,
.items_c724310ea4a74dcca94f2eee6949b3db,
.items_e32c80a6037f479da22a0b7941eca340,
.items_fe3bff9b5432428da5f1a962684ef5a1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
min-height: 100%;
}
.items_c6d4c517539c4ebca76cbe19d33ba451 > .item,
.items_e917f5e5a1964c04996f4f3d7699f8b2 > .item,
.items_c724310ea4a74dcca94f2eee6949b3db > .item,
.items_e32c80a6037f479da22a0b7941eca340 > .item,
.items_fe3bff9b5432428da5f1a962684ef5a1 > .item {
display: flex;
flex-direction: column;
position: relative;
}
.items_c6d4c517539c4ebca76cbe19d33ba451 > .item a.button,
.items_e917f5e5a1964c04996f4f3d7699f8b2 > .item a.button,
.items_c724310ea4a74dcca94f2eee6949b3db > .item a.button,
.items_e32c80a6037f479da22a0b7941eca340 > .item a.button,
.items_fe3bff9b5432428da5f1a962684ef5a1 > .item a.button {
position: absolute;
bottom: 20px;
left: 20px;
}
.items_c6d4c517539c4ebca76cbe19d33ba451 > .item p,
.items_e917f5e5a1964c04996f4f3d7699f8b2 > .item p,
.items_c724310ea4a74dcca94f2eee6949b3db > .item p,
.items_e32c80a6037f479da22a0b7941eca340 > .item p,
.items_fe3bff9b5432428da5f1a962684ef5a1 > .item p {
margin-bottom: 25px;
}
/*--------------------Bottom Padding----------*/
.blockText p, .itemContent p, .blockText ul, .itemContent ul, .blockText ol, .itemContent ol {
padding-bottom: .7em!important;
}
/****************************************
!!!!!START GET PRICING STYLES - DO NOT EDIT!!!!!
****************************************/
/********************
VARIABLES
--Only work here
--Controls element color, size, aligment, etc
--Some elements have mobile and desktop settings
********************/
:root {
/*=========================================
BASE STYLES
--won't change between mobile or desktop
=========================================*/
/*Add spacing around entire container on smaller devices*/
--container-mobile-vertical-space: unset; /*top-bottom padding*/
--container-mobile-horizontal-space: unset; /*left-right padding*/
/*Add spacing around entire container on larger devices*/
--container-desk-vertical-space: unset; /*top-bottom padding*/
--container-desk-horizontal-space: unset; /*left-right padding*/
/*Align content and form vertically top, middle, or bottom*/
--vertically-align-content: unset; /*top=start | middle=center | bottom=end*/
/*Change spacing between elements*/
--space-after-title: unset;
--space-after-subtitle: unset;
--space-after-content: unset;
--space-after-form-title: unset;
/*Change space between content and column*/
--space-between-columns: unset;
/*Change column widths*/
--column-layout: unset; /*50-50=1fr 1fr | 33-66=1fr 2fr | 66-33=2fr 1fr
/*=========================================
BUTTON STYLES
--base styles
--hover styles
--mobile and desktop width and alignment
=========================================*/
/*button base styles*/
--button-background: unset;
--button-font-color: unset;
--button-font-size: unset;
--button-vertical-padding: unset; /*top-bottom padding*/
--button-horizontal-padding: unset; /*left-right padding*/
--button-border-width: unset;
--button-border-color: unset;
--button-border-radius: unset;
--button-hover-transition: unset;
/*button hover styles*/
--button-hover-background: unset;
--button-hover-font-color: unset;
--button-hover-border-color: unset;
/*button styles for small devices*/
--align-button-mobile: unset; /*left=flex-start | middle=center | right=flex-end*/
--button-width-mobile: unset; /*percentage, pixels, or auto*/
/*button styles for large devices*/
--align-button-desk: unset; /*left=flex-start | middle=center | right=flex-end*/
--button-width-desk: unset; /*percentage, pixels, or auto*/
/*=========================================
FORM STYLES
--base styles
--mobile and desktop stacking
=========================================*/
/*form base styles*/
--form-background-color: unset;
--form-border-width: unset;
--form-border-color: unset;
--form-border-radius: unset;
--form-vertical-padding: unset; /*top-bottom padding*/
--form-horizontal-padding: unset; /*left-right padding*/
/*form stacking order*/
/*1 for form to be left, 2 for form to be right*/
--form-order-mobile: unset;
--form-order-desk: unset;
/*=========================================
FONT STYLES
--base styles
--mobile and desktop stacking
=========================================*/
/*Change font colors*/
--font-color-title: unset;
--font-color-subtitle: unset;
--font-color-content: unset;
--font-color-form-title: unset;
--font-font-color-links: unset;
/*Set font size for smaller devices*/
--title-font-size-mobile: unset;
--subtitle-font-size-mobile: unset;
--content-font-size-mobile: unset;
--form-title-font-size-mobile: unset;
/*Set text alignment for smaller devices*/
--title-text-align-mobile: unset;
--subtitle-text-align-mobile: unset;
--content-text-align-mobile: unset;
--form-title-text-align-mobile: unset;
/*Set font sizes for larger devices*/
--title-font-size-desk: unset;
--subtitle-font-size-desk: unset;
--content-font-size-desk: unset;
--form-title-font-size-desk: unset;
/*Set text alignment for larger devices*/
--title-text-align-desk: unset;
--subtitle-text-align-desk: unset;
--content-text-align-desk: unset;
--form-title-text-align-desk: unset;
}
/********************
UTILITY STYLES
--Use to manipulate text and form elements
********************/
/*add to change font case*/
.m-text-uppercase {
text-transform: uppercase;
}
.m-text-lowercase {
text-transform: lowercase;
}
.m-text-capitalize {
text-transform: capitalize;
}
/*add to change font weight*/
.m-weight-light {
font-weight: 300;
}
.m-weight-medium {
font-weight: 500;
}
.m-weight-bold {
font-weight: 800;
}
/*add to change letter spacing*/
.m-track-tight {
letter-spacing: 2px;
}
.m-track-wide {
letter-spacing: 5px;
}
.m-track-widest {
letter-spacing: 10px;
}
/********************
CORE ELEMENT STYLES
--Should not need to touch
--Only change if your are comfortable with advanced CSS
********************/
/*BASE STYLES - MOBILE FIRST*/
#madHero {
display: grid;
padding: var(--container-mobile-vertical-space) var(--container-mobile-horizontal-space);
}
#madHero .madTitle {
color: var(--font-color-title);
font-size: var(--title-font-size-mobile);
text-align: var(--title-text-align-mobile);
line-height: 1.2;
margin-top: 0;
margin-bottom: var(--space-after-title);
}
#madHero .madSubtitle {
color: var(--font-color-subtitle);
font-size: var(--subtitle-font-size-mobile);
text-align: var(--subtitle-text-align-mobile);
line-height: 1.2;
margin-top: 0;
margin-bottom: var(--space-after-subtitle);
}
#madHero .madContent {
color: var(--font-color-content);
font-size: var(--content-font-size-mobile);
text-align: var(--content-text-align-mobile);
margin-top: 0;
margin-bottom: var(--space-after-content);
}
#madHero .madFormTitle {
color: var(--font-color-form-title);
font-size: var(--form-title-font-size-mobile);
text-align: var(--form-title-text-align-mobile);
line-height: 1.2;
margin-top: 0;
margin-bottom: var(--space-after-form-title);
}
#madHero a {
color: var(--font-font-color-links);
}
#madHero .madButtonOuter {
display: flex;
justify-content: var(--align-button-mobile);
}
#madHero .madButton {
color: var(--button-font-color);
font-size: var(--button-font-size);
text-align: center;
text-decoration: none;
background: var(--button-background);
border: var(--button-border-width) solid var(--button-border-color);
border-radius: var(--button-border-radius);
width: var(--button-width-mobile);
display: inline-block;
padding: var(--button-vertical-padding) var(--button-horizontal-padding);
transition: var(--button-hover-transition);
}
#madHero .madButton:hover {
background: var(--button-hover-background);
color: var(--button-hover-font-color);
border-color: var(--button-hover-border-color);
}
#madFormContainer {
grid-row: var(--form-order-mobile);
background-color: var(--form-background-color);
border: var(--form-border-width) solid var(--form-border-color);
border-radius: var(--form-border-radius);
padding: var(--form-vertical-padding) var(--form-horizontal-padding);
margin: 20px 0;
}
#madHeroContent {
margin: 20px 0;
}
/*LARGER SCREEN SIZE*/
@media only screen and (min-width: 768px) {
#madHero {
grid-template-columns: var(--column-layout);
align-items: var(--vertically-align-content);
grid-gap: var(--space-between-columns);
padding: var(--container-desk-vertical-space) var(--container-desk-horizontal-space);
}
#madFormContainer {
grid-row: 1;
grid-column: var(--form-order-desk);
margin: 0;
}
#madHeroContent {
margin: 0;
}
#madHero .madTitle {
font-size: var(--title-font-size-desk);
text-align: var(--title-text-align-desk);
}
#madHero .madSubtitle {
font-size: var(--subtitle-font-size-desk);
text-align: var(--subtitle-text-align-desk);
}
#madHero .madContent {
font-size: var(--content-font-size-desk);
text-align: var(--content-text-align-desk);
}
#madHero .madFormTitle {
font-size: var(--form-title-font-size-desk);
text-align: var(--form-title-text-align-desk);
}
#madHero .madButtonOuter {
justify-content: var(--align-button-desk);
}
#madHero .madButton {
width: var(--button-width-desk);
}
}
/****************************************
!!!!!END HERO STYLES - START NORMAL STYLES AFTER THIS!!!!
****************************************/