@font-face {
font-family: 'MiniPro';
src: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/font/MinionPro-Regular_2.otf)  format('truetype'), }
@font-face {
font-family: 'LatoBold';
src: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/font/Lato-Bold.ttf)  format('truetype'), }
@font-face {
font-family: 'LatoSemiBold';
src: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/font/Lato-Semibold.ttf)  format('truetype'), }
@font-face {
font-family: 'LatoItalic';
src: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/font/Lato-Italic.ttf)  format('truetype'), }
@font-face {
font-family: 'LatoRegular';
src: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/font/Lato-Regular.ttf)  format('truetype'), }
@font-face {
font-family: 'LatoLight';
src: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/font/Lato-Light.ttf)  format('truetype'), }
body {
font-family: "LatoRegular", Arial, Helvetica, sans-serif !important;
}
h1, h2, h3 {
font-family: "co-headline", sans-serif !important;
font-weight: 700;
font-style: normal;
}
h4, h5, h6, .callout {
font-family: "co-headline", sans-serif !important;
font-weight: 400;
font-style: normal;
}
strong {
font-family: "LatoBold", Arial, Helvetica, sans-serif !important;
}
h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin {
font-family: "co-headline", sans-serif;
font-weight: 300;
font-style: normal;
} body, p {
font-weight: 400;
letter-spacing: clamp(0.05vw, 0.2rem, 0.06vw);
font-size: clamp(14px, 1.25rem, 1.25vw);
line-height: clamp(30px, 1.5rem, 1.7vw);
}
.et-l.et-l--footer div.et_builder_inner_content {
top: -5px !important;
}
.squeeze p {
font-size: clamp(14px, 1.2rem, 1.10vw) !important;
line-height: clamp(26px, 1.4rem, 1.45vw) !important;
}
.oranual {
margin-top: 25%;
padding: 12px 24px 12px 24px;
color:white;
background-color: #FDB51E;
border: 0px solid white;
transition: 0.25s all;
border-radius: 2px;
text-transform: uppercase;
font-size: 1rem;
}
.oranual:hover {
color: #FDB51E !important;
background-color: white !important;
border: 1px solid #FDB51E !important;
}
.et_pb_sticky--top div.et_pb_row.et_pb_row_0.et_pb_row--with-menu div div a span.et_pb_image_wrap img, div.et_builder_inner_content.et_pb_gutters3 div.et_pb_section.et_pb_section_0_tb_header .et_pb_image_0_tb_header a img,  div.et_builder_inner_content.et_pb_gutters3.has_et_pb_sticky div.et_pb_section.et_pb_section_0_tb_header .et_pb_image_0_tb_header a img {
transition: 0.33s all;
} header .et_pb_sticky img {
max-width: 15vw !important;
}
.et-menu.nav li a {
text-transform: uppercase;
}
.et_pb_menu__search-input {
color: white !important;
}
a {
color:#096978;
}
.nav-single a {
color:#096978;
}
#et_search_icon:hover,
.et-social-icon a:hover,
.et_password_protected_form .et_submit_button,
.form-submit .et_pb_buttontton.alt.disabled,
.nav-single a,
.posted_in a {
color:#096978
}
.et-search-form,
blockquote {
border-color:#096978
}
.et_pb_bg_layout_light .et_pb_more_button {
color:#096978
}
div.fl_content,
.et_pb_section.et_pb_section_2_tb_body.et_section_regular,
.et_pb_section.et_pb_section_2_tb_body.et_section_regular .et_pb_row_1_tb_body
{
margin-top: 0;
padding-top: 0;
} .su-posts-portfolio-loop {
display: flex;
flex-flow: row wrap;
padding: 0;
margin: 0;
list-style: none;
}
.su-posts-portfolio-loop .image_holder {
width: 100%;
display: block;
min-height: 260px;
}
.su-posts-portfolio-loop .image_holder a {
display: block;
min-height: 3rem;
}
.su-posts-portfolio-loop .text_holder {
text-align: center;
}
.portfolio_description {
padding-left: 1rem;
padding-right: 1rem;
} article.mix_all {
margin: 0.5rem;
width: calc(33.3% - 1rem);
background-color: white;
min-height: 520px;
transition: 0.25s all;
}
article.mix_all h5 {
text-align: center;
min-height: 48px;
}
article.mix_all a {
text-align: center;
color: #484848;
transition: 0.25s all;
}
article.mix_all a:hover {
color: #f3b933;
}
article.mix_all .project_category {
font-size: clamp(12px, 1rem, 1vw);
display: block;
margin: 0 auto;
max-width: 80%;
text-align: center;
}
article.mix_all .feature_holder_icons {
position: relative;
top: -160px;
}  article.mix_all a.qbutton {
text-transform: uppercase;
color: #fff;
background-color: rgba(48, 48, 48, 0.5);
border: 2px solid #fff;
padding: 14px 12px 8px 12px;
border-radius: 3px;
opacity: 0;
display: block;
max-width: 120px;
margin: 0 auto;
line-height: 100%;
}
.mix_all:hover a.qbutton {
opacity: 1;
}
article.mix_all a.qbutton:hover {
background-color: #f3b933;
}
span.port-image {
background-size: auto 120%;
width: 100%;
padding-bottom: 80%;
display: block;
background-position: center center;
transition: 0.25s all;
}
.mix_all:hover .port-image {
opacity: 0.75;
filter: brightness(25%);
}
span.port-image:hover {
background-size: auto 140%;
background-position: center center;
}
h1,
h2,
.et_pb_text_1_tb_footer h3 {
text-transform: uppercase !important;
}
h2:after {
content: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/img/horizontal.svg);
text-align: center;
clear: both;
display: block;
margin-top: 0.75rem;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.steps h3:after {
content: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/img/horizontalsm.svg);
text-align: center;
clear: both;
display: block;
margin-top: 0.6rem;
padding-bottom: 1rem;
}
h3.anchor-num {
font-weight: 600 !important;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
background-image: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/img/horizontal.svg);
background-repeat: no-repeat;
background-position: bottom left;
display: inline-block;
}
h3.anchor-num span {
color: #f3b933;
font-weight: 600;
}
h3.anchor-num span::after {
color: #f3b933;
font-weight: 600;
content: ". ";
}
h4 {
font-weight: 400;
}
h4.entry-title {
font-weight: 500;
}
.ngg-widget img {
width: 100%;
height: auto;
} .three_col ul {
column-count: 3;
column-gap: 2rem;
}
.dashli ul {
list-style-type: circle;
}
.dashli ul ul {
list-style-type: none;
}
.dashli ul ul li {
list-style: none;
}
.dashli ul ul li:before {
content: "― ";
margin-right: 4px;
}
.page-template-default div#et-main-area div#main-content div.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
padding-top: 0.5rem !important;
}
.search header .et_pb_section.et_pb_section_1_tb_header.et_pb_with_background,
.archive header .et_pb_section.et_pb_section_1_tb_header.et_pb_with_background {
background-image: url(//thefuselight.com/wp-content/uploads/2020/05/fuselight-page-title-banner.jpg);
background-size: cover !important;
}
.search header div.et_pb_section_0_tb_header.et_pb_sticky--top div.et_pb_row--with-menu,
.archive header div.et_pb_section_0_tb_header.et_pb_sticky--top div.et_pb_row--with-menu {
background-color: rgba(48, 48, 48, 0.9) !important;
}
.umsubtitle .subtitle_section,
.greysubtitle .subtitle_section {
background-color: #f6f6f6;
}
.whitesubtitle .subtitle_section {
background-color: #ffffff;
}
.ourwork h3 {
font-weight: 500;
} .ourwork .et_pb_text .et_pb_text_inner {
opacity: 0.01;
transition: 0.25s all;
} .ourwork .et_pb_text:hover .et_pb_text_inner {
opacity: 1;
}
.ourwork .et_pb_text_inner a.qbutton {
border: 2px solid white;
color: white;
background-color: rgba(48, 48, 48, 0.25);
transition: 0.35s all;
text-transform: uppercase;
text-align: center;
margin: 2rem auto 2rem auto;
padding: 4px 8px 4px 8px;
}
.ourwork .et_pb_text_inner a.qbutton:hover {
border: 2px solid white;
color: white;
background-color: #f3b933;
}
.ourwork *,
div.et_builder_inner_content.et_pb_gutters3.has_et_pb_sticky div.et_pb_section.et_pb_section_0_tb_header .et_pb_image_0_tb_header *,
header div.et_pb_section img {
transition: 0.33s all !important;
}
.et_pb_sticky--top div.et_pb_row.et_pb_row_0.et_pb_row--with-menu div div a span.et_pb_image_wrap img,
div.et_builder_inner_content.et_pb_gutters3.has_et_pb_sticky div.et_pb_section.et_pb_section_0_tb_header .et_pb_image_0_tb_header a img {
margin-top: 0;
padding-top: 0;
height: 3rem !important;
width: auto !important;
}
header .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu {
transition: 0.2s all;
}
.page-template-default header div.fp-header0 .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu:hover,
header .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu:hover {
background-color: rgba(48,48,48,0.9) !important;
}
div.et_pb_section.et_pb_section_0.fp-header0.et_pb_sticky_module.et_pb_with_background.et_section_regular.et_pb_section--with-menu.et_pb_sticky.et_pb_sticky--top, .fp-header0 div.et_pb_section.et_pb_sticky--top,
header div.et_pb_section.et_pb_sticky--top { padding-top: 12px;
padding-bottom: 16px;
background-color: rgba(48,48,48,0.9) !important;
}
div.et_pb_section.et_pb_section_0.fp-header0.et_pb_sticky_module.et_pb_with_background.et_section_regular.et_pb_section--with-menu.et_pb_sticky.et_pb_sticky--top ul ul,
header div.et_pb_section.et_pb_sticky--top ul ul {
z-index: 9999;
}
.home > header {
height: 102vh;
}
.et-tb-has-header > header {
height: 48vh;
overflow-y: hidden;
}
div.et_pb_section.et_pb_section_1.fp-header1 {
height: 111vh;
top: -10vh;
}
.single-portfolio_page header.et-l.et-l--header {
height: 48vh;
top: initial;
overflow-y: hidden;
}
.search #et-main-area,
.archive #et-main-area,
.single-portfolio_page #et-main-area {
margin-top: 6vh;
}
.et_pb_section.et_pb_section_0_tb_body.et_section_regular {
margin-bottom: 6vh;
}
.ngg-galleryoverview {
margin-top: 0px;
}
.ngg-galleryoverview img {
max-width: 100%;
height: auto;
} .sl-wrapper {
z-index: 10191 !important;
}
.sl-wrapper .sl-image {
z-index: 10193 !important;
} .sl-wrapper .sl-close {
right: 5%;
background-color: white;
border: 2px solid black;
}
.gform_wrapper select,
.gform_wrapper textarea,
.gform_wrapper input[type="text"] {
border: 0;
border-bottom: 2px solid #484848 !important;
transition: 0.25s all;
}
.gform_wrapper select,
.gform_wrapper textarea {
border-right: 2px solid #484848 !important;
}
.gform_wrapper select:focus,
.gform_wrapper textarea:focus,
.gform_wrapper input[type="text"]:focus {
border: 1px solid #969696 !important;
background-color: #f6f6f6;
}
.widget_qode_twitter_widget h4.title {
display: none;
}
.qode_twitter_widget li,
.qode_twitter_widget li a {
color: white;
}
#main-content {
padding-bottom: 8vh;
margin-bottom: -21vh;
}
.shadowfilter { } a.more-link {
text-transform: uppercase;
font-weight: 700;
color: #096978 !important;
background-color: #ffffff;
border: #096978 solid 2px;
padding: 14px 12px 12px 12px;
border-radius: 3px;
display: block;
max-width: 160px;
margin: 0 auto;
line-height: 100%;
text-align: center;
transition: 0.25s all;
box-shadow: none;
transition: border 0.6s ease;
transition: color 0.4s ease;
}
a.more-link:after {
margin-bottom: 18px;
} a.more-link:hover {
color: #FDB51E !important;
border-radius: 0px;
border-top: 0px solid #fff;
border-left: 0px solid #fffE;
border-right: 0px solid #fff;
border-bottom: 6px solid #FDB51E;
} .menu-item a {
line-height: 125%;
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
header .et_pb_menu_inner_container.clearfix {
position: fixed;
right: 3vw;
top: 3vw;
width: 56vw;
}
.et-tb-has-header header {
height: 50vh;
}
.et_pb_menu_0_tb_header button.et_pb_menu__icon.et_pb_menu__search-button {
margin-right: 0px !important;
}
.et-menu li li.menu-item-has-children > a:first-child::after {
right: 0px;
}
#a2a_share_save_widget-2 {
width: 55%;
}
#ourwork_menu {
margin-top: 0 !important;
padding-top: 0 !important;
}
#ourwork_menu .et_pb_menu_inner_container.clearfix {
position: relative !important;
margin-top: 0 !important;
padding-top: 0 !important;
padding-left: 1vw;
top: 0;
}
#ourwork_menu .et_pb_menu__menu {
display: block;
}
#ourwork_menu .et_mobile_nav_menu {
display: none !important;
}
#menu-our-work {
padding-left: 1.5vw !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
}
@media only screen and (max-width: 1199px) and (min-width: 981px) {
#menu-main-menu > li {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media only screen and (max-width: 980px) and (min-width: 768px) {
.page-template-default header {
height: 45vh;
}
#et-main-area,
#main-content {
padding-top: 0vh !important;
}
.three_col ul {
column-count: 2;
column-gap: 2rem;
}
div.entry-content .et_section_regular div.et_pb_row {
width: 90% !important;
}
article.mix_all {
margin: 0.5rem;
width: calc(50% - 1rem);
background-color: white;
min-height: 520px;
transition: 0.25s all;
}
}
@media only screen and (max-width: 767px) {
header h1 {
font-size: 2rem !important;
line-height: 2.5rem !important;
}
.et-tb-has-header header {
height: 45vh;
}
.et_pb_menu__search-input {
padding-left: 5vw;
}
.et_pb_menu .et_pb_menu__search-container {
width: 50vw;
margin-left: -25vw;
}
.et_mobile_menu li {
padding: 1% 1% 1% 3%;
margin-bottom: 1%;
}
.et_mobile_menu li a {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.et_mobile_menu li li {
width: 45vw;
}
.et_pb_row.et_pb_row_0.et_pb_row--with-menu .et_pb_column_2_3 {
margin-top: -10vh !important;
left: 25vw;
max-width: 75vw;
}
.et_pb_text_0_tb_footer div.et_pb_text_inner {
line-height: 28px !important;
}
.mobileclient h2 {
text-transform: initial !important;
}
.three_col ul {
column-count: 1;
}
article.mix_all {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
width: 100%;
background-color: white;
min-height: 520px;
transition: 0.25s all;
}
.mobilework div.et_pb_column .et_pb_text_inner p {
font-size: 1rem !important;
}
.mobilework div.et_pb_column a.qbutton {
text-transform: uppercase;
font-size: 1.5rem !important;
padding: 4px 6px 4px 6px;
background-color: rgba(48,48,48,0.5);
}
.oranual {
margin-top: 10%;
display: block !important;
}
h1 {
font-size: 2.25rem !important;
word-wrap: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
}
.et_pb_text_2 h2 {
font-size: 2rem !important;
word-wrap: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
}
#main-content {
margin-bottom: -24vh;
} body:not(.parent-pageid-6) .et_pb_menu .et_mobile_menu .sub-menu .sub-menu {
display: none !important;
}
.et_mobile_menu li {
margin-bottom: 0%;
width: 75vw !important;
}
#mc_embed_signup {
max-width: 88vw !important;
overflow-x: hidden;
}
#mc_embed_signup form {
max-width: 75vw !important;
}
}
#mc_embed_signup form input[type=text], #mc_embed_signup form input[type=email] {
background-color: #fff;
border-radius: 0;
color: #00223b;
font-size: 16px !important;
padding: 15px 20px !important;
}
#mc_embed_signup input[type=submit] {
background: #ff9900;
padding: 15px 35px;
border: none;
color: white;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper select, .gform_wrapper textarea {
border: 1px solid #dedede !important;
}
.gform_wrapper form .gform_body input[type=text], .gform_wrapper form .gform_body input[type=email], .gform_wrapper form .gform_body select, .gform_wrapper form .gform_body textarea {
background-color: #fff;
border-radius: 0;
color: #00223b;
font-size: 16px !important;
padding: 15px 20px !important;
}
.gform_wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/img/icon-scroll.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
padding-right: 30px;
cursor: pointer
}
.gform-footer .gform_button {
background: #ff9900;
padding: 15px 35px;
border: none;
color: white;
cursor: pointer;
position: relative;
border-radius: 3px;
font-size: 1.25rem;
&::after {
content: '';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) translateX(10px);
width: 16px;
height: 16px;
background-image: url(//thefuselight.com/wp-content/themes/CustomTheme/assets/img/icon-submit-arrow.svg);
background-repeat: no-repeat;
background-size: 16px 16px;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
transform: translateY(-50%) translateX(10px) rotate(270deg);
}
&:hover {
color: #000000 !important;
border: 3px solid black;
background-color: #ffffff;
&::after {
opacity: 1;
transform: translateY(-50%) translateX(0) rotate(270deg);
}
}
} div.mejs-inner > div.mejs-mediaelement > video {
width: 100% !important;
height: auto !important;
max-width: 100%;
} div.mejs-inner > div.mejs-mediaelement {
width: 100% !important;
height: auto !important;
max-width: 100%;
overflow: hidden;
position: relative;
}
.et_pb_section_1 {
max-height: 110vh;
}
.et_pb_section_1_tb_header{
width: 100% !important;
}
.et_pb_section_video{
height: 100% !important;
width: 100% !important;
video{ height: 100% !important;
width: 100% !important;
}
}
body::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 1000000;
}
html.loaded body::before {
display: none !important;
}
.single-portfolio_page {
.acf-gallery .et_pb_gallery_image {
& a {
display: flex;
justify-content: center;
}
& img {
height: auto;
object-fit: contain;
}
}
.et_pb_gallery_item {
width: 100% !important;
clear: both !important;
}
.hide-module {
display: none !important;
}
}
.gform_required_legend {
display: none;
}
.required-placeholder {
color: red;
}
#newsletter-form {
.gform_fields {
grid-row-gap: 4px;
}
.gfield_label {
font-size: 12px;
margin-bottom: 0;
}
input {
padding: 9px 12px !important;
}
}
footer {
h3 {
font-size: 1.1rem !important;
}
}