/*!
Theme Name: Centra Funding
Theme URI: http://centrafunding.com/
Author: Final Elements
Author URI: http://www.finalelements.com
Description: A custom theme for Centra Funding
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: centrafunding
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

.alignwide  { width: 100%; padding-right: var(--bs-gutter-x, 1rem); padding-left: var(--bs-gutter-x, 1rem); margin-right: auto; margin-left: auto;}
.alignfull { margin: 32px calc(50% - 50vw); max-width: 100vw; width: 100vw;}
@media (max-width: 992px) { .wp-block-columns .wp-block-column { flex-basis: 100% !important;} .wp-block-column:nth-child(2n) { margin-left: 0;}}
@media (min-width: 1200px) { .alignwide {  width: 1500px;}}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

hr,
img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

hr,
p {
    margin-bottom: 1.5em
}

pre,
textarea {
    overflow: auto
}

b,
dt,
optgroup,
strong {
    font-weight: 700
}

.ec input,
table,
textarea {
    width: 100%
}

.clear:after,
.comment-content:after,
.entry-content:after,
.page-links,
.site-content:after,
.site-footer:after,
.site-header:after,
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both
}

.widget select,
.wp-caption,
embed,
iframe,
img,
object,
pre {
    max-width: 100%
}

.eh h4,
.gallery-item,
.wp-caption-text {
    text-align: center
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	margin: 0;
	padding:0;
   
}

body {
    margin: 0;
	padding:0;
    background: #fff;
	overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

.validation_error,
[hidden],
template {
    display: none
}

audio:not([controls]) {
    display: none;
    height: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

cite,
dfn,
em,
i {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    height: auto
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    background-color: #ccc;
    height: 1px
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

p {
    font-size: 1.1em
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: .9375rem
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,
mark {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}



ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-left: 1.5em
}

dd {
    margin: 0 1.5em 1.5em
}

figure {
    margin: 1em 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em
}

.gform_wrapper ul li.gfield {
    list-style: none!important
}

#vertical_tab_nav ul,
.body-wrapper ul li,
nav.footer-nav ul li,
nav.main-nav ul,
nav.social ul li,
ul.check li {
    list-style: none
}

.gform_wrapper ul li.gfield::before {
    content: ""
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: none;
    border-color: #ccc #ccc #bbb;
    border-radius: 0;
    background: #87c268;
    color: rgba(225, 225, 225, 1);
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    padding: 1em
}

body .gform_wrapper .gform_body .gform_fields .gfield_error {
    border: none;
    background: 0 0
}

body .gform_wrapper .validation_error {
    border: none
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
    border: none;
    margin: 0!important;
    padding: 0!important;
    color: #000;
    line-height: 1em!important
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
    border-color: #aaa #bbb #bbb
}

input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=text],
input[type=email],
input[type=url],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 1em!important
}

input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

.eh {
    padding: 1em;
    background: #94c072;
    margin-bottom: 1em
}

.eh h4 {
    margin: 0;
    padding: 0;
    color: #FFF
}

.ep .col {
    margin: .2em
}

input.buttoncalc {
    background: 50% 50% no-repeat #7b1317;
    border: none;
    color: #FFF!important;
    text-decoration: none;
    background-image: linear-gradient(#aa262b, #aa262b);
    background-size: 0 100%;
    transition: background-size .5s, color .5s;
    cursor: pointer
}

input.buttoncalc:hover {
    background-size: 100% 100%;
    color: #fff;
    text-decoration: none
}

.es {
    width: 90%;
    margin: 0 auto!important
}

.spacing {
    margin: .5em;
    display: block;
    font-weight: 900
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.hentry,
.page-links,
.widget {
    margin: 0 0 1.5em
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
    table-layout: fixed
}

.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.entry-content,
.entry-summary,
.page-content {
    padding: 4em 1em
}

.entry-inner {
    padding: 2em 0
}

.entry-inner h2 {
    font-weight: 900
}

article.type-post {
    padding: 4em 2em
}

article.type-post a {
    color: #000;
    font-weight: 900
}

span.entry-date {
    padding: 1em 0 1em 0;
    display: block
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.gallery-caption,
.header-logo {
    display: block
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.bw {
    padding: 5em
}

.header-logo {
    background: url(lib/img/logo-white.svg) no-repeat;
    position: absolute;
	display: block;
	height: auto;
	width: 300px;
    top: .4em;
    float: left;
    text-indent: -9999em;
    overflow: hidden;
    pointer-events: auto;
    font-size: 3.5em;
    margin: 0;
    padding: 0;
    vertical-align: top;
    z-index: 20
}

.header-logo.svg {
    text-indent: 0
}


.top-panel {
    width: 100%;
    padding: .8em .8em .8em 0;
    text-align: right;
    position: relative;
    z-index: 1
}

.phone {
    font-size: 1.2em
}
.fa-long-arrow-right {
	padding-top: .2em;
}

nav.main-nav {
    position: relative;
    z-index: 1!important

}

nav.main-nav ul li a {
    color: #FFF;
    text-decoration: none
}

li.apply-now a {
    background: 50% 50% no-repeat #7b1317 !important;
    padding: 1em !important;
    color: #FFF !important;
    text-decoration: none !important;
    background-image: linear-gradient(#aa262b, #aa262b) !important;
    background-size: 0 100% !important;
    transition: background-size .5s, color .5s !important;
    margin-left: 1em !important;
}

li.apply-now a:hover {
    background-size: 100% 100% !important;
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width:1400px) {
    nav.main-nav ul li a { font-size: .9em !important}
    nav.main-nav ul li { margin: 0 !important; padding: 0 !important}
    .ubermenu .ubermenu-target { padding: 10px 15px !important}
    .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target { padding-right: 25px !important;}
}


@media (max-width:1200px) {
    li.apply-now a { margin-left: 0em !important;}
    nav.main-nav { width: 100%;}
    nav.main-nav ul { width: 100% !important; display: block !important;}
    .phone { font-size: 1em}
    .mobile-header { background: #FFF; color: #000; padding-bottom: .3em;}
    .mobile-header .header-logo { background: url(lib/img/logo-black.svg) no-repeat; width: 50%; top:.5em}
    .mobile-header ul li a { color: #000!important; font-size: 1.1em}
    #header-sroll.small {
        width: 100%;
        position: fixed;
        background: #FFF;
        color: #000;
        left: 0;
        padding: .5em 0 1em
    }
    nav.main-nav ul li.apply-now a {
        background: 50% 50% no-repeat #7b1317;
        padding: .8em;
        color: #FFF!important;
        text-decoration: none;
        background-image: linear-gradient(#aa262b, #aa262b);
        background-size: 0 100%;
        transition: background-size .5s, color .5s
    }
    nav.main-nav ul li.apply-now a:hover {
        background-size: 100% 100%;
        color: #fff;
        text-decoration: none
    }
    .ubermenu-responsive {
        width: 100% !important
    }
    .ml-auto { width: 100%;}
}

#header-sroll {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    float: left;
    z-index: 5;
    display: block;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#header-sroll.small {
    width: 100%;
    position: fixed;
    background: #FFF;
    color: #000;
    left: 0;
    padding: 1em 0
}

#header-sroll.small .header-logo {
    background: url(lib/img/logo-black.svg) no-repeat;
    top: .1em
}

#header-sroll.small .top-panel {
    display: none
}

#header-sroll.small nav.main-nav {
    width: 80%;
    float: right;
    top: .2em
}

#header-sroll.small nav.main-nav ul li a {
    color: #000
}

#header-sroll.small nav.main-nav ul li:last-child a {
    color: #FFF;
    padding: 1em
}

section.banner,
section.banner-small {
    color: #FFF;
    position: relative
}

section.banner {
    min-height: 900px;
    -webkit-transition: background .3s ease-in .2s;
    -moz-transition: background .3s ease-in .2s;
    -o-transition: background .3s ease-in .2s;
    transition: background .3s ease-in .2s
}

@media (min-width:1500px) {
    section.banner {
        min-height: 900px
    }
}

section.banner-small {
    min-height: 500px
}

@media (min-width:1800px) {
    section.banner {
        min-height: 1000px
    }
    section.banner-small {
        min-height: 600px
    }
}

.fill {
    background-repeat: no-repeat!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: top center !important;
}

.fill:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0, 0, 0, .3)
}

.banner-content {
    position: absolute;
    top: 35%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.col-red-large,
.col-red-small {
    position: relative
}

.banner-content h1, .full-bg-panel h1 {
    font-size: 3em;
    width: 100%;
    font-weight: 100;
    line-height: 1em
}

a.white-button {
    display: inline-block;
    padding: .8em 1em;
    color: #000;
    background: #FFF;
    font-size: 1.4em
}
a.red-button-box {
    position: relative;
    top: 1em;
    background: 50% 50% no-repeat #7b1317;
    padding: .8em;
    color: #FFF!important;
    text-decoration: none;
    background-image: linear-gradient(#aa262b, #aa262b);
    background-size: 0 100%;
    transition: background-size .5s, color .5s
}
a.red-button-box:hover {
    background-size: 100% 100%;
    color: #fff;
    text-decoration: none
}

a.white-button:hover {
    background: #711e1c;
    color: #fff;
    text-decoration: none
}

.su-column-size-1-2 {
    padding: .5em
}

@media (min-width:800px) {
    .banner-content h1{
        font-size: 4em;
        width: 70%
    }
    .full-bg-panel h1 {
        font-size: 4em
    }
}

@media (min-width:1200px) {
    .banner-content h1 {
        font-size: 5em;
        width: 70%
    }
}

@media (max-width:800px) {
    section.banner-small {
        min-height: 500px
    }
    #header-sroll.small nav.main-nav,
    .banner-content h1, .full-bg-panel h1,
    nav.main-nav {
        width: 100%
    }
    section.banner {
        min-height: 800px;
        color: #FFF;
        position: relative
    }
}

.arrow-down:before {
    font-family: fontawesome;
    content: "\f175";
    margin-right: .5em;
    font-weight: 100
}

.red-panel, .red-bg {
    background: url(lib/img/red-panel.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 5em;
    color: #FFF
}
@media (max-width:992px) {
	.red-panel, .red-bg { padding: 5em 2em 5em 2em;}
} 

.red-bg {
    color: #FFF;
}

.red-bg img {
    margin-bottom: .5em;
}


.red-panel h2 {
    font-size: 3em;
    font-weight: 100;
    line-height: 1em
}

.red-panel a {
    color: #FFF;
    text-decoration: none
}

.col-red-small {
    display: inline-block;
    width: 30%
}

.col-red-large {
    display: inline-block;
    width: 65%
}

@media (min-width:1201px) and (max-width:1400px) {
    .col-red-large,
    .col-red-small {
        display: inline-block;
        width: 100%
    }
    .col-red-large {
        position: relative
    }
}

@media (max-width:1200px) {
    .col-red-large,
    .col-red-small {
        display: inline-block;
        width: 100%
    }
    .col-red-large {
        position: relative
    }
}

.red-button {
    position: absolute;
    bottom: 0
}

@media (max-width:1100px) {
    .red-button {
        position: relative;
        padding: 1em 0
    }
}

#vertical_tab_nav {
    margin: 0 auto;
    display: block;
    overflow: hidden
}

#vertical_tab_nav ul {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 350px
}

#vertical_tab_nav li {
    display: block;
    width: 100%
}

#vertical_tab_nav li a.selected,
#vertical_tab_nav li a:hover {
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 1)
}

#vertical_tab_nav li:last-child a {
    border-bottom: 0
}

#vertical_tab_nav li a {
    color: rgba(255, 255, 255, .5);
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    width: 100%;
    display: block;
    padding: 1em 0
}

#vertical_tab_nav li a span {
    font-size: 3em;
    position: relative;
    top: .2em;
    font-weight: 900;
    padding-right: .5em;
    display: inline-block
}

.gray-panel h3,
h2.text-breaker {
    font-weight: 100
}

#vertical_tab_nav li:last-child a.selected {
    color: rgba(255, 255, 255, 1);
    border-bottom: 0
}

#vertical_tab_nav div {
    float: left;
    width: 50%;
    top: 10%;
    position: absolute
}

#vertical_tab_nav div article {
    display: none;
    color: #FFF;
    text-align: center
}

.large {
    width: 50%;
    font-size: 9em;
    margin-bottom: .3em;
    z-index: 1
}

#vertical_tab_nav div article p {
    width: 100%!important
}

@media (max-width:1000px) {
    #vertical_tab_nav ul {
        width: 100%
    }
    #vertical_tab_nav div {
        width: 100%;
        position: relative
    }
    #vertical_tab_nav div article {
        display: none!important
    }
    #vertical_tab_nav li a {
        color: rgba(255, 255, 255, 1);
        border-bottom: 1px solid rgba(255, 255, 255, 1)
    }
}

.text-breaker h2:after,
h2.text-breaker:after {
    width: 20%!important;
    height: 2px;
    content: '';
    display: block;
    margin: .3em 0 0
}

.text-breaker h2 {
    padding-bottom: .3em
}

.text-breaker p,
h2.text-breaker {
    padding-bottom: 1em
}

.text-breaker h2:after {
    background: #FFF
}

h2.text-breaker:after {
    background: #000
}

.body-wrapper {
    padding: 5em 1em
}

.body-wrapper ul {
    margin: 0;
    padding: 0
}

.body-wrapper ul li::before {
    content: "• ";
    color: #87c268;
    padding-right: .3em
}

.gray-panel h3:after, ul.check li:before { content: ''}

@media (min-width:800px) {
	.small-container { width: 60%; margin:  0 auto;}
    .text-breaker h2 { width: 50%}

}
.col-md-4,
.col-md-8 {
    padding-right: 1em
}

ul.check {
    margin: 1em 0 1em 0;
    padding: 0;
    list-style-type: none; /* Removes default list bullets */
}

.red-bg ul.check {
    margin: 2em 0 2em 0;
    padding: 0;
}

ul.check li {
    margin: 0;
    padding: 0;
    padding-left: 2.5em; /* Adds padding to ensure text starts after the icon */
    position: relative;
}

ul.check li:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(lib/img/check.svg) no-repeat;
    position: absolute;
    left: 0;
    top: 0.2em; 
}

.red-bg ul.check li:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(lib/img/check-white.svg) no-repeat !important;
    position: absolute;
    left: 0;
    top: 0.2em;
}



.gray-panel {
    background: #f3f3f3;
    padding: 3em 0 3em 0;
}

.gray-panel h3 {
    font-size: 3em;
    width: 20%;
    line-height: 1em
}

.gray-panel h3:after {
    width: 40%!important;
    height: 2px;
    background: #000;
    display: block;
    margin: .3em 0
}

.sp-inner {
    margin-top: 3em
}

.image-hover {
    background: #000;
    color: #FFF;
    margin: 1em;
    height: 300px;
    overflow: hidden
}

.image-hover a {
    color: #FFF
}

.image-hover img {
    object-fit: cover;
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
    opacity: .4;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.apply,
a.green-button {
    transition: background-size .5s, color .5s
}

.image-hover a:hover {
    color: #FFF!important
}

.image-hover a:hover img {
    opacity: .1;
    color: #FFF!important
}

.image-hover p {
    position: absolute;
    float: left;
    top: 50%;
    left: 50%;
    font-size: 1.1em;
    text-align: center;
    line-height: 1em;
    z-index: 900;
    transform: translate(-50%, -50%)
}

.apply,
.small-padding img {
    position: relative
}

.apply {
    display: inline-block;
    padding: 2em;
    color: #FFF;
    background: 50% 50% no-repeat #0067da;
    background-image: linear-gradient(#054184, #054184);
    background-size: 0 100%
}
a.font-large { font-size: 2em!important}
.page-id-313 li.apply-313 {
    display: none !important;
}

.apply p {
    margin: 0
}

.apply:hover {
    background-size: 100% 100%;
    color: #fff
}

.apply-right {
    font-weight: 900
}

.apply-right:after {
    position: relative;
    font-family: fontawesome;
    content: "\f061";
    margin-left: .5em;
    font-weight: 100
}

.green-panel {
    background: #87c268;
    padding: 3em;
    color: #FFF;
    text-align: center
}

.align-right,
.fc-inner {
    text-align: right
}

.green-panel p {
    font-weight: 900;
    font-size: 1em;
    margin-top: 1em
}

.entry-content h2,
.equipment-grid h2,
.inner-panel h3,
.large-quote h2 {
    font-weight: 100;
    font-size: 3em;
    width: 100%
}

.green-panel h3 {
    margin: 0;
    font-weight: 100
}

.service {
    margin: 0;
    padding: 0 3em 3em 3em
}

@media (max-width:800px) {
   .service {
    margin: 0;
    padding: 0 1em 1em 1em
}
    .service-img img {
        width: 100% !important;
    }

}
.service h3 {
    padding-top: 2em !important;
}

.service img {
    width: 40%;
    margin: 0 auto;
}
.service p {
    margin-top: 2em
}

.service-panel h1 {
    text-align: center;
    padding-bottom: 1em;
}

.large-quote h2 {
    line-height: 1em;
    padding: 0 1em 1em 0
}

.equipment-grid {
    padding: 4em 0
}

.gray-bg {
    background: #f6f6f6
}
.service-padding {
    display: block;
    padding:5em;
}
.equipment-grid h2:after,
.inner-panel h3:after {
    height: 2px;
    background: #000;
    content: '';
    display: block;
    margin: .3em 0 .7em
}

.equipment-grid h2 {
    padding-top: 1em
}

.equipment-grid h2:after {
    width: 30%!important
}

.inner-panel h3:after {
    width: 10%!important
}

.entry-content a {
    color: #87c268
}

.small-font {
    font-size: .8em
}
.container {
    width: 1200px;
    margin: 0;
    padding: 0;
}

@media (min-width:800px) {
    .large-quote h2 {
        width: 100%
    }
    .equipment-grid h2 {
        width: 60%
    }
    .small-padding img {
        position: absolute;
        right: 20%;
        bottom: 0
    }
    .small-panel {
        width: 70%
    }
}

a.green-button {
    position: relative;
    display: inline-block;
    padding: .5em 1em;
    color: #FFF;
    background: 50% 50% no-repeat #87c268;
    background-image: linear-gradient(#4c8031, #4c8031);
    background-size: 0 100%
}

a.green-button:hover {
    background-size: 100% 100%;
    color: #fff;
    text-decoration: none
}

.full-team {
    padding-top: 3em
}

.single-employee {
    padding: 2em;
    min-height: 200px;
    position: relative
}

@media (min-width:1000px) {
    .single-employee {
        width: 33.3%
    }
}

@media (min-width:601px) and (max-width:999px) {
    .single-employee {
        width: 50%
    }
    .single-employee:nth-child(odd) {
        background: rgba(220, 220, 220, 0)
    }
}

@media (max-width:600px) {
    .single-employee {
        width: 100%
    }
}

.single-employee:nth-child(odd) {
    background: rgba(220, 220, 220, .5)
}

.single-employee h4 {
    font-weight: 900;
    margin: 0
}

.single-employee p {
    line-height: .8em
}

.employee-inner {
    position: absolute;
    bottom: 10px
}

.modal,
.modal-small {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.employee-inner ul {
    margin: 0;
    padding: 0
}

.employee-inner ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.employee-inner ul li a,
.employee-inner ul li div:last-child {
    display: block;
    padding: .5em 1em;
    color: #FFF;
    transition: background-size .5s, color .5s
}

.employee-inner ul li a {
    background: 50% 50% no-repeat #87c268;
    background-image: linear-gradient(#4c8031, #4c8031);
    background-size: 0 100%
}

.employee-inner ul li div:last-child {
    background: 50% 50% no-repeat #4c8031;
    background-image: linear-gradient(#87c268, #87c268);
    background-size: 0 100%;
    cursor: pointer
}

.employee-inner ul li a:hover,
.employee-inner ul li div:last-child:hover {
    background-size: 100% 100%;
    color: #fff;
    text-decoration: none
}

.modal {
    background: rgba(255, 255, 255, 1)
}

.modal-small {
    background: rgba(255, 255, 255, .5)
}

.employee-modal {
    padding-top: 6em
}

.col-employee:first-child {
    width: 30%;
    display: inline-block
}

.col-employee:last-child {
    width: 70%;
    display: inline-block;
    padding-bottom: 3em
}

.employee-title {
    padding: 0 2em 3em 0
}

.employee-title h2 {
    font-weight: 900;
    font-size: 3em;
    line-height: 1em;
    padding-right: 2em
}

.employee-title p {
    font-weight: 500;
    line-height: 1em;
    padding-top: 2em
}

.container-inner p {
    font-size: 1em;
    line-height: 1.5em
}

@media (max-width:1400px) {
    .employee-title h2 {
        font-size: 4em
    }
    .col-employee:first-child,
    .col-employee:last-child {
        width: 100%;
        display: inline-block
    }
}

button.close-button {
    display: block;
    color: #FFF;
    background: 50% 50% no-repeat #4c8031;
    background-image: linear-gradient(#87c268, #87c268);
    background-size: 0 100%;
    transition: background-size .5s, color .5s;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-top: 2em
}

button.close-button:hover {
    background-size: 100% 100%;
    color: #fff;
    text-decoration: none
}






.footer {
    background: #2d3845;
    border-top: 5em solid #273442;
    width: 100%;
    padding: 5em 2em 3em;
	margin: 0 !important;
	overflow: hidden
}

footer h4 {
    color: #FFF
}

nav.footer-nav ul {
    margin: 0;
    padding: 0
}

nav.footer-nav ul li {
    line-height: 1em
}

nav.footer-nav ul li a {
    color: #64717f;
    font-size: .8em
}

.fc img {
    width: 20%;
    margin-bottom: 1em
}

.fc p {
    color: #64717f;
    line-height: .2em
}

.fa-desktop,
.fa-facebook-square,
.fa-linkedin {
    font-family: fontawesome
}

.phone-bottom {
    color: #9faebe!important;
    font-weight: 900
}

nav.social ul {
    margin: 0;
    padding: 0
}

nav.social ul li {
    display: inline-block
}

nav.social ul li a {
    color: #64717f
}

.bottom-footer {
    color: #64717f;
	margin-top: 2em;
    font-size: .8em;
	padding:0;
}

.bottom-footer a {
    color: #FFF
}

.f-col {
    width: 20%;
    display: inline-block
}

@media (max-width:800px) {
    .f-col,
    .fc-inner {
        text-align: center
    }
    .footer {
        padding: 2em .5em
    }
    .fc-inner {
        padding-top: 1em
    }
    .f-col {
        width: 100%;
        padding: 1em 0;
        border-bottom: 1px solid #64717f
    }
}

.su-column-inner {
    padding: .5em
}

.main-post {padding: 3em 0 3em 0}
.post h1{ line-height:1em;}
.small-font { font-size:.8em}
.large-p { padding: 3em 0 3em 0;}
.center-text { text-align: center;}
.blue-btn { background: #0067da !important; color: #FFF!important; text-align: left !important; padding: .5em 1em .5em 1em; margin-left:-3em}
.blue-btn:hover { background: #044184 !important; color: #FFF!important; text-align: left !important; text-decoration: none !important;}

@media (max-width:800px) {
	.blue-btn { margin-left:0em}
}









.panel-set {
    margin: 3em 0;
}

.panel {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    display: none;
}

.panel.active {
    display: block;
    opacity: 1;
}

.content-switcher ul { 
    list-style: none;
    margin: 1em 0 2em 0;
    padding: 0;
}

.content-switcher ul li {
    position: relative;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    padding: 10px 20px;
    transition: background-color 0.3s ease;
}

.tab-button.active, .tab-button:hover {
    background-color: #7b1317;
    color: white;
}

.panel-item,
.panel-item-single {
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: 100%;
    margin: 0 1em;
    background: #000;
    position: relative; /* Relative position for the icon */
    overflow: hidden; /* Ensure overflowing parts are hidden */
    transition: background 0.3s ease;
}

.panel-item img,
.panel-item-single img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    background: #000;
    transition: transform 0.3s ease, opacity 0.3s ease; /* Optional: Add zoom effect and smooth opacity */
}

.panel-item:hover img {
    opacity: 0.3; /* Decrease opacity more to create a darker effect */
    transform: scale(1.05); /* Slight zoom effect */
}

.panel-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Initial transparent background */
    transition: background 0.3s ease; /* Smooth transition */
    z-index: 1; /* Ensure it stays above the image */
}

.panel-item:hover::after {
    background: rgba(0, 0, 0, 0.7); /* Dark overlay with 70% opacity */
}

.view-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2em;
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease; /* Smooth transition */
    z-index: 2; /* Place the icon above the overlay */
}

.panel-item:hover .view-icon {
    opacity: 1; /* Show the icon on hover */
}

/* Ensure the anchor tag covers the full panel-item */
.image-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none; /* Remove underline */
}