body {
    overflow-x: hidden!important;
}

/* Header CSS */
@media only screen and (max-width: 1000px) {
    .search-item {
        display:none;
    }
    .main-navigation.toggled .main-nav #menu-main-menu li  {
        text-align: center!important;
    }
    .main-navigation .main-nav #menu-main-menu li a {
        line-height: 66px;
    }
    #menu-main-menu {
        padding:20px 0;
    }
}
.navigation-search {
    width: 100%;
    max-width: 500px;
    top: 100%!important;
}
.navigation-search.nav-search-active {
    left: auto!important;
}
.menu-toggle {
    font-size: 30px!important;
}
.navigation-search input {
    height: 50px!important;
}
#primary-menu .menu-item a {
    transition: 0.3s ease color;
}
#sticky-navigation .main-navigation a{
    font-size:17px;
}
#site-navigation {
    position: absolute;
    left:0;
    right:0;
    background-color:transparent;
}
@media only screen and (max-width: 800px) {
	#site-navigation {
		transition:0.4s ease all;
		background-color:transparent;
	}
	#site-navigation.toggled {
		transition:0.4s ease all;
		background-color:transparent;
	}
}
body:not(.home) #site-navigation {
	position: relative;
	background-color:transparent;
}
.page-hero {
    background-color: rgba(224, 222, 220, 1);
    background-image: url(https://pcurban12andspruce.ca/wp-content/uploads/2024/10/240722_12th-Spruce_NW-Corner_Final-Draft03_1_11zon-2-scaled.webp);
    background-size: cover;
	background-image: linear-gradient(90deg, rgba(224, 222, 220, .7) 0%, rgba(224, 222, 220, .7) 33%,rgba(224, 222, 220, .7) 100%), url(https://pcurban12andspruce.ca/wp-content/uploads/2024/10/240722_12th-Spruce_NW-Corner_Final-Draft03_1_11zon-2-scaled.webp);
}
.page-hero .grid-container .wp-block-group__inner-container {
    max-width: 780px;
    margin-left: 0;
}
#menu-item-corp-website {
	order:5;
	height: 60px;
}
#menu-item-corp-website a {
	display: flex;
    align-items: center;
	font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 18px;
	line-height: 60px;
    color: #fff;
    padding-left: 28px;
}
#menu-item-corp-website a:hover {
	color: #0f873d;
}
#menu-item-corp-website img {
	max-width: 40px;
    display: block;
    margin-right: 10px;
}
@media only screen and (max-width: 768px) {
    .page-hero {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}



/* Typography */
h4, h5 {
    letter-spacing:3px;
}
.feature-text {
    font-family: 'Rokkitt';
    font-weight: 500;
    letter-spacing:1px;
    font-size:44px;
    line-height: 1.1;
}
.button {
    letter-spacing:2px;
	border:1px;
	border-radius:0px;
}

/* Fonts */
@font-face {
    font-family: 'Gotham Black';
    src: url(/public_html/wp-content/themes/generatepress-child/fonts/gothamssm-black-webfont.woff);
}


/*Margins & Padding */
.no-bottom-margin {
    margin-bottom:0px!important;
}
.margin-top-30 {
    margin-top:30px;
}
.no-padding-h .wp-block-group__inner-container{
    padding-left:0;
    padding-right:0;
}
.no-padding-v .wp-block-group__inner-container{
    padding-top:0;
    padding-bottom: 0;
}
.browser-height-image {
	min-height:75vh!important;
}


/* Content */
.content-full .wp-block-group__inner-container{
    max-width: 100%;
}
.wp-block-cover__inner-container {
    max-width: 1040px;
    padding:30px;
}
.wp-block-image.size-full img {
    width:100%;
}
.morph-btn {
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 500;
    padding: 12px 24px;
    color:#717e98!important;
    border-radius: 22px;
    background: #f0eeef;
    box-shadow: 5px 5px 10px #cccacb, -5px -5px 10px #ffffff;
}
.morph-btn:hover {
    box-shadow: inset 5px 5px 10px #cccacb, inset -5px -5px 10px #ffffff;
}
.rounded-card-image figure {
    border-radius: 8px;
    box-shadow: 5px 5px 10px #cccacb;
}
.wp-block-table.is-style-stripes{
    background: #007fa3;
    border-bottom:0;
    margin-bottom: 10px;
    margin-top:30px;
}
.wp-block-table.is-style-stripes table{
    border-width: 0px!important;
    margin-bottom:0;
    color: #fff!important;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #046782;
}
.wp-block-kadence-infobox {
    margin-top: 25px;
    margin-bottom: 25px;
}
.wp-block-button {
	border-radius:0px!important;
}
@media (max-width: 768px) {
    .wp-block-group__inner-container {
        padding: 30px 5px;
    }
    .kt-blocks-info-box-media-align-left {
        flex-wrap:wrap;
    }
}
@media only screen and (min-width: 801px) {
    .kt-blocks-info-box-media-align-left .kt-blocks-info-box-media-container {
        width:35%;
        max-width:320px;
        min-width:120px;
    }
    .kt-blocks-info-box-media-align-left .kt-infobox-textcontent  {
        width:65%;
    }
}


/* Siema DOTS */
.dots {
    display:flex;
    justify-content:center;
    position:absolute;
    bottom:-18px;
    left:0;
    right:0;
}
.dots .dot {
    margin:0 .40rem;
    padding:6px;
    border-radius: 50%;
    background: #f0eeef;
    box-shadow: 3px 3px 10px #cccacb, -3px -3px 10px #ffffff;
}
.dots .dot > div {
    width:8px;
    height:8px;
    border:2px solid #717e98;
    background-color:transparent;
    border-radius:50%;
    cursor:pointer;
}
.dots .dot.active{
    box-shadow: inset 3px 3px 10px #cccacb, inset -3px -3px 10px #ffffff;
}
.dots .dot.active > div {
    background-color:#8796b3;
    border:2px solid transparent;
}
@media only screen and (min-width: 780px) { 
    .dots {
        display:none;
    }
}
/* Content Slider */
.content-slider-wrapper {
    position: relative;
}
.content-slider {
    padding-bottom: 45px;
}
.content-slide {
    margin: 8px;
}
.content-wrap {
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 2px 2px 6px #cccacb;
}
.content-slide-title {
    font-size: 23px;
    font-weight: 500;
    color: #da5a1f;
}
.content-text {
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color:#353535;
}
.content-text p:last-child {
	margin-bottom:0px;
}
.content-slide h4 {
    margin-top:0;
    margin-bottom:18px;
}

.invert-image img {
	filter: invert(1) grayscale(1);
}
.invert-image:hover img {
	filter: none;
}
.kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
	background: rgba(35,35,35,0.4)!important;
    top: 0!important;
    bottom: auto!important;
    right: 0!important;
    width: auto!important;
    padding: 8px 16px!important;
    max-width: 800px!important;
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.uagb-post__excerpt::-webkit-scrollbar {
    display: none; /* Hides the scrollbar */
}

/* Limit the height of the excerpt and hide overflow initially */
.uagb-post__excerpt {
    max-height: 180px; /* Adjust this to the desired collapsed height */
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

/* When the expanded class is applied, increase max-height and enable scrolling */
.uagb-post__inner-wrap.expanded .uagb-post__excerpt {
    max-height: 360px; /* Adjust to a larger height to allow scrolling */
    overflow-y: auto;  /* Enable vertical scrolling */
    transition: max-height 0.3s ease-in-out;
}

/* Simple styling for the toggle button */
.expand-toggle {
    display: block;
    text-align: center;
    color: #da5a1f;
    cursor: pointer;
    margin-top: 10px;
    font-weight: bold;
}

/* Slider Left/Right Controls */
.prev-slider, .next-slider {
    opacity:0;
    position: absolute;
    top: calc(50% - 45px);
    padding: 8px;
    width: 24px;
    text-align: center;
    font-size: 15px;
    cursor:pointer;
    background: #f0eeef;
    color:#717e98;
    border-radius: 8px;
    box-shadow: 5px 5px 10px #cccacb, -5px -5px 10px #ffffff;
}
.prev-slider {
    left:-52px;
    padding-left: 8px;
    padding-right: 9px;
}
.next-slider {
    right:-52px;
    padding-left: 10px;
    padding-right: 7px;
}
.prev-slider:hover, .next-slider:hover {
    color: #8796b3;
    box-shadow: inset 5px 5px 10px #cccacb, inset -5px -5px 10px #ffffff;
}
@media only screen and (max-width: 780px) {
    .prev-slider, .next-slider {
        display:none;
    }
}

/* Forms */
textarea {
	height: 120px;
}
#wpcf7-f241-p8-o1 .wpcf7-checkbox {
	column-count:2;
}
#wpcf7-f241-p8-o1 .wpcf7-checkbox > span {
	width:100%;
	margin-bottom:3px;
}
#wpcf7-f241-p8-o1 p > label {
	font-weight: 700;
	color:#554A43;
}
#wpcf7-f241-p8-o1 input {
	width:100%;
}
#wpcf7-f241-p8-o1 input[type=checkbox] {
	width:auto;
}
#wpcf7-f241-p8-o1 input[type=submit] {
	width:auto;
	padding: 8px 20px!important;
	border-radius: 24px;
	color:#fff;
	background:#d13d33;
}
#wpcf7-f241-p8-o1 input[type=submit]:hover {
	color:#554A43;
	background:#ccc;
}
.wp-block-table figcaption {
	background-color: #f0eeef;
    text-align: center;
    font-size: 12px;
    padding: 8px 25px;
}



/* Footer */
.copyright-bar {
    font-size:12px;
    text-align: left;
}
.footer-widgets .textwidget {
    text-align: center;
}
#media_image-2 {
    text-align: center;
    margin-bottom:5px;
}