The codes below are all the CSS codes done for the new Fueld website [Update 14.05.2024]

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

.image-bron{background-color: #FFF1F0; padding: 8px;}
.kl-social-logos{width: 35px; height: 35px;}
.kl-social-link{margin: 0 16px;}
.kl-custom-image__text--vertical-bottom{bottom: -16px;}
.kl-card-grid--4-columns .kl-card-grid__image{height: 300px;}
.kl-offer-01, .kl-testimonials{margin-top: 16px; margin-bottom: 16px;}
.kl-navbar{max-width: fit-content;}
.kl-navbar__panel{box-shadow: 0 5px 10px rgba(154,161,177,.1); }
.kl-blog-menu__list{font-weight: 500;}
.button--outlined, .button_cta.button--outlined {padding: 13px 25px 13px 25px;}
.hs-image__grid__list {justify-content: flex-start !important;}
.kl-features-03__section{background-color: #fff1f0;}
.kl-cards-slider__header{background-color: #fff1f0;}
.kl-features-01{padding: 0 20px;}
.kl-features-02__card, .kl-features-01__card p{font-weight: 400;}
.kl-wide-section__text{padding:80px 0 80px 0;}
.glide__arrow {border-radius: 32px;}
.kl-features-03__titles li h4 {font-weight: 600;}
.kl-faq, .kl-faq__entry + .kl-faq__entry{border-color: #FFF1EF;}
.kl-wide-section__wrapper, .kl-offer-01 {box-shadow: 0 11px 30px rgba(154,161,177,.3);}
.kl-card{margin-bottom: 32px;}
.hs-search-field__form, .blog-tags {padding: 16px;}
.blog-post__tag-link{background-color: #fff1f0; font-weight: 600;}
#hs_cos_wrapper_widget_1705936709416 .hs-image__grid__list{ display: flex; max-width: 1240px !important; width: 100% !important;}
td, th{border: none !important;}
.kl-pricing-table__features{width: auto;}
.button--arrow{font-weight: 600; color: #3d86ff !important; }
.button--arrow:hover{color: #ff553c !important;}
.button--arrow:after, .button_cta.button--arrow a:after {
  content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.5303 7.0303a.75.75 0 000-1.0606l-4.7729-4.773a.75.75 0 00-1.0607 1.0607L35.9393 6.5l-4.2426 4.2426a.75.75 0 001.0607 1.0607l4.7729-4.773zM0 7.25h37v-1.5H0v1.5z' fill='#3d86ff'/%3E%3C/svg%3E");
  width: 36px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  transition: margin .15s linear;
}
ul{list-style-type: square;}
.kl-navbar__panel-wrapper{max-width: 1260px; max-height: fit-content;}
.kl-navbar__description.kl-navbar__description--full{flex-basis: 250px;}
.kl-navbar__categories{flex-wrap: nowrap;flex-basis: 750px;}
.kl-navbar__description{flex-basis: 400px; margin: 0 8px;}
.kl-navbar__end .button--outlined, .button_cta.button--outlined, .Navbar_with_Menu__button {font-size: 14px;}
.button--outlined, .button_cta.button--outlined, .kl-navbar__end>a+a, .kl-navbar__end>a:not(:first-child){padding: 12px;}
.blog-post__avatar{border-radius: 0px !important;}
@media only screen and (max-width: 768px){
 .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta{margin-bottom: 32px;} 
 .kl-navbar__item--active .kl-navbar__panel {max-height: fit-content;}
.kl-navbar__categories{display: table-row;}
.kl-navbar__description{margin-bottom: 16px;}
#hs_cos_wrapper_widget_1705936709416 .hs-image__grid__list{display: none !important;}
/* reversing the column order on mobile  
 * .kl-hero-02 > div {
    display: flex !important;
    flex-direction: column-reverse !important;
} */
}
Tagged: