@font-face {
font-family: 'Jaapokki';
src: url(//komply.com.mt/wp-content/themes/nrgagency/fonts/jaapokki-regular-webfont.eot);
src: url(//komply.com.mt/wp-content/themes/nrgagency/fonts/jaapokki-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//komply.com.mt/wp-content/themes/nrgagency/fonts/jaapokki-regular-webfont.woff2) format('woff2'),
url(//komply.com.mt/wp-content/themes/nrgagency/fonts/jaapokki-regular-webfont.woff) format('woff'),
url(//komply.com.mt/wp-content/themes/nrgagency/fonts/jaapokki-regular-webfont.ttf) format('truetype'),
url(//komply.com.mt/wp-content/themes/nrgagency/fonts/jaapokki-regular-webfont.svg#jaapokkiregular) format('svg');
font-weight: normal;
font-style: normal;
}
body{
padding-bottom: 0px;
font-size: 16px;
line-height: 1.8em;
}
body.blog{
padding-bottom: 0px;
padding-top: 0px;
}
body.no-content-padding .blog-section{
padding-top: 0px;
padding-bottom: 0px;
}
.header{
top: 0px;
left: 0px;
}
body.admin-bar:not(.non-sticky-header) .header{
top: 32px;
} footer .mc4wp-form{
max-width: 540px;
background: rgba(0,0,0,.15);
margin: 0 auto;
position: relative;
}
footer .mc4wp-form form{
max-width: 570px;
height: 45px;
background-color: #404249;
margin: 0 auto;
padding: 0 0 0 20px;
position: relative;
display: block;
overflow: hidden;
}
footer .mc4wp-form form p{
margin: 0;
}
footer .mc4wp-form label,
footer .mc4wp-form input{
float: left;
line-height: 45px;
}
footer .mc4wp-form label{
color: #fff;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
vertical-align: middle;
padding-top: 2px;
padding-right: 10px;
margin-left: 20px;
margin-bottom:0;
}
footer .mc4wp-form label:after{
content: '';
height: 10px;
width: 2px;
background: #fff;
display: inline-block;
right: 0;
top: 20px;
}
footer .mc4wp-form input[type=email]{
border: none;
height: 45px;
color: #646464;
background: none;
padding: 0 8px;
float: left;
width: 300px;
}
footer .mc4wp-form input[type=submit]{
font-size: 0;
border: none;
background: url(//komply.com.mt/wp-content/themes/nrgagency/img/v-arrow.png) no-repeat 40% 19px;
position: absolute;
right: 0;
transition: background 0.3s ease;
width: 10%;
}
footer .mc4wp-form input[type=submit]:hover{
background-position: 70% 19px;
}
#comments{
padding: 0 120px;
padding-top: 70px;
}
#reply-title{
margin-bottom: 30px;
}
.form-allowed-tags {display:none;}
.swiper-slide { display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.folio-args{
display: none;
}
.team-member-container .thumb-img{
display: none;
}
.content-media {
margin-bottom: 40px;
}
.content-media img {
margin-left: auto;
margin-right: auto;
display: block;
}
.post-item.sticky {
background-color:#efefef;
}
.error404 .blog-section h2 {
font-size: 172px;
text-align: center;
}
.error404 .blog-section p {
margin: 20px 0;
} img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
button,input,select,textarea {
max-width: 100%;
vertical-align: baseline;
padding: 10px;
color: #3b3b3b;
}
table,th,td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
border-collapse: collapse;
border-spacing: 0;
border-width: 0px;
margin: 0px;
width: 100%;
}
caption,th,td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0px;
font-weight: 700;
}
td {
border-width: 0px;
}
th,td {
padding: 0.4em;
} .says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
} .content-text {margin-top:20px;}
.page-links {clear:both;}
.page-links a,
.page-links > span {
border: 1px solid #eaeaea;
display: inline-block;
height: 2em;
line-height: 2;
margin: 0 0.3333em 0.3333em 0;
text-align: center;
width: 2em;
}
.page-links a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
border-color: #333;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
color: #fff;
text-decoration: none;
}
.page-links > .page-links-title {
border: 0;
padding-right: 0.5em;
width: auto;
}
.wp-caption,.wp-caption-text,.sticky,.gallery-caption,.bypostauthor,.alignright,.alignleft,.aligncenter{} .gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.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%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} .jr-insta-thumb .thumbnails {
width: 100%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3px;
}
.jr-insta-thumb .jr_col_3 > li { width: 33%}
.jr-insta-thumb .thumbnails > li {
border: 0;
background: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
padding: inherit !important;
margin: 0 !important;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.jr-insta-thumb:after {
content: "";
display: table;
clear: both;
} .alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0.4em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
} .wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text {
font-family: "Noto Sans", sans-serif;
font-size: 12px;
line-height: 1.5;
padding: 0.5em 0;
text-align: center;
} .clearfix {clear:both;}
.text-white {color:#fff !important;}
.text-light {color:#ffffff;}
.text-light a {color:#ffffff;}
.text-light a[class^="social_"] {color:#ffffff;border-color:#ffffff;}
.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6 {color:#ffffff;}
.text-dark {color:#222;}
.text-dark a {color:#222;}
.text-dark a[class^="social_"] {color:#222;border-color:#222;}
.text-dark h1,.text-dark h2,.text-dark h3,.text-dark h4,.text-dark h5,.text-dark h6 {color:#222;}
.text-thin {font-weight:100 !important;}
.text-thin-300 {font-weight:300 !important;}
.animate {opacity:0;}
@media (max-width:480px) {.hidden-xxs {display:none !important;}}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.list-inline {list-style:none;padding-left:0;}
.list-inline li {display:inline-block;padding-right:0;}
.list-inline li + li {padding-left:10px;}
.no-margin {margin:0;}
.no-margin-top {margin-top:0;}
.no-margin-bottom {margin-bottom:0!important;}
.no-padding {padding:0;}
.no-padding-top {padding-top:0;}
.no-padding-bottom {padding-bottom:0;} .content-text iframe, .content-text object, .content-text embed {
max-width: 100%;
} 
.wpb_tabs_extended.vc_tta-container .vc_tta-panel-heading .vc_tta-panel-title {
display: none;
}
.vc_tta-container .vc_tta-panel-heading .vc_tta-panel-title {   
font-size: 18px;
} .full-screen {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}.wpb_revslider_element.wpb_content_element {
margin-bottom: 0 !important;
}
body {
overflow-x: hidden; } body {
line-height: 0 !important;
}
body > * {
line-height: 1.7;
}
.page-title {
background-color: #1A1C18 !important;
}
.page-title .block-title {
color: #FFFFFF !important;
}
.page-title .sub-title {
display: none !important;
}
.kss__main {
padding-bottom: 0 !important;
}
li.vc_tta-tab {
border-bottom: 1px solid #FCFCFC;
}
.blog-section h3 {
font-size: 24px !important;
}
.sub-title {
padding: 0 15px 0 !important; }
li.vc_active {
border-bottom: 2px solid #CAD400;
}
.mega_info_box {
cursor: default !important;
}
.wpb_gmaps_widget .wpb_map_wraper iframe { 
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
#mailpoet_form_1 form.mailpoet_form {
padding: 0px !important;
} .footer-menu-zl, .footer-menu-title {
width: auto;
margin: 0;
padding-left: 12%;
}
.footer-pitch {
color: #ffffff !important;
font-family: "Noto Serif", serif !important;
line-height: 0.75em !important;
font-size: 48px !important;
}
.footer-pitch-2{
color: #cad400 !important;
font-family: "Noto Serif", serif !important;
line-height: 0.75em !important;
margin-top: 0 !important;
font-size: 48px !important;
font-style: italic !important;
}
.mailpoet_submit {
font-weight: normal !important;
}
.footer-menu-zl ol, .footer-menu-zl ul {
margin-left: 0 !important;
}
.footer-menu-zl ol li a, .footer-menu-zl ul li a{
color: #cfcfcf !important;
}
.footer-menu-zl ol li a:hover, .footer-menu-zl ul li a:hover{
color: #cad400 !important;
}  .home .komply-section--global-footer {
display: none;    
}
.footer {
display: none;    
}
.footer-menu-zl .widget{
margin-top: 20px !important;
}
.container-footer img[alt="logo"] {
max-width: 20% !important;
}
.footer p {
margin: 15px auto 15px !important;
}
.footer-tcs, .footer-tcs:visited {
color: #cfcfcf !important;
}
.footer-tcs:hover {
color: #cad400 !important;
}
.footer_widget {
margin: 15px auto 45px !important;
}
.widget_nav_menu li {
margin-bottom: 15px;
text-align: left !important;
}
.nav > ul > li.current-menu-parent ul li.current-menu-item > a, .nav > ul > li.current-menu-item ul li.current-menu-item > a {
color: #FFF !important;
}
.sub-menu li a {
text-transform: capitalize !important;
}
.nav > ul > li.current-menu-parent ul li.current-menu-item > a:hover, .nav > ul > li.current-menu-item ul li.current-menu-item > a:hover {
color: #cad400 !important;
}
.white {
color: #FFF !important;
}
.h2-zl {
margin: auto !important;
color: #fff !important;
padding: 2% 0 2% 0;
border: 7px solid #cad400;
max-width: 40%;
}
.vc_info_box_hvr_shadow:hover {
border-radius: 24px !important;
} .maw__modal_popup_box {
position: absolute;
bottom: 50px;
right: 15px;
}
.vc_btn3-container a {
width: fit-content !important;
}
.full-btn .vc_btn3-container a {
width: 100% !important;
}
.model-popup-btn {
padding: 10px 15px 10px 10px !important;
}
.maw__modal_popup_box i {
display: none;
}
.member-image img{
width: 100% !important;
height: 100% !important;
}
.member-social i {
color: #fff !important;
font-size: 20px !important;
margin-left: -20px !important;
margin-right: 35px !important;
}
.member-image a {
cursor: default;
pointer-events: none;
}
.slider-center-zl {
text-align: center !important;
}
.model-popup-container  h2{
margin: 0 30px !important;
padding: 0px !important;
border-bottom: 2px solid #cad400 !important;
}
.model-popup-container  span{
padding: 30px !important;
}
.model-popup-container p{
margin-bottom: 15px !important;
line-height: 1.8em !important;
}
.b-close {
width: 25px !important;
right: -50px !important;
} .service {
margin-top: 50px !important;
}
.service h6{
margin-top: 10px !important;
}
.service img {
max-width: 100px;
}
.serv-description .topic {
font-size: 20px !important;
text-align: left !important;
font-weight: bolder;
color: #fff !important;
}
.serv-description .vc_tta-panel-body {
font-size: 14px !important;
text-align: left !important;
color: #fff !important;
}
.serv-description {
width: 80% !important;
padding: 30px !important;
border: 10px solid #cad400 !important;
}
.people-zl {
max-width: 600px;
margin: auto !important;
}
.services-zl .wpb_text_column {
padding: 5% 10%;
}
.services-zl .wpb_text_column .wpb_wrapper {
padding: 2% 3% 3% 3%;
border: 7px solid #cad400;
max-width: 1170px;
margin: auto;
}
.services-title-zl {
padding: 0;
margin: 0 0 20px 0;
color: #fff !important;
font-size: 20px;
font-weight: bolder;
}
.services-zl  .vc_tta-panel-body {
text-align: left;
color: #fff;
}
.services-zl .process img {
max-width: 80px;
}
.services-zl .process {
margin-top: 10px !important;
}
.wpb-js-composer .vc_tta-container {
margin-bottom: 0px !important;
}
.services-zl .process h6 {
color: #333333;
font-size: 12px !important;
letter-spacing: 1px !important;
font-family: PT Sans Caption;
margin-top: 10px !important;
text-transform: uppercase;
} .vc_gitem-post-data-source-post_date {
display: none;
}
.single-post .page-title, .category-careers .page-title{
padding-bottom: 0px;
padding-top: 120px;
}
.single-post .blog-section, .category-careers .blog-section{
padding-top: 40px;
}
.category-careers .blog-posts p{
display: none;
}
.single-post .header, .category-careers .header {
background: #000 !important;
}
.single-post .post-meta {
display: none;
}
.blog-section .single-content {
padding: 0 15px !important;
} .testimonials-zl .boxed-text {
border: 7px solid #cad400 !important;
}
.testimonials-zl .t-describe {
font-size: 18px !important;
} .contact-us input[type=text], .contact-us textarea {
background: #fff !important;
padding: 8px 0 8px 0 !important;
border-bottom: 2px solid #cad400 !important;
}
div.wpcf7-response-output {
border: none !important;
}
.contact-us select {
background: #fff !important;
padding: 19px 0 19px 0 !important;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 2px solid #cad400 !important;
font-family: Montserrat;
font-size: 13px;
display: inline-block;
width: 100%;
}
.our-history p{
color: #fff !important;
}
.footer-zl p{
color: #fff;
} @media only screen and (min-width: 1000px) {
.services-zl .col-md-1 {
width: 12.5% !important;
}
}
@media only screen and (max-width: 999px) {
.services-zl .col-md-1 {
width: 25% !important;
}
.member-social i {
margin-left: -12px !important;
margin-right: 20px !important;
}
.h2-zl {
font-size: 24px !important;
max-width: 60%;
}
h2 {
font-size: 24px !important;
}
.vc_icon_element {
margin-bottom: 0px !important;
}
.team-zl .vc_column-inner {
padding-top: 0px !important;
}
.team-zl h5 {
text-align: center;
}
.team-zl p{
padding: 0 5% 0 5% !important;
}
.testimonials-zl .boxed-text {
padding: 30px 20px;
width: 50%;
}
.testimonials-zl .boxed-text h2{
margin-top: 0px !important;
}
.services-zl .wpb_text_column {
padding: 10%;
}
.social-icons-contact .wpb_column {
width: 25% !important;
float: left;
}
}
@media only screen and (max-width: 764px) {
.maw__modal_popup_box {
position: absolute;
bottom: 55px;
right: 15px;
}
.widget_mailpoet_form {
width: 100%;
}
}
@media only screen and (max-width: 680px) {
.services-zl .col-md-1 {
width: 50% !important;
}
.testimonials-zl .boxed-text{
padding: 20px 10px;
width: 70%;
}
}  .komply-section--global-footer > .vc_section {
padding-left: 0 !important;
padding-right: 0 !important;
}
.komply-section--global-footer > .vc_section > .vc_row.vc_row-fluid {
width: 1170px;
max-width: calc(100% - 30px);
margin-left: auto;
margin-right: auto;
} @media (max-width: 1199px) {
.komply-section--global-footer > .vc_section > .vc_row.vc_row-fluid {
width: 970px;
}
}
@media (max-width: 991px) {
.komply-section--global-footer > .vc_section > .vc_row.vc_row-fluid {
width: 750px;
}
}
@media (max-width: 767px) { .komply-section--global-footer > .vc_section {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
box-sizing: border-box !important;
}
.komply-section--global-footer .wpb_column {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.komply-section--global-footer > .vc_section > .vc_row.vc_row-fluid {
width: auto;
max-width: 100%;
} .footer-menu-zl, .footer-menu-title {
padding-left: 0;
} .komply-section--global-footer > .vc_section > .vc_row.vc_row-fluid:last-child .wpb_text_column,
.komply-section--global-footer > .vc_section > .vc_row.vc_row-fluid:last-child .wpb_text_column p {
text-align: center !important;
}
}  .komply-li-btn {
margin-top: -50px;
}
.komply-li-btn .vc_btn3.vc_btn3-icon-left {
display: inline-flex;
align-items: center;
gap: 12px;
padding-left: 0 !important; white-space: nowrap;
width: auto !important;
}
.komply-li-btn .vc_btn3.vc_btn3-icon-left > .vc_btn3-icon {
position: static !important;
margin: 0 !important;
transform: none !important;
top: auto !important;
left: auto !important;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
box-sizing: border-box;
background: #CAD400;
color: #000;
border-radius: 5px;
font-size: 17px;
line-height: 1;
}  .vc_row:has(.careers-left) {
overflow: visible !important;
} .vc_row:has(.careers-left) .vc_row-full-width,
.vc_row:has(.careers-left).vc_row-full-width {
overflow: visible !important;
}
.careers-left {
position: relative !important;
overflow: visible !important;
}
.careers-left .wpb_single_image {
position: absolute !important;
top: 50% !important;
right: -60px !important;
left: auto !important;
transform: translateY(-50%) !important;
width: 320px !important;
max-width: 22vw !important;
margin: 0 !important;
z-index: 2 !important;
}
.careers-left .wpb_single_image .vc_figure,
.careers-left .wpb_single_image .vc_single_image-wrapper {
display: block !important;
width: 100% !important;
height: auto !important;
}
.careers-left .wpb_single_image img.vc_single_image-img {
display: block !important;
width: 100% !important;
height: auto !important;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35) !important;
}
.careers-right {
position: relative !important;
z-index: 1;
} @media (max-width: 991px) { .careers-left .vc_column-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
justify-content: flex-end !important;
}
.careers-left .wpb_single_image {
position: relative !important;
top: auto !important;
transform: translateY(8%) !important;
width: 60% !important;
max-width: 280px !important;
margin: 0 auto !important;
right: auto !important;
z-index: 2 !important;
} .careers-right {
padding-top: 30px !important;
}
}
@media (max-width: 767px) {
.careers-left .wpb_single_image {
width: 70% !important;
max-width: 260px !important;
}
} .cddgenie-hero-sub {
max-width: 60ch;
}
.cddgenie-btn-gap {
margin-right: 12px !important;
} .cg-panel {
border: 1px solid #E3E5DD;
background: #fff;
}
.cg-panel__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 13px 17px;
background: #232520;
border-bottom: 1px solid #E3E5DD;
}
.cg-panel__bar b {
font-family: "PT Sans Caption","PT Sans",Arial,sans-serif;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.cg-chip {
font-size: 11px;
font-weight: 700;
letter-spacing: .4px;
padding: 3px 9px;
border: 1px solid;
white-space: nowrap;
}
.cg-chip--ok {
color: #CAD401;
border-color: #6A7200;
background: rgba(202,212,0,.12);
}
.cg-chip--warn {
color: #8A6B12;
border-color: #D8C07A;
background: rgba(216,176,60,.16);
}
.cg-prow {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 17px;
border-bottom: 1px solid #E3E5DD;
}
.cg-prow__k {
font-size: 13px;
color: #6F7165;
}
.cg-prow__v {
font-size: 13px;
font-weight: 700;
color: #0F0F0F;
text-align: right;
}
.cg-panel__score {
padding: 15px 17px 17px;
border-bottom: 1px solid #E3E5DD;
}
.cg-panel__score-top {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
}
.cg-panel__score-top span {
font-size: 12px;
font-weight: 700;
letter-spacing: .6px;
text-transform: uppercase;
color: #6F7165;
}
.cg-panel__score-top b {
font-family: "PT Sans Caption","PT Sans",Arial,sans-serif;
font-size: 22px;
color: #0F0F0F;
}
.cg-meter {
height: 6px;
background: #E3E5DD;
position: relative;
overflow: hidden;
margin-bottom: 8px;
}
.cg-meter i {
position: absolute;
inset: 0 auto 0 0;
width: 41%;
background: #CAD400;
font-size: 0;
line-height: 0;
}
.cg-meter__scale {
display: flex;
justify-content: space-between;
font-size: 11px;
color: #6F7165;
}
.cg-panel__foot {
padding: 11px 17px;
font-size: 12px;
color: #6F7165;
margin: 0;
}
.cg-panel__cap {
font-size: 11.5px;
color: #6F7165;
margin-top: 9px;
line-height: 1.6;
} .cddgenie-grid {
display: grid;
gap: 1px;
background: #E3E5DD;
border: 1px solid #E3E5DD;
margin-top: 1px;
}
.cddgenie-grid > [class*="vc_col-"] {
width: 100% !important;
float: none !important;
} .cddgenie-grid::before,
.cddgenie-grid::after {
display: none !important;
}
.cddgenie-grid--3 {
grid-template-columns: repeat(3, 1fr);
}
.cddgenie-grid--5 {
grid-template-columns: repeat(5, 1fr);
}
.cddgenie-grid--2 {
grid-template-columns: repeat(2, 1fr);
}
.cddgenie-grid .cddgenie-card,
.cddgenie-grid .cddgenie-step,
.cddgenie-grid .cddgenie-tier {
background: #fff;
padding: 26px 24px !important;
border-top: 2px solid #CAD400;
}
.cddgenie-card .wpb_wrapper h4,
.cddgenie-step .wpb_wrapper h4,
.cddgenie-benefit .wpb_wrapper h4 {
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin-bottom: 8px;
}
.cddgenie-card--accent {
background: #F7F9DC !important;
}
.cddgenie-pullquote {
margin-top: 14px;
padding: 22px 26px !important;
border-left: 3px solid #CAD400;
background: #F4F5F0;
font-size: 16px;
line-height: 1.8;
max-width: 860px;
} .cddgenie-benefits .wpb_column {
padding-top: 18px !important;
border-top: 2px solid #CAD400;
} .cddgenie-featlist ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 32px;
}
.cddgenie-featlist li {
font-size: 14px;
line-height: 1.65;
padding: 12px 0;
border-bottom: 1px solid #E3E5DD;
position: relative;
padding-left: 18px;
}
.cddgenie-featlist li::before {
content: "";
position: absolute;
left: 0;
top: 19px;
width: 7px;
height: 7px;
background: #CAD400;
}
.cddgenie-aside {
background: #fff;
border: 1px solid #E3E5DD;
border-top: 3px solid #CAD400;
padding: 16px 26px 28px !important;
}
.cddgenie-tags .cg-tag {
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: .4px;
color: #8E9600;
border: 1px solid #E3E5DD;
background: #F4F5F0;
padding: 5px 10px;
margin: 0 6px 6px 0;
} .cddgenie-editions {
display: flex !important;
flex-wrap: wrap;
align-items: stretch;
}
.cddgenie-editions::before,
.cddgenie-editions::after {
display: none !important;
}
.cddgenie-editions > [class*="vc_col-"] {
display: flex;
float: none !important;
}
.cddgenie-editions > [class*="vc_col-"] > .vc_column-inner {
display: flex;
width: 100%;
}
.cddgenie-editions > [class*="vc_col-"] > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.cddgenie-edition {
background: #fff;
border: 1px solid #E3E5DD;
padding: 26px 28px !important;
display: flex;
flex-direction: column;
}
.cddgenie-edition > .vc_column-inner {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
}
.cddgenie-edition > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
flex: 1;
}
.cddgenie-forlist .cg-label,
.cg-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: #6F7165;
margin: 0 0 8px;
}
.cddgenie-forlist ul {
list-style: none;
margin: 0;
padding: 0;
}
.cddgenie-forlist li {
font-size: 14px;
font-weight: 700;
color: #0F0F0F;
padding: 4px 0 4px 26px;
position: relative;
}
.cddgenie-forlist li::before {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 15px;
height: 1px;
background: #CAD400;
}
.cddgenie-edition-note {
font-size: 14px;
line-height: 1.75;
padding-top: 15px;
border-top: 1px solid #E3E5DD;
margin-top: auto;
} .cddgenie-tier .wpb_wrapper {
padding: 0;
}
.cg-tier__name {
display: block;
font-family: "PT Sans Caption","PT Sans",Arial,sans-serif;
font-size: 17px;
font-weight: 700;
letter-spacing: 2px;
color: #0F0F0F;
margin-bottom: 4px;
}
.cg-tier__who {
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: .7px;
text-transform: uppercase;
color: #8E9600;
margin-bottom: 10px;
} .cg-step__n {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
margin-bottom: 12px;
font-family: "PT Sans Caption","PT Sans",Arial,sans-serif;
font-size: 13px;
font-weight: 700;
color: #111;
background: #CAD400;
}
.cddgenie-stepsfoot {
margin-top: 14px;
padding-left: 19px;
border-left: 3px solid #CAD400;
font-size: 16px;
line-height: 1.8;
} .cddgenie-support {
background: #fff;
border: 1px solid #E3E5DD;
padding: 20px 19px !important;
}
.cddgenie-support b {
display: block;
font-family: "PT Sans Caption","PT Sans",Arial,sans-serif;
font-size: 17px;
font-weight: 700;
letter-spacing: .4px;
color: #0F0F0F;
margin-bottom: 6px;
}
.cddgenie-support span {
display: block;
font-size: 13px;
line-height: 1.65;
color: #6F7165;
}
.cddgenie-closer-h2 {
font-family: "Noto Serif", Georgia, serif !important;
} .vc_custom_cddgenie_problem h6,
.vc_custom_cddgenie_editions h6 {
color: #CAD400 !important;
}
.vc_custom_cddgenie_problem h2,
.vc_custom_cddgenie_problem h4,
.vc_custom_cddgenie_editions h2,
.vc_custom_cddgenie_editions h3,
.vc_custom_cddgenie_editions h4 {
color: #FFFFFF !important;
}
.vc_custom_cddgenie_problem .wpb_text_column,
.vc_custom_cddgenie_editions .wpb_text_column,
.vc_custom_cddgenie_editions .cg-label {
color: #D7D9D2 !important;
}
.vc_custom_cddgenie_problem .cddgenie-card,
.vc_custom_cddgenie_editions .cddgenie-edition,
.vc_custom_cddgenie_editions .cddgenie-tier {
background: rgba(26,28,24,0.55) !important;
border-top: 2px solid #CAD400;
}
.vc_custom_cddgenie_editions .cddgenie-edition {
border: 1px solid rgba(255,255,255,0.14);
border-top: 2px solid #CAD400;
}
.vc_custom_cddgenie_problem .cddgenie-card .wpb_wrapper h4,
.vc_custom_cddgenie_editions .cddgenie-tier .cg-tier__name {
color: #FFFFFF !important;
}
.vc_custom_cddgenie_problem .cddgenie-card .wpb_text_column,
.vc_custom_cddgenie_editions .cddgenie-edition .wpb_text_column,
.vc_custom_cddgenie_editions .cddgenie-tier-inner {
color: #C7C9C1;
}
.vc_custom_cddgenie_problem .cddgenie-pullquote {
background: rgba(255,255,255,0.06);
border-left: 3px solid #CAD400;
color: #E7E8E3;
}
.vc_custom_cddgenie_editions .cddgenie-forlist li {
color: #FFFFFF !important;
}
.vc_custom_cddgenie_editions .cddgenie-forlist li::before {
background: #CAD400;
}
.vc_custom_cddgenie_editions .cg-label {
color: #9A9C93 !important;
}
.vc_custom_cddgenie_editions .cddgenie-edition-note {
border-top: 1px solid rgba(255,255,255,0.14);
color: #C7C9C1;
}
.vc_custom_cddgenie_editions .cg-tier__who {
color: #CAD400 !important;
}
.vc_custom_cddgenie_problem .cddgenie-grid,
.vc_custom_cddgenie_editions .cddgenie-grid {
background: rgba(255,255,255,0.14) !important;
border: 1px solid rgba(255,255,255,0.14) !important;
}
@media (max-width: 991px) {
.cddgenie-grid--3,
.cddgenie-grid--5 {
grid-template-columns: 1fr 1fr;
}
.cddgenie-featlist ul {
grid-template-columns: 1fr;
}
} @media (max-width: 768px) {
.cddgenie-grid--2 {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.cddgenie-grid--3,
.cddgenie-grid--5 {
grid-template-columns: 1fr;
}
}