Custom styles for Hello Theme

:root { –primary: #323232; –secondary: #FFD340; –text: #323232; –accent: #5A32F4; –border: #D9D5CC; –light-grey: #efefef; –grey: #505050; –white: #fff; –font-family: ‘Azo Sans’, sans-serif; } /* Custom styles for Hello Theme */ h1,h2,h3,h4,h5,h6 { margin-block-start: inherit; margin-block-end: inherit; } /* Header */…Continue reading

Button-Movement #The Greek

button { padding: 10px 20px; font-size: 16px; transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s; border-radius: 5px; } button:hover { background-color: #ff6347; transform: scale(1.1) rotate(3deg); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3); }Continue reading

Mobile Header Left

body:(.logged-in) .bb-mobile-header .flex-1 { -webkit-box-pack: flex-start !important; -ms-flex-pack: flex-start !important; justify-content: flex-start !important; }Continue reading

GF – Engraved Brick Styling

/* Engraved Brick #1*/ body .gform_wrapper .gform_body .gform_fields #field_1_36.gfield input[type=text] { background-color: #FFFFFF; color: black; text-align: center; font-size: 15px; font-weight: bold; } /* Engraved Brick #2*/ body .gform_wrapper .gform_body .gform_fields #field_1_37.gfield input[type=text] { background-color: #A0A5A9; color: black; text-align: center; font-size:…Continue reading

Gravity Forms – Styling (Unified)

body .gform_wrapper .gform_body .gform_fields #field_1_36.gfield input[type=text] { background-color: #FFFFFF; color: black; text-align: center; font-size: 15px; font-weight: bold; } body .gform_wrapper .gform_body .gform_fields #field_1_37.gfield input[type=text] { background-color: #A0A5A9; color: black; text-align: center; font-size: 15px; font-weight: bold; } .gform-theme–foundation .gform_fields { grid-row-gap:…Continue reading

Mobile Navigation CSS

html, body{ overflow-x: hidden; } .book-meeting-btn-mb { padding: 8px 15px; border-radius: 20px; background: #02afcf; text-align: center; line-height: 16px; } .book-meeting-btn-mb a{ font-size: 11px; font-weight: 600; color: #ffffff; text-transform: uppercase; } .menu-list-mb a { font-family: ‘Rubik’, sans-serif; font-size: 16px; font-weight: 500;…Continue reading

Mobile Navigation CSS

/* @media screen and (max-width: 767px){ */ html, body{ overflow-x: hidden; } .book-meeting-btn-mb { padding: 8px 15px; border-radius: 20px; background: #02afcf; text-align: center; line-height: 16px; } .book-meeting-btn-mb a{ font-size: 11px; font-weight: 600; color: #ffffff; text-transform: uppercase; } .menu-list-mb a {…Continue reading

Footer CSS

.footer p, .footer a{ color: #ffffff; font-family: ‘Rubik’; margin: 0; line-height: 24px; } .footer .footer-title{ color: #17ad49; font-family: ‘Fira Sans’; } .footer .menu .footer-title{ font-size: 22px; } .footer .menu a{ font-size: 15px; font-weight: 500; } .footer .menu a:hover{ color: #17ad49;…Continue reading

Desktop Navigation CSS

.submenu.active{ display: block; } .solutions-items .active{ display: grid !important; } .sprout-Logo { z-index:2; } .mega-menu-container{ width: 100%; } li:hover .mega-menu-container{ display:flex; transition: 0.8s; } .mega-menu a{ font-size: 14px; font-weight: 600; color: #000000; display: flex; align-items: center; margin-right: 5px; } .mega-menu…Continue reading