.elementor-kit-5{--e-global-color-primary:#C81F36;--e-global-color-secondary:#FFE02B;--e-global-color-text:#000000;--e-global-color-accent:#F1ECE4;--e-global-color-d1ea881:#FFFFFF;--e-global-color-169eb8d:#B01B30;--e-global-color-53602f7:#0B0B0B;--e-global-typography-primary-font-family:"Trade Gothic";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Trade Gothic";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;font-size:15px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-d1ea881 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.no-bottom-margin p {
    margin-block-end: 0rem !important;
}

.page-content .elementor-widget-text-editor p strong {
  color: #277A3F;
}

.highlight-yellow {
    color: #FFE02B;
}

.highlight-yellow-underline {
   text-decoration:underline;
}


/* Gravity Forms Global */

.gform_required_legend {
    display:none;
}

.gform-button {
    background: #C8102E !important;
    color: #fff !important;
    font-family: "Gazpacho Bold", Sans-serif !important;
    font-size: 17px !important;
    padding: 18px 36px !important;
    border-radius: 0px !important;
    transition:500ms !important;
}

span.gfield_required {
    color: #000;
    font-size: 18px;
}


.gform-button:hover {
    background: #b30d28 !important;
}

input, select, textarea {
border-radius: 0px !important;
border-color: #8E8E8E !important;
box-shadow: none !important;
}

.gfield_label {
font-family: "Montserrat", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

input[type="submit"] {
background: #C8102E
 !important;
    font-family: Gazpacho, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 18px 36px !important;
    border-width: initial !important;
    border-style: none !important;
}

input[type="submit"]:hover {
background: #B30D28 !important;
}

/* Chrome, Safari, Edge, Opera */
input::placeholder,
textarea::placeholder {
  color: #646464 !important;
  opacity: 1 !important; 
}

/* Firefox */
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #646464 !important;
  opacity: 1 !important;
}

/* Internet Explorer 10-11 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #646464 !important;
}

/* Microsoft Edge (legacy) */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #646464 !important;
}

select.has-placeholder {
  color: #646464 !important;
}



/* === Focus styling override === */
input:focus,
select:focus,
textarea:focus {
  border-color: #000 !important;
  box-shadow: none !important;
  outline: none !important;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .gfield_label, span.gfield_required {
    font-size: 17px !important;
}
}

@media only screen and (max-width: 767px) {
    .gfield_label, span.gfield_required {
    font-size: 16px !important;
}
}

/* Additional Gravity Form Styling for Body forms with red background */

.red-bg-form .gfield_label, .red-bg-form .gfield_required {
    color: #fff !important;
    
}

.red-bg-form .gfield_label {
font-family: "Trade Gothic", Sans-serif !important;
font-size: 24px !important;
    text-transform: none !important;
    font-weight: 500 !important;
        gap: 2px !important;
        --gf-local-margin-y: 4px !important;
    line-height: 1em !important;
}


.red-bg-form input[type=date], 
.red-bg-form input[type=email], 
.red-bg-form input[type=number], 
.red-bg-form input[type=password], 
.red-bg-form input[type=search], 
.red-bg-form input[type=tel], 
.red-bg-form input[type=text], 
.red-bg-form input[type=url], 
.red-bg-form select, 
.red-bg-form textarea {
    border: 1px solid #8E8E8E !important;
}

.red-bg-form .gform_button {
    padding: 18px 36px !important;
    font-family: "Archer", Sans-serif !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    line-height: 1em !important;
    box-sizing: border-box !important;
    border: none !important;
    border-radius: 0px !important;
    height: 53px !important;
    background: #000 !important;
    text-transform:uppercase !important;
    color: #fff !important;
    transition: 300ms !important;
    font-size: 16px !important;
}

.red-bg-form .gform_button:hover {
background: #292929 !important;
}



/* Line Animation */

@supports (-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0) ) or (clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0) ) {

.element-reveal-top,
.element-reveal-left,
.element-reveal-bottom,
.element-reveal-right {
--line-anim-duration: 1.4s;
--line-anim-timing: ease-in-out;
--line-anim-delay: 0s;
}

.element-reveal-top.elementor-element {
animation: revealFromTop var(--line-anim-duration) paused both var(--line-anim-delay) var(--line-anim-timing);
}

.element-reveal-left.elementor-element {
animation: revealFromLeft var(--line-anim-duration) paused both var(--line-anim-delay) var(--line-anim-timing);
}

.element-reveal-bottom.elementor-element {
animation: revealFromBottom var(--line-anim-duration) paused both var(--line-anim-delay) var(--line-anim-timing);
}

.element-reveal-right.elementor-element {
animation: revealFromRight var(--line-anim-duration) paused both var(--line-anim-delay) var(--line-anim-timing);
}

.element-reveal-top.animated,
.element-reveal-left.animated,
.element-reveal-bottom.animated,
.element-reveal-right.animated {
animation-play-state: running;
}

@keyframes revealFromTop {
from {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}

@keyframes revealFromLeft {
from {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}

@keyframes revealFromBottom {
from {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}

@keyframes revealFromRight {
from {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Trade Gothic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://rollerbites.kinsta.cloud/wp-content/uploads/2025/06/Trade-Gothic-LT-Std-Bold-Condensed-No.-20.eot');
	src: url('https://rollerbites.kinsta.cloud/wp-content/uploads/2025/06/Trade-Gothic-LT-Std-Bold-Condensed-No.-20.eot?#iefix') format('embedded-opentype'),
		url('https://rollerbites.kinsta.cloud/wp-content/uploads/2025/06/Trade-Gothic-LT-Std-Bold-Condensed-No.-20.woff2') format('woff2'),
		url('https://rollerbites.kinsta.cloud/wp-content/uploads/2025/06/Trade-Gothic-LT-Std-Bold-Condensed-No.-20.woff') format('woff'),
		url('https://rollerbites.kinsta.cloud/wp-content/uploads/2025/06/Trade-Gothic-LT-Std-Bold-Condensed-No.-20.ttf') format('truetype');
}
/* End Custom Fonts CSS */