@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:wght@100..900&display=swap");
:root {
--primary: #0f3d88;
--secondary: #eb2027;
--dark: #172240;
--white: #FFF;
--text: #677271;
--roboto: "Roboto", sans-serif;
--robotocondensed: "Roboto Condensed", sans-serif;
--input-radius: 14px;
}
body {
font-family: var(--roboto);
overflow-x: hidden;
scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--dark);
}
p {
color: var(--primary);
}
p:last-child {
margin-bottom: 0;
}
html .container {
width: 1370px;
max-width: 100%;
padding: 0 25px;
}
html .container-sm {
width: 1250px;
max-width: 100%;
padding: 0 25px;
}
body.privacy-policy .entry-content,
body.privacy-policy article header .entry-title {
width: 100%;
max-width: 1370px;
padding: 0 25px;
margin: 0 auto;
}
body.privacy-policy article header {
margin-bottom: 30px;
}
a {
text-decoration: none;
transition: all 0.4s !important;
color: var(--primary);
}
a:hover {
color: var(--secondary);
}
img,
svg {
max-width: 100%;
width: auto;
height: auto;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
section {
position: relative;
padding-top: 80px;
padding-bottom: 80px;
}
html .btn {
background-color: var(--secondary);
color: var(--white);
font-weight: 700;
border-radius: 16px;
font-size: 32px;
line-height: 60px;
padding: 0 50px;
}
html .btn.btn-sm {
font-size: 18px;
padding: 0 14px;
line-height: 34px;
letter-spacing: 1px;
border-radius: 12px;
}
html .btn:hover {
background: var(--primary);
color: var(--white);
}
header {
padding-inline: 25px;
border-bottom: 12px solid var(--secondary);
}
header .logo h1 {
color: var(--secondary);
font-size: 58px;
line-height: 1;
margin-bottom: 0;
}
nav.menu ul {
display: flex;
align-items: center;
justify-content: center;
}
nav.menu ul li a {
display: block;
width: 100%;
text-align: center;
color: var(--primary);
text-transform: uppercase;
font-size: 17px;
line-height: 92px;
padding: 0 15px;
font-weight: 500;
font-family: var(--robotocondensed);
}
nav.menu ul li.active a,
nav.menu ul li.current_page_item a,
nav.menu ul li a:hover {
background: var(--primary);
color: var(--white);
}
.social-icons {
display: flex;
align-items: center;
gap: 16px;
}
.social-icons a {
display: flex;
align-items: center;
justify-content: center;
background: var(--secondary);
color: var(--white);
width: 40px;
min-width: 40px;
height: 40px;
border-radius: 50px;
padding: 5px;
}
.social-icons a:hover {
background: var(--primary);
color: var(--white);
}
.bslider img {
object-fit: cover;
}
html .bslider .owl-dots {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
}
html .bslider .owl-dots .owl-dot {
display: block;
width: 16px;
height: 16px;
background: var(--white);
border-radius: 50px;
transition: all 0.4s;
}
html .bslider .owl-dots .owl-dot.active {
background: var(--primary);
}
html .bslider .owl-dots .owl-dot span {
display: none;
}
.tagline {
padding: 20px 25px;
background-color: var(--secondary);
}
.tagline h3 {
color: var(--white);
font-family: var(--robotocondensed);
}
.about-sec {
padding-top: 40px;
}
.title {
margin-bottom: 40px;
}
.title h2 {
color: var(--primary);
font-size: 70px;
margin-bottom: 0;
font-weight: 700;
}
.title-secondary h2 {
color: var(--secondary);
}
.icon-box .icon {
width: 100px;
height: 100px;
margin: 0 auto 20px;
}
.icon-box .icon img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.icon-box h3 {
color: var(--primary);
text-align: center;
font-size: 28px;
line-height: 120%;
margin-bottom: 12px;
font-family: var(--robotocondensed);
}
.icon-box p {
font-size: 20px;
line-height: 140%;
font-family: var(--robotocondensed);
}
.abt-box {
padding: 70px 50px;
border-radius: 30px;
background-image: url(//capitalair.co.za/wp-content/themes/capital-air/assets/images/about-box-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
position: relative;
}
.abt-box .ac_img img {
display: block;
width: 700px;
margin: -113px 0px 0px 20px;
max-width: 700px;
}
.abt-box .text h3 {
color: var(--white);
font-size: 72px;
margin-bottom: 30px;
font-family: var(--robotocondensed);
}
.abt-box .text p {
color: var(--white);
font-size: 24px;
margin-bottom: 40px;
margin-right: -34px;
}
section.op-sec .title {
margin-bottom: 50px;
}
.op-sec .imagebox-card {
background: #fff;
padding: 30px;
box-shadow: 0 0px 25px 8px #00000024;
border-radius: 26px;
display: flex;
flex-direction: column;
}
.op-sec .imagebox-card .txt h4 {
font-size: 28px;
color: var(--primary);
margin-bottom: 5px;
font-weight: 700;
font-family: var(--robotocondensed);
}
.op-sec .imagebox-card .functinality img {
width: 30px;
}
.op-sec .imagebox-card .functinality {
display: flex;
align-items: center;
justify-content: end;
gap: 10px;
margin-bottom: -30px;
margin-top: -10px;
}
.op-sec .imagebox-card .txt h5 {
font-size: 24px;
font-weight: 400;
color: var(--secondary);
padding-bottom: 10px;
margin-bottom: 0;
font-family: var(--robotocondensed);
}
.op-sec .imagebox-card .txt p {
color: var(--text);
font-size: 14px;
line-height: 160%;
}
section.op-sec .owl-stage-outer {
padding-left: 0;
margin-right: 0;
overflow: visible;
margin-left: 0;
}
section.op-sec {
overflow: hidden;
}
section.op-sec .owl-stage-outer .owl-item {
opacity: 0;
visibility: hidden;
}
section.op-sec .owl-stage-outer .owl-item.active {
opacity: 1;
visibility: visible;
}
.op-sec .imagebox-card .image {
padding-bottom: 30px;
width: 320px;
margin: 20px auto 0;
max-width: 100%;
}
.op-sec .imagebox-card .image img:first-child {
object-fit: contain;
aspect-ratio: 16 / 10;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
width: 55px;
height: 55px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 30px;
margin: 0;
background: #cfcfcf;
border-radius: 100%;
position: absolute;
left: -75px;
top: 0;
right: auto;
transition: all 0.5s;
bottom: 0;
margin: auto;
}
.owl-carousel .owl-nav button:before {
content: "";
height: 30px;
width: 20px;
display: inline-block;
background-image: url('data:image/svg+xml,<svg width="12" height="22" viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1L1 11L11 21" stroke="white"/></svg>');
background-repeat: no-repeat;
background-size: contain;
}
.owl-carousel .owl-nav button span {
font-size: 0;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
background-color: #1c1d1d;
}
.owl-carousel .owl-nav button.owl-next {
left: auto;
right: -75px;
transform: scale(-1);
}
.owl-theme .owl-nav {
margin: 0;
}
.op-sec .imagebox-card .image .ecfrdly {
width: 55px;
margin-top: -50px;
margin-left: -10px;
}
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
display: inline-block;
line-height: unset;
}
.iframe iframe {
width: 100%;
border-radius: 40px;
aspect-ratio: 16/9;
height: 600px;
}
.video_sec {
padding-top: 0;
padding-bottom: 0;
}
.os-sec .imagebox-card {
padding: 20px;
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.os-sec .imagebox-card .txt {
padding: 0 15px 20px;
}
section.os-sec .title {
margin-bottom: 40px;
}
.os-sec .imagebox-card .image {
padding: 0;
margin-bottom: 20px;
border-radius: 17px;
overflow: hidden;
width: 100%;
margin-top: 0;
}
.os-sec .imagebox-card .btn {
margin: auto 20px 0px 15px;
}
.subscribe-section {
background: var(--primary);
color: #fff;
padding: 30px 16px 30px;
text-align: center;
}
.subscribe-inner {
max-width: var(--container-w);
margin: 0 auto;
}
.subscribe-title {
font-size: 44px;
font-weight: 800;
color: var(--white);
margin: 4px 0 30px;
letter-spacing: 0.5px;
}
.subscribe-form .mc4wp-form-fields div {
display: flex;
gap: 28px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto 22px;
padding: 8px;
}
.subscribe-form .field {
background: #fff;
border-radius: var(--input-radius);
padding: 10px 27px;
border: none;
outline: none;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
max-width: 381px;
width: 100%;
font-size: 20px;
height: 60px;
}
.subscribe-form input::placeholder {
color: #bfcbdc;
font-weight: 300;
}
.subscribe-cta.btn {
font-size: 24px;
letter-spacing: 0.5px;
padding: 0 30px;
line-height: 50px;
}
.subscribe-cta.btn:hover {
background-color: var(--dark);
color: var(--white);
} .testimonials {
padding: 48px 20px 80px;
text-align: center;
background-image: url(//capitalair.co.za/wp-content/themes/capital-air/assets/images/customer-testimonial.jpg);
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
}
.testimonials .wrap {
max-width: 100%;
margin: 0 auto;
}
.testimonials .cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px;
align-items: start;
padding: 0 22px;
}
.testimonials .card {
background: var(--white);
border-radius: 28px;
padding: 36px;
box-shadow: 0 18px 24px rgba(27, 39, 49, 0.06), 0 -6px 10px rgba(20, 30, 40, 0.04);
text-align: center;
position: relative;
overflow: visible;
border: 0;
height: 100%;
}
.testimonials .avatar img {
width: 90px;
height: 90px;
border-radius: 50%;
background: var(--secondary);
align-items: center;
justify-content: center;
margin: 0 auto 20px;
box-shadow: 0 14px 18px rgba(0, 0, 0, 0.06);
display: flex;
}
.testimonials .avatar svg {
width: 44px;
height: 44px;
fill: #fff;
opacity: 1;
}
.testimonials .name {
color: var(--primary);
font-weight: 800;
font-size: 27px;
margin: 8px 0 16px;
font-family: var(--robotocondensed);
}
.testimonials .quote {
color: var(--text);
font-weight: 500;
line-height: 1.7;
font-size: 16px;
max-width: 100%;
margin: 0 auto 22px;
}
.testimonials .stars {
display: flex;
justify-content: center;
gap: 8px;
margin-top: auto;
}
.testimonials .stars svg {
width: 18px;
height: 18px;
fill: #ffd000;
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.12));
}
.testimonials .card::after {
content: "";
position: absolute;
left: 20px;
right: 20px;
bottom: -12px;
height: 16px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.06));
border-radius: 16px;
z-index: -1;
filter: blur(6px);
}
.testimonials .wrap .title h2 {
color: var(--secondary);
}
.about-sec {
background-image: url(//capitalair.co.za/wp-content/themes/capital-air/assets/images/our-commitment-bg.jpg);
background-repeat: no-repeat;
background-size: 80%;
background-position: right center;
z-index: 2;
}
.m-about-sec .icon-box .icon {
border: 3px solid var(--secondary);
border-radius: 100px;
padding: 20px;
height: 110px;
width: 110px;
}
section.cms-sec .content p {
font-size: 25px;
line-height: 150%;
margin-bottom: 30px;
}
section.cms-sec .content p:last-child {
margin-bottom: 0px;
}
section.cms-sec .image img {
border-radius: 24px;
box-shadow: 0px 8px 20px rgb(0 0 0 / 25%);
width: 100%;
height: 550px;
overflow: hidden;
}
section.cms-sec img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: right center;
display: block;
}
.inner_banner img {
object-fit: cover;
width: 100%;
}
section.inner_banner {
border-bottom: 20px solid var(--secondary);
} footer {
background-color: var(--secondary);
color: white;
}
.footer-top {
padding: 40px 60px 20px;
}
.footer-left {
max-width: 300px;
}
footer .logo h2 {
color: var(--white);
font-size: 64px;
line-height: 1;
margin-bottom: 0;
}
footer .logo h2 a {
font-family: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
}
.footer-bottom p {
color: var(--white);
font-size: 18px;
}
.footer-links {
display: flex;
gap: 60px;
flex-wrap: wrap;
}
.footer-links h3 {
font-size: 24px;
margin-bottom: 15px;
}
.footer-links ul {
list-style: none;
padding: 0;
}
.footer-links li {
margin-bottom: 10px;
}
.footer-links a {
color: white;
text-decoration: none;
font-size: 18px;
}
.footer-links a:hover {
text-decoration: underline;
}
.social-media .icons {
display: flex;
gap: 15px;
margin-top: 10px;
}
.social-media i {
font-size: 28px;
background: white;
color: var(--secondary);
border-radius: 50%;
padding: 10px;
} .footer-contact {
margin-top: 20px;
}
.footer-contact p {
display: flex;
flex-direction: column;
}
.footer-contact p {
color: #ffffffe0;
font-weight: 400;
font-size: 18px;
line-height: 130%;
letter-spacing: 0.03em;
}
.footer-contact p a {
color: #ffffffe0;
font-size: 20px;
}
.footer-contact p a:hover {
color: var(--primary);
}
.footer-bottom {
background-color: var(--primary);
padding: 12px 60px;
text-align: left;
}
.footer-top h5 {
font-weight: 600;
font-size: 30px;
color: var(--white);
}
.footer-top ul a {
color: #ffffffe0;
font-weight: 400;
font-size: 20px;
line-height: 130%;
letter-spacing: 0.03em;
}
.footer-top ul a:hover {
color: var(--primary);
}
footer .social-icons a {
display: flex;
align-items: center;
justify-content: center;
background: var(--white);
color: var(--secondary);
width: 40px;
min-width: 40px;
height: 40px;
border-radius: 50px;
padding: 5px;
}
footer .social-icons {
gap: 20px;
}
.aux-logo {
margin-top: 70px;
}
.wp_icn {
position: fixed;
bottom: 6%;
left: 0;
background-color: #27B24B;
color: var(--white);
border-radius: 0px 70px 70px 0px;
padding: 8px 8px 8px 28px;
z-index: 9;
box-shadow: 0 12px 16px 0 #00000033;
transform: translateX(-100%);
animation: wp 0.4s linear 0.4s 1 forwards;
}
@keyframes wp {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
} .wp_icn a {
background-color: var(--white);
color: #27B24B;
border-radius: 120px;
padding: 16px;
height: 76px;
width: 76px;
min-width: 76px;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-productpage .op-sec {
padding-top: 30px;
overflow: hidden;
max-width: 1980px;
margin: 0 auto;
}
.page-template-productpage .op-sec .imagebox-card .txt h4 {
font-size: 24px;
margin-bottom: 4px;
}
.page-template-productpage .op-sec .imagebox-card .txt h5 {
font-size: 20px;
}
.page-template-productpage .op-sec .imagebox-card .txt h5 span {
color: var(--primary);
}
.page-template-productpage .op-sec .imagebox-card .txt p {
font-size: 12px;
line-height: 150%;
font-weight: 400;
}
.page-template-productpage .op-sec .imagebox-card .image {
padding-bottom: 20px;
width: 240px;
margin-top: 30px;
}
.page-template-productpage .op-sec .imagebox-card .image .ecfrdly {
width: 43px;
margin-top: -38px;
margin-left: -8px;
}
.page-template-productpage .op-sec .imagebox-card .functinality img {
width: 25px;
}
.page-template-productpage .op-sec .imagebox-card .functinality {
gap: 6px;
margin-bottom: -20px;
margin-top: -10px;
}
.page-template-productpage .op-sec .imagebox-card .btn {
font-size: 14px;
padding: 0 20px;
line-height: 26px;
border-radius: 8px;
margin-top: auto;
width: auto;
font-family: var(--robotocondensed);
}
.page-template-productpage .op-sec .owl-stage-outer {
padding-left: 0;
margin-right: 0;
margin-left: 0;
overflow: visible;
}
.page-template-productpage .op-sec .owl-stage {
display: flex;
}
.page-template-productpage .op-sec .owl-stage .item .imagebox-card {
margin: 0;
display: flex;
flex-direction: column;
padding: 30px 20px 20px;
}
.page-template-productpage .op-sec .owl-stage .item .imagebox-card .txt {
display: flex;
align-items: start;
flex-direction: column;
}
.page-template-productpage .op-sec .title {
margin-bottom: 30px;
}
.page-template-productpage .op-sec .imagebox-card .image img:not([class]) {
object-fit: contain;
aspect-ratio: 16/10;
}
.page-template-productpage .op-sec .imagebox-card .txt h4 span {
color: var(--secondary);
font-size: 12px;
}
.op-crsl .owl-stage .txt {
margin-top: auto;
}
.cmrclarcns .container,
.asscris .container {
width: 1080px;
}
.inr_bnr_cnt {
background-image: url(//capitalair.co.za/wp-content/themes/capital-air/assets/images/distributors-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 130px 0;
}
.inr_bnr_cnt h2 {
color: var(--white);
}
section.bacad_sec .title h2 {
font-size: 53px;
}
section.bacad_sec .title {
margin-bottom: 80px;
}
section.bacad_sec .border-end {
border-right: 2px solid var(--primary) !important;
}
section.bacad_sec p {
font-size: 26px;
margin-bottom: 30px;
font-weight: 400;
}
section.bacad_sec p:last-child {
margin-bottom: 0px;
}
section.bacad_sec h5 {
font-size: 28px;
font-weight: bolder;
color: var(--primary);
margin-bottom: 30px;
}
.inner_banner img.mb_img {
display: none;
}
.contactus-page .inr_bnr_cnt {
background-image: url(//capitalair.co.za/wp-content/themes/capital-air/assets/images/contact-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 66px 0;
}
.contactus-page .inr_bnr_cnt h2 {
color: var(--primary);
font-size: 80px;
}
.contactus-page .inr_bnr_cnt img {
transform: scalex(-1);
}
section.contactus-sec {
padding-top: 50px;
}
section.contactus-sec .title h2 {
font-size: 52px;
}
form.cntct_frm_bx {
background-color: var(--primary);
padding: 60px;
border-radius: 30px;
}
.form-field label {
color: var(--white);
display: block;
margin-bottom: 4px;
font-size: 22px;
}
section.contactus-sec .title {
margin-bottom: 18px;
}
label em {
color: red;
font-style: normal;
}
html :is(.form-control, .form-select) {
border: 0;
line-height: normal;
height: 60px;
border-radius: 0;
padding: 17px 22px;
font-size: 20px;
background-color: #C8D2E1;
color: #000;
}
html .form-control:focus {
border: 0;
box-shadow: none;
color: #000;
}
.form-field {
margin-bottom: 27px;
}
.form-field:last-child {
margin-bottom: 0;
}
html textarea.form-control {
height: 308px;
resize: none;
}
form.cntct_frm_bx .btn {
margin-top: 32px;
border-radius: 50px;
min-width: 300px;
font-size: 26px;
letter-spacing: 0.04em;
line-height: 70px;
border: 0;
}
form.cntct_frm_bx .btn:hover {
background-color: var(--white);
color: var(--dark);
}
section.heatingup-sec .container {
width: 1490px;
}
section.heatingup-sec {
background-image: url(//capitalair.co.za/wp-content/themes/capital-air/assets/images/heatingup-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
}
section.heatingup-sec h2 {
color: var(--white);
font-weight: 500;
font-size: 50px;
line-height: 100%;
text-align: center;
}
section.heatingup-sec .title {
margin-bottom: 60px;
}
.heating_bx {
color: #000;
}
.heating_bx .bx_wrp {
background-color: rgb(255 255 255 / 50%);
padding: 44px 30px;
border-radius: 16px 16px 0 0;
min-height: 270px;
display: flex;
flex-direction: column;
position: relative;
}
.heating_bx .bx_wrp h4 {
font-weight: 500;
font-size: 40px;
line-height: 122%;
margin-bottom: 1px;
text-align: right;
color: #000;
display: flex;
align-items: start;
justify-content: end;
gap: 2px;
}
.heating_bx .bx_wrp>ul p span::after,
.heating_bx .bx_wrp h4:after {
content: "";
height: 10px;
width: 10px;
display: inline-block;
border: 1.6px solid #000000;
border-radius: 20px;
margin-top: 8px;
}
.heating_bx .bx_wrp>ul p span::after {
height: 6px;
width: 6px;
border-width: 1px;
margin-top: 4px;
}
.heating_bx .bx_wrp h4~p {
font-weight: 400;
font-size: 18px;
line-height: 100%;
margin: 0;
color: #000;
}
.heating_bx .bx_wrp>ul {
margin-top: auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding-right: 40px;
}
section.heatingup-sec .heating_bx h2 {
margin: 0;
font-weight: 400;
font-size: 24px;
line-height: 100%;
text-align: center;
background-color: var(--primary);
padding: 12px 0;
border-radius: 0 0 16px 16px;
}
.heating_bx .bx_wrp>ul p {
color: #000;
font-size: 18px;
line-height: 122%;
}
.heating_bx .bx_wrp>ul p span {
display: inline-flex;
align-items: start;
justify-content: end;
gap: 2px;
}
.subscribe-form .field::placeholder {
color: rgb(168, 168, 168);
}
footer .footer-top .logo {
max-width: 300px;
width: 100%;
}
footer .footer-top .aux-logo {
max-width: 130px;
width: 100%;
}
.map iframe {
height: 550px;
}
.dmstc-crsl.owl-carousel {
padding: 0 100px;
}
.dmstc-crsl.owl-carousel .owl-prev {
left: 25px !important;
}
.dmstc-crsl.owl-carousel .owl-next {
left: auto !important;
right: 25px !important;
}
.page-template-productpage .op-sec .owl-stage .item {
height: 100%;
}
.page-template-productpage .op-sec .owl-stage .item .imagebox-card {
height: 100%;
justify-content: space-between;
}
section.op-sec .op-crsl .owl-stage {
display: flex;
}
section.op-sec .op-crsl .owl-stage .item .imagebox-card,
section.op-sec .op-crsl .owl-stage .item {
height: 100%;
}
section.error_sec img {
margin-bottom: 30px;
}
section.error_sec p {
font-size: 20px;
color: var(--dark);
margin-bottom: 30px;
}
section.error_sec .container {
width: 560px;
}
.thankyoubox .btn,
section.error_sec .btn {
font-size: 18px;
line-height: 44px;
padding: 0 28px;
border-radius: 12px;
}
.thankyoubox .btn {
background-color: var(--primary);
}
.thankyoubox .btn:hover {
background-color: var(--secondary);
}
.thankyoubox {
background: var(--white);
padding: 60px 40px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
max-width: 700px;
width: 100%;
animation: fadeIn 1s ease-in-out;
margin: 0 auto;
text-align: center;
}
.thankyoubox .checkmark {
width: 80px;
height: 80px;
border-radius: 50%;
background: var(--primary);
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 24px auto;
position: relative;
animation: pop 0.6s ease-out;
}
.thankyoubox .checkmark::before {
content: '✔';
font-size: 40px;
color: var(--white);
}
.thankyoubox h1 {
font-weight: 500;
font-family: var(--robotocondensed);
font-size: 120px;
line-height: 100%;
color: var(--primary);
}
.thankyoubox p {
color: var(--dark);
font-size: 18px;
margin-bottom: 26px;
} span.wpcf7-spinner {
position: absolute;
bottom: 20px;
right: 20px;
height: 30px;
width: 30px;
} .popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-box {
background: #fff;
padding: 30px;
width: 400px;
position: relative;
border-radius: 8px;
}
.close-popup {
position: absolute;
top: 10px;
right: 15px;
font-size: 22px;
cursor: pointer;
}
html .wpcf7 form .wpcf7-response-output {
margin-inline: 0;
margin-bottom: 0;
border: 1px solid;
padding: 4px 14px;
font-size: 15px;
border-radius: 6px;
border-left: 4px solid;
}
html .wpcf7 form.failed .wpcf7-response-output,
html .wpcf7 form.invalid .wpcf7-response-output {
color: red;
border-color: red;
}
html .wpcf7 form.sent .wpcf7-response-output {
color: #46b450;
border-color: #46b450;
}
form.cntct_frm_bx>.row>.text-md-end {
position: relative;
display: inline-block;
margin-top: 32px;
width: auto;
margin-left: auto;
}
form.cntct_frm_bx>.row>.text-md-end .wpcf7-spinner {
position: absolute;
right: 20px;
bottom: 20px;
}
form.cntct_frm_bx .wpcf7-submit {
border-radius: 50px;
min-width: 300px;
font-size: 26px;
letter-spacing: 0.04em;
line-height: 70px;
border: 0;
text-transform: uppercase;
margin-top: 0;
transition: all 0.4s;
}
form.cntct_frm_bx .wpcf7-submit:hover {
background-color: var(--white);
color: #000;
}
.blog .innerbanner {
background-image: url(//capitalair.co.za/wp-content/themes/capital-air/assets/images/distributors-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 130px 25px;
}
.blog .innerbanner h1 {
color: var(--white);
font-size: 70px;
font-weight: 700;
margin-bottom: 0;
width: 1320px;
max-width: 100%;
margin-inline: auto;
}
.postwpr {
width: 1370px;
max-width: 100%;
margin-inline: auto;
padding: 100px 25px;
}
.blog-listing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 30px;
margin-bottom: 60px;
}
html .post header {
padding: 0;
border-bottom: 0;
margin-bottom: 10px;
}
.blog-card .blog-imag>a {
padding-top: 56.25%;
display: block;
position: relative;
width: 100%;
background-color: #f5f5f5;
border-radius: 10px;
overflow: hidden;
}
.blog-card .blog-imag>a img {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
object-fit: contain;
transition: all 0.4s;
}
.blog-card:hover .blog-imag>a img {
transform: scale(1.1);
}
.blog-imag {
position: relative;
margin-bottom: 16px;
}
.blog-card-date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 50px;
height: 60px;
background: #000;
color: #FFF;
position: absolute;
z-index: 1;
right: 0;
top: 0;
margin: 10px;
border-radius: 6px;
}
.blog-date-day {
display: block;
font-size: 28px;
font-weight: 500;
line-height: 1;
}
.blog-date-month {
display: block;
font-size: 14px;
line-height: 1;
margin-top: 2px;
}
.blog-card .blog-title {
font-size: 26px;
color: var(--wp--preset--color--black);
font-weight: 600;
line-height: 120%;
font-family: var(--robotocondensed);
margin-bottom: 4px;
}
.blog-card .blog-title a {
color: inherit;
display: block;
}
.blog-card .blog-title a:hover {
color: var(--primary);
}
.blog-card .blog-excerpt p {
color: #000;
font-size: 15px;
line-height: 140%;
display: -webkit-box;
overflow: hidden;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
opacity: 0.9;
}
.blog-pagination ul.page-numbers {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.blog-pagination ul.page-numbers .page-numbers {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid rgb(15 61 136 / 15%);
border-radius: 50px;
cursor: pointer;
transition: all 0.4s;
}
.blog-pagination ul.page-numbers a:hover,
.blog-pagination ul.page-numbers .current {
color: var(--white);
background: var(--primary);
border-color: var(--primary);
}
.blog-pagination ul.page-numbers :is(.prev, .next) {
font-size: 0;
position: relative;
overflow: hidden;
margin-right: 30px;
}
.blog-pagination ul.page-numbers .next {
transform: scaleX(-1);
margin-left: 30px;
margin-right: 0;
}
.blog-pagination ul.page-numbers :is(.prev, .next):before {
content: '';
display: block;
position: absolute;
inset: 0;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 24 24" fill="none" class="injected-svg" data-src="https://cdn.hugeicons.com/icons/arrow-left-01-stroke-rounded.svg%3Fv=1.0.1" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" color="%230f3d88"><path d="M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18" stroke="%230f3d88" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
margin-left: -2px;
transition: all 0.4s;
}
.blog-pagination ul.page-numbers :is(.prev, .next):hover:before {
filter: brightness(0) invert(1);
}
.bd-banner {
background: var(--primary);
padding-block: 80px;
}
.bd-banner .entry-header .entry-title {
color: var(--white);
text-align: center;
font-size: 50px;
line-height: 120%;
margin-bottom: 10px;
}
.bd-banner .entry-header .entry-meta {
text-align: center;
color: var(--white);
}
.bd-banner .post-thumbnail {
display: block;
width: 100%;
height: 500px;
overflow: hidden;
background: rgb(0 0 0 / 10%);
border: 2px solid var(--white);
border-radius: 14px;
margin-top: 30px;
}
.bd-banner .post-thumbnail img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.bd-content {
padding: 80px 25px;
background: linear-gradient(180deg, #FFFFFF -10%, #F2F3F4 50%, #FFFFFF 110%);
}
.bd-content .entry-content {
width: 1160px;
max-width: 100%;
padding: 40px;
margin: 0 auto;
background: #FFF;
border-radius: 30px;
}
.bd-content .entry-content :is(p, li) {
color: var(--dark);
font-size: 16px;
line-height: 150%;
margin-bottom: 14px;
}
.bd-content .entry-content>*:first-child {
margin-top: 0;
}
.bd-content .entry-content>*:last-child {
margin-bottom: 0;
}
.bd-content .entry-content :is(p, li):last-child {
margin-bottom: 0;
}
.bd-content .entry-content :is(h2, h3, h4, h5, h6) {
font-size: 30px;
margin-top: 34px;
margin-bottom: 6px;
font-weight: 600;
font-family: var(--robotocondensed);
line-height: 130%;
}
.bd-content .entry-content h3 {
font-size: 26px;
}
.bd-content .entry-content h4 {
font-size: 24px;
}
.bd-content .entry-content h5 {
font-size: 20px;
}
.bd-content .entry-content h6 {
font-size: 18px;
}
.bd-content .entry-content ul {
padding-left: 30px;
margin-bottom: 1rem;
list-style: disc;
}
.bd-content .entry-content :is(ul, ol) li {
margin-bottom: 6px;
}
.bd-content .entry-content :is(ul, ol) li:last-child {
margin-bottom: 0;
}
.single-post .breadcrumb {
justify-content: center;
}
.single-post .breadcrumb a {
color: #FFF;
}
.single-post .breadcrumb a:hover {
opacity: 0.7;
}
.single-post .breadcrumb p {
display: inline-flex;
align-items: center;
color: #FFF;
}
.single-post .breadcrumb p:before {
content: '';
display: block;
width: 14px;
height: 14px;
margin: 0 8px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 24 24" fill="none" class="injected-svg" data-src="https://cdn.hugeicons.com/icons/arrow-left-01-stroke-rounded.svg%3Fv=1.0.1" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" color="%23FFFFFF"><path d="M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
transform: scaleX(-1);
} .popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
#popupContactForm input[type="text"],
#popupContactForm input[type="email"] {
outline: none;
}
.popup-box {
padding: 30px;
width: 400px;
position: relative;
background-color: var(--primary);
border-radius: 30px;
}
.close-popup {
position: absolute;
top: 10px;
right: 15px;
font-size: 22px;
cursor: pointer;
border: 1px transparent;
color: #FFF;
}
.close-popup:hover {
color: red;
}
#customPopup h3 {
color: #FFF;
text-align: center;
margin-bottom: 20px;
}
#name,
#email,
#message {
border: 2px solid black;
margin-bottom: 20px;
border-radius: 5px;
padding: 12px;
width: 100%;
background-color: lightgray;
}
#getQuoteCTA {
display: block;
margin: 0 auto;
background-color: var(--secondary);
color: var(--white);
font-weight: 700;
border-radius: 16px;
font-size: 22px;
line-height: 22px;
height: 45px;
border: none;
padding: 0 50px;
}
#popupContactForm .wpcf7-spinner {
position: absolute;
display: inline-block;
margin: 0 auto;
bottom: 38px;
left: 130px;
right: 0;
}
#formMsg span {
margin-top: 12px;
border: 1px solid;
padding: 3px 20px;
display: block;
font-size: 14px;
}
.no-record-found {
text-align: center;
font-size: 22px;
padding: 70px 0;
}
.contact-form-call p,
.contact-form-call a {
font-size: 16px;
color: #fff;
}
.btu_cal_wrapper {
display: flex;
gap: 30px;
}
.btu_right_col {
flex-grow: 1;
}
.btu_cal_wrapper h2 {
font-size: 40px;
line-height: 130%;
text-transform: uppercase;
overflow: hidden;
font-weight: 600;
margin: 0;
}
.btu_mai_content {
margin-top: 10px;
}
.btu_mai_content h3 {
font-size: 22px;
margin-bottom: 10px;
}
.btu_mai_content p {
font-size: 15px;
margin-bottom: 15px;
color: #555;
}
.btu_mai_content h6 {
font-size: 15px;
font-weight: 600;
margin-top: 18px;
margin-bottom: 6px;
color: #222;
}
.btu_mai_content ul {
padding-left: 18px;
margin-bottom: 12px;
}
.btu_mai_content ul li {
font-size: 14px;
color: #444;
margin-bottom: 5px;
line-height: 1.6;
list-style: disc;
}
.btu_left_col {
width: 40%;
}
.btu_right_col {
width: 60%;
}
.room-size-box {
margin-top: 35px;
}
.room-size-box h2 {
font-size: 26px;
line-height: 31px;
font-weight: 600;
color: #222;
margin-bottom: 20px;
}
.btu-box {
background: #1f4a8a;
padding: 25px;
border-radius: 20px;
width: fit-content;
color: #fff;
font-family: Arial, sans-serif;
}
.room-size-box table {
width: 100%;
border-collapse: collapse;
}
.room-size-box td {
font-size: 18px;
color: #fff;
font-weight: 400;
}
.room-size-box input {
margin-top: 5px;
margin-right: 5px;
outline: none;
font-size: 18px;
padding: 3.5px 3px;
line-height: 100%;
color: #000;
background: #C8D2E1;
border: 1px solid #cccccc;
}
@media (max-width:992px) {
.btu_left_col,
.btu_right_col {
width: 50%;
}
}
@media (max-width:767px) {
.btu_cal_wrapper {
flex-direction: column-reverse;
}
.btu_mai_content {
margin-top: 20px;
}
.btu_cal_wrapper h2 {
font-size: 22px;
}
.btu_mai_content h3 {
font-size: 20px;
}
.btu_mai_content h6 {
margin-top: 10px;
}
.btu_left_col,
.btu_right_col {
width: 100%;
}
.btu_img_block img {
width: 100%;
max-width: 500px;
display: block;
margin-inline: auto;
}
}
@media (max-width:576px) {
.btu_cal_wrapper h2 {
font-size: 23px;
text-align: center;
}
.room-size-box h2 {
font-size: 20px;
text-align: center;
}
.room-size-box td {
font-size: 13px;
}
.room-size-box {
margin-top: 20px;
}
}