/*
Theme Name: Delaware Department of Labor
Theme URI: http://labor.delaware.gov
Author: Delaware GIC - Julianne Solum
Author URI: http://gic.delaware.gov
Description: Custom WordPress theme designed exclusively for the Delaware Department of Labor
Version: CLF 4.0.2
Tags: Bootstrap, mobile first, State of Delaware
Text Domain: dosgic_LABOR_theme
*/
/* ############################################################################################## */
/* D E V E L O P E R C U S T O M I Z A B L E S T Y L E S */
/* State of Delaware - CLF4 2016 */
/* Developed by the GIC (Julianne Solum) */
/* ############################################################################################## */
/*========== Bootstrap 3 Mobile First Method CSS ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
/* ============================= ELEMENTS ============================= */
html {
-webkit-font-smoothing: antialiased !important;
position: relative;
min-height: 100%;
}
body {
width: 100%;
min-height: 100%;
font-family: "Open Sans", sans-serif !important;
font-weight: 400;
font-size: 16px !important;
-webkit-font-smoothing: antialiased !important;
/* padding-bottom: 980px; */
/* REMOVE padding-bottom - causes the agency footer to overlap the main content */
}
/* ============================= ID's ============================= */
/* BOOTSTRAP NAV-WALKER COMPENSATORY CSS */
/* ID OF BELOW SELECTOR WILL CHANGE BASED ON WEBSITE */
#menu-labor-main-navigation {
z-index: 999;
}
.affix #menu-labor-main-navigation {
position: absolute !important;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #00627e;
transition: all 0.25s ease-out;
}
#main_header h1,
#main_content h1 {
font-family: "Lato", sans-serif;
color: #d76f0f;
font-size: 45px;
margin-top: 10px;
}
#main_header h2,
#main_content h2 {
font-family: "Lato", sans-serif;
color: #05405c;
margin-top: 5px;
padding-top: 12px;
font-size: 35px;
}
#main_content h3 {
font-family: "Lato", sans-serif;
font-size: 22px;
font-weight: 600;
color: #a7570b;
margin-top: 0px;
}
#main_content h4 {
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 800;
color: #05405c;
margin-top: 0px;
}
#main_content a,
#main_content a:link,
#main_content a:active,
#main_content a:visited {
color: #056a99;
text-decoration: none;
font-weight: 700;
}
#main_content a:hover {
color: #245194;
text-decoration: underline;
font-weight: bold;
transition: 0.3s;
}
#main_content ul,
#main_content ol {
line-height: 2.1em;
margin-top: 1em;
margin-bottom: 1em;
}
#loading1 {
margin-left: auto;
margin-right: auto;
width: 100px;
}
#loading2 {
margin-left: auto;
margin-right: auto;
width: 100px;
}
#headerImage {
height: 400px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
position: relative;
padding-top: 50px;
padding: 10px;
box-shadow: 10px 10px #f08c2c;
margin-top: 15px;
}
#employmentTrainingImage,
#unemploymentImage,
#dvrImage,
#oolmiImage,
#apexImage,
#iaImage,
#wibImage,
#workersImage,
#claimantImage,
#employerImage,
#studentImage {
height: 175px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
position: relative;
padding: 10px;
margin-top: -22px;
z-index: 1 !important;
}
#highlights {
margin-top: -210px;
}
#highlights a,
#highlights a:link,
#highlights a:active,
#highlights a:visited {
color: #0a4f7c;
text-decoration: none;
font-weight: bold;
}
#highlights a:hover {
color: #6e5d9c;
text-decoration: underline;
font-weight: bold;
}
#checkbook {
height: 500px;
width: 100%;
background-image: url("img/checkbook-graphs.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#checkbook h2 {
color: #6e5d9c;
font-family: "Raleway", sans-serif !important;
font-size: 32px;
font-weight: 400;
}
#checkbook p {
color: #6e5d9c;
}
#checkbook a,
#checkbook a:link,
#checkbook a:active,
#checkbook a:visited {
color: #0a4f7c;
text-decoration: none;
font-weight: bold;
}
#checkbook a:hover {
color: #6e5d9c;
text-decoration: underline;
font-weight: bold;
}
#agencyFooter {
background-color: #f2f2f2;
color: #0a4f7c;
font-size: 15px;
line-height: 1.5em;
padding-top: 30px;
padding-bottom: 2em;
border-top: 3px solid #05405c;
border-bottom: 10px solid #245194;
/* position: absolute; */
/* REMOVE position absolute - causes the agency footer to overlap the main content */
/* bottom: 0; */
width: 100%;
/* height: 975px; */
/* REMOVE height - causes the agency footer to overlap the main content */
z-index: 1029;
}
@-moz-document url-prefix() {
#agencyFooter {
/* height: 990px; */
/* REMOVE height - causes the agency footer to overlap the main content */
}
}
#agencyFooter a,
#agencyFooter a:link,
#agencyFooter a:active,
#agencyFooter a:visited {
color: #056a99;
text-decoration: none;
}
#agencyFooter a:hover {
color: #05405c;
text-decoration: underline;
}
#agencyFooter ul {
list-style-type: none;
margin-left: -38px;
}
#agencyFooter ul li {
margin-bottom: 15px;
}
#agencyFooter h4 {
color: #d76f0f;
font-size: 30px;
font-weight: 700;
}
#agencyFooter .dol-logo {
max-width: 250px;
margin: 0 auto;
}
/* Interior Menu Styling */
#menu-labor-first-left-menu,
#menu-labor-employment-left-menu,
#menu-labor-unemployment-left-menu,
#menu-labor-dvr-left-menu,
#menu-labor-oolmi-left-menu,
#menu-labor-apex-left-menu,
#menu-labor-ia-left-menu,
#menu-labor-wib-left-menu,
#menu-forward-de-left-menu {
display: table-row;
}
#menu-labor-first-left-menu>li:first-child,
#menu-labor-employment-left-menu>li:first-child,
#menu-labor-unemployment-left-menu>li:first-child,
#menu-labor-dvr-left-menu>li:first-child,
#menu-labor-oolmi-left-menu>li:first-child,
#menu-labor-apex-left-menu>li:first-child,
#menu-labor-ia-left-menu>li:first-child,
#menu-labor-wib-left-menu>li:first-child,
#menu-forward-de-left-menu>li:first-child,
#menu-forward-de-left-menu>li:first-child {
margin-top: 0.5em;
}
#menu-labor-first-left-menu li,
#menu-labor-employment-left-menu li,
#menu-labor-unemployment-left-menu li,
#menu-labor-dvr-left-menu li,
#menu-labor-oolmi-left-menu li,
#menu-labor-apex-left-menu li,
#menu-labor-ia-left-menu li,
#menu-labor-wib-left-menu li,
#menu-forward-de-left-menu li {
margin: 1.1em 0;
list-style-type: none;
}
#menu-labor-first-left-menu a,
#menu-labor-employment-left-menu a,
#menu-labor-unemployment-left-menu a,
#menu-labor-dvr-left-menu a,
#menu-labor-oolmi-left-menu a,
#menu-labor-apex-left-menu a,
#menu-labor-ia-left-menu a,
#menu-labor-wib-left-menu a,
#menu-forward-de-left-menu a {
font-size: 25px;
font-family: "Open Sans Condensed";
font-weight: 500;
line-height: 1.1;
margin-top: 0px;
text-decoration: none;
}
/* Interior Left Menu Sub-menu */
#menu-labor-first-left-menu ul.sub-menu li,
#menu-labor-employment-left-menu ul.sub-menu li,
#menu-labor-unemployment-left-menu ul.sub-menu li,
#menu-labor-dvr-left-menu ul.sub-menu li,
#menu-labor-oolmi-left-menu ul.sub-menu li,
#menu-labor-apex-left-menu ul.sub-menu li,
#menu-labor-ia-left-menu ul.sub-menu li,
#menu-labor-wib-left-menu ul.sub-menu li,
#menu-forward-de-left-menu ul.sub-menu li {
margin-left: -50px;
}
#menu-labor-first-left-menu .sub-menu a,
#menu-labor-employment-left-menu .sub-menu a,
#menu-labor-unemployment-left-menu .sub-menu a,
#menu-labor-dvr-left-menu .sub-menu a,
#menu-labor-oolmi-left-menu .sub-menu a,
#menu-labor-apex-left-menu .sub-menu a,
#menu-labor-ia-left-menu .sub-menu a,
#menu-labor-wib-left-menu .sub-menu a,
#menu-forward-de-left-menu .sub-menu a {
font-size: 18px !important;
font-family: "Open Sans";
display: table-row;
text-decoration: none !important;
}
#menu-labor-first-left-menu .sub-menu li:first-of-type,
#menu-labor-employment-left-menu .sub-menu li:first-of-type,
#menu-labor-unemployment-left-menu .sub-menu li:first-of-type,
#menu-labor-dvr-left-menu .sub-menu li:first-of-type,
#menu-labor-oolmi-left-menu .sub-menu li:first-of-type,
#menu-labor-apex-left-menu .sub-menu li:first-of-type,
#menu-labor-ia-left-menu .sub-menu li:first-of-type,
#menu-labor-wib-left-menu .sub-menu li:first-of-type,
#menu-forward-de-left-menu .sub-menu li:first-of-type {
margin-top: 1em;
}
#menu-labor-first-left-menu .sub-menu a::before,
#menu-labor-employment-left-menu .sub-menu a::before,
#menu-labor-unemployment-left-menu .sub-menu a::before,
#menu-labor-dvr-left-menu .sub-menu a::before,
#menu-labor-oolmi-left-menu .sub-menu a::before,
#menu-labor-apex-left-menu .sub-menu a::before,
#menu-labor-ia-left-menu .sub-menu a::before,
#menu-labor-wib-left-menu .sub-menu a::before,
#menu-forward-de-left-menu .sub-menu a::before {
display: table-cell;
padding-right: 25px;
content: "";
}
/* END Interior Menu */
/* ============================= Classes ============================= */
/* WordPress Core CSS */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
/* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar */
}
img.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Take away top padding from video embed blocks */
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
padding-top: 0;
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
padding-top: 0;
}
/* End take away top padding from video embed blocks */
/* End WP Core Classes */
.agencyFooter_logo {
width: 300px;
/* height: 82px; */
/* REMOVE height - causes the agency footer to overlap the main content */
border: none;
text-align: center;
}
.labor-logo {
width: 300px;
border: none;
text-align: center;
}
.emphasis {
font-weight: bold;
}
.anchors {
margin-top: -100px;
/* Size of fixed header */
padding-bottom: 100px;
display: block;
}
.noshow {
display: none;
}
.DZembed-table {
border: 2px solid #353535 !important;
}
.DZembed-chart {
border: 2px solid #353535 !important;
}
#DOLEmbed_QCEW_Wages {
border: 2px solid #353535 !important;
}
#DE_OES {
border: 2px solid #353535 !important;
}
body.dz-embed {
border: 2px solid #353535 !important;
}
hr.clf {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-o-border-image: none;
border-image: none;
border: 1px solid #1799ba;
margin-bottom: 25px;
margin-top: 10px;
}
hr.grey {
border: 2px solid #d4d4d4;
color: #d4d4d4;
margin-top: 0px;
padding: auto;
margin: 0 auto;
margin-left: auto;
}
hr.homepage {
border: 0;
width: 200px;
height: 5px;
background-image: url("img/finance-hr.jpg");
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.border_none {
border: none;
}
.no-gutter {
padding-left: 0px !important;
padding-right: 0px !important;
margin: auto;
}
.small-top {
font-size: 20px;
color: #fff;
line-height: 30px;
}
.interiorTitle {
margin-bottom: -10px !important;
background-color: #05405c;
}
.header-logo-interior {
height: 50px;
}
.interior-title-wrapper {
margin-top: -20px;
background-color: #f8f2ec;
}
.jumbo {
font-size: 40px;
font-weight: 800;
}
.highlight-block {
background-color: #d3eefe;
border: 10px solid #fff;
padding-top: 15px;
}
.highlight-icon {
padding-bottom: 10px;
}
.news_title a,
.news_title a:link,
.news_title a:visited,
.news_title a:active {
font-size: 18px !important;
display: block;
overflow: hidden;
max-width: 700px;
padding-top: 10px !important;
padding-bottom: 15px !important;
/*white-space: nowrap;*/
text-decoration: none !important;
text-overflow: ellipsis;
text-decoration: underline !important;
}
.news_title a:hover {
text-decoration: underline !important;
color: #ebebeb !important;
}
.news_desc {
display: none;
}
.news_date {
font-style: italic;
font-size: 14px;
color: #ebebeb !important;
font-weight: 600;
}
.covid-dash {
background-color: #d76f0f;
}
.covid-dash h2 {
color: #fff !important;
}
.covid-dash h3 {
color: #fff !important;
font-size: 20px !important;
}
.covid-dash p {
color: #fff;
font-size: 20px !important;
}
.covid-dash a {
color: #fff !important;
}
.covid-dash .fa-question-circle {
color: #fff;
}
.covid-dash .fa-plus-circle {
color: #fff;
}
.covid-dash .fa-info-circle {
color: #fff;
}
.laborTitle {
color: #1799ba;
font-size: 45px;
font-family: "Raleway", sans-serif;
font-weight: 300;
line-height: 1.1;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.report-title {
background-color: #6e5d9c;
padding: 12px 5px 5px 15px;
min-height: 70px;
color: #fff;
border: 2px solid #fff;
}
.report-title a,
.report-title a:link,
.report-title a:visited,
.report-title a:active {
color: #fff;
font-weight: bold;
text-decoration: none;
}
.report-title a:hover {
color: #fff;
font-weight: bold;
text-decoration: underline !important;
}
.report-desc {
background-color: #f8f2ec;
padding: 12px 5px 5px 15px;
min-height: 70px;
border: 2px solid #fff;
}
.report-desc p {
white-space: nowrap;
text-overflow: ellipsis;
display: block;
overflow: hidden;
}
.report-title p,
.report-desc p {
margin-top: 10px;
}
.form-icon {
width: 40px;
height: 40px;
margin-right: 10px;
vertical-align: middle;
}
.dark-blue-boxes {
background-color: #05405c;
padding: 40px !important;
}
.light-blue-boxes {
background-color: #056a99;
padding: 40px !important;
}
.btn-labor {
color: #fff !important;
background-color: #056a99;
border-color: #035e88;
display: inline-block;
padding: 13px 28px;
margin-bottom: 0;
font-family: "Open Sans", sans-serif !important;
font-size: 16px;
font-weight: 600;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
text-transform: uppercase;
}
.btn-labor:hover {
color: #fff !important;
background-color: #f08c2c;
border-color: #f08c2c;
transition: 0.3s;
}
.btn-labor-block {
color: #fff !important;
background-color: #056a99;
border-color: #035e88;
display: inline-block;
padding: 13px 28px;
margin-bottom: 0;
font-family: "Open Sans", sans-serif !important;
font-size: 16px;
font-weight: 600;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
text-transform: uppercase;
}
.intro-header {
border-bottom: 5px solid #05405c;
padding-bottom: 45px;
}
.intro-header .intro-text {
font-family: "Raleway", sans-serif;
font-size: 62px;
color: #d76f0f;
font-weight: 900;
line-height: 85px;
}
.intro-header p {
line-height: 34px;
}
.audience-portal-wrapper {
background-color: #f3f3f3;
padding-top: 25px;
padding-bottom: 45px;
}
.audience-portal {
margin-bottom: 75px !important;
text-align: center;
}
.file-claim-wrapper {
background-color: #f9f9f9;
padding-top: 45px;
padding-bottom: 45px;
border-top: 5px solid #e3e3e3;
border-bottom: 5px solid #e3e3e3;
margin-top: 55px;
}
.file-unemployment-claim-wrapper {
background-color: #f9f9f9;
padding-top: 45px;
padding-bottom: 45px;
border-top: 5px solid #e3e3e3;
border-bottom: 5px solid #e3e3e3;
}
.services-wrapper h2 {
color: #fff !important;
font-family: "Lato", sans-serif;
margin-top: -5px !important;
margin-bottom: -5px !important;
font-size: 26px !important;
}
.services-wrapper p {
color: #fff;
line-height: 26px;
}
.services-wrapper a {
color: #fff !important;
}
.services-wrapper:hover {
color: #fff !important;
transition: 0.3s;
}
.divisions-wrapper {
box-shadow: 10px 10px #f08c2c;
background-color: #f9f9f9;
padding: 50px;
}
.divisions-wrapper p {
font-size: 22px;
}
.divisions-wrapper a {
font-weight: 400 !important;
}
.news-wrapper {
background-color: #05405c;
padding-top: 75px;
padding-bottom: 95px;
margin-bottom: 125px;
}
.news-item-wrapper {
margin-bottom: 45px;
}
.news-wrapper h1 {
color: #fff !important;
}
.news-wrapper h2 {
color: #fff !important;
}
.news-wrapper a {
color: #fff !important;
font-size: 18px;
}
.news-wrapper .news-date {
color: #ebebeb;
font-style: italic;
font-weight: 600;
}
.news-wrapper .news-title:hover {
color: #cccccc !important;
transition: 0.3s;
}
.fa-white {
color: #fff;
}
.fa-orange {
color: #f08c2c;
}
.fa-grey {
color: #cccccc;
}
.blue-highlight {
color: #05405c;
font-weight: 800;
}
.interior-wrapper {
min-height: 1500px;
}
.interior-wrapper .interior-header h1 {
font-size: 32px !important;
background-color: #fff;
color: #05405c !important;
}
.interior-wrapper .topic-header h1 {
font-size: 32px !important;
background-color: #e1e1e1 !important;
color: #05405c !important;
border: 3px solid #c9c9c9;
}
.interior-wrapper .sub-interior-header h1 {
font-size: 32px !important;
background-color: #fff;
color: #05405c !important;
}
.interior-wrapper .h1-subhead span {
display: block;
font-size: 75%;
line-height: 1.5;
}
.interior-wrapper h2 {
font-size: 32px !important;
/*background-color:#FFF;*/
color: #f08c2c;
margin-bottom: 20px;
font-family: "Lato", sans-serif;
}
.page-template-paid-leave #main_content .internal-page h3 {
color: #05405c;
}
.labor-quote {
color: #05405c;
font-weight: 500;
}
.employment-training-programs h2 {
background-color: #05405c;
padding: 15px;
color: #fff !important;
text-align: center;
}
.employment-training-programs {
background-color: #f3f3f3;
padding: 15px;
}
.labor-hr-sm {
border-top: 3px solid #05405c;
}
.employment-training-nav-logo {
max-height: 150px !important;
}
.employment-training-social-menu {
list-style: none;
display: flex;
padding-bottom: 20px;
padding-left: 0;
}
.employment-training-social-menu li {
padding: 5px;
}
.employment-training-social-menu li i {
font-size: 30px;
}
.unemployment-insurance-nav-logo {
max-height: 150px !important;
}
.dvr-nav-logo {
max-height: 150px !important;
}
.oolmi-nav-logo {
max-height: 82px !important;
}
.apex-nav-logo {
max-height: 100px !important;
}
.ia-nav-logo {
max-height: 100px !important;
}
.wib-nav-logo {
max-height: 100px !important;
}
.apex-logo {
max-height: 100px !important;
}
.claimant-services-wrapper h2,
h2.claimant-services-wrapper {
padding: 15px;
background-color: #05405c;
color: #fff !important;
box-shadow: 5px 5px #f08c2c;
}
.employer-services-wrapper h2 {
padding: 15px;
background-color: #05405c;
color: #fff !important;
box-shadow: 5px 5px #f08c2c;
}
.file-unemployment-claim-wrapper {
background-color: #f9f9f9;
padding-top: 45px;
padding-bottom: 45px;
border-top: 5px solid #e3e3e3;
border-bottom: 5px solid #e3e3e3;
}
.unemployment-insurance-resources-wrapper h2,
h2.unemployment-insurance-resources-wrapper {
background-color: #f0f0f0;
padding: 15px;
color: #05405c !important;
border-top: 4px solid #056a99;
}
.info-hotlines-wrapper h3,
h3.info-hotlines-wrapper {
background-color: #a7570b;
color: #fff !important;
padding: 10px;
}
.dvr-help-wrapper {
background-color: #f3f3f3;
padding: 15px;
}
.dvr-quote {
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 800;
color: #05405c !important;
}
.apex-wrapper {
background-color: #05405c;
color: #fff;
font-weight: bold;
}
.apex-wrapper h2 {
color: #fff !important;
}
.apex-wrapper a {
color: #fff !important;
}
.data-item {
background-color: #dee6ef;
padding: 15px;
margin-top: -25px;
min-height: 200px;
}
.data-item-alt {
background-color: #eceded;
padding: 15px;
margin-top: -25px;
min-height: 200px;
}
.data-item-header {
background-color: #05405c !important;
color: #fff !important;
z-index: 100;
padding: 10px 10px 10px 10px;
border-bottom: 7px solid #f08c2c;
}
.data-item-title {
display: inline-block;
float: left !important;
margin-left: 15px !important;
margin-top: 10px;
}
.data-item-header h3 {
display: inline-block;
color: #fff !important;
font-size: 20px !important;
}
.data-item-header a {
color: #fff !important;
}
.data-item-header a:hover {
color: #ffead4 !important;
}
.data-item-icon {
display: inline-block;
float: left;
}
.dcrn-wrapper,
.registered-apprenticeships-wrapper {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.dcrn-row,
.registered-apprenticeships-row {
padding: 10px;
}
.dcrn-wrapper h3,
.registered-apprenticeships-wrapper h3 {
background-color: #e5e5e5 !important;
z-index: 100;
padding: 15px 15px 15px 15px;
border-top: 5px solid #05405c;
color: #05405c !important;
}
.apex-intro-wrapper {
border: 3px solid #f3f3f3;
padding: 15px;
background: #fff;
}
.pardon-expungement-wrapper h2 {
padding: 15px;
box-shadow: 5px 5px #f08c2c;
background-color: #05405c;
color: #fff !important;
}
.apex-resources-wrapper h2 {
background-color: #05405c !important;
padding: 15px 15px 15px 15px;
color: #fff !important;
}
.apex-resources-wrapper {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.apex-resources-wrapper .row {
padding: 15px;
}
.ia-mission-wrapper h2 {
padding: 15px;
box-shadow: 5px 5px #f08c2c;
background-color: #05405c;
color: #fff !important;
width: 50%;
z-index: 50;
position: relative;
}
.ia-mission-wrapper .lead {
background-color: #f0fbff;
color: #05405c;
padding: 45px 45px 45px 45px;
border: 1px solid #b9d3dd;
margin-top: -35px;
z-index: 1;
position: abosolute;
}
.ia-mission-wrapper h3 a i {
font-size: 18px;
}
.notice-wrapper {
margin-top: 1em;
padding: 45px;
background-color: #fff6f0;
border: 1px solid #f08c2c;
color: #05405c;
font-weight: 700;
z-index: 1;
display: block;
position: relative;
}
.notice-heading {
padding: 15px;
box-shadow: 5px 5px #f08c2c;
background-color: #fff;
color: #05405c !important;
margin: 0 auto;
}
.notice-wrapper .lead {
margin-top: 1em;
}
.ia-divisions-wrapper h2,
.employment-training-services h2 {
background-color: #05405c;
color: #fff !important;
padding: 15px;
text-align: center;
}
.ia-divisions-wrapper h3 {
background-color: #f0f0f0;
color: #05405c !important;
padding: 15px;
border-top: 5px solid #056a99;
}
.employment-training-services h3 {
color: #05405c !important;
}
.about-ia-wrapper h3 {
color: #05405c !important;
}
.about-ia-wrapper {
background-color: #f0fbff;
border: 1px solid #b9d3dd;
padding: 25px;
}
.ia-icon {
height: 200px;
}
.wib-about-wrapper .cta {
background-color: #e5f5ff;
margin-top: 25px;
padding: 1.25em 2.375em;
text-align: center;
}
.wib-topics-wrapper h2 {
border: 2px solid #f08c2c;
color: #05405c !important;
padding: 15px;
font-size: 32px !important;
}
.wib-youth-wrapper {
background-color: #056a99;
padding: 25px;
}
.wib-youth-wrapper h2 {
font-size: 32px !important;
color: #fff !important;
}
.wib-youth-wrapper a {
color: #fff !important;
}
.wib-youth-wrapper a:hover {
color: #fff !important;
text-decoration: underline;
}
.topic-portal-wrapper h2 {
color: #05405c !important;
}
.blue-highlight {
color: #05405c;
font-weight: 800;
}
.sub-interior-nav ul li {
line-height: 18px;
margin-bottom: 15px;
}
/* INTERIOR LEFT NAV */
.sectionmenu_panel {
background-color: #ffffff;
border-color: #dddddd;
}
.sectionmenu_panel .panel-heading {
background-color: #05405c;
border-color: #dddddd;
color: #ffffff;
}
.sectionmenu_panel .panel-title a:link {
transition: all 0.5s ease-in-out;
font-size: 20px;
}
.sectionmenu_panel .panel-title a:hover {
text-decoration: none;
color: #daf2fd;
font-size: 22px;
}
/* /END INTERIOR LEFT NAV */
}
@media (min-width: 992px) {
.no-padding {
padding: 0 !important;
}
.fullwidth {
padding: 100px 0;
}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
/* ============================= ELEMENTS ============================= */
#agencyFooter {
padding-top: 2em;
padding-bottom: 2em;
/* height: 955px; */
/* REMOVE height - causes the agency footer to overlap the main content */
}
/* REMOVE height - causes the agency footer to overlap the main content */
/* @-moz-document url-prefix() {
#agencyFooter {
height: 970px;
}
} */
/* ============================= ID's ============================= */
/* ============================= Classes ============================= */
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
/* ============================= ELEMENTS ============================= */
/* ============================= ID's ============================= */
#headerImage {
height: 500px;
margin-top: 25px;
}
#employmentTrainingImage,
#unemploymentImage,
#dvrImage,
#oolmiImage,
#apexImage,
#iaImage,
#wibImage,
#workersImage,
#claimantImage,
#employerImage,
#studentImage {
height: 450px;
z-index: 1 !important;
}
#highlights {
margin-top: -210px;
}
#checkbook {
height: 400px;
width: 100%;
background-image: url("img/checkbook-graphs.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#checkbook h2 {
color: #6e5d9c;
font-family: "Raleway", sans-serif !important;
font-size: 35px;
font-weight: 400;
}
#agencyFooter h4 {
font-size: 22px;
}
#agencyFooter {
padding-top: 2em;
padding-bottom: 2em;
/* height: 475px; */
/* REMOVE height - causes the agency footer to overlap the main content */
}
/* REMOVE height - causes the agency footer to overlap the main content */
/* @-moz-document url-prefix() {
#agencyFooter {
height: 480px;
}
} */
/* ============================= Classes ============================= */
.laborTitle {
color: #1799ba;
font-size: 45px;
font-family: "Raleway", sans-serif;
font-weight: 300;
line-height: 1.1;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.interior-wrapper .interior-header h1 {
margin-top: -145px !important;
font-size: 32px !important;
z-index: 2000;
position: absolute;
padding: 15px;
box-shadow: 5px 5px #f08c2c;
}
.interior-wrapper .topic-header h1 {
margin-top: -145px !important;
font-size: 32px !important;
z-index: 2000;
position: absolute;
padding: 15px;
}
.interior-wrapper .sub-interior-header h1 {
font-size: 32px !important;
padding: 15px;
}
.audience-portal {
margin-bottom: 75px !important;
text-align: center;
}
.news-wrapper {
margin-bottom: 09px;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-train-station {
font-family: "Open Sans", sans-serif;
font-size: 50px;
}
.interior-wrapper {
min-height: 975px;
}
.intro-header .intro-text {
font-size: 72px;
}
.small-top {
font-size: 22px;
color: #fff;
line-height: 30px;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
/* ============================= ELEMENTS ============================= */
/* ============================= ID's ============================= */
#headerImage {
height: 500px;
padding-top: 50px;
}
#highlights {
margin-top: -210px;
}
#checkbook {
height: 700px;
width: 100%;
background-image: url("img/checkbook-graphs.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#checkbook h2 {
color: #6e5d9c;
font-family: "Raleway", sans-serif !important;
font-size: 45px;
font-weight: 400;
}
#agencyFooter {
background-color: #f2f2f2;
color: #0a4f7c;
font-size: 15px;
line-height: 1.5em;
padding-top: 2em;
padding-bottom: 2em;
border-bottom: 10px solid #245194;
/* position: absolute;
bottom: 0; */
/* REMOVE position absolute - causes the agency footer to overlap the main content */
width: 100%;
/* height: 475px; */
/* REMOVE height - causes the agency footer to overlap the main content */
z-index: 1029;
}
/* REMOVE height - causes the agency footer to overlap the main content */
/* @-moz-document url-prefix() {
#agencyFooter {
height: 480px;
}
} */
/* ============================= Classes ============================= */
.laborTitle {
color: #1799ba;
font-size: 45px;
font-family: "Raleway", sans-serif;
font-weight: 300;
line-height: 1.1;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.interior-wrapper .interior-header h1 {
margin-top: -145px !important;
font-size: 32px !important;
z-index: 2000;
position: absolute;
padding: 15px;
box-shadow: 5px 5px #f08c2c;
}
.interior-wrapper .topic-header h1 {
margin-top: -145px !important;
font-size: 32px !important;
z-index: 2000;
position: absolute;
padding: 15px;
}
.interior-wrapper .sub-interior-header h1 {
font-size: 32px !important;
padding: 15px;
}
.sectionmenu_panel {
margin-bottom: 300px !important;
}
.welcome-image {
height: 750px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.light-blue-boxes {
min-height: 500px;
}
.dark-blue-boxes {
min-height: 500px;
}
.news-wrapper {
margin-bottom: 109px;
}
.audience-portal {
margin-bottom: 0px !important;
text-align: left !important;
}
.claimant-services-wrapper h2 {
font-size: 32px !important;
}
.data-item-title {
font-size: 22px !important;
}
.interior-wrapper {
min-height: 975px;
}
.intro-header .intro-text {
font-size: 72px;
}
.small-top {
font-size: 20px;
color: #fff;
line-height: 40px;
}
.joblink-logo {
padding-top: 70px;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
/* ============================= ELEMENTS ============================= */
/* ============================= ID's ============================= */
#headerImage {
height: 600px;
}
#highlights {
margin-top: -210px;
}
.sectionmenu_panel {
margin-bottom: 300px !important;
}
#menu-labor-first-left-menu a,
#menu-labor-employment-left-menu a,
#menu-labor-unemployment-left-menu a,
#menu-labor-dvr-left-menu a,
#menu-labor-oolmi-left-menu a,
#menu-labor-apex-left-menu a,
#menu-labor-ia-left-menu a,
#menu-labor-wib-left-menu a,
#menu-forward-de-left-menu a {
font-size: 25px;
font-family: "Open Sans Condensed";
margin-top: 0px;
text-decoration: none;
}
#menu-labor-first-left-menu .sub-menu a,
#menu-labor-employment-left-menu .sub-menu a,
#menu-labor-unemployment-left-menu .sub-menu a,
#menu-labor-dvr-left-menu .sub-menu a,
#menu-labor-oolmi-left-menu .sub-menu a,
#menu-labor-apex-left-menu .sub-menu a,
#menu-labor-ia-left-menu .sub-menu a,
#menu-labor-wib-left-menu .sub-menu a,
#menu-forward-de-left-menu .sub-menu a {
font-size: 16px;
display: table-row;
}
#agencyFooter {
background-color: #f2f2f2;
color: #0a4f7c;
font-size: 18px;
line-height: 1.5em;
padding-top: 2em;
padding-bottom: 2em;
border-bottom: 10px solid #245194;
/* position: absolute;
bottom: 0; */
/* REMOVE position absolute - causes the agency footer to overlap the main content */
width: 100%;
/* height: 550px; */
/* REMOVE height - causes the agency footer to overlap the main content */
z-index: 1029;
}
/* REMOVE height - causes the agency footer to overlap the main content */
/* @-moz-document url-prefix() {
#agencyFooter {
height: 550px;
}
} */
/* ============================= Classes ============================= */
.interior-wrapper .interior-header h1 {
margin-top: -145px !important;
font-size: 42px !important;
z-index: 2000;
position: absolute;
padding: 15px;
box-shadow: 5px 5px #f08c2c;
}
.intro-header .intro-text {
font-size: 72px;
}
.interior-wrapper .topic-header h1 {
margin-top: -145px !important;
font-size: 42px !important;
z-index: 2000;
position: absolute;
padding: 15px;
}
.interior-wrapper {
min-height: 975px;
padding-bottom: 55px;
}
.interior-wrapper .sub-interior-header h1 {
font-size: 42px !important;
padding: 15px;
}
.laborTitle {
color: #1799ba;
font-size: 45px;
font-family: "Raleway", sans-serif;
font-weight: 300;
line-height: 1.1;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.welcome-image {
height: 700px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.light-blue-boxes {
min-height: 400px;
}
.dark-blue-boxes {
min-height: 400px;
}
.news-wrapper {
margin-bottom: 155px;
}
.audience-portal {
margin-bottom: 0px !important;
text-align: left !important;
}
.data-item-header h3 {
font-size: 28px !important;
}
.small-top {
font-size: 25px;
color: #fff;
line-height: 40px;
}
}
/* ============================= CUSTOM MEDIA QUERIES ============================= */
@media (max-width: 874px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top: -44px;
opacity: 1;
font-size: 20px;
font-weight: bold;
color: #0a4f7c;
}
}
@media (min-width: 875px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top: -44px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a4f7c;
}
}
@media (min-width: 1100px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top: -100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a4f7c;
}
}
@media (min-width: 1300px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top: -100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a4f7c;
}
}
/* ============================= END CUSTOM MEDIA QUERIES ============================= */
#public-meetings a,
#public-meetings a:link,
#public-meetings a:active,
#public-meetings a:visited {
color: #feb024;
text-decoration: none;
font-weight: bold;
}
#public-meetings a:hover {
color: #00b4eb;
text-decoration: none;
font-weight: bold;
}
ul.meeting-container>li {
list-style-type: none;
}
.meeting-container {
text-align: center;
padding: 0px;
}
span.meeting-title {
font-family: "Raleway", sans-serif;
font-size: 25px;
font-weight: 700;
color: #606060;
}
span.meeting-agency {
display: none;
}
span.meeting-date {
font-style: italic !important;
color: #7e8082;
font-weight: bold;
font-size: 17px;
}
span.meeting-time {
font-style: italic !important;
color: #7e8082;
font-weight: bold;
font-size: 17px;
}
span.meeting-end {
font-style: italic !important;
color: #7e8082;
font-weight: bold;
font-size: 17px;
}
span.meeting-purpose {
display: none;
}
span.meeting-address {
color: #7e8082;
background-color: #f0f0f0;
padding: 15px;
border-radius: 4px;
display: block;
}
a.map-link,
a.map-link:link,
a.map-link:active,
a.map-link:visited,
a.info-link,
a.info-link:link,
a.info-link:active,
a.info-link:visited {
color: #feb024;
background-color: #fff;
text-decoration: none;
font-weight: bold;
border: 2px solid #feb024;
border-radius: 30px;
padding: 15px 35px;
}
a.info-link:hover,
a.map-link:hover {
color: #fff !important;
background-color: #feb024;
text-decoration: none;
font-weight: bold;
border: 2px solid #feb024;
border-radius: 30px;
padding: 15px 35px;
}
/* =============== END OF PMC STYLESHEET ==============*/
/* =============== CSS LOADER FOR iFRAME ==============*/
.sk-chase {
width: 100px;
height: 100px;
position: relative;
-webkit-animation: sk-chase 2.5s infinite linear both;
animation: sk-chase 2.5s infinite linear both;
margin: 30px auto;
}
.sk-chase-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-animation: sk-chase-dot 2s infinite ease-in-out both;
animation: sk-chase-dot 2s infinite ease-in-out both;
}
.sk-chase-dot:before {
content: "";
display: block;
width: 25%;
height: 25%;
background-color: #05405c;
border-radius: 100%;
-webkit-animation: sk-chase-dot-before 2s infinite ease-in-out both;
animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-chase-dot:nth-child(3) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-chase-dot:nth-child(3):before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
@-webkit-keyframes sk-chase {
100% {
transform: rotate(360deg);
}
}
@keyframes sk-chase {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes sk-chase-dot {
80%,
100% {
transform: rotate(360deg);
}
}
@keyframes sk-chase-dot {
80%,
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes sk-chase-dot-before {
50% {
transform: scale(0.4);
}
100%,
0% {
transform: scale(1);
}
}
@keyframes sk-chase-dot-before {
50% {
transform: scale(0.4);
}
100%,
0% {
transform: scale(1);
}
}
/* ===============END CSS LOADER FOR iFRAME ==============*/
/* ===============Chat window CSS ==============*/
#botDiv {
right: 12px;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
height: 60px;
position: fixed;
bottom: 0;
z-index: 1030;
background-color: #fff;
}
#botTitleBar {
height: 50px;
width: 260px;
margin-left: 55px;
position: fixed;
cursor: pointer;
}
#botFrame {
width: 400px;
height: 600px;
border: none;
border-radius: 12px;
}
/* @media screen and (min-width:640px) and (max-width:799px) { */
@media screen and (max-width: 799px) {
#botDiv {
right: 0px;
left: 0px;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
height: 60px;
position: fixed;
bottom: 0;
z-index: 1030;
background-color: #fff;
}
#botTitleBar {
height: 50px;
width: 225px;
margin-left: 55px;
position: fixed;
cursor: pointer;
}
#botFrame {
width: 100%;
height: 600px;
border: none;
border-radius: 0px;
}
}
/* =============== END Chat window CSS ==============*/
/*
* Bootstrap overrides for contrast accessibility
*/
.label-success {
background-color: #477c41;
}
.text-muted {
color: #4f4f4f;
}
.breadcrumb a {
color: #245194;
font-weight: 700;
}
/*
* Flexbox Helpers
*/
.d-flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.justify-content-center {
justify-content: center;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-end {
justify-content: flex-end;
}
.justify-content-evenly {
justify-content: space-evenly;
}
.justify-content-around {
justify-content: space-around;
}
.align-items-start {
align-items: flex-start;
}
.align-items-end {
align-items: flex-end;
}
.align-items-center {
align-items: center;
}
.align-items-baseline {
align-items: baseline;
}
.align-items-stretch {
align-items: stretch;
}
/*
* Spacing Helpers
*/
.m-3 {
margin: 1em;
}
.mt-3 {
margin-top: 1em;
}
.mb-3 {
margin-bottom: 1em;
}
.my-3 {
margin-top: 1em;
margin-bottom: 1em;
}
.m-4 {
margin: 1.5em;
}
.mt-4 {
margin-top: 1.5em;
}
.mb-4 {
margin-bottom: 0;
}
@media (min-width: 768px) {
.mb-4 {
margin-bottom: 1.5em;
}
}
.m-5 {
margin: 3em;
}
.mt-5 {
margin-top: 3em;
}
.mb-5 {
margin-bottom: 3em;
}
.p-3 {
padding: 1em;
}
.pt-3 {
padding-top: 1em;
}
.pb-3 {
padding-bottom: 1em;
}
.py-3 {
padding-top: 1em;
padding-bottom: 1em;
}
.pr-3 {
padding-right: 1em;
}
.pl-3 {
padding-left: 1em;
}
.px-3 {
padding-left: 1em;
padding-right: 1em;
}
.p-4 {
padding: 1.5em;
}
.pt-4 {
padding-top: 1.5em;
}
.pb-4 {
padding-bottom: 1.5em;
}
.py-4 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.px-4 {
padding-left: 1.5em;
padding-right: 1.5em;
}
.pr-4 {
padding-right: 1.5em;
}
.pl-4 {
padding-left: 1.5em;
}
.p-5 {
padding: 1.5em;
}
@media (min-width: 540px) {
.p-5 {
padding: 3em;
}
}
.pt-5 {
padding-top: 3em;
}
.pb-5 {
padding-bottom: 3em;
}
.py-5 {
padding-top: 3em;
padding-bottom: 3em;
}
.p-6 {
padding: 4em;
}
.pt-6 {
padding-top: 4em;
}
.pb-6 {
padding-bottom: 4em;
}
.py-6 {
padding-top: 4em;
padding-bottom: 4em;
}
/* ================ BEGIN FORWARD DELAWARE ==================*/
/*
* Move Chat box to left side so not to overlap agency nav toggle
*/
/* #botDiv {
left: 12px;
right: initial;
} */
/* CLF4 Override: Fix labor footer overlap. */
/* Main Page Template */
.page-template-forward-delaware {
padding-bottom: 970px;
}
@media (min-width: 540px) {
.page-template-forward-delaware {
padding-bottom: 819px;
}
}
@media (min-width: 768px) {
.page-template-forward-delaware {
padding-bottom: 470px;
}
}
@media (min-width: 1200px) {
.page-template-forward-delaware {
padding-bottom: 550px;
}
}
/* Interior Template */
.page-template-forward-delaware-interior {
padding-bottom: 954px;
}
@media (min-width: 540px) {
.page-template-forward-delaware-interior {
padding-bottom: 950px;
}
}
@media (min-width: 768px) {
.page-template-forward-delaware-interior {
padding-bottom: 470px;
}
}
@media (min-width: 1200px) {
.page-template-forward-delaware-interior {
padding-bottom: 550px;
}
}
/* Labor Overrides */
.page-template-forward-delaware #main_content .wp-block-button__link:hover,
.page-template-forward-delaware-interior #main_content .wp-block-button__link:hover {
color: #fff;
text-decoration: none;
background-color: #056a99;
}
.page-template-forward-delaware-interior .breadcrumb {
margin-top: 2em;
}
/*
* Components
*/
/* FW Header */
header[class^="fw-header-"] {
box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px, rgba(0, 0, 0, 0.23) 0px 2px 6px;
z-index: 2;
position: relative;
}
.fw-header-interior {
padding: 0.5em 0 0;
}
.fw-header-interior .d-flex {
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.fw-header-interior .d-flex {
flex-direction: row;
}
}
.fw-header-interior-title {
color: #056a99;
font-size: 1.3em;
font-weight: 700;
max-width: 100%;
text-align: center;
}
.fw-header-logo {
max-width: 60%;
margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
.fw-header-interior-title {
text-align: left;
}
.fw-header-logo {
padding-right: 0;
max-width: 100%;
margin-bottom: 0;
}
}
@media only screen and (min-width: 992px) {
.fw-header-interior-title {
max-width: 500px;
}
}
/* FW Logo */
.fw-logo-notag {
max-width: 650px;
}
.fw-logo {
padding-right: 1em;
height: 40px;
width: auto;
}
.fw-footer-logo,
.fw-sidebar-logo {
height: auto;
margin: 0 auto;
}
.fw-footer-logo {
max-width: 235px;
}
.fw-sidebar-logo {
max-width: 186px;
}
/* BS nav walker 3.1.1 NAVBAR MENU */
#fw-navbar {
padding: 0.5em 0 0;
}
@media (min-width: 768px) {
#fw-navbar {
padding: 1em 0;
}
}
#fw-navbar .navbar-toggle {
background-color: #f5f5f5 !important;
right: 2%;
margin-top: 15px;
}
@media (min-width: 768px) {
#fw-navbar .navbar-toggle {
right: 2%;
}
}
#fw-navbar .navbar-toggle .icon-bar {
border: 2px solid #056a99;
}
#fw-navbar .navbar-brand {
margin-left: 0;
height: auto;
padding-left: 15px;
}
@media (min-width: 768px) {
#fw-navbar .navbar-brand {
padding: 15px 0;
margin-right: 15px;
}
}
#fw-navbar .navbar {
height: auto;
border-radius: 0;
}
#menu-forward-de-top-menu {
margin-top: 0;
}
@media (min-width: 768px) {
#menu-forward-de-top-menu {
margin-left: -30px;
}
}
@media (min-width: 991px) {
#menu-forward-de-top-menu {
margin-top: 10px;
}
}
#menu-forward-de-top-menu .dropdown-menu {
padding: 0;
border-radius: 0;
}
#menu-forward-de-top-menu a {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
#menu-forward-de-top-menu a:hover,
#menu-forward-de-top-menu a:active {
color: #056a99;
background: #f5f5f5;
width: 100%;
}
#menu-forward-de-top-menu a:link::after {
position: relative;
top: 50px;
}
#menu-forward-de-top-menu>li>ul>li {
border-bottom: 1px solid #ccc;
}
#menu-forward-de-top-menu>li>ul>li:last-child {
border-bottom: 0;
}
#menu-forward-de-top-menu>li>ul>li>a {
padding: 10px 15px;
}
#fw-navbar .navbar-nav {
padding-left: 0;
}
/* Fix BS Drop Down Focus */
/* overrides .dropdown-toggle:focus outline:0 */
*:focus {
outline: 2px solid #245194 !important;
outline-offset: 0 !important;
}
/* Sets width of dropdown and wrap text.
Fixes CLF4 text not wrapping */
.navbar-nav ul li a {
width: 175px;
white-space: normal !important;
/* wrap text*/
}
/* Position dropdown font awesome toggle icon */
.dropdown-toggle .fa-angle-down {
font-size: 14px;
top: 1px;
position: relative;
}
/* Add hover state to dropdown */
@media (min-width: 768px) {
ul.nav li.dropdown:hover>ul.dropdown-menu {
display: block;
}
}
a.dropdown-toggle::after {
margin-bottom: 150px;
}
/* END NAVBAR MENU */
/* Media Queries for FW Header */
/* FW Footer */
.fw-footer .fw-text-message {
color: inherit;
font-size: 15px;
padding: 1em 0.5em;
}
@media (min-width: 991px) {
.fw-footer .row.vertical-align {
display: flex;
align-items: center;
padding: 0;
}
}
/* Forward Main Top Navigation */
#fw-main .fw-main-menu a {
font-weight: 700;
color: #333;
text-transform: uppercase;
}
#fw-main .fw-main-menu ul {
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
}
/* FW Colors */
/* Brand Colors */
.fw-has-blue-1 {
color: #1e2057;
}
.fw-has-blue-1-bkg {
background-color: #1e2057;
}
.fw-has-blue-2 {
color: #056a99;
}
.fw-has-blue-2-bkg {
background-color: #056a99;
}
.fw-has-blue-3 {
color: #127eb6;
}
.fw-has-blue-3-bkg {
background-color: #127eb6;
}
.fw-has-blue-4 {
color: #014fed;
}
.fw-has-blue-4-bkg {
/* background-color: #014fed; */
background-color: hsl(230deg 40% 47%);
}
.fw-has-blue-5 {
color: #acc2c9;
}
.fw-has-blue-5-bkg {
background-color: #acc2c9;
}
.fw-has-blue-6-bkg {
/* background-color: hsl(213deg 56% 93%); */
background-color: hsl(230deg 40% 93%);
}
.fw-has-gray-medium {
color: #333;
}
.fw-has-gray-medium-bkg {
background-color: #333;
}
.fw-has-gray-dark {
color: #222;
}
.fw-has-gray-dark-bkg {
background-color: #222;
}
.fw-has-light-blue-bkg {
background-color: hsl(200deg 81% 93%);
border-top: 2px solid hsl(200deg 81% 39%);
}
/* Typography */
#fw-main h1 {
font-family: "Open Sans";
color: #333;
line-height: 1.3;
font-size: 29px;
margin-top: 1em;
}
@media screen and (min-width: 768px) {
#fw-main h1 {
font-size: 40px;
}
}
@media screen and (min-width: 1200px) {
#fw-main h1 {
font-size: 45px;
}
}
#fw-main h2,
#fw-main h3,
#fw-main h4,
#fw-main h5 {
font-family: "Open Sans";
color: hsl(229deg 40% 47%);
}
#fw-main h2 {
font-weight: 500;
}
#fw-main h3,
#fw-main h4,
#fw-main h5 {
font-weight: 700;
}
/* Employment Modules */
.fw-emp-module {
margin-bottom: 3em;
}
.fw-emp-module .fw-emp-desc {
padding: 1em 0;
font-size: 1.35em;
line-height: 1.35em;
font-weight: 700;
}
#fw-main .fw-emp-module .fw-emp-title {
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding: 0.5em 0;
margin: 0;
text-align: center;
}
/* Hero */
.fw-hero {
background-color: #f5f5f5;
z-index: 1;
}
.fw-hero-content {
height: 300px;
margin: 2em 0;
padding-bottom: 1em;
padding-right: 0;
}
.fw-hero-bkg-img {
background-image: url("img/fw-hero-office-workers.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 400px;
}
@media (min-width: 768px) {
.fw-hero-content {
margin: 0;
}
}
/* Lists */
.fw-industries ul {
list-style: none;
text-align: center;
}
#main_content .fw-industries .fw-industry-icons {
line-height: 1.5em;
}
/* Icons */
.fw-industry-icons {
padding-left: 0;
/* reset remove ul paddingleft */
}
.fw-industry-icons li {
display: inline-block;
vertical-align: top;
}
.fw-industry-icon figure {
width: 150px;
text-align: center;
}
/* Buttons */
.fw-btn,
.page-template-forward-delaware .wp-block-button__link,
.page-template-forward-delaware-interior .wp-block-button__link {
font-size: 16px;
line-height: 1.7;
text-transform: uppercase;
position: relative;
margin: 1em 0;
padding: 0.5em 2.2em 0.5em 1em;
background-color: #fff;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
border: 2px solid #056a99;
border-radius: 0;
transition: 0.3s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.fw-btn::after,
.page-template-forward-delaware .wp-block-button__link::after,
.page-template-forward-delaware-interior .wp-block-button__link::after {
content: "\f178";
font: var(--fa-font-solid);
font-size: 1em;
font-weight: 700;
line-height: 1.8em;
color: #056a99;
background-color: #fff;
margin-left: 0.5em;
position: absolute;
transition: 0.3s;
}
.page-template-forward-delaware #fw-main .fw-btn:hover,
.page-template-forward-delaware #fw-main .fw-btn:hover::after,
.page-template-forward-delaware #fw-main .wp-block-button__link:hover,
.page-template-forward-delaware #fw-main .wp-block-button__link:hover::after,
.page-template-forward-delaware-interior #fw-main .fw-btn:hover,
.page-template-forward-delaware-interior #fw-main .fw-btn:hover::after,
.page-template-forward-delaware-interior #fw-main .wp-block-button__link:hover,
.page-template-forward-delaware-interior #fw-main .wp-block-button__link:hover::after {
background-color: #056a99;
color: #fff;
text-decoration: none;
}
/* CLF Link overrides */
/* .page-template-forward-delaware a {
color: #056a99;
text-decoration: none;
} */
/* Line Dividers */
.fw-hr {
margin-top: 45px;
width: 26%;
max-width: 192%;
display: inline-block;
}
.fw-hr:before {
content: "";
width: 100%;
height: 1px;
border-top: 5px solid #0e4fed;
}
/* SVG Dividers */
.fw-shape-divider {
background-color: rgba(12, 113, 195, 0.13) !important;
}
.fw-shape-div {
background-size: 100% 100px;
top: 0;
height: 100px;
z-index: 1;
}
.fw-asym-triangle {
background-image: url("img/fw-shape_divider_triangle_asymetric.svg");
fill: currentColor;
/* background-color: hsl(213deg 56% 93%); */
background-color: hsl(230deg 40% 93%);
margin-top: -1px;
}
.fw-pyramid {
background-image: url("img/fw-shape_divider_pyramids.svg");
fill: currentColor;
/* background-color: hsl(213deg 56% 93%); */
background-color: hsl(230deg 40% 93%);
}
.fw-waves {
background-image: url("img/fw-shape_divider_waves.svg");
margin-top: -1px;
fill: currentColor;
background-color: hsl(200deg, 81%, 93%);
}
/* Subscribe Module */
#fw-subscribe {
/* background-blend-mode: overlay;
background-image: url("img/fw-bkg-subscribe.jpg"),
linear-gradient(180deg, #2b87da 0%, #121660 100%) !important;
background-repeat: no-repeat;
background-position: center;
background-size: cover; */
}
.fw-subscribe-text {
background-color: #fff;
padding: 1em;
}
/* Constant Contact Subscribe Form */
#fw-main .ctct-form-defaults {
max-width: 100%;
margin: 0 auto 3em;
}
@media (min-width: 768px) {
#fw-main .ctct-form-defaults {
max-width: 80%;
}
}
#fw-main .ctct-form-text,
#fw-main label,
#fw-main .ctct-gdpr-text {
font-family: "Open Sans" !important;
}
/* CC Inputs */
#fw-main input.ctct-form-element {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
/* CC Button */
#fw-main .ctct-form-embed .ctct-form-button {
background-color: #1e2057;
border: 1px solid #1e2057;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
/* Accordion Content
* Dependency: Kadence Block Plugin */
#fw-main .wp-block-kadence-pane {
margin-bottom: 1em;
border: 1px solid #ccc;
}
#fw-main .fw-accordion-group p {
font-size: 15px;
}
#fw-main .fw-accordion-group h3 {
font-size: 1.375em;
font-weight: 600;
line-height: 1em;
padding: 1em 0 0;
}
#fw-main .fw-accordion-group h3:first-of-type {
padding-top: 0;
}
/* Block Group Spacing */
#fw-main .training-providers .wp-block-group,
#fw-main .employer-resources .wp-block-group {
margin: 2em 0;
}
/* Media & Text */
#fw-main .wp-block-media-text .wp-block-media-text__content {
padding: 0 1%;
}
@media (min-width: 768px) {
#fw-main .wp-block-media-text__media img {
width: 100%;
}
}
#fw-main .wp-block-media-text {
grid-template-columns: 10% auto !important;
}
@media (max-width: 600px) {
#fw-main .wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
#fw-main .is-stacked-on-mobile .wp-block-media-text__media img {
max-width: 20%;
margin: 0 auto;
}
}
/* Cover block */
.wp-block-cover__inner-container {
padding: 2em;
}
@media (max-width: 600px) {
/* Prevent links from breaking our paragraph container */
a {
overflow-wrap: break-word;
word-wrap: break-word;
}
}
/* ================ END FORWARD DELAWARE ==================*/
/* Reusable CSS classes for Gutenberg blocks */
.orange-border {
border: 4px solid #f08c2c;
padding: 15px;
}
.orange-arrow-bullets {
list-style: none;
}
.orange-arrow-bullets li::before {
content: "\f105";
font: var(--fa-font-solid);
color: #f08c2c;
margin-right: 10px;
}
/* Hides an element on mobile using Gutenberg column block breakpoints, which differ from Bootstrap */
@media (max-width: 599px) {
.hidden-mobile-gutenberg-columns {
display: none !important;
}
}
/* Bootstrap override */
.btn,
.btn:active {
border-radius: 0;
background-color: #2c6894;
}
.btn:hover,
.btn:focus {
background-color: #05405c;
}
/*
* Paid Leave Program
*/
.paid-leave-banner {
/* padding-top: 2em; */
padding-bottom: 2em;
/* border-top: 5px solid #e3e3e3; */
border-bottom: 5px solid #e3e3e3;
margin-top: 2em;
}
.paid-leave-banner .img-left {
margin-bottom: 2em;
width: 100%;
margin: 0 auto 3em;
}
@media screen and (min-width: 556px) {
.paid-leave-banner .img-left {
width: 50%;
}
}
@media screen and (min-width: 992px) {
.paid-leave-banner .img-left {
width: 100%;
}
}
.paid-leave-banner p {
margin-bottom: 7px;
}
.paid-leave-logo {
max-width: 100%;
margin: 0 auto 1em;
}
@media screen and (min-width: 992px) {
.paid-leave-logo {
max-width: 470px;
margin-bottom: 1.5em;
}
}
@media screen and (min-width: 1200px) {
.paid-leave-logo {
max-width: 100%;
margin-bottom: 1em;
}
}
.paid-leave .basic-table table {
border: 2px solid #153960;
}
.basic-table th {
background-color: #153960;
color: white;
border: 1px solid #153960;
}
/* Hide Grandfather Portal callout */
.hide-content {
display: none;
}
.js-cm-form {
margin-bottom: 3em;
}
.js-cm-form>div:first-child {
display: flex;
flex-wrap: wrap;
}
.js-cm-form>div div {
width: 100%;
margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
.js-cm-form>div div {
width: 50%;
}
}
.js-cm-form div div label,
.js-cm-form div div input {
display: block;
}
.js-cm-form div div input {
width: 80%;
padding: 8px;
}
/* END Paid Leave Program */
/**
* EXTERNAL LINK ICON
*/
#main_content sup,
#agencyFooter sup {
top: -3px;
}
#main_content .extlink sup::after,
#agencyFooter .extlink sup::after {
font: var(--fa-font-solid);
content: "\f35d";
padding-left: 5px;
}
.nav-menu .extlink sup::after,
.wp-caption-text .extlink sup::after {
content: "";
}
#main_content .btn sup::after,
#main_content .extlink-no-icon sup::after,
#agencyFooter i+sup::after,
#agencyFooter i+span+sup::after {
content: "" !important;
}
