/*
Theme Name: RLMCC
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
:root {
--hero-height: 0px; /* Default value */
}
/* Add your custom styles here */
/***
* class: .sticky-header
*/
header.sticky-header {
--header-height: 100px;
--shrink-header-to: 0.6;
--transition: .45s cubic-bezier(.4, 0, .2, 1);
background-color: rgba(255, 255, 255, .0);
transition: background-color var(--transition),
backdrop-filter var(--transition),
box-shadow var(--transition);
}
/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
background-color: #221F1F;
box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(2%) blur(5px);
}
header.sticky-header > .elementor-container {
min-height: var(--header-height);
transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
min-height: calc( var(--header-height) * var(--shrink-header-to) );
}
/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
header.sticky-header {
--header-height: 70px;
}
}
/***
* class: .logo
*/
header.sticky-header .logo img {
transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
transform: scale(.8);
}
.iso-btn .elementor-button {
width: 100%;
padding: 20px 15px 20px 15px;
min-width: auto;
white-space: nowrap;
}
@media (min-width: 768px) {
.elementor-button {
min-width: auto;
}
header .elementor-button {
min-width: auto;
}
}
@media (min-width: 768px) {
.elementor-button {
min-width: 180px;
}
.iso-btn .elementor-button {
padding: 20px 15px 20px 15px;
}
}
@media (min-width: 1024px) {
.iso-btn .elementor-button {
padding: 20px 15px 20px 15px;
}
}
@media (min-width: 1200px) {
.elementor-button {
min-width: 200px;
}
header .elementor-button {
min-width: auto;
}
.iso-btn .elementor-button {
padding: 20px 40px 20px 40px;
}
}
.green {
color: #139E1C;
}
/*
@media (min-width: 1025px) {
.elementor-nav-menu .cta-btn a {
font-weight: 700;
text-transform: uppercase;
background-color: var(--e-global-color-primary);
border-style: none;
border-radius: 10px 10px 10px 10px;
padding: 20px 40px 20px 40px!important;
}
.elementor-nav-menu .cta-btn a:hover{
color: #fff!important;
}
}
*/
#hero_wrapper > .e-child > .e-con-inner {
position: relative;
z-index: 2;
}
#hero_wrapper::after {
display: block;
content: "";
position: absolute;
height: var(--hero-height);
background-color: transparent;
background-image: linear-gradient(-270deg, #139E1C00 64%, var( --e-global-color-9fd822a ) 50%);
width: 100%;
bottom: 0;
z-index: 0;
}
#hero_text:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
background: transparent;
width: 2.25rem;
height: 2.25rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;
}
.testimonial_item .testimonial_content:before {
position: absolute;
content: "";
bottom: 0;
left: 81.5%;
background: transparent;
width: 2.25rem;
height: 2.25rem;
border-bottom-right-radius: 21.25rem;
box-shadow: 0.5rem 0.5rem 0 0.313rem #fff;
transform: rotate(91deg);
top: -36px;
}
.testimonial_content_wrapper:before {
position: absolute;
right: 0;
top: 2px;
content: "";
width: 100%;
height: 40px;
background-image: url('data:image/svg+xml,');
display: block;
background-repeat: no-repeat;
background-position: top right;
}
.testimonial_image img {
max-height: 253px;
}
@media (min-width: 314px) {
.testimonial_item > div {
background-image: linear-gradient(0deg, var(--e-global-color-9fd822a) 82%, #FFFFFF00 82%)!important;
}
}
@media (min-width: 768px) {
.testimonial_item > div {
background-image: linear-gradient(10deg, var(--e-global-color-9fd822a) 82%, #FFFFFF00 82%)!important;
}
}
@media (min-width: 1100px) {
.testimonial_item .testimonial_content:before {
left: 80%;
top: -34px;
}
.testimonial_content_wrapper:before {
background-size: 45px;
}
.testimonial_item > div {
background-image: linear-gradient(30deg, var(--e-global-color-9fd822a) 85%, #FFFFFF00 85%)!important;
}
}
@media (min-width: 1200px) {
.testimonial_item .testimonial_content:before {
left: 81%;
top: -34px;
}
.testimonial_content_wrapper:before {
background-size: 45px;
}
}
@media (min-width: 1400px) {
.testimonial_item .testimonial_content:before {
left: 81%;
top: -36px;
}
.testimonial_item > div {
background-image: linear-gradient(30deg, var(--e-global-color-9fd822a) 82%, #FFFFFF00 82%)!important;
}
}
@media (min-width: 2000px) {
.testimonial_client {
border-radius: 0;
}
.testimonial_content_wrapper:before {
background-size: 55px;
}
}
@media (max-width: 1200px){
.elementor-kit-7 h2 {
font-size: 34px!important;
}
}
@media (max-width: 1024px) {
header .menu-item a {
display: inline-block;
}
header .menu-item {
text-align: center;
}
}
@media (max-width: 767px) {
.testimonial_image > div {
text-align: left!important
}
.testimonial_content_wrapper:before {
display: none;
}
.testimonial_image:after {
position: absolute;
right: 0;
top: 2px;
content: "";
width: 100%;
height: 40px;
background-image: url('data:image/svg+xml,');
display: block;
background-repeat: no-repeat;
background-position: 90% top;
}
.iso-buttons .e-con>.elementor-widget {
width: 100%;
}
.elementor-kit-7 h2 {
font-size: 30px!important;
}
}
.needsclick.klaviyo-close-form,
button.needsclick {
padding: 1px;
background-color: transparent;
}