/* FONTS */
@font-face {font-family: 'unitextregular';src: url('../fonts/unitext-webfont.woff2') format('woff2'),url('../fonts/unitext-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'unitextbold';src: url('../fonts/unitext-bold-webfont.woff2') format('woff2'),url('../fonts/unitext-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'unitextheavy';src: url('../fonts/unitext-heavy-webfont.woff2') format('woff2'),url('../fonts/unitext-heavy-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

/* UNIMECH COLORS --
PRIMARY BLUE = #00263E | R:0 G:38 B:62 VERIFIED
SECONDARY BLUE = #00558C | R:0 G:85 B:140 VERIFIED
GLOW BLUE= #0A9FD4 | R:10 G:159 B:212 VERIFIED
DARKEST TEXT = #00122a | R:0 G:18 B:42 VERIFIED
MUTED TEXT = #80939F | R:128 G:147 B:159 VERIFIED - Should this replace MUTED #9FB0B8?
-- END OF COLORS */

/* FLOW COLORS --
PRIMARY COLOR = #5E366E | R:94 G:54 B:110
SECONDARY COLOR = #249DD1 | R:36 G:157 B:209
-- */

html {
    font-size: 1rem;font-size: clamp(1rem, 0.9565217391304348rem + 0.21739130434782608vw, 1.25rem);
}

.flform-education > div::after, .flform-history > div::after {display:none;}
.flform-education:hover > div::after {content:'Please include school name, dates attended and course(s) taken.';display:block;text-transform:none;font-size:12px;}
.flform-history:hover > div::after {content:'Please include employer, dates worked, rate of pay, supervisor, and reason for leaving.';display:block;text-transform:none;font-size:12px;}
.flform-resume::after {content:'Accepted file types: pdf, doc, docx | Max. file size: 1 MB.';text-transform:none;display:block;margin-top:10px;}

.fl-commercial-prime .fl-comabout {color:#fff !important;pointer-events:none;cursor:pointer;}
.fl-article a {text-decoration:underline;color:#5E366E;opacity:1;transition:opacity 0.2s, text-decoration 0.2s;}
.fl-article a:hover {opacity:0.7;text-decoration:none;}

.fl-overlink {color:#5E366E !important;opacity:1;transition:opacity 0.2s, text-decoration 0.2s;}
.fl-overlink:hover {opacity:0.7;text-decoration:none;}

.uk-button, .btn-lg, .uk-button-large {
    padding-top:20px;padding-bottom:20px;
}
.uk-input, .uk-select, .uk-textarea, .uk-radio, .uk-checkbox, .form-control:where(input), .form-control:where(textarea), .form-select:where(select), .form-check-input[type="radio"], .form-check-input[type="checkbox"], .uk-select {
    font-family:'unitextregular', sans-serif;
    font-size:0.9em;
}

.btn-small,.uk-button-small {font-size:0.75rem;padding-top:14px;padding-bottom:14px;}
.btn-lg, .uk-button-large {font-size: 0.875rem;}

.fl-text-normal {text-transform:revert;}
.fl-noborder {border-radius:0;}
.fl-purple {color:#5E366E;}
.fl-blue {color:#249DD1;}
.fl-red {color:rgba(151,29,30,1);}

.uk-heading-2xlarge {font-size: 2.5rem;font-size: clamp(2.5rem, 1.9347826086956523rem + 2.8260869565217392vw, 5.75rem);}
.uk-heading-xlarge {font-size: 2.375rem;font-size: clamp(2.375rem, 1.875rem + 2.5vw, 5.25rem);}
.uk-heading-large {font-size: 2.25rem;font-size: clamp(2.25rem, 1.815217391304348rem + 2.1739130434782608vw, 4.75rem);}
.uk-heading-medium {font-size: 2.125rem;font-size: clamp(2.125rem, 1.7554347826086956rem + 1.8478260869565217vw, 4.25rem);}
.uk-heading-small {font-size: 2rem;font-size: clamp(2rem, 1.6956521739130435rem + 1.5217391304347827vw, 3.75rem);}

.uk-h1 {font-size: 1.75rem;font-size: clamp(1.75rem, 1.4891304347826086rem + 1.3043478260869565vw, 3.25rem);}
.uk-h2 {font-size: 1.625rem;font-size: clamp(1.625rem, 1.4076086956521738rem + 1.0869565217391304vw, 2.875rem);}
.uk-h3 {font-size: 1.5rem;font-size: clamp(1.5rem, 1.3260869565217392rem + 0.8695652173913043vw, 2.5rem);}
.uk-h4 {font-size: 1.375rem;font-size: clamp(1.375rem, 1.2445652173913042rem + 0.6521739130434783vw, 2.125rem);}
.uk-h5 {font-size: 1.25rem;font-size: clamp(1.25rem, 1.1630434782608696rem + 0.43478260869565216vw, 1.75rem);}
.uk-h6 {font-size: 1.125rem;font-size: clamp(1.125rem, 1.0815217391304348rem + 0.21739130434782608vw, 1.375rem);}

.fl-text-large {font-size: 1rem;font-size: clamp(1rem, 0.875rem + 0.3125vw, 1.25rem);}
.fl-button-inverse {
    background:#fff;background:rgba(255,255,255,1);
    border:#fff solid 1px;border:rgba(255,255,255,1) solid 1px;
    border-radius:14px 0 14px 0;
    box-sizing:border-box;
    display:inline-block;
    line-height:38px;
    padding:0 20px 0 20px;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    transition:all 0.1s ease-in-out;
}
.fl-button-inverse:hover {
    background:transparent;background:rgba(25,255,255,0);
    color:#fff;
}

.fl-button-large {
    padding:0 40px 0 40px;
    line-height:53px;
}

.fl-width-2xlarge {max-width:1400px;width:90vw;min-width:750px;}
.fl-width-xlarge {max-width:1200px;width:90vw;min-width:600px;}
.fl-width-large {max-width:960px;width:90vw;min-width:450px;}
.fl-width-medium {max-width:640px;width:90vw;min-width:300px;}
.fl-width-small {max-width:300px;width:90vw;min-width:150px;}

.fl-border-light {border-color:rgba(255,255,255,0.75);}
.fl-border-primary {border-color:#5E366E;}
.fl-border-secondary {border-color:#249DD1;}
.fl-border {border-width:1px;border-style:solid;}
.fl-border-top {border-top-width:1px;border-top-style:solid;}
.fl-border-right {border-right-width:1px;border-right-style:solid;}
.fl-border-bottom {border-bottom-width:1px;border-bottom-style:solid;}
.fl-border-left {border-left-width:1px;border-left-style:solid;}

.fl-border-full-inverse {border:#fff solid 1px;}
.fl-border-flowify {border-radius:14px 0 14px 0;}

.fl-manual {max-width:172px;height:216px;}

.fl-required::after {
    content:" *";
}

.fl-formblock {padding-bottom:10px;}
.fl-formblock .uk-list {margin:10px;}

.fltext-shadow {text-shadow:rgba(10, 0, 26,0.44) 0 2px 0.75em;}
.flink-overlay {position:relative;}
.flink-overlay::after {
    content:'';
    display:flex;
    opacity:1;
    position:absolute;top:0;right:0;bottom:0;left:0;
    mix-blend-mode:multiply;
    z-index:0;
    transition:opacity 0.3s ease-out;
}
.flink-overlay::after {
    background: rgb(10, 0, 26);background: linear-gradient(-45deg, rgba(10, 0, 26,0.15) 0%, rgba(10, 0, 26,0.75) 100%);  
}
.flink-overlay:hover::after {
   opacity:0;
}

/* BACKGROUNDS */

.fl-background-dark {background:#5e5b69;}
.fl-background-uprimary {background:#463262;}
.fl-background-window {background: rgb(255,255,255);background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.65) 100%);}
.fl-background-icon {background:#FAFAFA url('../images/layout/bg-flowicon.svg')repeat fixed;position:relative;}
.fl-bg-ging-primlight {background:#5E366E url('../images/layout/bg-gingham-light.svg')repeat fixed center/30%;position:relative;}
.fl-bg-ging-primdark {background:#5E366E url('../images/layout/bg-gingham-dark.svg')repeat fixed center/30%;position:relative;}
.fl-background-icon-dark {background:#5e5b69 url('../images/layout/bg-flowicon-dark.svg')repeat fixed;position:relative;}
.fl-background-icon-black {background:#2f1b37 url('../images/layout/bg-flowicon-light.svg')repeat fixed;position:relative;}
.fl-background-icon-primlight, .fl-background-icon-seclight {
    background:#5E366E url('../images/layout/bg-flowicon-light.svg')repeat fixed;
    position:relative;
}
.fl-background-icon::before {background: rgb(250,250,250);background: radial-gradient(circle, rgba(250,250,250,0.9) 0%, rgba(250,250,250,0.7) 60%, rgba(250,250,250,0) 100%);}
.fl-background-icon-primlight::before, .fl-bg-ging-primdark::before, .fl-bg-ging-primlight::before {background: rgb(94,54,110);background: radial-gradient(circle, rgba(94,54,110,0.9) 0%, rgba(94,54,110,0.7) 60%, rgba(94,54,110,0) 100%);}
.fl-background-icon-seclight::before {background: rgb(36,157,209);background: radial-gradient(circle, rgba(36,157,209,0.9) 0%, rgba(36,157,209,0.7) 60%, rgba(36,157,209,0) 100%);}
.fl-background-icon-dark::before {background: rgb(94,91,105);background: radial-gradient(circle, rgba(94,91,105,0.9) 0%, rgba(94,91,105,0.7) 60%, rgba(94,91,105,0) 100%);}
.fl-background-icon-black::before {background: rgb(47,27,55);background: radial-gradient(circle, rgba(47,27,55,0.9) 0%, rgba(47,27,55,0.7) 60%, rgba(47,27,55,0) 100%);}
.fl-background-icon > div, .fl-background-icon-primlight > div, .fl-background-icon-seclight > div, .fl-background-icon-dark > div, .fl-background-icon-black > div, .fl-bg-ging-primlight > div, .fl-bg-ging-primdark > div  {
    position:relative;
    z-index:1;
}
.fl-background-icon::before, .fl-background-icon-primlight::before, .fl-background-icon-seclight::before, .fl-background-icon-dark::before, .fl-background-icon-black::before, .fl-bg-ging-primlight::before, .fl-bg-ging-primdark::before {
    content:'';
    position:absolute;top:0;right:0;bottom:0;left:0;
    z-index:0;
}

.uk-offcanvas-overlay::before {background: rgb(94,54,110);background: linear-gradient(90deg, rgba(94,54,110,0.9) 0%, rgba(36,157,209,0.9) 100%);}

.fl-banner > div > div {min-height:clamp(300px,50vw,800px);display:flex;align-items:flex-end;}
.fl-banner-content {padding-top:250px;width:40%;}
/*.fl-banner-content .el-title, .fl-banner-content .el-meta, .fl-banner-content .el-content {width: clamp(25rem, 22.391304347826086rem + 13.043478260869565vw, 40rem);}*/
.fl-banner-overlay {position:relative;}

.fl-banner-overlay::after {
    background: rgb(44,4,60);background: linear-gradient(90deg, rgba(44,4,60,1) 0%, rgba(44,4,60,0.01) 50%);
    content:'';
    position:absolute;top:0;right:0;bottom:0;left:0;
    mix-blend-mode:multiply;
}

.fl-banner-overlay > div > .uk-container {
    position:relative;
    z-index:1;
}

.fl-banner-overlay .el-title, .fl-banner-overlay .uk-h2 {color:#fff;}

.fl-textshadow {text-shadow:0 0 10px rgba(0,0,0,0.5);}
.fl-textshadow-prim {text-shadow:0 0 10px rgba(94,54,110,0.5);}
.fl-textshadow-sec {text-shadow:0 0 10px rgba(36,157,209,0.5);}
.fl-textshadow-light {text-shadow:0 0 10px rgba(255,255,255,0.5);}
.fl-boxshadow {box-shadow:0 0 6px rgba(94,54,110,0.1);}


.fl-gallery a {position:relative;}
.fl-gallery a::after {
    background: rgb(94,54,110);background: linear-gradient(320deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
    content:'';
    display:block;
    mix-blend-mode:multiply;
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    transition:opacity 0.3s;
}
.fl-gallery a:hover::after {opacity:0;}

/* TOOLBAR */
.tm-toolbar > .uk-container {padding:0;}
#fmobile-menu, .tm-toolbar {
    background: #fff;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 75%, rgba(255,255,255,0.9) 100%);
}

#module-menu-toolbar-left > .uk-subnav, #fmobile-menu {
    margin-left:0;
}

#tm-mobile > div > div {margin-top:30px;}

/* LOGO */
.uk-navbar {align-items:flex-start;}
.uk-navbar-left {
    padding-top:25px;padding-left:10px;
    position:relative;
    transform-origin:top left;
    transition:transform 0.2s ease-in-out;
}
.uk-navbar-left::before {
    content:'';
    position:absolute;top:-0.5px;left:-0.5px;
}

.fl-residential-prime .uk-navbar-left::before, .fl-residential .uk-navbar-left::before, .fl-commercial-prime .uk-navbar-left::before, .fl-commercial .uk-navbar-left::before {
    width:307px;height:222.3497px;
    background:url('../images/logo/bg-logobubble.svg')no-repeat;
    pointer-events:none;
}

/*.fl-commercial-prime .uk-navbar-left::before, .fl-commercial .uk-navbar-left::before {
    width:277.3502px;height:150.0801px;
    background:url('../images/logo/bg-logocubble.svg')no-repeat;
}*/

.uk-navbar-container > div {padding:0;}
.uk-navbar-container > .uk-container .uk-navbar-left {margin-left:0;}
.uk-navbar-container > .uk-container .uk-navbar-right {margin-right:0;}
.uk-sticky .uk-navbar-left {transform:scale(1);}
.uk-sticky > .uk-navbar-sticky .uk-navbar-left, .tm-header-mobile .uk-sticky .uk-navbar-left {transform:scale(0.6);}
.uk-navbar-right {padding-top:8px;}
.fl-navbar-right {
    background:#fff;
    border-radius:500px;
    display:flex;justify-content:center;align-items:center;
    margin-right:12px;
}
.tm-header > div {pointer-events:none;}
.uk-logo, .fl-navbar-right > .uk-navbar-toggle {pointer-events:auto;}

.fl-navbar-right > a {padding:15px;}
.fl-navbar-right > div {padding-left:15px;}

.uk-sticky > .uk-navbar-sticky .uk-navbar-left .ftarget {opacity:0;}

/** Sector Link **/
.fmenu-sectorlink, .fmenu-booklink, .fmenu-phonelink {
    width:100%;
    box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;
    padding:10px 14px 10px 14px;
    transition:background 0.5s;
}

.fmenu-footer-sectorlink {
    width:100%;
    border:#5B366C solid 1px;
    border-radius:14px 0 14px 0;
    box-sizing:border-box;
    display:flex;align-items:center;justify-content:flex-start;
    padding:10px 14px 10px 14px;
    transition:background 0.5s;
}

#fmobile-menu .fmenu-sectorlink, #fmobile-menu .fmenu-booklink, #fmobile-menu .fmenu-phonelink {
    padding:7px;
}

.uk-subnav > .uk-active > .fmenu-sectorlink, .uk-subnav > li > .fmenu-booklink, .uk-subnav > li > .fmenu-phonelink, .fl-residential-prime .fmenu-residential > .fmenu-text, .fl-residential .fmenu-residential > .fmenu-text, .fl-commercial-prime .fmenu-commercial > .fmenu-text, .fl-commercial .fmenu-commercial > .fmenu-text {
    color:#fff;
}

.uk-active > .fmenu-sectorlink, .fmenu-phonelink, .fl-residential-prime .fmenu-residential, .fl-residential .fmenu-residential, .fl-commercial-prime .fmenu-commercial, .fl-commercial .fmenu-commercial {
    background:#5E366E;background:rgba(94,54,110,1);
    cursor:default;
    transition:background 0.5s;
}

.fmenu-sectorlink {
   background:#fff;background:rgba(94,54,110,0);
   transition:background 0.5s;
}

:not(.uk-active) > .fmenu-sectorlink:hover, .fl-residential-prime .fl-footernav a:not(.fmenu-residential):hover, .fl-residential .fl-footernav a:not(.fmenu-residential):hover, .fl-commercial-prime .fl-footernav a:not(.fmenu-commercial):hover, .fl-commercial .fl-footernav a:not(.fmenu-commercial):hover {
   background:#613A71;background:rgba(94,54,110,0.03);
   cursor:pointer;
}

.fl-residential :not(.uk-active) > .fmenu-residential:hover, .fl-residential .fl-footernav li > .fmenu-residential:hover, .fl-commercial :not(.uk-active) > .fmenu-commercial:hover, .fl-commercial .fl-footernav li > .fmenu-commercial:hover  {
    background:#5E366E;background:rgba(94,54,110,0.75);
    cursor:pointer;
}

.uk-active > .fmenu-sectorlink > .fmenu-icon, .fl-residential-prime .fmenu-residential > .fmenu-icon, .fl-residential .fmenu-residential > .fmenu-icon, .fl-commercial-prime .fmenu-commercial > .fmenu-icon, .fl-commercial .fmenu-commercial > .fmenu-icon {
    background:#3E1A4C;background:rgba(40,0,56,0.1);
    border:#AF9BB7 solid 1px;border:rgba(255,255,255,0.5) solid 1px;
}

.fmenu-sectorlink > .fmenu-icon, .fmenu-booklink > .fmenu-icon, .fmenu-phonelink > .fmenu-icon, .fmenu-footer-sectorlink > .fmenu-icon {
    height:42px;min-height:42px;
    box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;
    margin-right:8px;
    transition:background 0.5s,border 0.5s;
}

.fmenu-sectorlink > .fmenu-icon, .fmenu-footer-sectorlink > .fmenu-icon {
    width:42px;min-width:42px;
    background:#2C053C;background:rgba(40,0,56,0.02);
    border:#533360 solid 1px;border:rgba(40,0,56,0.2) solid 1px;
    border-radius:500px;
}

.icon-construct-fill {
    color:rgba(255,255,255,0.7);
}

.icon-construct-outline {
    color:rgba(40,0,56,0.9);
}

li.uk-active .icon-construct-fill {color:rgba(255,255,255,1);}
li.uk-active .icon-construct-outline {color:rgba(255,255,255,0.02);}

.fmenu-sectorlink > .fmenu-text, .fmenu-booklink > .fmenu-text, .fmenu-phonelink > .fmenu-text {
    line-height:1.2;
    transition:text-align 0.5s;
}

.fmenu-sectorlink > .fmenu-text {
    display:flex;flex-direction:column;
}

.fmenu-sectorlink > .fmenu-text::after {
    content:'Service';
}

.fmenu-booklink > .fmenu-text, .fmenu-phonelink > .fmenu-text {
    font-size:16px;
}

 .tm-toolbar .uk-subnav > li, #fmobile-menu > li  {
    display:flex;justify-content:center;
    overflow:hidden;
    padding-left:0;
    position:relative;
}

.tm-toolbar .fmenu-booklink {
    background:#249DD1;background:rgba(36,157,209,1); /* Blue Link */
    transition:background 0.5s;
}

.tm-toolbar .fmenu-booklink:hover {
    background:#3aa7d6;background:rgba(36,157,209,0.9); /* Blue Link Hover */
}

.fmobile-icon-menu {
    display:none;
}

.fmobile-icon-menu a {
    opacity:1;
    transition:opacity 0.25s;
}

.fmobile-icon-menu a:hover {
    opacity:0.5;
}

/** Service Icons **/
.fl-service-icon {
    width:115px;height:115px;max-width:115px;max-height:115px;
    border-radius:500px;
    display:flex;justify-content:center;align-items:center;
    padding:20px;
}

a > .fl-service-icon {transform:scale(1);transform-origin:center center;transition:all 0.2s;}
a:hover > .fl-service-icon {transform:scale(1.1);}

.fl-air-conditioning {background: rgb(36,157,209);background: linear-gradient(320deg, rgba(36,157,209,1) 0%, rgba(87,201,233,1) 100%);}
.fl-plumbing {background: rgb(0,85,140);background: linear-gradient(320deg, rgba(0,85,140,1) 0%, rgba(0,138,198,1) 100%);}
.fl-furnace {background: rgb(151,29,30);background: linear-gradient(320deg, rgba(151,29,30,1) 0%, rgba(207,49,39,1) 100%);}
.fl-boiler {background: rgb(242,103,34);background: linear-gradient(320deg, rgba(242,103,34,1) 0%, rgba(249,155,28,1) 100%);}
.fl-indoor-air {background: rgb(91,54,108);background: linear-gradient(320deg, rgba(91,54,108,1) 0%, rgba(144,93,164,1) 100%);}


.fl-servicemenu .uk-nav, .fl-homeownersmenu .uk-nav, .fl-aboutmenu .uk-nav, .fl-overmenu .uk-nav, .fl-offpagemenu .uk-nav, .fl-clientsmenu .uk-nav {padding-left:10px;}
.fl-servicemenu::before, .fl-homeownersmenu::before, .fl-aboutmenu::before, .fl-overmenu::before, .fl-offpagemenu::before, .fl-clientsmenu::before {
    display:block;
    margin-bottom:8px;
    padding-bottom:4px;
    border-bottom:rgba(255,255,255,0.5) solid 1px;
    opacity:0.9;
} 

.fl-overmenu::before {content:'Menu';}
.fl-servicemenu::before {content:'Services';}
.fl-homeownersmenu::before {content:'Homeowners';}
.fl-aboutmenu::before {content:'About';}
.fl-clientsmenu::before {content:'Clients';}


/* MEDIAS */
@media screen and (max-width:1600px) {
    .uk-sticky .uk-navbar-left {transform:scale(0.7);}
    .fl-banner-content {width:50%;}
}

@media screen and (max-width:1200px) {
    .fmobile-icon-menu {display:none;}
    .fl-banner-content {width:60%;}
}

@media screen and (max-width:960px) {
    .fmenu-booklink > .fmenu-text, .fmenu-phonelink > .fmenu-text {
        font-size:14px;
    }
    
     .fmobile-icon-menu {
        display:inherit;
    }
    
    .fl-width-2xlarge, .fl-width-xlarge, .fl-width-large, .fl-width-medium, .fl-width-small {max-width:600px;width:90vw;min-width:300px;}
}

@media screen and (max-width:640px) {
    .fl-navbar-right {
        margin-right:8px;
        
    }
    .fmenu-sectorlink > .fmenu-text, .fmenu-booklink > .fmenu-text, .fmenu-phonelink > .fmenu-text {
        text-align:center;
    }
    
    .fmenu-sectorlink > .fmenu-icon {
        display:none;
    }
    
    .fl-service-icon {
        width:90px;height:90px;max-width:90px;max-height:90px;
    }
    
    .fl-margin-remove-s {
        margin-left:0;
    }
}