.elementor-225 .elementor-element.elementor-element-56188678{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:10px;--padding-right:10px;--z-index:998;}.elementor-225 .elementor-element.elementor-element-7837a6ce{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-225 .elementor-element.elementor-element-52c67354{z-index:1;text-align:start;}.elementor-225 .elementor-element.elementor-element-52c67354 img{width:220px;}.elementor-225 .elementor-element.elementor-element-6a6a05d1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-secondary );border-width:0px;border-radius:0px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu .elementor-item{font-weight:500;text-decoration:none;line-height:1px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-bd28782 );fill:var( --e-global-color-bd28782 );padding-left:24px;padding-right:24px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main .elementor-item:hover, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main .elementor-item.highlighted, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown{background-color:var( --e-global-color-bd28782 );}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a:hover, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a:focus, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a.highlighted, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-menu-toggle:hover, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a:hover, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a:focus, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-bd28782 );background-color:var( --e-global-color-primary );}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown .elementor-item, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown .elementor-sub-item{font-size:15px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.08);}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-225 .elementor-element.elementor-element-4a15dc9a div.elementor-menu-toggle{color:var( --e-global-color-bd28782 );}.elementor-225 .elementor-element.elementor-element-4a15dc9a div.elementor-menu-toggle svg{fill:var( --e-global-color-bd28782 );}.elementor-225 .elementor-element.elementor-element-4a15dc9a div.elementor-menu-toggle:hover, .elementor-225 .elementor-element.elementor-element-4a15dc9a div.elementor-menu-toggle:focus{color:var( --e-global-color-bd28782 );}.elementor-225 .elementor-element.elementor-element-4a15dc9a div.elementor-menu-toggle:hover svg, .elementor-225 .elementor-element.elementor-element-4a15dc9a div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-bd28782 );}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-menu-toggle:hover, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-menu-toggle:focus{background-color:var( --e-global-color-accent );}.elementor-225 .elementor-element.elementor-element-4a15dc9a{--nav-menu-icon-size:25px;}.elementor-225 .elementor-element.elementor-element-0701423 > .elementor-widget-container{padding:0px 0px 0px 24px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-225 .elementor-element.elementor-element-7837a6ce{--width:25%;}.elementor-225 .elementor-element.elementor-element-6a6a05d1{--width:75%;}}@media(max-width:1366px) and (min-width:768px){.elementor-225 .elementor-element.elementor-element-7837a6ce{--width:25%;}.elementor-225 .elementor-element.elementor-element-6a6a05d1{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-225 .elementor-element.elementor-element-7837a6ce{--width:40%;}.elementor-225 .elementor-element.elementor-element-6a6a05d1{--width:60%;}}@media(max-width:1366px){.elementor-225 .elementor-element.elementor-element-56188678{--padding-top:4px;--padding-bottom:4px;--padding-left:20px;--padding-right:20px;}.elementor-225 .elementor-element.elementor-element-52c67354 img{width:220px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main .elementor-item{padding-left:22px;padding-right:22px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}}@media(max-width:1024px){.elementor-225 .elementor-element.elementor-element-56188678{--padding-top:4px;--padding-bottom:4px;--padding-left:20px;--padding-right:20px;}.elementor-225 .elementor-element.elementor-element-52c67354 img{width:200px;}.elementor-225 .elementor-element.elementor-element-6a6a05d1{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;}.elementor-225 .elementor-element.elementor-element-4a15dc9a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--dropdown a{padding-top:15px;padding-bottom:15px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:7px !important;}.elementor-225 .elementor-element.elementor-element-4a15dc9a{--nav-menu-icon-size:36px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-menu-toggle{border-width:1px;}.elementor-225 .elementor-element.elementor-element-0701423 > .elementor-widget-container{padding:0px 20px 0px 0px;}}@media(max-width:767px){.elementor-225 .elementor-element.elementor-element-56188678{--min-height:60px;--padding-top:4px;--padding-bottom:4px;--padding-left:20px;--padding-right:20px;}.elementor-225 .elementor-element.elementor-element-7837a6ce{--width:75%;}.elementor-225 .elementor-element.elementor-element-52c67354 img{width:170px;}.elementor-225 .elementor-element.elementor-element-6a6a05d1{--width:25%;}.elementor-225 .elementor-element.elementor-element-4a15dc9a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:3px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-4a15dc9a */.navmenu.elementor-element .elementor-widget-container ul.elementor-nav-menu {margin: 0 !important;} .elementor-225 .elementor-element.elementor-element-4a15dc9a .elementor-menu-toggle {border-color: var( --e-global-color-accent ) !important;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-56188678 */#header {transition: all .5s ease;} #header.elementor-sticky--effects, #header:hover { background-color: rgba(255,255,255,1); transition: all .5s ease; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);} /* logo swap */ #header .logo img {transition: all 1s ease;} #header.elementor-sticky--effects .logo img, #header:hover .logo img { width: 190px; content:url('https://www.arranplandscaping.com/wp-content/uploads/2024/10/arran-p-landscaping-logo-simple-1.png');} #header.elementor-sticky--effects .navmenu a, #header:hover .navmenu a {color: #000 !important; text-decoration: none;} #header .elementor-nav-menu--main .elementor-item.elementor-item-active, #header.elementor-sticky--effects { fill: var(--e-global-color-accent);} #header.elementor-sticky--effects .navmenu a:hover, #header:hover .navmenu a:hover {color: #233746 !important; } #header.elementor-sticky--effects .navmenu .elementor-sub-item:hover, #header:hover .navmenu .elementor-sub-item:hover {color: #fff !important;} #header .navmenu .elementor-sub-item.elementor-item-active {color: #fff !important;} #header.elementor-sticky--effects .navmenu .e-n-menu-item a { color: #233746 !important;} #header.elementor-sticky--effects #headerbtn .elementor-button, #header:hover #headerbtn .elementor-button {border-color: #000 !important;} #header .elementor-nav-menu .sub-arrow .e-font-icon-svg { transition: all .5s ease;} #header.elementor-sticky--effects .elementor-nav-menu .sub-arrow .e-font-icon-svg, #header:hover .elementor-nav-menu .sub-arrow .e-font-icon-svg { fill: #233746 !important;} /* Maximum width of 1024 pixels. */ @media screen and (max-width: 1024px) { #header.elementor-sticky--effects .elementor-nav-menu .elementor-item-active .sub-arrow .e-font-icon-svg, #header:hover .elementor-nav-menu .elementor-item-active .sub-arrow .e-font-icon-svg, #header.elementor-sticky--effects .elementor-nav-menu .highlighted .sub-arrow .e-font-icon-svg, #header:hover .elementor-nav-menu .highlighted .sub-arrow .e-font-icon-svg { fill: #fff !important;} #header .navmenu a {line-height: 1;} #header.elementor-sticky--effects .logo img, #header:hover .logo img { width: 170px; } #header.elementor-sticky--effects .navmenu a.highlighted, #header:hover .navmenu a.highlighted {color: #fff !important;} #header.elementor-sticky--effects .navmenu .elementor-nav-menu--dropdown a:hover, #header:hover .navmenu .elementor-nav-menu--dropdown a:hover {color: #fff !important;} #header.elementor-sticky--effects .navmenu .current-menu-item a, #header:hover .navmenu .current-menu-item a {color: #fff !important;} #header.elementor-sticky--effects .navmenu .current-menu-item a.elementor-sub-item , #header:hover .navmenu .current-menu-item a.elementor-sub-item {color: #000 !important;} #header.elementor-sticky--effects .navmenu .current-menu-item a.elementor-sub-item.elementor-item-active , #header:hover .navmenu .current-menu-item a.elementor-sub-item.elementor-item-active {color: #fff !important;} #header .elementor-menu-toggle {transition: all .5s ease;} #header:hover .elementor-menu-toggle {border-color: #000 !important;} } /* Maximum width of 767 pixels. */ @media screen and (max-width: 767px) { #header.elementor-sticky--effects .logo img, #header:hover .logo img { width: 140px; } }/* End custom CSS */