strong{
    font-weight: 700;
}
@media screen and (min-width: 601px) {
    .hide-on-desktop-flex{
        display:none !important;
    }
}
@media screen and (max-width: 600px) {
    .hide-on-mobile{
        display:none !important;
    }

}
/* Override Gutenberg styles */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display:block !important;
    }
}
@media (max-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display:block !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display:none !important;
    }
}


/* Sticky header */
header.wp-block-template-part {
    position: sticky;
    top: 0px;
    z-index: 999;
}
/* Force background hero image to cover in mobile */
@media (max-width:820px){
    .wp-site-blocks > header + div.has-background {
        /* Your styles here */
        background-size:cover !important;
    }
}
/* Swiper styles */
swiper-container[data-autoplay="endless"]::part(wrapper){
    transition-timing-function: linear !important;
} 
.swipe-prev,.swipe-next{
    display:none;
}
/* Pagination */
.full-blog-listing figure.wp-block-post-featured-image img {
    aspect-ratio: 1.3;
    object-fit: contain !important;
}
nav.wp-block-query-pagination {
    gap: 20px;
}
nav.wp-block-query-pagination .wp-block-query-pagination-numbers {
    display: flex;
    gap: 20px;
}
/* Gutenberg font sizes styles */
button.wp-block-navigation__responsive-container-open {
    transform: scale(1.5);
}
.has-x-small-font-size {
	line-height: clamp(1.1, 1.2vw, 1.3);
}

.has-small-font-size {
	line-height: clamp(1.2, 1.4, 1.4);
}

.has-medium-font-size {
	line-height: clamp(1.3, 1.5, 1.5);
}

.has-regular-font-size {
	line-height: clamp(1.35, 1.6, 1.55);
}

.has-large-font-size {
	line-height: clamp(1.4, 1.7, 1.6);
}

.has-x-large-font-size {
	line-height: clamp(1, 1.3, 1.3);
}

.has-xx-large-font-size {
	line-height: clamp(1.1, 1.35, 1.35);
}

.has-xxx-large-font-size {
	line-height: clamp(1.2, 1.35, 1.35);
}

/* Gutenberg block section styles */
.wp-block-group.is-style-frost-with-accent {
    background-image: url(/wp-content/themes/raleighwindowsandsiding/assets/images/white-with-accent-bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.wp-block-group.is-style-dark-with-accent {
    background-image: url(/wp-content/themes/raleighwindowsandsiding/assets/images/dark-with-accent-bg.webp);
    background-position: 63% 39%;
    background-size: cover;
}
.wp-block-group.is-style-warm-gray-fade {
    background: var(--wp--preset--gradient--soft-cove-fade);
}

/* Gutenberg block styles */
.wp-block-group.is-style-dark-with-accent .card-grids .wp-block-gfd-link-block h3 {
    color: var(--wp--preset--color--contrast);
}
.full-span {
  grid-column: 1 / -1; /* Spans across both columns */
}
.faded-side{

    -webkit-mask-image: linear-gradient(to right, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 1) 20%, hsla(0, 0%, 0%, 1) 80%, hsla(0, 0%, 0%, 0));
    mask-image: linear-gradient(to right, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 1) 20%, hsla(0, 0%, 0%, 1) 80%, hsla(0, 0%, 0%, 0));

}
.animate-panning-background {

  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;


  animation: bgPanOut 20s ease-in-out infinite alternate;
}

@keyframes bgPanOut {
  0% {
    background-size: 110%;
  }
  100% {
    background-size: 100%;
  }
}
@media (max-width: 768px) {
    .animate-panning-background {

    background-size: 210%;
    }

    @keyframes bgPanOut {
    0% {
        background-size: 210%;
    }
    100% {
        background-size: 200%;
    }
    }
}
@media (max-width: 350px) {
    .animate-panning-background {

    background-size: 310%;
    }

    @keyframes bgPanOut {
    0% {
        background-size: 310%;
    }
    100% {
        background-size: 300%;
    }
    }
}

/* Centering on mobile */
@media (max-width: 768px) {
    .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
        justify-content: center;
    }
    header .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
        justify-content: right;
    }
}

/* Fixed nav button mobiel */
@media (max-width:600px){
    .wp-block-buttons.nav-buttons > * > * {
        padding-block: 5px !important;padding-right: 10px !important;padding-left: 10px !important;}
    
    .wp-block-buttons.nav-buttons {
        gap: 10px;
    }
    
    .wp-block-buttons>.wp-block-button.is-style-button-telephone--2 > * {
        padding-left: 30px !important;
        padding-right:0px !important;
        transition: all 0s;
    }
    .wp-block-buttons>.wp-block-button.is-style-button-telephone--2 > *:hover,
    .wp-block-buttons>.wp-block-button.is-style-button-telephone--2 > *:active{
        outline:0px !important;
    }

}
@media screen and (max-width: 600px) {
    .wp-block-navigation__responsive-container{
        padding-left:25px !important;
        padding-right:25px !important;
    }
    .wp-block-navigation__responsive-container-content ul {
        padding: 0px !important;
        width:100% !important;

    }
    .wp-block-navigation__responsive-container-content > ul {
        gap: 10px !important;
    }
    .wp-block-navigation__responsive-container-content > ul > li{

        width:100% !important;
        border-bottom:1px solid #d9d9d9;
        padding-bottom:20px !important;
    }
    .wp-block-navigation__responsive-container-content > ul > li > a{
        font-size:var(--wp--preset--font-size--x-large);
    }
    .wp-block-navigation__responsive-container-content > ul > li > ul{

    }
        .wp-block-navigation__responsive-container-content *{
        outline:0px !important;
    }
}


.is-style-button-light-arrow a.wp-element-button:after {
    content: "";
    image-rendering: pixelated;
    flex-shrink: 0;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2018%2015%22%3E%3Cpath%20d%3D%22M%201%207.4%20L%2015.857%207.4%20M%2017%207.4%20L%2010.6%201%20M%2017%207.4%20L%2010.6%2013.8%22%20fill%3D%22transparent%22%20stroke-width%3D%222%22%20stroke%3D%22rgba(0%2C%200%2C%200%2C%200.8)%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-dasharray%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    transform: none;
    transform-origin: 50% 50% 0px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 13px;
    right:-24px;
    transform:translate3d(-0px,0px,0px);
    transition: transform 0.25s cubic-bezier(0, 0, 0.29, 0.99);
}

.is-style-button-light-arrow a.wp-element-button:hover:after {

    transform:translate3d(-45px,0px,0px);
}
.is-style-button-light-arrow a.wp-element-button{
    position: relative;
    overflow: hidden;
}
.is-style-button-light-arrow a.wp-element-button strong{
    transition:transform 0.25s cubic-bezier(0, 0, 0.29, 0.99);
    display:block;
    color:#3a3a3a;
}
.is-style-button-light-arrow a.wp-element-button:hover strong{
    transform:translate3d(-10px,0px,0px);
    
}
.is-hover-hide-bg.has-base-background-color{
    transition: all .25s;
    position: relative;
}
.is-hover-hide-bg.has-base-background-color:hover{

    background-color:#ffffff00 !important;
    cursor: pointer;;
}
.is-hover-hide-bg.has-base-background-color:hover::before {
    content: "";
    position: absolute;
    inset: 0; /* shorthand for top, right, bottom, left = 0 */
    background-color: rgba(0, 0, 0, 0.5); /* black overlay with 50% opacity */
    z-index: 0;
}

.is-hover-hide-bg.has-base-background-color:hover .wp-block-group{
    filter: var(--wp--preset--duotone--all-white);
}


.is-logo-grid figure img {
    object-fit: contain !important;
    height: 100px !important;
    max-width: 180px !important;
}

.is-logo-grid {
    max-width: 1200px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row;
    gap: 20px !important;
    justify-content: center !important;
    row-gap: 50px !important;
}

.is-style-button-telephone a{
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2%2010V5C2%204.44775%202.44772%204%203%204H8C8.55228%204%209%204.44775%209%205V9C9%209.55225%208.55228%2010%208%2010H6C6%2014.4182%209.58173%2018%2014%2018V16C14%2015.4478%2014.4477%2015%2015%2015H19C19.5523%2015%2020%2015.4478%2020%2016V21C20%2021.5522%2019.5523%2022%2019%2022H14C7.37259%2022%202%2016.6274%202%2010Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 40px 15px;
  background-position: left;
  padding-left:30px !important;
  outline:2px solid rgba(255, 255, 255, 0.0);
  transition: all .25s ease-in-out;
}

.is-style-button-telephone a:hover{

    outline:2px solid rgba(255, 255, 255, 1);
}
.is-style-button-light a{
    outline:2px solid rgb(255, 255, 255);
    transition: all .25s ease-in-out;
}
.is-style-button-light a:hover{
    background:#FFFFFF00;
    color:#FFF;
}
.footer-office-links p {
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left;
    padding-left: 25px;

}
.footer-office-links p:nth-child(1) {

    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2248%22%20height%3D%2248%22%20id%3D%22phone%22%3E%3Cpath%20d%3D%22M31%202H15c-2.76%200-5%202.24-5%205v34c0%202.76%202.24%205%205%205h16c2.76%200%205-2.24%205-5V7c0-2.76-2.24-5-5-5zm-8%2042c-1.66%200-3-1.34-3-3s1.34-3%203-3%203%201.34%203%203-1.34%203-3%203zm9-8H14V8h18v28z%22%20fill%3D%22%234b565e%22/%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22/%3E%3C/svg%3E");
    background-size: 22px 20px;
    background-position: 1px 0px;
}
.footer-office-links p:nth-child(2) {

    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22email%22%3E%3Cpath%20d%3D%22M21.78%206.52A5%205%200%200%200%2017%203H7a5%205%200%200%200-4.78%203.52A5.197%205.197%200%200%200%202%208v8a5.002%205.002%200%200%200%205%205h10a5.002%205.002%200%200%200%205-5V8a5.197%205.197%200%200%200-.22-1.48ZM7%205h10a3.009%203.009%200%200%201%202.96%202.52L12%2011.86%204.04%207.52A3.009%203.009%200%200%201%207%205Zm13%2011a3.009%203.009%200%200%201-3%203H7a3.009%203.009%200%200%201-3-3V9.78l7.52%204.1a1.018%201.018%200%200%200%20.96%200L20%209.78Z%22%20fill%3D%22%234b565e%22/%3E%3C/svg%3E");
  
}
.footer-office-links p:nth-child(3) {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22location%22%3E%3Cpath%20d%3D%22M12%2C2a8%2C8%2C0%2C0%2C0-8%2C8c0%2C5.4%2C7.05%2C11.5%2C7.35%2C11.76a1%2C1%2C0%2C0%2C0%2C1.3%2C0C13%2C21.5%2C20%2C15.4%2C20%2C10A8%2C8%2C0%2C0%2C0%2C12%2C2Zm0%2C17.65c-2.13-2-6-6.31-6-9.65a6%2C6%2C0%2C0%2C1%2C12%2C0C18%2C13.34%2C14.13%2C17.66%2C12%2C19.65ZM12%2C6a4%2C4%2C0%2C1%2C0%2C4%2C4A4%2C4%2C0%2C0%2C0%2C12%2C6Zm0%2C6a2%2C2%2C0%2C1%2C1%2C2-2A2%2C2%2C0%2C0%2C1%2C12%2C12Z%22%20fill%3D%22%234b565e%22/%3E%3C/svg%3E");
}





input#gform_submit_button_1 {
        padding-top: var(--wp--preset--spacing--20);
        padding-right: var(--wp--preset--spacing--50);
        padding-bottom: var(--wp--preset--spacing--20);
        padding-left: var(--wp--preset--spacing--50);
        box-shadow: var(--wp--preset--shadow--medium);
        font-style: normal;
        font-weight: 600;
        color: #FFF !important;
        background-color: var(--wp--preset--color--accent-1);
        border-radius: 16px;
        border-color: var(--wp--preset--color--contrast);
        border-width: 0px;
        border-style: solid;
        /* color: var(--wp--preset--color--contrast); */
        /* font-size: var(--wp--preset--font-size--small); */
        /* letter-spacing: normal; */
        line-height: 1.5;
        /* padding-top: 0.4rem; */
        /* padding-right: 1rem; */
        /* padding-bottom: 0.4rem; */
        /* padding-left: 1rem; */
        font-size: var(--wp--preset--font-size--medium) !important;
}

input#gform_submit_button_1:hover{background-color: var(--wp--preset--color--accent-1-dark);}
@media (max-width: 768px) {
    .patch-testimonial-slider {
        width: calc(100vw - 60px);
    }
}
/* === Tablet Override === */
@media (max-width: 768px) {
	.wp-block-group[data-tablet-column="1fr"] {
        display:grid;
		grid-template-columns: 1fr;
	}
    .wp-block-group[data-tablet-column="1fr"][data-mobile-stack-order="right-to-left"]{
        display:flex !important;
        flex-direction: column-reverse;
    }
	.wp-block-group[data-tablet-column="1fr-1fr"] {
        display:grid;
		grid-template-columns: 1fr 1fr;
	}
	.wp-block-group[data-tablet-column="1fr-1fr-1fr"] {
        display:grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
}
/* Reverse columns on mobile */
@media (max-width: 600px) {
  .wp-block-group[data-mobile-stack-order="right-to-left"] {
    display:flex !important;
    flex-direction: column-reverse;
  }
}
@media (max-width: 600px) {
    /* === Mobile First (Default) === */
    .wp-block-group[data-mobile-column="1fr"] {
        display:grid;
        grid-template-columns: 1fr;
    }
    .wp-block-group[data-mobile-column="1fr-1fr"] {
        display:grid;
        grid-template-columns: 1fr 1fr;
    }
    .wp-block-group[data-mobile-column="1fr-1fr-1fr"] {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* Link Blocks */
a.link-block{
    text-decoration: none;;
}

/* Accordion Blocks */
/*### Accordions Block ###*/
.wp-block-gfd-accordions-block .item{
    background: var(--wp--preset--color--base-dark);
    padding: 2px 0px;
    margin-block: 0px 0px;
    border-bottom:1px solid var(--wp--preset--color--accent-4);
}
.wp-block-gfd-accordions-block .item.active{
    background: var(--wp--preset--color--base-accent);
}
.wp-block-gfd-accordions-block .item.active .item-title a,
.wp-block-gfd-accordions-block .item.active .item-title{

}
.wp-block-gfd-accordions-block .item .item-title:before {
    content: "";
    background: url(assets/images/arrow-down.png) no-repeat center center;
    height: 24px;
    width: 24px;
    display: block;
    /* border-radius: 24px; */
    /* margin-left: 10px; */
    position: absolute;
    top: 10px;
    right: -10px;
    z-index: 1;
    pointer-events: none;
    transform:rotate(0deg);
    transition:all .25s;
}
.wp-block-gfd-accordions-block .item.active .item-title:before {

    transform:rotate(180deg) !important;
}
.wp-block-gfd-accordions-block .item .item-subtitle{
    /*display:none;*/



}
.wp-block-gfd-accordions-block .item{
    display:grid;
    grid-template-rows:0fr;
    
}
.wp-block-gfd-accordions-block .item .item-subtitle{
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.25s ease-out;
  color: var(--wp--preset--color--contrast);
  opacity:0;
    user-select: none; /* Prevents text selection */
    cursor: pointer; 
    pointer-events:auto;
}
.wp-block-gfd-accordions-block .item .item-subtitle div{
    display:block;
    overflow:hidden;
}
.wp-block-gfd-accordions-block .item.active .item-subtitle{
    grid-template-rows: 1fr;

    transform: all 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity:1;
}
.wp-block-gfd-accordions-block .item.active .item-title:before {
    transform:rotate(0deg);
    background-position-y:3px;
    background-position-x:6px;
}
.wp-block-gfd-accordions-block .item .item-title{
    font-weight: bold;
    position:relative;
    margin-block: 0px;
    padding-block: 15px;
    cursor: pointer;
    padding-right:30px;
}
.wp-block-gfd-accordions-block.is-style-full-width .item .item-title:before {
    background: url(assets/images/full-arrow-down.png) no-repeat center center;
    transform:rotate(0deg);
    top:20px;
}
.wp-block-gfd-accordions-block.is-style-full-width .item.active .item-title:before {
    transform:rotate(180deg);
}
.wp-block-gfd-accordions-block.is-style-full-width .item:first-child{
    border-top: 1px solid var(--wp--preset--color--muted-gray);
}
.wp-block-gfd-accordions-block.is-style-full-width .item{
    background: var(--wp--preset--color--base);
    border-top:1px solid var(--wp--preset--color--muted-gray);
    padding: 10px 25px 0px 0px;
}
.wp-block-gfd-accordions-block.is-style-full-width .item.active{
    background: var(--wp--preset--color--base-accent);
    border-top: 1px solid var(--wp--preset--color--muted-gray);
}
.wp-block-gfd-accordions-block.is-style-full-width .item.active + .item{
    border-top: 1px solid var(--wp--preset--color--muted-gray);
}