.elementor-kit-7{--e-global-color-primary:#0C2609;--e-global-color-secondary:#207116;--e-global-color-text:#363636;--e-global-color-accent:#FFFFFF;--e-global-color-419aff5:#000000;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-line-height:1.2em;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-bottom:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:35px;--e-global-typography-secondary-font-size:22px;--e-global-typography-text-font-size:15px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 p{margin-bottom:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//****General****/ /**Font setting for REMs - this makes setting REMs similar to using px Example: body {font-size:1.4rem;} = 14px h1 {font-size:2.4rem} = 24px**/ html { font-size: 62.5%; } body{ overflow-x: hidden; } :root{ --white:#fff; } .white h1, .white h2, .white h3, .white h4, .white h5, .white h6{ color:var(--white); } /****Top Bar/Header/Nav****/ .elementor-menu-toggle{ padding:0!important; } ul.elementor-nav-menu--dropdown a{ border-left:0!important; } /****Homepage****/ .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:15px; } /****Mobile Slide-Out Menu****/ .mobile-nav-slide-out-menu .elementor-nav-menu.sm-vertical .sub-menu{ position: relative!important; top: 0!important; width: 243px!important; text-align: right; margin-left: 0!important; margin-top: 0!important; min-width: 243px!important; max-width: 250px!important; } .mobile-nav-slide-out-menu .elementor-nav-menu.sm-vertical .sub-menu .elementor-sub-item{ justify-content:flex-end!important; background: none; } /****Pages****/ /****Sidebar****/ .elementor-widget-sidebar .widget-content form label{ display:block; } .elementor-widget-sidebar .widget-content form input[type=search]{ border-radius: 0; font-size: 1.5rem; margin-bottom:0.8rem; border: 1px solid #ddd; } .elementor-widget-sidebar .widget-content form input[type=search]:focus{ border-color:#ddd!imporant; } .elementor-widget-sidebar .widget-content form [type=submit]{ display:block; margin-bottom:3rem; padding:1em; font-size:1.4rem; line-height:1; text-shadow:none; box-shadow:none; border:none; } .widget_text.widget-content .sep{ margin:4rem 0 3rem; } /****Post Comments****/ .comment-form-comment textarea#comment{ border-radius:0; border:1px solid #ddd; font-size:1.8rem; margin-top:1rem; } .comment-respond input[type="submit"]{ text-shadow:none; box-shadow:none; border:none; padding: 0.75em 1.5em; } /****Footer****/ .footer-bottom-bar .elementor-column-gap-default>.elementor-column>.elementor-element-populated{ padding:0; } .footer-bottom-bar-link{ color:blue!important; } .footer-bottom-bar-link:hover, .footer-bottom-bar-link:focus, .footer-bottom-bar-link:active{ color:red!important; transition:0.3s; } footer .shortcode-tag{ font-family:sans-serif; } /*** Custom CSs ***/ @media screen and (max-width: 767px){ .cus-btn a{ width: 250px !important; } } /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */ @keyframes fadeDown { from { opacity: 0; transform: translate3d(0,-30px,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInDown { animation-name: fadeDown } @keyframes fadeLeft { from { opacity: 0; transform: translate3d(-30px,0,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInLeft { animation-name: fadeLeft } @keyframes fadeRight { from { opacity: 0; transform: translate3d(30px,0,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInRight { animation-name: fadeRight } @keyframes fadeUp { from { opacity: 0; transform: translate3d(0,30px,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInUp { animation-name: fadeUp }/* End custom CSS */