/* *
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
/*
Add your custom styles here
*/
.elementor-heading-title {
font-family: "Bebas Neue", Sans-serif !important;
font-weight: 400 !important;
}
.list-space li + li {
margin-top: 25px;
}
.divider{max-height: 496px;}  
.appointment-form .elementor-form{
max-width: 600px;
}
.scroll-to-top {
position: fixed;
right: 60px;
bottom: 60px;
padding: 0px;
margin: 0px;
width: 40px;
height: 40px;
}
.scroll-to-top a {
width: 40px;
height: 40px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.scroll-to-top a:hover {
background: #579538 !important;
}
.scroll-to-top a span {
margin: 0px !important;
}
.top-bar.e-con-boxed {
padding: 10px 0px 13px !important;
}
.top-bar .elementor-element,
.top-menu .elementor-element,
.top-menu .e-con-inner{
padding-bottom: 0px !important;
}
.top-menu.e-con-boxed {
padding: 0px 0px 12px !important;
}
.sticky-menu {
display: none;
}
.sticky-menu.top-menu.e-con-boxed {
padding-bottom: 0px !important;
}
.active-menu {
display: block;
position: fixed;
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
top: 0px;
left: 0px;
z-index: 10;
background: #fff;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
.test{
background:red;
}
.single-post .site-main {
max-width:100% !important;
margin: 20px auto 70px;
}
.single-post .site-main .single__post-footer, .site-main .page-header{
background-color: #EEEEEE;
padding:30px 10px;
}
.single-post .site-main .single__post-footer .socials-list{
display:flex;
flex-direction:row;
}
.single-post .site-main .single__post-footer .socials-item{
display:inline-block;
vertical-align:top;
padding:10px;
}
.single-post .single__post-footer .post-tags {
margin: 20px 0;
}
.single-post .site-main .custom-single-post .featured-image{
padding-top:2rem;
padding-bottom:2rem;
}
.single-post .site-main .custom-single-post h2 span{
color: #333333 !important;
}
.error404 .site-main{
padding-top:150px;
padding-bottom:150px;
}
.error404 .site-main .page-header, .error404 .site-main .page-content {
background-color:white;
position:relative;
text-align:center;
}
.error404 .site-main .page-header::after{
position:absolute;
content:'';
top:-90px;
right:0;
width:100%;
height:100%;
background-image: var(--wpr-bg-9b88d28b-a7f2-4510-b6dd-b9d29ab13be7);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
}
.error404 .site-main .page-header h1{
font-size: 36px;
color: #6DBE45;
font-family: "Rubik";
}
.error404 .site-main .page-content p{
margin-bottom:45px;
}
.error404 .site-main .error-btn {
color:white;
background-color:#DC3224;
padding: 10px 45px;
border-radius:0.3em;
}
@media only screen and (max-width: 485px){
.error404 .site-main .page-header h1{
font-size:28px;
}
.error404 .site-main .page-header::after{
top: -130px;
}
}
/*----------soc-----------*/
@media (min-width: 1280px)  {
.elementor-element-84abbba{
/*--width:1686px!important;---*/
width:100%!important;
height:632px!important;
}
}
@media (max-width: 767px)  {
.elementor-element-84abbba{
width:390px!important;
height:409px!important;
}
.elementor-element-84abbba{
background-image: url(https://www.homepainterstoronto.com//wp-content/uploads/2023/12/Interior-Image.webp)!important;
}
.top-menu.e-con-boxed {
padding: 0px 0px 0 !important;
}
}
/* latin */
@font-face {
font-family: 'Bebas Neue';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.page-content a {
text-decoration: none!important;
color: #6DBE45;
}
.elementor-button.elementor-button-link {
text-decoration: none !important;
}
/*-------------soc----------*/
.hero-section2 {
position: relative;
overflow: hidden;
}   
.custom-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.custom-image img {
/* width: 100%; */
/* max-width: 100%; */
/* height: auto; */
width: 100%;
height: 100%;
object-fit: cover;
object-position: 0px -140px; 
}
.custom-image:after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.28);
}
.custom-zindex {
z-index: 1;
}
.custom-image-mobile {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.custom-image-mobile img {
/* width: 100%; */
/* max-width: 100%; */
/* height: auto; */
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.custom-image-mobile:after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.28);
}
.elementor-nav-menu .sub-arrow:nth-child(2) {
display: none;
}
/**/
.top-menu.elementor-sticky--active .sticky-logo-menu ,.top-menu.elementor-sticky--active .sticky-button-menu{
display: block;
}
.sticky-button-menu , .sticky-logo-menu  {
display: none;
}
.top-menu.elementor-sticky--active nav ul li .elementor-item {
font-size: 12px !important;
transition: none;
}
.top-menu nav ul li .elementor-item {
transition: none;
}
.top-menu .top-menu-container.e-flex.e-con {
justify-content: center;
}
.top-menu.elementor-sticky--active .top-menu-container.e-flex.e-con {
justify-content: space-between;
}
.top-menu.elementor-sticky--active  {
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
@media (max-width: 1024px) { 
.top-menu.elementor-sticky--active > .e-con-inner {
padding-top:0;
}
.top-menu .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {
transform: none;
}
}
@media (max-width: 767px) { 
.top-menu.elementor-sticky--active .sticky-button-menu{
display: none;
}
}