html .q_logo a { visibility: visible !important;
}
.size-medium { width: 350px;
}
img { width: auto; height: auto;
}
#page h2.cta { font-size: 22px; line-height: 30px; margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.desktop-only {
display: none!important;
}
}
h1.original .smaller { font-size: 22px; line-height: 30px;
}
.the-content h1.original { text-align: center; font-size: 40px; line-height: 48px; font-weight: 600;
}
.single-post .title h1 { font-size: 36px; line-height: 44px; text-transform: none; font-weight: 700;
}
footer .single-preview img { max-height: 50px; border-radius: 100%; float: right; margin: 0px 10px 10px;
}
.white * { text-shadow: none !important;
}
a.vc_general:hover { background: #999999 !important;
}
#cta h2 { font-weight: 500 !important;
}
#cta .vc_general:hover { background: #999999 !important;
}
body #page { padding-top: 0px !important;
}
div#shiftnav-toggle-main { display: none;
}
header { top: 0px;
}
section.sub-hero-wrap .trans-bg { background-color: rgba(0, 0, 0, 0.25); padding: 200px 0 !important;
}
section.sub-hero-wrap .inner-container .content { background-color: rgba(255, 255, 255, 0); border-radius: 5px; display: none;
}
####
footer .single-preview img { max-height: 50px; border-radius: 100%; float: right; margin: 0px 10px 10px;
}
footer .single-preview p.blog-title { margin-bottom: 10px;
}
footer .single-preview p.blog-date { font-size: 12px; line-height: 18px;
}
footer ul.sub-menu { display: none;
}
@media all and (min-width: 768px) {
body .drops .menu-item .sub-menu li a:hover { color: #fd462f !important;
}
nav .megamenu ul.sub-menu { width: 830px; padding: 20px 10px 0px 20px;
}
nav .megamenu ul.sub-menu ul.sub-menu { width: inherit;
}
nav .megamenu ul.sub-menu li { width: 31%; display: inline-block!important; vertical-align: top; padding-right: 30px!important;
}
nav .megamenu ul.sub-menu ul.sub-menu li { width: 100%; display: block; padding-right: 0px!important;
}
nav .megamenu ul.sub-menu li a { font-weight: 800!important;
}
nav .megamenu ul.sub-menu ul.sub-menu li { padding: 0px;
}
nav .megamenu ul.sub-menu ul.sub-menu li a { font-weight: 400!important;
}
nav .megamenu ul.sub-menu li:nth-child(3) { width: 30%!important; margin-left: 40px;
}
nav .megamenu ul.sub-menu ul.sub-menu li:nth-child(3) { margin: 0px;
}
.nav-bottom li.menu-item-has-children a:after { content: "\203A"; display: inline-block; content: "\f078"; font-family: "FontAwesome"; margin-left: 5px;
}
.nav-bottom li.menu-item-has-children ul.sub-menu a:after { display: none;
}
ul.sub-menu {}
nav { z-index: 9999;
}
body nav ul.sub-menu li a { color: black!important; font-size: 12px!important; line-height: 20px; text-transform: none; font-weight: 299!important; font-family: "Roboto", sans-serif, Arial, sans-serif;
}
body nav ul.sub-menu li {
}
nav ul.sub-menu ul.sub-menu { position: inherit!important; box-shadow: none; padding: 0px!important;
}
}
.accent { color: #fd462f;
}
.vc_tta.vc_general .vc_tta-tab>a:hover { color: #000 !important;
}
body .nav-top .col-middle { display: block; padding-top: 30px;
}
.nav-bottom { border-bottom: 5px solid white;
}
ul.top-nav li a:hover { color: #f0222c !important;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel .vc_tta-panel-body,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel .vc_tta-panel-body { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -sand-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; animation: fadein 2s;
}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; }
}
/* Disable WPBakery Tab/Tour animation */.vc_tta-panel.vc_animating { opacity: 0;
}
/* The following code can be used to add a fade animation */.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { animation: vctabsAnimate 1s cubic-bezier(0.4, 0, 0.6, 1) 1;
}
@keyframes vctabsAnimate { 0% { opacity: 0; } 100% { display: block; opacity: 1; }
}
html body.shiftnav-disable-shift-body { padding-top: 0px;
}
@media all and (min-width: 768px) {
.mobile-only {
display: none!important;
}
}
@media all and (max-width: 768px) {
#overview h2 strong { display: block;
}
#overview h2 { padding: 0px 20px;
}
#tech h2 { background: none!important;
}
#tech h2 { color: white!important; margin-bottom: 20px; padding: 0px!important;
}
#tech p { padding: 0px!important;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a { background: #ff0a01; color: white;
}
body #custom .single-row { display: block; border-radius: 30px; padding: 15px;
}
body #custom .single-row .col-left { margin: 0px; border-radius: 20px; padding: 30px 30px 5px 30px;
}
body #custom .single-row .col-left .single-icon img { margin-bottom: 20px;
}
body .single-row .wpb_content_element { margin: 0px!important;
}
body #custom .single-row .wpb_column { min-height: 300px; border-radius: 0px;
}
.vc_tta-panel-heading { margin-bottom: 15px!important;
}
body .vc_tta.vc_general .vc_tta-panel.vc_active { padding-bottom: 20px;
}
.vc_tta.vc_general .vc_tta-panel-title>a:after { content: "→"; margin-left: 5px; color: #ff0a01;
}
body #healthy .col-right { padding: 0px;
}
body #cta { padding-top: 200px; padding-bottom: 30px;
}
body footer .footer-columns .column { text-align: left; border: none; margin-bottom: 30px;
}
body footer .four img { max-height: 260px;
}
body footer .copyright .inner-container .copy-content .clear { margin-left: 0px; margin-top: 10px;
}
body footer .copyright .inner-container .copy-content { padding-bottom: 0px;
}
body .vc_column_container>.vc_column-inner { padding-top: 0px !important; padding-left: 0px; padding-right: 0px;
}
body .inner-container { padding-left: 60px; padding-right: 60px;
}
body h2 { font-size: 36px; line-height: 44px;
}
body h1 { font-size: 40px; line-height: 48px;
}
html body .hero { padding: 30px 0px 140px 0px;
}
body div#shiftnav-toggle-main { display: none!important;
}
body .col-sm-3 { width: 100%;
}
header .col-left { display: none!important;
}
header .col-right .single-button { display: inline-flex; width: 50%;
}
body .nav-top .col-right { padding-left: 0px; width: 100%; display: inline;
}
body .nav-top .col-right img { display: none;
}
header .col-right .single-button:last-child { padding-left: 10px;
}
header .col-right .single-button:first-child { padding-right: 10px;
}
body .nav-top { padding: 0px 0px 10px 0px;
}
body .nav-top .col-middle { min-height: auto; margin-bottom: 20px; align-items: center; justify-content: center; display: block; padding: 0px;
}
body .nav-top .col-middle img { max-height: 60px; margin: 0px auto; display: block;
}
body .shiftnav-toggle-button { background: #000;
}
.desktop-only {
display: none!important;
}
div#shiftnav-toggle-main { display: inherit!important;
}
}
header { top: 0px;
}
footer .copyright { background: white; padding-bottom: 0px;
}
footer .copyright * { color: black;
}
footer .copyright .inner-container .copy-content .clear { margin-left: 40px;
}
footer ul li a { text-transform: uppercase;
}
footer ul li { margin-bottom: 5px;
}
footer ul { list-style-type: none; margin-left: 0px!important;
}
footer .footer-columns { padding-bottom: 60px;
}
footer.footer { background: black; padding: 80px 0px 0px;
}
footer .two, footer .three { padding-left: 40px; border-left: 1px solid #fff;
}
footer .two ul { margin-left: 15px;
}
footer .one img { max-height: 70px; margin-bottom: 20px;
}
footer .accent {
}
footer .three .fa-circle { color: #ff4433;
}
footer .three .fa-stack { float: left; transform: scale(0.8); margin-left: -10px;
}
footer .three .single-icon { display: flex; align-items: center;
}
footer .three .single-icon p { margin: 0px;
}
footer h3 { color: #ff4433; font-size: 22px; line-height: 30px;
}
footer .social li { margin-right: 10px;
}
.nav-top { padding: 30px 0px; background: url(https://evanscoffee.com/wp-content/uploads/2024/03/nav-bg.jpg); background-size: cover;
}
.col-sm-3 { width: 33%; display: inline-block; vertical-align: top;
}
.nav-top .col-left p { border-left: 2px solid #fd4933; padding-left: 20px;
}
.nav-top .col-left { padding-top: 20px;
}
.nav-top .col-left, .nav-top .col-middle, .nav-top .col-right { min-height: 150px; display: inline-flex; flex-direction: column; justify-content: center;
}
.nav-top .col-right img { height: 30px; width: 35px; margin-right: 10px;
}
.nav-top a.btn { background: #fd4630; border-radius: 100px; text-transform: uppercase; color: white; padding: 10px 20px; width: 100%; text-align: center;
}
.nav-top .single-button { display: flex; align-items: center; margin-bottom: 15px;
}
.nav-top .col-right .single-button:last-child {margin-bottom: 0px;}
.nav-bottom { background: black; text-align: center; padding: 20px 0px; position: relative; /* Initial position */ width: 100%; /* Full width */ transition: all 0.3s ease; /* Smooth transition */ z-index: 1000; /* Ensure it's above other content */}
.nav-bottom.fixed { position: fixed; /* Change to fixed when scrolling */ top: 0; /* Position at the top of the viewport */ left: 0; /* Ensure it starts from the left */ right: 0; /* Ensure it spans the full width */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional: add a shadow */}
.nav-bottom li a { color: white!important; font-size: 14px; line-height: 22px;
}
.nav-top .col-right { padding-left: 170px;
}
.nav-top .col-middle { padding-left: 50px;
}
body header { position: inherit;
}
body #page { padding-top: 0px;
}
section.sub-hero-wrap .trans-bg { background-color: rgba(0, 0, 0, 0.25); padding: 200px 0 !important;
}
section.sub-hero-wrap .inner-container .content { background-color: rgba(255, 255, 255, 0); border-radius: 5px; display: none;
}
#cta.white h2 { text-shadow: none;
}
#cta h2 { font-size: 32px; line-height: 40px;
}
#cta { background-position: top center!important; padding-top: 150px;
}
.white .vc_general { text-shadow: none; color: black!important; border-radius: 100px;
}
.sec-padding { padding-top: 60px; padding-bottom: 60px;
}
h2 { font-size: 42px; line-height: 50px;
}
strong.accent { font-weight: 800; color: #ff0a00;
}
h1, h2, h3, h4, p { margin-bottom: 20px; padding: 0px;
}
.center, .center * { text-align: center;
}
.white, .white * { color: white;
}
h1, h2, h3, h4 { font-family: "Albert Sans", sans-serif; text-transform: uppercase;
}
h2, h3, h4 { font-weight: 600;
}
h1 { font-weight: 800; font-size: 60px; line-height: 68px;
}
h1 .smaller { display: block; font-size: 34px; line-height: 42px; font-weight: 400; margin-top: 10px;
}
.white, .white * { text-shadow: 0px 2px 5px rgba(0,0,0,0.8);
}
a.vc_general { background: #fe4333!important; border: none!important; font-family: 'Albert Sans'; font-weight: 800; color: white!important; text-transform: uppercase; border-radius: 100px!important; padding-top: 15px!important;
}