/*
Theme Name: Green Water and Power
Author:     Provident Pro
Author URI: https://www.providentpro.com/
Version:    0.0.9
*/

#page { position:relative; }

#overlay { background-color:rgba(0, 0, 0, 0.5); height:100%; left:0; opacity:0; position:fixed; top:0; transition:all 0.3s; visibility:hidden; width:100%; z-index:100; }
.show-mobile-menu #overlay { opacity:1; visibility:visible; }

.container { padding:0 30px; width:1620px; max-width:100%; margin:0 auto; }
.container.no-padding { padding:0; }
.container-left { padding-left:calc(50vw - 780px); }
.container-right { padding-right:calc(50vw - 780px); }

.swiper { display:none; }
.swiper.swiper-initialized { display:block; }

.with_frm_style .frm_error_style p, .with_frm_style .frm_message p, .frm_success_style p { margin-bottom:0; }

.frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error { color:#a94442; }

.frm_forms .frm_rootline input { font-size:21px; font-weight:700; }
.frm_style_formidable-style.with_frm_style .frm_rootline input, .frm_style_formidable-style.with_frm_style .frm_rootline input:hover { border-radius:50%; width:60px; height:60px; }

.frm_rootline_title { font-size:21px; }

.frm_current_page .frm_rootline_title { color:#000; }

.with_frm_style .frm_error_style, .with_frm_style .frm_message, .frm_success_style { padding:24px; }

.frm_combo_inputs_container { margin-bottom:-30px; }

/* Header */
#header { background-color:#fff; position:relative; z-index:101; }

#header .navigation { border-top:36px solid #65963f; box-shadow:0 3px 9px rgba(0, 0, 0, 0.15); }

#header .navigation .columns { display:flex; gap:30px; margin-top:-24px; padding-top:24px; }

#header .logo { margin-top:-24px; padding-bottom:12px; }
#header .logo img { display:block; width:180px; transition:transform 0.3s; }
#header .logo a:hover img { transform:scale(1.05); }

#header .navigation .menu { display:flex; flex-grow:1; }

#header .navigation .menu ul { display:flex; gap:30px; list-style-type:none; padding-left:0; margin-bottom:0; }
#header .navigation .menu ul li { display:flex; font-weight:500; line-height:1; position:relative; white-space:nowrap; }
#header .navigation .menu ul li a { color:#000; display:flex; align-items:center; gap:6px; justify-content:space-between; text-decoration:none; }

#header .navigation .menu ul li::after { background-image:linear-gradient(to right, #eebf1c 0%, #c74927 100%); content:''; display:block; position:absolute; bottom:0; left:0; transition:width 0.3s; width:0; height:4px; }
#header .navigation .menu ul li.current-menu-item::after, #header .navigation .menu ul li.current-menu-ancestor::after, #header .navigation .menu ul li.hover::after { width:100%; }

#header .navigation .menu ul li.menu-item-has-children > a::after { content:'\f107'; font-family:'Font Awesome 6 Pro'; font-size:16px; font-weight:400; }

#header .navigation .menu .sub-menu { background-color:#fff; border-radius:6px; box-shadow:3px 3px 9px rgba(0, 0, 0, 0.15); display:none; min-width:100%; position:absolute; top:100%; left:0; z-index:10; }
#header .navigation .menu .sub-menu li { display:block; font-size:16px; font-weight:400; }
#header .navigation .menu .sub-menu li:first-child > a { border-top-left-radius:6px; border-top-right-radius:6px; }
#header .navigation .menu .sub-menu li:last-child > a { border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
#header .navigation .menu .sub-menu li a { padding:15px; gap:15px; transition:background-color 0.3s; }
#header .navigation .menu .sub-menu li a:hover { background-color:#f5f5f5; }

#header .navigation .menu .sub-menu li::after { content:none; }

#header .navigation .menu .sub-menu li.menu-item-has-children > a::after { content:'\f061'; }

#header .navigation .menu .sub-menu .sub-menu { top:0; left:100%; }

#header .mobile-menu-toggle { align-self:center; display:none; }
#header .mobile-menu-toggle a { background-color:#000; border-radius:50%; color:#fff; display:block; text-align:center; text-decoration:none; transition:transform 0.3s; width:60px; height:60px; line-height:60px; }
#header .mobile-menu-toggle a::before { content:'\f0c9'; font-family:'Font Awesome 6 Pro'; font-size:24px; font-weight:900; }
.show-mobile-menu #header .mobile-menu-toggle a::before { content:'\f00d'; }
#header .mobile-menu-toggle a:hover { transform:scale(1.05); }

#header .support { align-self:center; display:flex; align-items:center; gap:15px; }

#header .phone { font-size:21px; white-space:nowrap; }
#header .phone a { color:#000; font-weight:900; text-decoration:none; }
#header .phone a i { margin-right:9px; transition:transform 0.3s; }
#header .phone a:hover i { transform:scale(1.05); }

/* Mobile Menu */
#header .mobile-menu { background-color:#fff; display:none; position:absolute; top:100%; left:0; width:100%; }

#header .mobile-menu .menu ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#header .mobile-menu .menu ul li { border-top:1px solid #f2f2f2; font-weight:500; line-height:60px; white-space:nowrap; }
#header .mobile-menu .menu ul li a { color:#000; display:block; overflow:hidden; padding:0 15px; text-overflow:ellipsis; text-decoration:none; transition:background-color 0.3s; }
#header .mobile-menu .menu ul li a:hover, #header .mobile-menu .menu ul li.active > a { background-color:#f5f5f5; }

#header .mobile-menu .menu ul li.menu-item-has-children > a { padding-right:0; }

#header .mobile-menu .menu ul li a .sub-menu-toggle { display:none; float:right; height:60px; margin-left:15px; text-align:center; transition:background-color 0.3s; width:60px; }
#header .mobile-menu .menu ul li.menu-item-has-children > a .sub-menu-toggle { display:block; }
#header .mobile-menu .menu ul li a .sub-menu-toggle::before { content:'\f105'; font-family:'Font Awesome 6 Pro'; }
#header .mobile-menu .menu ul li.active > a .sub-menu-toggle::before { content:'\f107'; }
#header .mobile-menu .menu ul li a .sub-menu-toggle:hover { background-color:rgba(0, 0, 0, 0.1); }

#header .mobile-menu .menu .sub-menu { display:none; }
#header .mobile-menu .menu .sub-menu li { border-top:1px solid #f2f2f2; font-size:16px; font-weight:400; }

#header .mobile-menu .phone, #header .mobile-menu .button { border-top:1px solid #f2f2f2; padding:15px; }

/* Body */
#body .layout { margin-bottom:90px; }

/* Home > Slides */
#home .slides { display:flex; align-items:center; column-gap:90px; row-gap:30px; padding:60px 0; }

#home .slides .captions, #home .slides .images { flex-basis:0; flex-grow:1; min-width:0; }

#home .slides .captions .swiper-wrapper { align-items:center; }

#home .slides .caption { font-size:4.8em; font-weight:800; line-height:0.9; padding:0.6em 0; }

#home .slides .captions .arrows { display:inline-flex; gap:0.3em; }
#home .slides .captions .arrows a { background-color:#65963f; border-radius:50%; color:#fff; font-size:1.8em; text-align:center; width:2em; height:2em; line-height:2em; transition:transform 0.3s; }
#home .slides .captions .arrows a:hover { transform:scale(1.05); }

#home .slides .images img { aspect-ratio:3 / 2; border-radius:12% / 18%; border-top-right-radius:0; border-bottom-left-radius:0; display:block; object-fit:cover; width:720px; transform:scale(0.9); transition:transform 0.6s; }
#home .slides .images .swiper-slide-active img { transform:scale(1); }

/* Home > Icon Links */
#home .icon-links { border-top-width:10px; border-top-style:solid; border-image:linear-gradient(to right, #eebf1c, #c74927) 1; }

#home .icon-links .links { background-color:#e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr)); gap:1px; }

#home .icon-links a { background-color:#fff; color:#000; font-size:24px; line-height:1; padding:90px 45px; position:relative; text-decoration:none; transition:color 0.3s; }
#home .icon-links a:hover { color:#fff; }

#home .icon-links .background-color { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.3s; }
#home .icon-links a:hover .background-color { opacity:1; }

#home .icon-links .icon { display:inline-block; font-size:36px; margin-bottom:12px; position:relative; transition:color 0.3s, transform 0.3s; }
#home .icon-links a:hover .icon { color:#fff !important; transform:scale(1.05); }

#home .icon-links .title { position:relative; }
#home .icon-links .title::after { content:'\f061'; font-family:'Font Awesome 6 Pro'; font-weight:300; margin-left:9px; transition:margin-left 0.3s; }
#home .icon-links a:hover .title::after { margin-left:15px; }

/* Home > Callout */
#home .callout { margin-bottom:90px; padding:45px 0; position:relative; }

#home .callout .background-image { background-position:center; background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; }
#home .callout .background-image::after { background-color:rgba(0, 0, 0, 0.4); content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }

#home .callout .container { position:relative; }

#home .callout .columns { display:flex; align-items:center; justify-content:space-between; column-gap:90px; row-gap:30px; }

#home .callout .text { color:#fff; max-width:100%; width:600px; }
#home .callout .text > *:last-child { margin-bottom:0; }

#home .callout .images, #home .callout .image { margin-bottom:-90px; max-width:100%; }
#home .callout .images { width:540px; }
#home .callout .image { width:360px; }

#home .callout .images img, #home .callout .image img { aspect-ratio:1; background-color:#fff; border-radius:50%; display:block; object-fit:cover; padding:3%; width:100%; }

#home .callout .images .primary { margin:0 0 -40% 30%; width:70%; }

#home .callout .images .secondary { width:50%; }

/* Home > Content Blocks + Statistics */
#home .content-blocks-statistics { margin-bottom:90px; }
#home .content-blocks-statistics .columns { display:flex; align-items:center; gap:120px; }

#home .content-blocks .heading { display:flex; align-items:center; column-gap:60px; row-gap:30px; flex-wrap:wrap; font-size:21px; font-weight:700; letter-spacing:3px; line-height:1.2; margin-bottom:60px; text-transform:uppercase; }
#home .content-blocks .heading::after { aspect-ratio:8 / 1; background-image:url('img/arrows.svg'); content:''; display:block; width:180px; }

#home .content-blocks .blocks { display:flex; flex-direction:column; gap:45px; }

#home .content-blocks .block { display:flex; align-items:center; column-gap:30px; row-gap:15px; }

#home .content-blocks .block .image { flex-shrink:0; position:relative; width:180px; }
#home .content-blocks .block .image .border { border-radius:50%; border-width:3px; border-style:solid; border-top-color:transparent !important; content:''; transform:rotate(45deg); position:absolute; top:0; left:0; width:100%; height:100%; }
#home .content-blocks .block:nth-child(2n) .image .border { transform:rotate(135deg); }
#home .content-blocks .block:nth-child(3n) .image .border { transform:rotate(225deg); }
#home .content-blocks .block:nth-child(4n) .image .border { transform:rotate(315deg); }

#home .content-blocks .block .image img { aspect-ratio:1; border:3px solid transparent; border-radius:50%; display:block; object-fit:cover; padding:3%; width:100%; }

#home .content-blocks .block .title { font-size:30px; font-weight:700; line-height:1; }

#home .content-blocks .block .description { margin-top:15px; }

#home .statistics { display:grid; grid-template-columns:repeat(2, minmax(0, 270px)); gap:75px; flex-shrink:0; }

#home .statistics .statistic { aspect-ratio:1; border-radius:3%; box-shadow:3px 3px 18px rgba(0, 0, 0, 0.15); display:flex; align-items:center; padding:30px; position:relative; }

#home .statistics .statistic .icon { background-color:#fff; font-size:54px; line-height:1; position:absolute; top:0; left:0; transform:translate(50%, -50%); }

#home .statistics .statistic .value { font-size:42px; font-weight:800; line-height:1; }
#home .statistics .statistic .value .counter { font-size:54px; }

#home .statistics .statistic .label { font-size:21px; line-height:1; }

/* Interior Header */
#interior-header { display:flex; justify-content:space-between; column-gap:90px; row-gap:30px; margin-bottom:90px; overflow:hidden; }

#interior-header .left { display:flex; flex-direction:column; }

#interior-header .page-title { display:flex; align-items:center; flex-grow:1; padding-top:90px; padding-bottom:90px; position:relative; }
#interior-header .page-title::after { background-image:linear-gradient(to right, #eebf1c, #c74927); content:''; position:absolute; bottom:0; left:0; width:100vw; height:10px; }

#interior-header .parent { font-weight:700; letter-spacing:3px; line-height:1; margin-bottom:0.6em; text-transform:uppercase; }

#interior-header h1 { font-size:4.2em; margin-bottom:0; }

#interior-header .image { align-self:flex-end; padding-top:30px; position:relative; }

#interior-header .image img { aspect-ratio:3 / 2; background-color:#fff; border-radius:12% / 18%; border-top-right-radius:0; border-bottom-left-radius:0; display:block; object-fit:cover; padding:3%; width:600px; }

#interior-header .get-quote { padding-top:30px; }
#interior-header .get-quote a { color:#000; font-size:24px; text-decoration:none; }
#interior-header .get-quote a i:first-child { color:#65963f; margin-right:9px; }
#interior-header .get-quote a i:last-child { margin-left:9px; transition:margin-left 0.3s; }
#interior-header .get-quote a:hover i:last-child { margin-left:15px; }

/* Layout > Text */
.layout.text .heading { display:flex; align-items:center; column-gap:60px; row-gap:30px; justify-content:space-between; flex-wrap:wrap; margin-bottom:60px; }
.layout.text .heading::after { aspect-ratio:12 / 1; background-image:url('img/slashes.svg'); content:''; display:block; width:300px; }

.layout.text .columns { column-gap:60px; margin:0 auto; max-width:100%; }

.layout.text .columns.two { column-count:2; }
.layout.text .columns.three { column-count:3; }

.layout.text .columns > *:last-child { margin-bottom:0; }

/* Layout > Text + Media */
.layout.text-media { display:flex; column-gap:90px; row-gap:60px; align-items:center; }
.layout.text-media.media-right { flex-direction:row-reverse; }

.layout.text-media .text { flex-basis:0; flex-grow:1; min-width:calc(50% - 45px); }
.layout.text-media .text > *:last-child { margin-bottom:0; }

.layout.text-media .media { max-width:100%; min-width:0; }

.layout.text-media .image img { display:block; }

.layout.text-media .video iframe { aspect-ratio:16 / 9; width:600px; max-width:100%; }

.layout.text-media .multiple-images { max-width:100%; position:relative; }
.layout.text-media .multiple-images img { display:block; position:absolute; }
.layout.text-media .multiple-images img.round { aspect-ratio:1; background-color:#fff; border-radius:50%; object-fit:cover; padding:1.5%; }

/* Layout > Separator */
.layout.separator .arrow { text-align:center; }
.layout.separator .arrow::before { color:#e6e6e6; content:'\f078'; font-family:'Font Awesome 6 Pro'; font-size:60px; line-height:1; }

/* Layout > Icon Grid */
.layout.icon-grid .heading { font-size:21px; font-weight:700; letter-spacing:3px; line-height:1.2; margin-bottom:30px; text-transform:uppercase; }

.layout.icon-grid .wrapper.has-background { padding:90px 0; }

.layout.icon-grid .wrapper .heading { font-size:42px; letter-spacing:normal; line-height:1; margin-bottom:0; text-transform:none; width:40%; }

.layout.icon-grid .columns { display:flex; column-gap:90px; row-gap:60px; align-items:center; }

.layout.icon-grid .items { display:grid; grid-template-columns:repeat(auto-fit, minmax(360px, 1fr)); gap:60px; }

.layout.icon-grid .item { display:flex; flex-direction:column; gap:15px; }
.layout.icon-grid .columns .item { flex-direction:row; }

.layout.icon-grid .item .content { display:flex; flex-direction:column; gap:15px; }

.layout.icon-grid .item .icon { font-size:48px; line-height:1; }
.layout.icon-grid .columns .item .icon { font-size:30px; }

.layout.icon-grid .item .title { font-size:30px; font-weight:700; line-height:1; }
.layout.icon-grid .columns .item .title { font-size:24px; }

.layout.icon-grid .item .description ul { margin-bottom:0; }

/* Layout > Image Blocks */
.layout.image-blocks.has-background { padding:90px 0; }

.layout.image-blocks .heading { font-size:21px; font-weight:700; letter-spacing:3px; line-height:1.2; margin-bottom:60px; text-align:center; text-transform:uppercase; }

.layout.image-blocks .items { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:60px; }

.layout.image-blocks .item { display:flex; flex-direction:column; gap:30px; text-align:center; }

.layout.image-blocks .image img { aspect-ratio:1; background-color:#fff; border-radius:50%; display:block; margin:0 auto; object-fit:cover; padding:1.5%; width:180px; }

.layout.image-blocks .content { display:flex; flex-grow:1; flex-direction:column; gap:12px; }

.layout.image-blocks .title { font-size:24px; flex-grow:1; font-weight:700; line-height:1; }

/* Layout > Box Links */
.layout.box-links .items { display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 420px)); justify-content:center; gap:60px; }

.layout.box-links .item { aspect-ratio:1; border-radius:3%; box-shadow:3px 3px 18px rgba(0, 0, 0, 0.15); display:flex; flex-direction:column; justify-content:center; gap:30px; text-align:center; }

.layout.box-links .icon { font-size:48px; line-height:1; }

.layout.box-links .title { font-size:30px; font-weight:700; line-height:1; }

.layout.box-links .button { font-size:21px; }

/* Layout > Gallery */
.layout.gallery { text-align:center; }

.layout.gallery .swiper-slide a { display:inline-block; position:relative; }
.layout.gallery .swiper-slide a::after { background-color:rgba(0, 0, 0, 0.3); color:#fff; content:'\f002'; font-family:'Font Awesome 6 Pro'; font-size:30px; font-weight:900; display:flex; justify-content:center; align-items:center; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; transition:opacity 0.3s; }
.layout.gallery .swiper-slide a:hover::after { opacity:1; }

.layout.gallery img { aspect-ratio:3 / 2; display:block; object-fit:cover; width:300px; }

.layout.gallery .arrows { display:inline-flex; gap:12px; margin-top:60px; }
.layout.gallery .arrows a { border-radius:50%; box-shadow:2px 2px 6px rgba(0, 0, 0, 0.15); color:#000; display:block; font-size:30px; text-align:center; width:60px; height:60px; line-height:60px; transition:transform 0.3s; }
.layout.gallery .arrows a.swiper-button-disabled { cursor:default; opacity:0.3; }
.layout.gallery .arrows a:hover { transform:scale(1.05); }

/* Layout > Logo Slider */
.layout.logo-slider { text-align:center; }

.layout.logo-slider .swiper-wrapper { align-items:center; }

.layout.logo-slider img { max-width:180px; max-height:60px; vertical-align:bottom; }

/* Layout > Property Slider */
.layout.property-slider { display:flex; align-items:center; row-gap:60px; }

.layout.property-slider .container-left { padding-right:90px; width:45%; }

.layout.property-slider .heading { font-size:60px; font-weight:800; line-height:1; }

.layout.property-slider .arrows { display:inline-flex; gap:12px; margin-top:30px; }
.layout.property-slider .arrows a { border-radius:50%; box-shadow:2px 2px 6px rgba(0, 0, 0, 0.15); color:#000; display:block; font-size:30px; text-align:center; width:60px; height:60px; line-height:60px; transition:transform 0.3s; }
.layout.property-slider .arrows a.swiper-button-lock { cursor:default; opacity:0.3; }
.layout.property-slider .arrows a:hover { transform:scale(1.05); }

.layout.property-slider .slider { width:55%; }

.layout.property-slider .slider .swiper-slide { text-align:center; }

.layout.property-slider .slider a { border-radius:8% / 6%; border-top-right-radius:0; border-bottom-left-radius:0; display:inline-block; overflow:hidden; position:relative; }
.layout.property-slider .slider a::after { background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 50%); content:''; position:absolute; top:0; left:0; width:100%; height:100%; }

.layout.property-slider .slider img { aspect-ratio:3 / 4; display:block; object-fit:cover; transition:transform 1s; width:360px; }
.layout.property-slider .slider a:hover img { transform:scale(1.05); }

.layout.property-slider .slider .title { box-sizing:border-box; color:#fff; font-size:24px; font-weight:700; padding:8%; position:absolute; bottom:0; left:0; text-align:left; width:100%; z-index:1; }
.layout.property-slider .slider .title::after { content:'\f061'; font-family:'Font Awesome 6 Pro'; font-weight:400; margin-left:6px; transition:margin-left 0.3s; }
.layout.property-slider .slider a:hover .title::after { margin-left:12px; }

/* Layout > Savings Calculator */
.layout.savings-calculator { text-align:center; }

.layout.savings-calculator h2 { margin-bottom:60px; }
.layout.savings-calculator h2::before { color:#65963f; content:'\f06c'; display:block; font-family:'Font Awesome 6 Pro'; font-size:54px; font-weight:900; margin-bottom:12px; }

.layout.savings-calculator .question { font-size:24px; line-height:1.2; margin-bottom:30px; }

.layout.savings-calculator .input { border:1px solid #e6e6e6; border-radius:3px; display:inline-flex; margin-bottom:60px; padding:15px; }
.layout.savings-calculator .input input { border-width:0; font-size:48px; font-weight:800; padding:0; text-align:center; width:120px; height:48px; line-height:48px; -webkit-appearance:none; }
.layout.savings-calculator .input a { background-color:#65963f; border-radius:6px; color:#fff; font-size:21px; width:48px; height:48px; line-height:48px; text-decoration:none; transition:background-color 0.3s; }
.layout.savings-calculator .input a:hover { background-color:#5b8739; }

.layout.savings-calculator .boxes { display:flex; flex-wrap:wrap; gap:60px; justify-content:center; }

.layout.savings-calculator .box { aspect-ratio:1; border-radius:3%; box-shadow:3px 3px 18px rgba(0, 0, 0, 0.15); display:flex; flex-direction:column; justify-content:center; gap:15px; padding:30px; width:345px; }

.layout.savings-calculator .icon { color:#65963f; font-size:48px; }
.layout.savings-calculator .box:nth-child(2n) .icon { color:#2f859d; }
.layout.savings-calculator .box:nth-child(3n) .icon { color:#c74927; }
.layout.savings-calculator .box:nth-child(4n) .icon { color:#1b3563; }

.layout.savings-calculator .value { font-size:42px; font-weight:800; line-height:1; }

.layout.savings-calculator .disclaimer { font-size:14px; margin-top:60px; }

.layout.savings-calculator .button { font-size:24px; margin-top:60px; }

/* Layout > Contact Icons */
.layout.contact-icons { text-align:center; }

.layout.contact-icons .items { display:flex; flex-wrap:wrap; column-gap:120px; row-gap:60px; justify-content:center; }

.layout.contact-icons .item { display:flex; flex-direction:column; align-items:center; gap:15px; width:360px; }

.layout.contact-icons .item .icon { background-color:#65963f; border-radius:50%; color:#fff; font-size:30px; line-height:1; margin:0 auto; width:72px; height:72px; line-height:72px; }

/* Layout > Steps */
.layout.steps .items { display:flex; flex-direction:column; align-items:center; gap:60px; padding:45px 0; position:relative; }
.layout.steps .items::before { background-color:#f2f2f2; content:''; position:absolute; top:0; left:50%; width:3px; height:100%; transform:translateX(-50%); }

.layout.steps .item { background-color:#fff; padding:45px 0; width:960px; max-width:100%; }

.layout.steps .item .step { background-color:#65963f; border-radius:50%; color:#fff; font-size:36px; font-weight:800; margin:0 auto 30px; width:90px; height:90px; line-height:90px; text-align:center; }

.layout.steps .item .content > *:last-child { margin-bottom:0; }

/* Blog */
#blog { margin-bottom:90px; }

#blog .post { background-color:#fff; border:1px solid #e6e6e6; border-radius:6px; display:flex; column-gap:45px; row-gap:30px; margin-bottom:60px; padding:45px; }

#blog .post .image { flex-shrink:0; width:180px; }
#blog .post .image img { aspect-ratio:1; border-radius:50%; display:block; object-fit:cover; width:100%; }

#blog .post .content { display:flex; flex-direction:column; gap:15px; }

#blog .post .title { font-size:30px; font-weight:800; line-height:1; }
#blog .post .title a { color:#000; text-decoration:none; }

#blog .post .excerpt > *:last-child { margin-bottom:0; }

/* Blog Post */
#blog-post { margin-bottom:90px; }

#blog-post .sidebar-content { display:flex; row-gap:60px; }

#blog-post .content { padding-right:90px; width:75%; }

#blog-post .content > *:last-child { margin-bottom:0; }

#blog-post .header { display:flex; gap:30px; align-items:center; margin-bottom:45px; }

#blog-post .header .date { background-color:#65963f; color:#fff; font-weight:800; flex-shrink:0; line-height:1; padding:15px 0; text-align:center; text-transform:uppercase; width:90px; }
#blog-post .header .date .month, #blog-post .header .date .year { font-size:16px; }
#blog-post .header .date .day { font-size:42px; }

#blog-post .header .title { font-size:36px; font-weight:800; line-height:1; }

#blog-post .sidebar { display:flex; flex-direction:column; gap:45px; width:25%; }

#blog-post .posts-menu .heading { font-size:14px; font-weight:800; letter-spacing:0.3em; margin-bottom:30px; text-transform:uppercase; }
#blog-post .posts-menu .heading::before { color:#65963f; content:'\f105'; font-family:'Font Awesome 6 Pro'; font-weight:900; margin-right:0.9em; }

#blog-post .posts-menu ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#blog-post .posts-menu ul li { border-bottom:1px solid #f0f0f0; font-size:16px; line-height:1.2; }
#blog-post .posts-menu ul li:first-child { border-top:1px solid #f0f0f0; }
#blog-post .posts-menu ul li a { color:#000; display:block; padding:15px; text-decoration:none; transition:background-color 0.3s; }
#blog-post .posts-menu ul li a:hover { background-color:#f8f8f8; }
#blog-post .posts-menu ul li a .title { color:#000; text-decoration:underline; transition:color 0.3s; }
#blog-post .posts-menu ul li a:hover .title { color:#65963f; }
#blog-post .posts-menu ul li a .date { display:block; font-weight:800; font-size:14px; margin-top:6px; text-decoration:none; }

/* Pagination */
.pagination { display:flex; gap:9px; justify-content:center; margin-top:60px; }
.pagination .page-numbers { border:1px solid #ddd; border-radius:3px; color:#000; font-size:14px; font-weight:800; width:36px; height:36px; line-height:34px; text-align:center; transition:background-color 0.3s, border-color 0.3s, color 0.3s; }
.pagination a.page-numbers { text-decoration:none; }
.pagination .page-numbers.current, .pagination a.page-numbers:hover { background-color:#65963f; border-color:#65963f; color:#fff; }

/* Footer */
#footer { border-top-width:10px; border-top-style:solid; border-image:linear-gradient(to right, #eebf1c, #c74927) 1; }

#footer .top { padding:75px 0; }

#footer .top .columns { display:flex; column-gap:120px; row-gap:60px; }

#footer .top .logo img { display:block; margin:0 auto; width:240px; }

#footer .menu { flex-grow:1; }

#footer .menu ul { display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr)); column-gap:60px; row-gap:30px; list-style-type:none; margin-bottom:0; padding-left:0; }
#footer .menu ul li { font-size:16px; font-weight:800; text-transform:uppercase; }
#footer .menu ul li a { color:#000; text-decoration:none; }

#footer .menu .sub-menu { display:block; }
#footer .menu .sub-menu li { font-weight:400; margin-top:15px; text-transform:none; }
#footer .menu .sub-menu li a { transition:padding-left 0.3s; }
#footer .menu .sub-menu li a:hover { padding-left:18px; }
#footer .menu .sub-menu li a::before { content:'\f105'; display:inline-block; font-family:'Font Awesome 6 Pro'; font-weight:900; margin-left:-18px; opacity:0; transition:opacity 0.3s; width:18px; visibility:hidden; }
#footer .menu .sub-menu li a:hover::before { opacity:1; visibility:visible; }

#footer .contact { display:flex; gap:15px; flex-direction:column; text-align:right; }

#footer .phone { font-size:30px; font-weight:900; line-height:1; }
#footer .phone a { color:#000; text-decoration:none; }

#footer .social-links ul { display:inline-flex; gap:6px; list-style-type:none; margin-bottom:0; padding-left:0; }
#footer .social-links a { background-color:#000; border-radius:50%; color:#fff; display:block; width:36px; height:36px; line-height:36px; text-align:center; transition:transform 0.3s; }
#footer .social-links a:hover { transform:scale(1.05); }

#footer .licenses { border-top:1px solid #e6e6e6; font-size:12px; padding:30px 0; }

/* Media Queries */
@media (max-width:1619px) {
	.container-left { padding-left:30px; }
	.container-right { padding-right:30px; }

	/* Home > Slides */
	#home .slides .captions { font-size:16px; }

	/* Home > Icon Links */
	#home .icon-links .links { border-left-width:0; border-right-width:0; }

	/* Interior Header */
	#interior-header .page-title { font-size:16px; }
}

@media (max-width:1439px) {
	/* Header */
	#header .navigation .menu ul { gap:24px; }	
	#header .navigation .menu ul li { font-size:16px; }

	/* Home > Slides */
	#home .slides .captions { font-size:14px; }

	/* Home > Content Blocks + Statistics */
	#home .content-blocks-statistics .columns { column-gap:90px; }

	#home .content-blocks .block .image { width:150px; }

	#home .statistics { grid-template-columns:repeat(2, minmax(0, 240px)); gap:60px; }

	/* Interior Header */
	#interior-header .page-title { font-size:14px; }

	/* Footer */
	#footer .top .columns { column-gap:90px; }
}

@media (max-width:1199px) {
	/* Header */
	#header .logo { flex-grow:1; }

	#header .navigation .menu { display:none; }	

	#header .mobile-menu-toggle { display:block; }

	/* Home > Slides */
	#home .slides { column-gap:60px; }

	#home .slides .captions { font-size:12px; }

	/* Home > Icon Links */
	#home .icon-links .links { grid-template-columns:repeat(2, 1fr); }

	#home .icon-links a { padding:60px 45px; }

	/* Home > Content Blocks + Statistics */
	#home .content-blocks-statistics .columns { flex-direction:column; }

	/* Interior Header */
	#interior-header .page-title { font-size:12px; }

	/* Layout > Icon Grid */
	.layout.icon-grid .columns { flex-direction:column; }

	.layout.icon-grid .wrapper .heading { width:100%; }

	/* Layout > Property Slider */
	.layout.property-slider { flex-direction:column; }

	.layout.property-slider .container-left { padding:0 30px; text-align:center; width:auto; }

	.layout.property-slider .slider { padding-left:30px; width:100%; }

	/* Footer */
	#footer .top .columns { flex-direction:column; }

	#footer .contact { text-align:center; }
}

@media (max-width:991px) {
	.container { padding:0 15px; }
	.container-left { padding-left:15px; }
	.container-right { padding-right:15px; }

	/* Home > Slides */
	#home .slides { flex-direction:column; align-items:stretch; padding:60px 15px; }

	#home .slides .container-left { padding-left:0; }

	#home .slides .captions { text-align:center; }

	#home .slides .images img { margin:0 auto; }

	/* Home > Callout */
	#home .callout { padding:60px 0; }

	#home .callout .columns { flex-direction:column; }

	#home .callout .text { text-align:center; width:auto; }

	/* Interior Header */
	#interior-header { flex-direction:column; }

	#interior-header .left { text-align:center; }

	#interior-header .left .container-left { padding-right:15px; }

	#interior-header .page-title { justify-content:center; }

	#interior-header .image { align-self:center; padding:0 15px; }

	/* Layout > Text */
	.layout.text .columns.three { column-count:2; }

	/* Layout > Text + Media */
	.layout.text-media { flex-direction:column; }
	.layout.text-media.media-right { flex-direction:column-reverse; }

	.layout.text-media .text { padding-left:15px !important; padding-right:15px !important; }

	.layout.text-media .media { padding:0 15px !important; }

	/* Layout > Property Slider */
	.layout.property-slider .container-left { padding:0 15px; }

	.layout.property-slider .slider { padding-left:15px; }

	/* Blog Post */
	#blog-post .sidebar-content { flex-direction:column; }

	#blog-post .content { padding-right:0; width:auto; }

	#blog-post .sidebar { width:auto; }
}

@media (max-width:767px) {
	.column-break { break-before:auto; }

	/* Header */
	#header .support { display:none; }

	/* Home > Content Blocks + Statistics */
	#home .content-blocks .block .image { width:120px; }

	/* Layout > Text */
	.layout.text .columns.two, .layout.text .columns.three { column-count:1; }

	/* Layout > Property Slider */
	.layout.property-slider .slider { padding-right:15px; }

	/* Blog */
	#blog .post { flex-direction:column; padding:30px; }

	/* Footer */
	#footer .menu ul { grid-template-columns:repeat(2, 1fr); }
}

@media (max-width:575px) {
	h1 { font-size:60px; }

	.alignleft, .alignright { display:block; float:none; margin:0 0 30px; }

	/* Home > Icon Links */
	#home .icon-links .links { grid-template-columns:1fr; }

	/* Home > Content Blocks + Statistics */
	#home .content-blocks .heading { justify-content:center; }

	#home .content-blocks .block { flex-direction:column; text-align:center; }

	#home .statistics { grid-template-columns:minmax(0, 300px); }

	/* Blog Post */
	#blog-post .header { align-items:flex-start; flex-direction:column; }

	/* Footer */
	#footer .menu ul { grid-template-columns:1fr; text-align:center; }
}