.elementor-kit-629{--e-global-color-primary:#BA0C2F;--e-global-color-secondary:#382F2D;--e-global-color-text:#736D6C;--e-global-color-accent:#BA0C2F;--e-global-color-6d1e617:#7B021F;--e-global-color-d4f9c1c:#00BFB3;--e-global-color-4882e5a:#008578;--e-global-color-4225cc0:#212322;--e-global-color-129055a:#4E4D4D;--e-global-color-c549fd5:#7A797A;--e-global-color-b3b908b:#A6A7A7;--e-global-color-9de93eb:#D3D3D3;--e-global-color-b3dbe98:#E9E9E9;--e-global-color-337feea:#F4F4F4;--e-global-color-0ea040d:#FFFFFF;--e-global-color-c710790:#000000;--e-global-color-eef2ef0:#003859;--e-global-color-0ed9e11:#33200A;--e-global-color-a2a3c68:#E3DBCA;--e-global-color-3a10b91:#F1EDE4;--e-global-color-5b88587:#F8F6F2;--e-global-color-8e6696c:#C3BEC0;--e-global-color-d49caa2:#DFDDDD;--e-global-color-da43970:#EDEBEB;--e-global-color-b9e5f36:#F4F3F3;--e-global-color-2a3f8fe:#FFFFFFB3;--e-global-color-eff6964:#FFFFFF00;--e-global-color-4b007dc:#101820;--e-global-color-04e19c6:#A10A28;--e-global-color-2c5ef6e:#550014;--e-global-color-71b1622:#012034;--e-global-color-87b5556:#609CBF;--e-global-color-1a323fc:#A1D1ED;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:bold;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Mulish";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:normal;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Mulish";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1em;--e-global-typography-ccd7b55-font-family:"Lato";--e-global-typography-ccd7b55-font-size:44px;--e-global-typography-ccd7b55-font-weight:bold;--e-global-typography-ccd7b55-text-transform:none;--e-global-typography-ccd7b55-line-height:1.1em;--e-global-typography-71f53b4-font-family:"Lato";--e-global-typography-71f53b4-font-size:32px;--e-global-typography-71f53b4-font-weight:bold;--e-global-typography-71f53b4-text-transform:none;--e-global-typography-71f53b4-line-height:1.2em;--e-global-typography-b2fab48-font-family:"Lato";--e-global-typography-b2fab48-font-size:26px;--e-global-typography-b2fab48-font-weight:bold;--e-global-typography-b2fab48-text-transform:none;--e-global-typography-b2fab48-line-height:1.2em;--e-global-typography-6710a17-font-family:"Lato";--e-global-typography-6710a17-font-size:22px;--e-global-typography-6710a17-font-weight:bold;--e-global-typography-6710a17-text-transform:none;--e-global-typography-6710a17-line-height:1.2em;--e-global-typography-192ac21-font-family:"Lato";--e-global-typography-192ac21-font-size:20px;--e-global-typography-192ac21-font-weight:normal;--e-global-typography-192ac21-line-height:1.2em;--e-global-typography-e834abb-font-family:"Lato";--e-global-typography-e834abb-font-size:18px;--e-global-typography-e834abb-font-weight:normal;--e-global-typography-e834abb-line-height:1.2em;--e-global-typography-fdda1e1-font-family:"Gowun Batang";--e-global-typography-fdda1e1-font-size:44px;--e-global-typography-fdda1e1-font-weight:bold;--e-global-typography-fdda1e1-text-transform:none;--e-global-typography-fdda1e1-line-height:1.1em;--e-global-typography-4854c4e-font-family:"Gowun Batang";--e-global-typography-4854c4e-font-size:32px;--e-global-typography-4854c4e-font-weight:bold;--e-global-typography-4854c4e-text-transform:none;--e-global-typography-4854c4e-line-height:1.2em;--e-global-typography-ed47090-font-family:"Gowun Batang";--e-global-typography-ed47090-font-size:26px;--e-global-typography-ed47090-font-weight:bold;--e-global-typography-ed47090-text-transform:none;--e-global-typography-ed47090-line-height:1.2em;--e-global-typography-a9d85b3-font-family:"Gowun Batang";--e-global-typography-a9d85b3-font-size:22px;--e-global-typography-a9d85b3-font-weight:bold;--e-global-typography-a9d85b3-text-transform:none;--e-global-typography-a9d85b3-line-height:1.2em;--e-global-typography-61867ae-font-family:"Gowun Batang";--e-global-typography-61867ae-font-size:20px;--e-global-typography-61867ae-font-weight:bold;--e-global-typography-61867ae-text-transform:none;--e-global-typography-61867ae-line-height:1.2em;--e-global-typography-4eda3c7-font-family:"Gowun Batang";--e-global-typography-4eda3c7-font-size:18px;--e-global-typography-4eda3c7-font-weight:normal;--e-global-typography-4eda3c7-line-height:1.2em;--e-global-typography-bbfbf19-font-family:"Mulish";--e-global-typography-bbfbf19-font-size:18px;--e-global-typography-bbfbf19-font-weight:800;--e-global-typography-bbfbf19-text-transform:uppercase;--e-global-typography-bbfbf19-line-height:1em;--e-global-typography-05e5bb7-font-family:"Mulish";--e-global-typography-05e5bb7-font-size:20px;--e-global-typography-05e5bb7-font-weight:500;--e-global-typography-05e5bb7-line-height:1.6em;--e-global-typography-09aae4e-font-family:"Lato";--e-global-typography-09aae4e-font-size:max(95px, 7vw);--e-global-typography-09aae4e-font-weight:800;--e-global-typography-09aae4e-text-transform:uppercase;--e-global-typography-09aae4e-line-height:0.95em;--e-global-typography-09aae4e-letter-spacing:0.05em;--e-global-typography-caf8f2a-font-family:"Lato";--e-global-typography-caf8f2a-font-size:26px;--e-global-typography-caf8f2a-font-weight:normal;--e-global-typography-caf8f2a-line-height:1.2em;--e-global-typography-78c958f-font-family:"Lato";--e-global-typography-78c958f-font-size:20px;--e-global-typography-78c958f-font-weight:bold;--e-global-typography-78c958f-text-transform:uppercase;--e-global-typography-78c958f-line-height:1.2em;--e-global-typography-78c958f-letter-spacing:0.9px;--e-global-typography-4ba70df-font-family:"Lato";--e-global-typography-4ba70df-font-size:20px;--e-global-typography-4ba70df-font-weight:bold;--e-global-typography-4ba70df-line-height:1.2em;--e-global-typography-a7e8832-font-family:"Lato";--e-global-typography-a7e8832-font-size:18px;--e-global-typography-a7e8832-font-weight:bold;--e-global-typography-a7e8832-line-height:1.1em;--e-global-typography-a3226c9-font-family:"Mulish";--e-global-typography-a3226c9-font-size:24px;--e-global-typography-a3226c9-font-weight:normal;--e-global-typography-a3226c9-line-height:1.4em;--e-global-typography-9da2453-font-family:"Mulish";--e-global-typography-9da2453-font-size:20px;--e-global-typography-9da2453-font-weight:normal;--e-global-typography-9da2453-line-height:1.4em;--e-global-typography-dd3a480-font-family:"Mulish";--e-global-typography-dd3a480-font-size:15px;--e-global-typography-dd3a480-font-weight:bold;--e-global-typography-dd3a480-text-transform:uppercase;--e-global-typography-dd3a480-line-height:1.3em;--e-global-typography-dd3a480-letter-spacing:0.1em;--e-global-typography-2f510f8-font-family:"Mulish";--e-global-typography-2f510f8-font-size:20px;--e-global-typography-2f510f8-font-weight:800;--e-global-typography-2f510f8-text-transform:uppercase;--e-global-typography-2f510f8-line-height:1.4em;--e-global-typography-569fab8-font-family:"Mulish";--e-global-typography-569fab8-font-size:15px;--e-global-typography-569fab8-font-weight:normal;--e-global-typography-569fab8-line-height:1.5em;color:var( --e-global-color-c549fd5 );font-family:"Mulish", Sans-serif;font-size:20px;font-weight:500;line-height:1.6em;}.elementor-kit-629 button,.elementor-kit-629 input[type="button"],.elementor-kit-629 input[type="submit"],.elementor-kit-629 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:12px 32px 12px 32px;}.elementor-kit-629 button:hover,.elementor-kit-629 button:focus,.elementor-kit-629 input[type="button"]:hover,.elementor-kit-629 input[type="button"]:focus,.elementor-kit-629 input[type="submit"]:hover,.elementor-kit-629 input[type="submit"]:focus,.elementor-kit-629 .elementor-button:hover,.elementor-kit-629 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-kit-629 p{margin-bottom:1em;}.elementor-kit-629 a{color:var( --e-global-color-primary );}.elementor-kit-629 a:hover{color:#7B021F;}.elementor-kit-629 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-629 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-629 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-caf8f2a-font-family ), Sans-serif;font-size:var( --e-global-typography-caf8f2a-font-size );font-weight:var( --e-global-typography-caf8f2a-font-weight );line-height:var( --e-global-typography-caf8f2a-line-height );}.elementor-kit-629 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-78c958f-font-family ), Sans-serif;font-size:var( --e-global-typography-78c958f-font-size );font-weight:var( --e-global-typography-78c958f-font-weight );text-transform:var( --e-global-typography-78c958f-text-transform );line-height:var( --e-global-typography-78c958f-line-height );letter-spacing:var( --e-global-typography-78c958f-letter-spacing );}.elementor-kit-629 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-4ba70df-font-family ), Sans-serif;font-size:var( --e-global-typography-4ba70df-font-size );font-weight:var( --e-global-typography-4ba70df-font-weight );line-height:var( --e-global-typography-4ba70df-line-height );}.elementor-kit-629 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-a7e8832-font-family ), Sans-serif;font-size:var( --e-global-typography-a7e8832-font-size );font-weight:var( --e-global-typography-a7e8832-font-weight );line-height:var( --e-global-typography-a7e8832-line-height );}.elementor-widget:not(:last-child){margin-block-end:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}@media(max-width:1024px){.elementor-kit-629{--e-global-typography-primary-font-size:38px;--e-global-typography-secondary-font-size:28px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:16px;--e-global-typography-ccd7b55-font-size:36px;--e-global-typography-71f53b4-font-size:29px;--e-global-typography-b2fab48-font-size:25px;--e-global-typography-fdda1e1-font-size:36px;--e-global-typography-4854c4e-font-size:29px;--e-global-typography-ed47090-font-size:25px;--e-global-typography-bbfbf19-font-size:16px;--e-global-typography-05e5bb7-font-size:18px;--e-global-typography-09aae4e-font-size:64px;--e-global-typography-caf8f2a-font-size:23px;--e-global-typography-78c958f-font-size:20px;--e-global-typography-a3226c9-font-size:20px;--e-global-typography-9da2453-font-size:19px;--e-global-typography-2f510f8-font-size:18px;font-size:18px;}.elementor-kit-629 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-629 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-629 h3{font-size:var( --e-global-typography-caf8f2a-font-size );line-height:var( --e-global-typography-caf8f2a-line-height );}.elementor-kit-629 h4{font-size:var( --e-global-typography-78c958f-font-size );line-height:var( --e-global-typography-78c958f-line-height );letter-spacing:var( --e-global-typography-78c958f-letter-spacing );}.elementor-kit-629 h5{font-size:var( --e-global-typography-4ba70df-font-size );line-height:var( --e-global-typography-4ba70df-line-height );}.elementor-kit-629 h6{font-size:var( --e-global-typography-a7e8832-font-size );line-height:var( --e-global-typography-a7e8832-line-height );}.elementor-kit-629 button,.elementor-kit-629 input[type="button"],.elementor-kit-629 input[type="submit"],.elementor-kit-629 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-629{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:24px;--e-global-typography-accent-font-size:14px;--e-global-typography-ccd7b55-font-size:28px;--e-global-typography-71f53b4-font-size:26px;--e-global-typography-b2fab48-font-size:24px;--e-global-typography-fdda1e1-font-size:28px;--e-global-typography-4854c4e-font-size:26px;--e-global-typography-ed47090-font-size:24px;--e-global-typography-bbfbf19-font-size:14px;--e-global-typography-09aae4e-font-size:48px;--e-global-typography-caf8f2a-font-size:21px;--e-global-typography-78c958f-font-size:19px;--e-global-typography-a3226c9-font-size:19px;--e-global-typography-9da2453-font-size:18px;--e-global-typography-2f510f8-font-size:16px;}.elementor-kit-629 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-629 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-629 h3{font-size:var( --e-global-typography-caf8f2a-font-size );line-height:var( --e-global-typography-caf8f2a-line-height );}.elementor-kit-629 h4{font-size:var( --e-global-typography-78c958f-font-size );line-height:var( --e-global-typography-78c958f-line-height );letter-spacing:var( --e-global-typography-78c958f-letter-spacing );}.elementor-kit-629 h5{font-size:var( --e-global-typography-4ba70df-font-size );line-height:var( --e-global-typography-4ba70df-line-height );}.elementor-kit-629 h6{font-size:var( --e-global-typography-a7e8832-font-size );line-height:var( --e-global-typography-a7e8832-line-height );}.elementor-kit-629 button,.elementor-kit-629 input[type="button"],.elementor-kit-629 input[type="submit"],.elementor-kit-629 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
___ _ ___
/ \ | | | \
| () | | |__ ||) |
\___/ |____||___/
LEGACY STYLING STARTS HERE
*/
/*Special Buttons*/
.glow a.elementor-button, .normal-form-styling .gform_button.button, .normal-form-styling .gform_next_button.button {
background:radial-gradient(at bottom, #FF0033 0,#D40D34 50%,#BA0C2F 70%);
transition: .3s all ease;
}
.glow a.elementor-button:hover, .normal-form-styling .gform_button.button:hover, .normal-form-styling .gform_next_button.button:hover {
background:radial-gradient(at bottom, #A10A28 0,#A10A28 50%,#A10A28 70%) !important;
}
/*Word Highlighter*/
.black-highlight .headhighlight{
color: #382F2D;
background-color:rgba(16,24,32,.06);
}
.white-highlight .headhighlight{
color: #BA0C2F;
background-color:rgba(255,255,255,1);
}
.lighter-highlight .headhighlight{
color: #7B021F;
background-color:rgba(186,12,47,.1);
}
.headhighlight {
position: relative;
display: inline;
left: 0;
background-color:rgba(186,12,47,.6);
padding: 0px 10px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
/*Custom text link styling*/
/*p a {*/
/* position: relative;*/
/* display: inline;*/
/* left: 0;*/
/* transition: all .5s cubic-bezier(.2, 0, 0, 1);*/
/* background-color: rgba(203, 0, 40, 0.10);*/
/* padding: 1px 6px;*/
/* margin-top: -1px;*/
/* border-bottom: 1px solid #cb0028;*/
/* box-decoration-break: clone;*/
/* -webkit-box-decoration-break: clone;*/
/*}*/
/*p a:hover {*/
/* color: #ffffff !important;*/
/* background-color: rgba(203, 0, 40, 0.90);*/
/*}*/
/*Portfolio Sliders*/
.portfolio-gallery-link .elementor-swiper-button {
background: #fff;
height: 30px;
width: 30px;
border-radius: 30px;
opacity: 0;
transition: opacity .25s;
}
.portfolio-gallery-link:hover .elementor-swiper-button {
opacity: 1; }
.portfolio-gallery-link .elementor-swiper-button .eicon-chevron-left {
position: relative;
top:7px;
left:6px;
}
.portfolio-gallery-link .elementor-swiper-button .eicon-chevron-right {
position: relative;
top:7px;
left:8px;
}
.portfolio-gallery-link .elementor-swiper-button-prev { left: 15px;
}
.portfolio-gallery-link .elementor-swiper-button-next { right: 15px;
}
.portfolio-gallery-link figure {
position: relative;
overflow: hidden;
padding: 0;
line-height: 0;
border-radius: 10px;
}
.portfolio-gallery-link figure:before {
content: ' ';
background: transparent;
width: 100%;
height: 100%;
position: absolute;
transition: background 0.2s;
}
.portfolio-gallery-link figure:hover:before {
background: rgba(0,0,0,0.5);
}
.portfolio-gallery-link figure:after {
line-height: 1em;
content: 'View Details';
display: block;
height: 47px;
width: 184px;
text-align: center;
background: transparent;
padding:10px;
color: transparent;
font-size: 24px;
font-weight: 600;
font-family: "Titillium Web";
position:absolute;
top:calc((100% - 47px)/2);
left: calc((100% - 184px)/2);
border-bottom: 2px solid transparent;
transition: background 0.5s, color 0.5s, border-bottom 0.25s;
}
.portfolio-gallery-link figure:hover:after {
background: rgba(186, 12, 47, 0.82);
color: #fff;
border-bottom: 2px solid #BA0C2F;
}
@media screen and (max-width: 1024px) {
.portfolio-gallery-link .elementor-swiper-button {
opacity: 1; }
.portfolio-gallery-link .elementor-swiper-button-prev {
left: -12px;
}
.portfolio-gallery-link .elementor-swiper-button-next {
right: -12px;
}
}
.home-portfolio-link .elementor-widget-container {
position: relative;
overflow: hidden;
padding: 0;
line-height: 0;
border-radius: 10px;
}
.home-portfolio-link .elementor-widget-container:after {
line-height: 1em;
content: 'View Details';
display: block;
height: 47px;
width: 184px;
text-align: center;
background: transparent;
padding:10px;
color: transparent;
font-size: 24px;
font-weight: 600;
font-family: "Titillium Web";
position:absolute;
top:calc((100% - 47px)/2);
left: calc((100% - 184px)/2);
border-bottom: 2px solid transparent;
transition: background 0.5s, color 0.5s, border-bottom 0.25s;
}
.home-portfolio-link .elementor-widget-container:hover:after {
background: rgba(186, 12, 47, 0.82);
color: #fff;
border-bottom: 2px solid #BA0C2F;
}
/*Textbox bullets*/
.elementor-widget-text-editor ul {
list-style-image: url(https://drumcreative.com/wp-content/uploads/2021/03/bullet.png);
margin-bottom: 17px;
}
.elementor-widget-text-editor ul li {
padding-left: 4px;
}
/*Custom tag styling*/
.formatted-tags .elementor-post-info__terms-list-item {
background: #F4F3F3;
padding: 6px 10px 8px;
border-radius: 10px;
color: #736D6C !important;
}
.formatted-tags .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
display: inline-block;
margin-bottom: 12px
}
.formatted-tags .elementor-post-info__item--type-custom {
background: #F4F3F3;
padding: 4px 10px 6px;
border-radius: 10px;
margin-top: -4px;
color: #BA0C2F !important;
margin-bottom: 10px !important;
}
.formatted-tags.linked .elementor-post-info__terms-list-item:hover, .formatted-tags.linked .elementor-post-info__item--type-custom:hover {
color: #7B021F !important;
}
/*Remove last entry from breadcrumbs*/
.breadcrumb_last {
display: none !important;
}
/*--FLEXBOX--*/
/*Services Blue Boxes*/
.services-responsive-wrap .elementor-inner-column {
flex: 0 0 33%;
}
.services-responsive-wrap .elementor-row {
flex-wrap: wrap;
justify-content: center;
}
@media screen and (min-width: 1101px) {
.services-responsive-wrap .elementor-inner-column.half-width {
flex: 0 0 calc(50% - 7px);
}
}
@media screen and (min-width: 600px) {
.services-responsive-wrap .elementor-inner-column.full-width {
flex: 0 0 calc(100% - 14px);
}
}
@media screen and (max-width: 1100px) {
.services-responsive-wrap {
max-width: 780px;
margin: auto;
}
}
@media screen and (max-width: 1100px) and (min-width: 600px) {
.services-responsive-wrap .elementor-inner-column {
flex: 0 0 50%;
}
}
@media screen and (max-width: 599px) {
.services-responsive-wrap .elementor-inner-column {
flex: 0 0 100%;
max-width: 375px;
margin: auto;
}
}
/*--FORMS--*/
/*Small Labels*/
.gform_wrapper form li.small-label, .gform_wrapper li.small-label {
margin-top: 10px !important;
}
.small-label.gfield_text .gfield_label, .small-label.gfield_email .gfield_label, .small-label.gfield_textarea .gfield_label{
position: absolute;
left: 12px;
font-size: 15px !important;
color: #736D6C !important;
}
.gform_wrapper .top_label .small-label.gfield_address .gfield_label, .gform_wrapper .top_label .small-label.gfield_name .gfield_label
{
display: none !important;
}
.small-label .ginput_complex span label
{
position: relative;
top: -54px;
left: 12px;
margin-bottom: -15px !important;
}
/*Fix Dropdown arrow*/
.pp-gf-select-custom select {
display: inline-block;
}
/*Title Spacing*/
.gform_wrapper {
margin-top: 20px !important;
}
/*Section Headers*/
.gform_wrapper .gsection {
margin: 0 !important;
}
.gform_wrapper h2.gsection_title {
letter-spacing: 0.9px !important;
}
/*Remove line before Next button*/
.gform_page_footer {
border-top: none !important;
}
/*Remove opacity of progress label*/
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
opacity: 1 !important;
margin: 0 0 8px 0 !important;
}
/*Complex Multiple field labels have same style as descriptions*/
.normal-form-styling .ginput_complex label {
color: #736D6C !important;
}
.gform_wrapper .small-label .ginput_complex.ginput_container {
margin-top: 0 !important;
}
.ginput_complex label {
font-size: 14px !important;
letter-spacing: 0 !important;
padding-top: 5px;
}
.normal-form-styling .gform_wrapper label.gfield_label, .normal-form-styling .gform_wrapper legend.gfield_label {
color: #101820 !important;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
font-weight: inherit !important;
}
/*Error Messages*/
.gform_validation_error .gform_body {
margin-top: 30px;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.small-label div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.small-label label.gfield_label{
margin-top: 0px !important;
}
.gform_wrapper li.gfield.gfield_error, .gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
margin-top: 10px !important;
padding-top: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
}
.gform_wrapper .gform_validation_errors {
border: none !important;
background: none !important;
margin: 40px auto !important;
box-shadow: none !important;
text-align: center !important;
max-width: 600px !important;
}
.gform_validation_errors>h2{
font-size: 16px !important;
font-weight: 700 !important;
color: #790000 !important;
}
.validation_list {
display: none;
}
.validation_error, .gfield_description.validation_message {
font-weight: bold !important;
}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
background: none !important;
border: none !important;
padding: 0 0 !important;
}
.validation_error, .gform_wrapper div#error {
margin-bottom: 0px !important;
}
.pp-gravity-form #error {
margin-right: 20px !important;
background: #BA0C2F !important;
}
/*Custom Radio and Checkbox Styling*/
.gfield_checkbox input, .gfield_radio input {
box-shadow: 0px 1px 10px -5px rgba(0, 0, 0, 0.26)
}
.ginput_container_checkbox, .ginput_container_radio {
padding-left: 20px !important;
padding-bottom: 10px !important;
}
.normal-form-styling .gfield_checkbox label, .normal-form-styling .gfield_radio label {
color: #707070 !important;
}
.gfield_checkbox label, .gfield_radio label {
font-size: 16px !important;
margin-left: 8px !important;
margin-top: 5px !important;
}
.dark-form legend.gfield_label {
color: #fff !important;
}
/*Custom Radio Buttons*/
.pp-custom-radio-checkbox input[type="radio"]:before {
position: absolute;
left: 6px;
top: 11px;
height:14px !important;
width: 14px !important;
}
/*Custom Checkboxes*/
.pp-custom-radio-checkbox input[type="checkbox"]:before {
background-size: 24px !important;
content: "";
position: absolute;
left: 1px;
top: 5px;
height:24px !important;
width: 24px !important;
}
.pp-custom-radio-checkbox input[type="checkbox"]:checked:before {
background-image: url(/wp-content/uploads/2020/11/Check.png) !important;
background-color: rgba(255, 255, 255, 0)!important;
}
/*--END FORM STYLING--*/
/*
___ __ ___ _ _
|_ )/ \|_ )| | |
/ /| () |/ / |_ _|
/___|\__//___| |_|
2024 STYLES START HERE
*/
/* colors */
.elementor-kit-629 {
--text: var(--e-global-color-text);
--primary: var(--e-global-color-primary);
--secondary: var(--e-global-color-d4f9c1c);
--accent: var(--e-global-color-accent);
--cherry: var(--e-global-color-6d1e617);
--aqua: var(--e-global-color-d4f9c1c);
--dark-aqua: var(--e-global-color-4882e5a);
}
/* focus ring */
:focus, :focus-visible,
[type=button]:focus,
[type=submit]:focus,
button:focus {
outline-color: var(--secondary);
}
/* fix overflow */
html, body { overflow-x: hidden; }
/* full width template */
.elementor-template-full-width header .elementor-sticky,
.single-portfolio header .elementor-sticky {
position: static;
}
/* type helpers */
.elementor-kit-629 p:last-of-type, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }
/* buttons - sliding hover animation */
.elementor-kit-629 .elementor-widget-button:not(.naked) .elementor-button {
display: inline-flex;
position: relative;
}
.elementor-kit-629 .elementor-widget-button:not(.naked) .elementor-button::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: white;
transition: all 0.3s ease-out;
visibility: hidden;
}
.elementor-kit-629 .elementor-widget-button:not(.naked) .elementor-button:hover::before,
.elementor-kit-629 .elementor-widget-button:not(.naked) .elementor-button:focus::before {
width: 100%;
visibility: visible;
}
.elementor-kit-629 .elementor-widget-button:not(.naked) .elementor-button .elementor-button-icon:has( + .elementor-button-text) {
position: absolute;
top: 50%;
right: 0;
display: flex;
width: 2em;
height: 2em;
aspect-ratio: 1;
place-content: center;
place-items: center;
background: var(--secondary);
border-radius: 100%;
transform: translate(50%, -50%);
place-content: center;
font-size: smaller;
color: white;
transition: all 0.3s ease-out;
}
.elementor-kit-629 .elementor-widget-button:not(.naked) .elementor-button:hover .elementor-button-icon:has( + .elementor-button-text) {
width: auto;
height: 100%;
border-radius: 0;
transform: translate(100%, -50%);
}
.elementor-kit-629 .elementor-widget-button:not(.naked) .elementor-button .elementor-button-icon,
.elementor-kit-629 .elementor-widget-button:not(.naked) .elementor-button .elementor-button-text {
position: relative;
}
span.red {
color: var(--primary);
}
/* editor fixes */
.elementor-kit-629 .type-elementor_library > .page-header {
display: none;
}
.elementor-kit-629.elementor-editor-active .type-elementor_library .elementor-sticky--active {
position: static !important;
}
.elementor-kit-629.elementor-editor-active .type-elementor_library .elementor-sticky--active + section {
display: none !important;
}
/* popup fixes */
[data-elementor-type="popup"] {
max-height: 100% !important;
}
/* search fixes */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none !important;
}
/* grow animation */
.elementor-kit-629 .elementor-animation-grow:active, .elementor-kit-629 .elementor-animation-grow:focus, .elementor-kit-629 .elementor-animation-grow:hover {
transform: scale(1.05)
}
/* social icon fixes */
.elementor-kit-629 .elementor-social-icon {
display: flex;
}
/* text path fixes */
.elementor-kit-629 .elementor-widget-text-path.elementor-widget-empty {
display: block;
background: transparent;
}
.elementor-kit-629 .elementor-widget-text-path .elementor-widget-empty-icon {
display: none !important;
}
/* menu anchors */
.elementor-kit-629 .elementor-widget-menu-anchor {
--offset: -100px;
position: relative;
transform: translateY(var(--offset));
z-index: -9999;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
/* forms */
.elementor-kit-629 .gform-theme--foundation {
--gf-form-gap-y: 1rem;
}
.elementor-kit-629 .gfield_label {
line-height: 1em;
}
.elementor-kit-629 .gform_required_legend {
display: none;
}
.elementor-kit-629 form:not(.elementor-login) [type=submit],
.elementor-kit-629 .gform_wrapper.gravity-theme [type=submit] {
background: var(--accent) !important;
border: 0;
color: white;
margin: 0 auto;
padding: 10px 30px;
}
.elementor-kit-629 .gform_wrapper.gravity-theme .gform_footer {
margin: 0;
padding-bottom: 0;
}
/* xl outlined text */
.elementor-kit-629 .xl-outlined-text .elementor-heading-title {
color: transparent !important;
--stroke-color: var(--e-global-color-b3b908b);
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--stroke-color);
}
.elementor-kit-629 .xl-outlined-text.white .elementor-heading-title {
--stroke-color: white;
}
.elementor-kit-629 .xl-outlined-text.success .elementor-heading-title {
--stroke-color: var(--e-global-color-129055a) !important;
}
@media (max-width: 767px) {
.elementor-kit-629 .xl-outlined-text .elementor-heading-title {
-webkit-text-stroke-width: 1px;
}
}
/* glass blur fx */
.elementor-kit-629 .glass {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
/* admin bar offsets */
body.admin-bar {
--admin-bar-height: 32px;
}
body.admin-bar .admin-bar-offset {
min-height: calc( var(--min-height) - var(--admin-bar-height) );
}
body.admin-bar .admin-bar-offset-2x {
min-height: calc( var(--min-height) - calc( 2 * var(--admin-bar-height) ) );
}
body.admin-bar .elementor-widget-spacer.admin-bar-offset > .elementor-widget-container > .elementor-spacer > .elementor-spacer-inner {
height: calc( var(--spacer-size) - var(--admin-bar-height) );
}
@media (max-width: 782px) {
body.admin-bar {
--admin-bar-height: 46px;
}
}
/* pulse icon */
.elementor-kit-629 .pulse-icon .elementor-icon {
display: flex;
animation: pulseIcon 2s infinite ease-in-out;
cursor: pointer;
}
@keyframes pulseIcon {
0%, 100% {
transform: scale(1);
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
}
50% {
transform: scale(1.25);
filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.5));
}
}
/* client logo animation */
#client-logos .swiper-wrapper {
animation: scrollLogos 60s linear infinite;
width: max-content;
}
#client-logos img {
margin: auto;
display: block;
width: max( 10vw, 120px );
max-height: 80px;
aspect-ratio: 1.2;
object-fit: contain;
opacity: 0.4;
}
@keyframes scrollLogos {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}
}
/* flipbox */
.flipbox .elementor-flip-box {
height: 100% !important;
min-height: 110px;
}
.flipbox .elementor-flip-box__layer__inner .elementor-icon-wrapper {
display: inline-block;
margin: 0 auto;
vertical-align: middle;
padding-right: 20px;
border-right: 2px solid var(--e-global-color-9de93eb);
margin-right: 20px;
}
.flipbox h3.elementor-flip-box__layer__title {
display: inline-block;
margin: 0 auto;
vertical-align: middle;
}
.flipbox h3.elementor-flip-box__layer__title::after {
content: '+ Learn More';
display: block;
color: var(--secondary);
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
font-family: 'Mulish';
}
.flipbox .elementor-flip-box__layer__inner .elementor-icon-wrapper .elementor-icon {
margin-top: 12px;
}
.flipbox .elementor-flip-box__layer {
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1024px) {
.flipbox .elementor-flip-box__layer__inner .elementor-icon-wrapper {
padding-right: 15px;
margin-right: 15px;
}
.flipbox h3.elementor-flip-box__layer__title {
max-width: 60%;
font-size: 24px !important;
}
}
@media (max-width: 1024px) {
.flipbox .elementor-flip-box {
min-height: 150px !important;
}
}
/**
* FLYWHEEL
*/
#flywheel {
--n: 0;
--center-x: -5%;
--center-y: 50%;
--wheel-size: round( 100vw, 10px );
--dot-size: 32px;
--border-size: 3px;
--total-dots: 5;
--span-factor: 1;
--degrees: 90deg;
--starting-dot: 0deg;
--transition-all: all 300ms ease-in;
opacity: 1 !important;
max-height: 800px;
background: var(--e-global-color-4225cc0);
}
#flywheel .swiper,
#flywheel .swiper-wrapper,
#flywheel .swiper-slide {
height: var(--wheel-size) !important;
overflow: visible;
}
/* arrows */
#flywheel .elementor-swiper-button {
--offset-x: max(5vw, 50px);
top: calc( var(--center-y) + var(--offset-y) );
left: calc( var(--center-x) + var(--wheel-size) / 2 + var(--offset-x) );
right: auto;
bottom: auto;
z-index: 10;
width: max(5vw, 50px);
height: max(5vw, 50px);
display: flex;
place-content: center;
align-items: center;
transform: translate(-50%,-50%) rotate(-90deg) scale(0.5);
transition: var(--transition-all);
}
#flywheel .elementor-swiper-button:not(:hover) {
opacity: 0.25;
}
#flywheel .elementor-swiper-button-prev {
--offset-y: min(-5vw, -50px);
content: url(https://drumcreative.com/wp-content/uploads/2024/08/icon-carousel-prev.svg);
}
#flywheel .elementor-swiper-button-next {
--offset-y: max(5vw, 50px);
content: url(https://drumcreative.com/wp-content/uploads/2024/08/icon-carousel-next.svg);
}
#flywheel .elementor-swiper-button i {
display: none;
}
/* pagination */
#flywheel .swiper-pagination {
--x: -50%;
--y: -50%;
--rotation: calc(var(--degrees) * var(--span-factor) / var(--total-dots) * (-1 * var(--n)) + var(--starting-dot));
top: calc( 0% + var(--center-y) );
left: calc( 0% + var(--center-x) );
bottom: auto !important;
right: auto !important;
width: var(--wheel-size);
height: var(--wheel-size);
transform: translate( var(--x), var(--y) ) rotate( var(--rotation) );
transition: var(--transition-all);
}
#flywheel .swiper-pagination::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: var(--border-size) solid white;
border-radius: 100%;
}
/* dot placements */
#flywheel .swiper-pagination-bullet {
--n: 0;
position: absolute;
top: 50%;
left: 50%;
width: var(--dot-size) !important;
height: var(--dot-size) !important;
margin: 0;
border-radius: 100%;
transform: rotate( calc( var(--degrees) * var(--span-factor) / var(--total-dots) * var(--n) ) ) translate( calc( var(--wheel-size) / 2 - ( var(--dot-size) / 2 ) - ( var(--border-size) / 2 ) ), -50% );
transform-origin: top left;
}
#flywheel .swiper-pagination-bullet:nth-child(1) { --n: 1; }
#flywheel .swiper-pagination-bullet:nth-child(2) { --n: 2; }
#flywheel .swiper-pagination-bullet:nth-child(3) { --n: 3; }
#flywheel .swiper-pagination-bullet:nth-child(4) { --n: 4; }
#flywheel .swiper-pagination-bullet:nth-child(5) { --n: 5; }
#flywheel .swiper-pagination-bullet:nth-child(6) { --n: 6; }
#flywheel .swiper-pagination-bullet:nth-child(7) { --n: 7; }
#flywheel .swiper-pagination-bullet:nth-child(8) { --n: 8; }
#flywheel .swiper-pagination-bullet:nth-child(9) { --n: 9; }
#flywheel .swiper-pagination-bullet:nth-child(10) { --n: 10; }
/* dot rotation */
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(1)) { --n: 1; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(2)) { --n: 2; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(3)) { --n: 3; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(4)) { --n: 4; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(5)) { --n: 5; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(6)) { --n: 6; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(7)) { --n: 7; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(8)) { --n: 8; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(9)) { --n: 9; }
#flywheel .swiper-pagination:has(.swiper-pagination-bullet-active:nth-child(10)) { --n: 10; }
/* slide content */
#flywheel .swiper-slide-contents {
--offset: 15%;
position: absolute;
top: var(--center-y);
left: calc( var(--center-x) + var(--wheel-size) / 2 + var(--offset) );
width: calc( var(--wheel-size) / 2 );
padding: 5% 15% 5% 6%;
border-radius: 200px;
background: linear-gradient(115deg, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, 0.15) 50%);
transform: translate(100%, -50%);
}
#flywheel .swiper-slide-inner::before {
--offset: max(5vw, 50px);
content: '0' attr(n);
position: absolute;
top: var(--center-y);
left: calc( 50% + var(--center-x) + var(--wheel-size) / 2 + var(--offset) );
width: max(5vw, 50px);
color: white;
font-weight: bold;
font-size: 32px;
text-align: center;
transform: translate(-50%, -50%);
}
#flywheel .swiper:not(.swiper-initialized) .swiper-slide-inner {
display: none;
}
/* slide content rotation */
#flywheel .swiper-wrapper {
top: 50%;
left: 0;
transform: translate(-50%, -50%);
}
#flywheel .swiper-slide-bg {
transform: translateX(50%);
}
#flywheel .swiper-slide-inner {
--n: 0;
--rotation: calc(var(--degrees) * var(--span-factor) / var(--total-dots) * (-1 * var(--n)) + var(--starting-dot));
transform: rotate( var(--rotation) );
transition: var(--transition-all) !important;
}
#flywheel .swiper-slide-next .swiper-slide-inner,
#flywheel .swiper-slide-duplicate-next .swiper-slide-inner {
--n: -1;
}
#flywheel .swiper-slide-prev .swiper-slide-inner,
#flywheel .swiper-slide-duplicate-prev .swiper-slide-inner {
--n: 1;
}
/* slide content motion blur */
#flywheel .swiper-slide-active .swiper-slide-inner {
filter: blur(0px);
}
#flywheel .swiper-slide:not(.swiper-slide-active) .swiper-slide-inner {
filter: blur(5px);
}
/* entry rotation animation */
#flywheel.rotate-flywheel .swiper-pagination,
#flywheel.rotate-flywheel .swiper-slide-active .swiper-slide-inner {
animation: rotateFlywheel 1s linear;
animation-delay: 500ms;
}
#flywheel.rotate-flywheel .swiper-pagination {
filter: none !important;
}
#flywheel.rotate-flywheel .swiper-slide-active .swiper-slide-inner {
--x: 0%;
--y: 0%;
}
@keyframes rotateFlywheel {
0% {
transform: translate(var(--x), var(--y)) rotate(var(--rotation));
filter: blur(0px);
}
49% {
transform: translate(var(--x), var(--y)) rotate(calc(var(--rotation) - 45deg));
filter: blur(5px);
}
51% {
transform: translate(var(--x), var(--y)) rotate(calc(var(--rotation) - 315deg));
filter: blur(5px);
}
100% {
transform: translate(var(--x), var(--y)) rotate(calc(var(--rotation) - 360deg));
filter: blur(5px);
}
}
/* rewind rotation animation */
#flywheel.rewind-flywheel .swiper-pagination,
#flywheel.rewind-flywheel .swiper-slide-inner {
animation: rotateFlywheel 1s linear;
}
#flywheel.rewind-flywheel .swiper-pagination {
--n: 1 !important;
filter: none !important;
}
#flywheel.rewind-flywheel .swiper-slide-inner {
--n: 0 !important;
--x: 0%;
--y: 0%;
}
/* laptop */
@media (max-width: 1600px) {
#flywheel {
--height: 600px;
min-height: var(--height);
}
}
/* tablet */
@media (max-width: 1024px) {
#flywheel {
--dot-size: 24px;
}
}
/* tablet */
@media (max-width: 1024px) {
#flywheel {
--dot-size: 24px;
}
}
/* mobile */
@media (max-width: 767px) {
#flywheel {
--wheel-size: round(150vw, 10px);
--height: 400px;
min-height: var(--height);
}
#flywheel .swiper-pagination {
left: -50%;
}
#flywheel .elementor-swiper-button {
left: 10%;
}
#flywheel .swiper-slide-inner {
left: -100%;
}
#flywheel .swiper-slide-inner::before {
left: 80%;
font-size: 24px;
}
#flywheel .swiper-slide-contents {
position: static;
transform: translateX(50%);
width: 320px;
padding: 25px 25px 25px 100px;
background: transparent;
}
#flywheel .elementor-slide-description {
margin: 10px 0 0;
}
}
/* flywheel CTA Container */
#flywheel .flywheel-cta {
height: 100%;
}
#flywheel .flywheel-cta::before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: radial-gradient(50% 50% at 0% 50%, rgba(255, 255, 255, 0.25) 0%, transparent 100%);
pointer-events: none;
}
@media (min-width: 1400px) {
#flywheel .flywheel-cta {
left: calc( 50% - 700px );
max-width: 600px;
}
#flywheel .flywheel-cta::before {
left: calc( -50vw + 700px );
}
}
@media (max-width: 767px) {
#flywheel .flywheel-cta {
display: none !important;
height: auto !important;
left: auto !important;
}
#flywheel .flywheel-cta::before {
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.25) 0%, transparent 100%);
}
}
/* Transparent Header */
.elementor-kit-629:has(#hero-video, .force-transparent-header):not(:has(.hero-video-active)) header > .e-con:not(.she-header) {
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
/* Hero Video Reveal */
body:has(#hero-video)::before {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100vh;
background: var( --e-global-color-4225cc0 );
transform: translateY(-100%);
}
#hero-video,
#hero-video .svg-mask,
#hero-video .content {
--min-height: calc(var(--vh, 1vh) * 100);
--transition: all 0.5s ease-out;
}
#hero-video {
padding-bottom: var(--min-height);
}
#hero-video .elementor-background-video-container {
position: fixed;
bottom: 0;
height: var(--min-height);
}
#hero-video .svg-mask {
--size: 2560px;
--pos-x: 50%;
--pos-y: 51.25%;
--origin-x: calc( var(--size) * -0.183 );
--origin-y: calc( var(--size) * 0.020 );
--mask: url('data:image/svg+xml,');
--max-scale: 100;
mask: var(--mask);
mask-size: var(--size);
mask-position: var(--pos-x) var(--pos-y);
mask-repeat: no-repeat;
mask-composite: exclude;
-webkit-mask-image: var(--mask);
-webkit-mask-size: var(--size);
-webkit-mask-position: var(--pos-x) var(--pos-y);
-webkit-mask-repeat: no-repeat;
-webkit-mask-composite: exclude;
pointer-events: none;
will-change: transform, opacity;
position: fixed;
top: calc( var(--vh, 1vh) * 50 - var(--admin-bar-height, 0px) / 2 + var(--admin-bar-height, 0px) );
height: var(--size);
transform: translateY( calc( 0% - var(--pos-y) ) ) scale3d(var(--scale, 1), var(--scale, 1), 1);
transform-origin: calc( var(--pos-x) + var(--origin-x) ) calc( var(--pos-y) + var(--origin-y) ) !important;
transition: var(--transition);
background-clip: text;
}
body.elementor-editor-active #hero-video .svg-mask,
body.e-preview--show-hidden-elements #hero-video .svg-mask {
z-index: 0;
}
@media (min-width: 1401px) {
#hero-video .content {
--gap: 0;
transition: var(--transition);
}
#hero-video .content-inner {
padding: 10px;
transform: translateX( calc( 10px + 3vw ) );
}
}
@media (max-width: 1400px) and (min-width: 1025px) {
#hero-video .content {
--content-width: 1000px;
}
}
@media (max-width: 1400px) {
#hero-video .svg-mask {
--size: 1920px;
}
}
@media (max-width: 1024px) {
#hero-video .svg-mask {
--size: 1400px;
}
}
@media (max-width: 767px) {
#hero-video .svg-mask {
--vh: 1vh;
--size: 1600px;
--pos-y: 60.5%;
--origin-x: -0.2%;
--origin-y: calc( -80px - 5vh);
mask-position: calc( 50% + calc( var(--size) * 0.177 ) ) 50%;
}
}
/* Hero Video v3 Styles */
#hero-video-v3,
#hero-video-v3 .svg-mask,
#hero-video-v3 .content {
--min-height: calc(var(--vh, 1vh) * 100);
--transition: all 0.5s ease-out;
transition: var(--transition);
}
#hero-video-v3 .svg-mask {
--size: 2560px;
--pos-x: 50%;
--pos-y: 51.25%;
--origin-x: calc( var(--size) * -0.183 );
--origin-y: calc( var(--size) * 0.020 );
--mask: url('data:image/svg+xml,');
--max-scale: 50;
mask: var(--mask);
mask-size: var(--size);
mask-position: var(--pos-x) var(--pos-y);
mask-repeat: no-repeat;
mask-composite: exclude;
-webkit-mask-image: var(--mask);
-webkit-mask-size: var(--size);
-webkit-mask-position: var(--pos-x) var(--pos-y);
-webkit-mask-repeat: no-repeat;
-webkit-mask-composite: exclude;
pointer-events: none;
will-change: transform, opacity;
position: absolute;
top: calc( var(--vh, 1vh) * 50 - var(--admin-bar-height, 0px) / 2 );
height: var(--size);
transform: translateY( calc( 0% - var(--pos-y) ) ) scale3d(var(--scale, 1), var(--scale, 1), 1);
transform-origin: calc( var(--pos-x) + var(--origin-x) ) calc( var(--pos-y) + var(--origin-y) ) !important;
background-clip: text;
}
body.elementor-editor-active #hero-video-v2 .svg-mask,
body.e-preview--show-hidden-elements #hero-video-v3 .svg-mask {
z-index: 0;
}
@media (min-width: 1401px) {
#hero-video-v3 .content {
--gap: 0;
}
#hero-video-v3 .content-inner {
padding: 10px;
transform: translateX( calc( 10px + 3vw ) );
}
}
@media (max-width: 1400px) and (min-width: 1025px) {
#hero-video-v3 .content {
--content-width: 1000px;
}
}
@media (max-width: 1400px) {
#hero-video-v3 .svg-mask {
--size: 1920px;
}
}
@media (max-width: 1024px) {
#hero-video-v3 .svg-mask {
--size: 1400px;
}
}
@media (max-width: 767px) {
#hero-video-v3 .svg-mask {
--vh: 1vh;
--size: min(165vh, 1200px);
--pos-y: 65%;
--origin-x: -0.2%;
--origin-y: calc( -100px - 5vh);
mask-position: calc( 50% + calc( var(--size) * 0.177 ) ) 50%;
}
}
/* play hero video trigger */
#hero-video-v3:has(#play_hero_video:hover) .svg-mask {
--scale: 1.1;
}
/* close hero video trigger */
#hero-video-v3:not(.hero-video-active) #close_hero_video {
pointer-events: none;
}
#hero-video-v3 .close-video-button {
transition: var(--transition);
}
#hero-video-v3:not(.hero-video-active) .close-video-button {
transform: translateX(100%);
}
/* hero video active state */
#hero-video-v3.hero-video-active .svg-mask {
--scale: var(--max-scale) !important;
transition-duration: 2s !important;
}
#hero-video-v3.hero-video-active .fade-out-for-video {
opacity: 0 !important;
pointer-events: none !important;
}
#hero-video-v3.hero-video-active {
cursor: url('/wp-content/uploads/2024/08/back-btn.svg') 35 35, auto;
}
/* hero value stacks */
.elementor-kit-629 .value-stack-swiper .swiper,
.elementor-kit-629 .value-stack-swiper .swiper-wrapper,
.elementor-kit-629 .value-stack-swiper .swiper-slide {
height: calc( var(--min-height) + var(--padding-top) + var(--padding-bottom) ) !important;
}
.elementor-kit-629 .value-stack-swiper .swiper-slide {
transition: all 1s ease-out;
}
.elementor-kit-629 .value-stack-swiper .swiper-slide:not(.swiper-slide-active) {
opacity: 0;
}
.elementor-kit-629 .value-stack-swiper .elementor-icon-box-title {
margin-top: 0;
}
.elementor-kit-629 .value-stack-swiper .elementor-icon-box-wrapper {
align-items: center;
}
.elementor-kit-629 .value-stack-swiper .elementor-icon {
display: block;
}
@media (min-width: 1401px) {
.elementor-kit-629 .value-stack-swiper {
--slide-gap: 15px;
}
.elementor-kit-629 .value-stack-swiper .swiper-wrapper {
transform: none !important;
}
.elementor-kit-629 .value-stack-swiper .swiper-slide {
margin-right: var(--slide-gap) !important;
opacity: 1 !important;
width: calc( 100% / 3 - var(--slide-gap) ) !important;
}
.elementor-kit-629 .value-stack-swiper .swiper-slide-duplicate {
display: none;
}
.elementor-kit-629 .value-stack-swiper .elementor-icon-box-icon {
--icon-box-icon-margin: 15px;
}
.elementor-kit-629 .value-stack-swiper .elementor-widget-icon-box.animated .elementor-animation-pop {
animation-name: elementor-animation-pop;
animation-duration: 0.5s;
animation-timing-function: ease-out;
animation-delay: 0.5s;
}
}
@media (max-width: 1400px) {
.elementor-kit-629 .value-stack-swiper .swiper:not(.swiper-initialized) {
opacity: 0 !important;
}
.elementor-kit-629 .value-stack-swiper .swiper-initialized {
animation-name: fadeInUp;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: 0.8s;
}
.elementor-kit-629 .value-stack-swiper .swiper-slide-active .elementor-animation-pop {
animation-name: elementor-animation-pop;
animation-duration: 0.5s;
animation-timing-function: ease-out;
animation-delay: 0.5s;
}
.elementor-kit-629 .value-stack-swiper .elementor-widget-icon-box {
animation: none;
visibility: visible;
}
}
@media (max-width: 767px) {
.elementor-kit-629 .value-stack-swiper .elementor-icon-box-title {
max-width: 78vw;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
/* work showcase */
.elementor-kit-629 .work-showcase .glass,
.elementor-kit-629 .work-showcase .elementor-icon-box-icon,
.elementor-kit-629 .work-showcase .elementor-motion-effects-container,
.elementor-kit-629 .work-showcase .elementor-background-video-container {
transition: all 200ms ease-in !important;
}
.elementor-kit-629 .work-showcase .elementor-icon-box-wrapper {
align-items: center;
}
.elementor-kit-629 .work-showcase .elementor-icon-box-icon {
display: flex;
}
/* work showcase hover state */
.elementor-kit-629 .work-showcase:hover .elementor-icon-box-icon {
transform: translateX(25%);
}
.elementor-kit-629 .work-showcase:hover .glass {
padding-top: calc( 10px + var(--padding-top) );
padding-bottom: calc( 10px + var(--padding-bottom) );
}
.elementor-kit-629 .work-showcase:hover .elementor-motion-effects-container,
.elementor-kit-629 .work-showcase:hover .elementor-background-video-container {
transform: scale(1.1);
}
/* our work anchor offsets */
.elementor-kit-629 .work-offset-anchor {
--offset: -64px;
margin-top: var(--offset);
padding-top: calc( -1 * var(--offset) );
}
@media (max-width: 1024px) {
.elementor-kit-629 .work-offset-anchor {
--offset: -48px;
}
}
@media (max-width: 767px) {
.elementor-kit-629 .work-offset-anchor {
--offset: -58px;
}
}
/* work deck */
#work-deck {
--width: auto;
--vert-nav-width: min( 20vw, 300px );
--vert-nav-padding: max( 15vh, 25px );
margin-left: var(--vert-nav-width);
}
#work-deck .work-deck-nav {
margin-left: calc( -1 * var(--vert-nav-width) );
}
/* work progress tracker */
#work-deck .work-progress {
position: absolute;
top: 0;
left: min( 50px, var(--vert-nav-width) );
margin-top: var(--vert-nav-padding);
width: auto;
max-width: none;
height: calc( 100% - 2 * var(--vert-nav-padding) ) !important;
aspect-ratio: 1;
transform: translateX(-50%);
pointer-events: none;
}
#work-deck .work-progress::before {
content: '';
position: absolute;
top: calc( -1 * var(--vert-nav-padding) );
left: 50%;
width: var(--horizontal-height);
height: 100vh;
background: var( --e-global-color-9de93eb );
transform: translateX(-50%);
}
#work-deck .work-progress::after {
content: '';
position: absolute;
top: calc( -1 * var(--vert-nav-padding) );
left: 50%;
width: var(--horizontal-height);
height: var(--vert-nav-padding);
background: var(--aqua);
transform: translateX(-50%);
}
#work-deck .work-progress .elementor-scrolling-tracker {
position: absolute;
top: -1px;
left: 50%;
width: 100%;
max-width: none;
transform: rotate(90deg);
transform-origin: 0;
}
/* work deck nav */
#work-deck .work-deck-nav .e-n-menu-title:not(.e-current):not(:hover) {
opacity: 0.5;
}
#work-deck .work-deck-nav .e-n-menu-wrapper:not(:has(.e-current)) .e-n-menu-item:first-child .e-n-menu-title,
#work-deck .work-deck-nav .e-n-menu-wrapper:not(:has(.e-current)) .e-n-menu-item:first-child .e-n-menu-title::before {
opacity: 1 !important;
}
#work-deck .work-deck-nav .e-n-menu-title::before {
content: '';
position: absolute;
top: 50%;
left: -25px;
width: 12px;
height: 12px;
background: var(--aqua);
border-radius: 50%;
box-shadow: 0px 3px 12px 0px rgb(0 191 179 / 70%);
transform: translate( -50%, -50% );
transition: all 0.3s ease;
opacity: 0;
}
#work-deck .work-deck-nav .e-current::before {
opacity: 1;
}
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item > .e-current ) .e-n-menu-title:not(.e-current)::before {
top: calc( -50% - var(--n-menu-title-space-between) );
opacity: 0;
}
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item:nth-child(n + 2) > .e-current ) .e-n-menu-item:nth-child(1) > .e-n-menu-title::before,
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item:nth-child(n + 3) > .e-current ) .e-n-menu-item:nth-child(2) > .e-n-menu-title::before,
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item:nth-child(n + 4) > .e-current ) .e-n-menu-item:nth-child(3) > .e-n-menu-title::before,
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item:nth-child(n + 5) > .e-current ) .e-n-menu-item:nth-child(4) > .e-n-menu-title::before,
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item:nth-child(n + 6) > .e-current ) .e-n-menu-item:nth-child(5) > .e-n-menu-title::before,
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item:nth-child(n + 7) > .e-current ) .e-n-menu-item:nth-child(6) > .e-n-menu-title::before,
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item:nth-child(n + 8) > .e-current ) .e-n-menu-item:nth-child(7) > .e-n-menu-title::before,
#work-deck .work-deck-nav .e-n-menu-wrapper:has( .e-n-menu-item:nth-child(n + 9) > .e-current ) .e-n-menu-item:nth-child(8) > .e-n-menu-title::before {
top: calc( 150% + var(--n-menu-title-space-between) );
opacity: 0;
}
/* work deck - small screens */
@media (max-width: 1399px) {
#work-deck {
--vert-nav-width: 50px;
}
#work-deck .work-deck-nav {
overflow: visible;
}
#work-deck .work-deck-nav .work-nav-menu {
--n-menu-title-font-size: 0;
}
#work-deck .work-deck-nav .work-nav-menu > .elementor-widget-container {
padding-right: 0;
padding-left: 50px;
}
#work-deck .work-deck-nav .e-n-menu-icon {
margin-left: calc( 0px - var(--vert-nav-width) / 2 );
transform: translateX(-50%);
}
#work-deck .work-deck-nav .e-n-menu-title::before {
left: 0;
}
}
/* our work video carousel */
.elementor-kit-629 .work-videos {
--title-width: min( 350px, 32vw);
}
.elementor-kit-629 .work-videos .elementor-main-swiper,
.elementor-kit-629 .work-videos .elementor-main-swiper .swiper-wrapper,
.elementor-kit-629 .work-videos .elementor-main-swiper .swiper-slide {
overflow: visible;
}
.elementor-kit-629 .work-videos .elementor-main-swiper .swiper-slide:not(.swiper-slide-active) {
opacity: 0;
filter: blur(10px);
transition: all 0.5s;
pointer-events: none;
}
.elementor-kit-629 .work-videos .elementor-main-swiper .swiper-slide::before {
content: 'Video Title';
position: absolute;
left: 50px;
bottom: 50px;
z-index: 1;
width: var(--title-width);
padding-right: 100px;
padding-bottom: 10px;
border-bottom: 2px solid var(--accent);
font-family: Lato;
font-size: 28px;
font-weight: bold;
color: var(--e-global-color-4225cc0);
transform: translateX(-100%);
}
.elementor-kit-629 .work-videos .elementor-main-swiper .swiper-slide::after {
content: 'Video Length';
position: absolute;
left: 50px;
bottom: 0px;
z-index: 1;
width: var(--title-width);
padding-right: 100px;
padding-bottom: 10px;
font-family: Lato;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.1em;
transform: translateX(-100%);
}
.elementor-kit-629 .work-videos .elementor-swiper-button-prev {
left: 0;
transform: translateX(-150%);
}
.elementor-kit-629 .work-videos .elementor-swiper-button-next {
right: 0;
transform: translateX(150%);
}
.elementor-kit-629 .work-videos .elementor-thumbnails-swiper .swiper-slide:not(.swiper-slide-active) {
opacity: 0.5;
}
.dialog-lightbox-widget .swiper iframe {
height: auto;
}
.dialog-lightbox-widget .elementor-swiper-button {
display: none !important;
}
@media (max-width: 767px) {
.elementor-kit-629 .work-videos .elementor-main-swiper .swiper-slide::before,
.elementor-kit-629 .work-videos .elementor-main-swiper .swiper-slide::after {
display: none;
}
}
/* basic accordions with icons that rotate when open/close */
.accordion-rotate .e-n-accordion-item-title-icon {
padding: 15px;
background: var(--secondary);
}
.accordion-rotate .e-n-accordion-item-title-icon span i::before {
font-size: 12px;
}
.accordion-rotate .e-n-accordion-item-title[aria-expanded="true"] > span.e-n-accordion-item-title-icon > span.e-opened i {
transform: rotate(135deg);
}
.accordion-rotate .e-n-accordion-item-title > span.e-n-accordion-item-title-icon > span i {
transition: transform 500ms;
}/* End custom CSS */