/* Variables
--------------------------------------------- */
  
:root {
	  --main-font: var(--wp--preset--font-family--inter);
	  --alt-font: var(--wp--preset--font-family--inter);
	  --icon: "Font Awesome 6 Pro";
	  
	  --main: var(--wp--preset--color--primary);
	  --sec: var(--wp--preset--color--secondary);
	  --tri: var(--wp--preset--color--tertiary);
	  
	  --base: var(--wp--preset--color--base);
	  --contrast: var(--wp--preset--color--contrast);

	  --fs-xsm: var(--wp--preset--font-size--x-small);
	  --fs-sm: var(--wp--preset--font-size--small);
	  --fs-s-md: var(--wp--preset--font-size--s-medium);
	  --fs-md: var(--wp--preset--font-size--medium);
	  --fs-mdlg: var(--wp--preset--font-size--m-large);
	  --fs-lg: var(--wp--preset--font-size--large);
	  --fs-xlg: var(--wp--preset--font-size--x-large);
	  --fs-xxlg: var(--wp--preset--font-size--xx-large);
	  
	  --radius: 50px;
	 --shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.block-editor-page, .overdrive {
    background: var(--base)!important;
}

.wp-element-caption {
	text-align: center;
}

.menu-desktop .sub-menu {
	width: 300px !important;
}

button {
	cursor: pointer;
	border: 0;
}

.wp-block-button__link {
	transition: 0.4s all ease-in;

	&:hover {
		background: var(--sec) !important;
	}
}

.wp-block-list {
    @media (max-width: 782px) {
        padding-left: 0;
        li {
            list-style-position: inside;
        }
    }
}

.gform_wrapper {
    .gform_fields {
        row-gap: 20px !important;
    }
    .gform-footer {
        input.button {
            background: var(--main) !important;
            color: var(--contrast) !important;
            border-radius: 50px !important;
            font-size: var(--wp--preset--font-size--s-medium) !important;
            padding: 16px var(--wp--preset--spacing--medium) !important;
			&:hover {
				background: var(--sec) !important;
			}			
        }
    }
	.ginput_container_image_choice {
		.gfield_checkbox {
			.gchoice {
				max-inline-size: unset !important;
				min-inline-size: auto !important;
				flex: 0 1 24%;
			}
		}   
		@media (max-width: 1024px) {
			.gfield_checkbox {
				gap: 20px 2% !important;
				.gchoice {
					flex: 0 1 32%;
				}
			}         
		}
		@media (max-width: 550px) {
			.gfield_checkbox {
				.gchoice {
					flex: 0 1 49%;
				}
			}        
		}
	}	
	@media (max-width: 450px) {
		.gfield--type-date {
			.ginput_container_date {
				inline-size: 100% !important;
			}
		}
		.gfield--type-time {
			.ginput_container_time {
				inline-size: 100% !important;
			}
		}			
	}		
}

@media (max-width: 900px) {
	.wp-block-image img,
	.full-width-map iframe,
	.wp-embed-responsive .wp-has-aspect-ratio iframe {
		border-radius: 30px !important;
	}	
	.wp-block-button__link {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
}
@media (max-width: 782px) {
	body,
	.wp-block-heading {
		text-align: center;
	}
	.wp-block-buttons {
		justify-content: center;
	}
}

/* Header */

header {
	.header-link,
	.wp-block-button__link {
		transition: 0.4s all ease-in;

		&:hover {
			background: var(--sec) !important;
		}
	}	
	.order-link {
		width: 267px;
		&:before {
			content: "\f48b";
			font-family: var(--icon);
			float: left;
			font-weight: 300;
			font-size: 40px;
			line-height: 42px;
			margin-right: 11px;
		}		
	}	
	.acc-link {
		width: 236px;
		p {
			line-height: 2.5;
		}		
		&:before {
			content: "\e0af";
			font-family: var(--icon);
			float: left;
			font-weight: 300;
			font-size: 40px;
			line-height: 42px;
			margin-right: 8px;
		}		
	}	
	.cart-link {
		.wc-block-cart-link {
			svg {
				opacity: 0;
				width: 0;
			}	
			.wc-block-cart-link__text {
				display: none;
			}			
		}
		&:before {
			content: "\e0af";
			font-family: var(--icon);
			float: left;
			font-weight: 300;
			font-size: 40px;
			line-height: 42px;	
		}
	}	
	@media (max-width: 1200px) {
		.order-link {
			width: 262px;
			&:before {
				font-size: 36px;
			}		
		}	
		.acc-link {
			width: 231px;
			&:before {
				font-size: 36px;
			}		
		}
		.cart-link {
			padding-left: 21px !important;
			padding-right: 21px !important;
			&:before {
				font-size: 36px;
			}
		}				
	}
	@media (max-width: 1024px) {
		.default-header {
			padding-bottom: 11px !important;
		}
		.header-link {
			padding-left: 23px !important;
			padding-right: 23px !important;			
		}
		.order-link {
			width: 240px;
			p:first-of-type {
				font-size: 15px !important;
				line-height: 1.2;
			}
			&:before {
				font-size: 30px;
				line-height: 38px;
			}		
		}	
		.acc-link {
			padding-top: 8px !important;
			padding-bottom: 8px !important;
			width: 231px;
			p:first-of-type {
				margin-top: 4px !important;
				font-size: 15px !important;
				line-height: 2.4;
			}			
			&:before {
				font-size: 32px;
			}		
		}
		.cart-link {
			padding-left: 21px !important;
			padding-right: 21px !important;
			&:before {
				font-size: 32px;
			}
		}		
		.nav-menu {
			box-shadow: none !important;
			border: 0;
		}
	}	
	@media (max-width: 900px) {
		.wp-block-columns {
			justify-content: space-between;
			gap: 0 20px;
			.wp-block-column {
				&:first-of-type {
					display: none;
				}
				&:last-of-type {
					display: flex;
					flex-direction: column;
					flex-wrap: wrap;
					align-items: flex-end;
					gap: 8px;
				}
			}
		}
		.wp-block-site-logo.aligncenter {
			text-align: left;	
		}
		.header-link {
			padding-left: 23px !important;
			padding-right: 23px !important;			
		}
		.order-link {
			width: 247px;
			padding-left: 23px !important;
			padding-right: 23px !important;
		}	
		.acc-link {
			width: 247px;
			padding-top: 9px !important;
			padding-bottom: 9px !important;
			p:first-of-type {
				margin-top: 5px !important;
			}					
		}			
	}
	@media (max-width: 782px) {
		.wp-block-columns {
			gap: 10px 0;
			.wp-block-column {
				&:last-of-type {					
					flex-direction: row;
					justify-content: center;
					align-items: center;

					.wp-block-group:first-of-type {
						order: 2;
					}
				}
			}
		}	
		.wp-block-site-logo.aligncenter {
			text-align: center;	
		}	
		.header-link {
			text-align: center;
			padding-left: 33px !important;
			padding-right: 33px !important;			
		}		
		.order-link {
			order: 1;
			width: auto;
			padding-left: 33px !important;
			padding-right: 33px !important;
			p:first-of-type {
				&:before {
					content: "\f48b";
					font-family: var(--icon);
					font-weight: 300;
					font-size: 20px;
					line-height: 20px;
					margin-right: 8px;
				}
			}				
			&:before {
				display: none;
			}
		}
		.acc-link {
			width: auto;
			padding-top: 11px !important;
			padding-bottom: 11px !important;
			p:first-of-type {
				margin-top: 0px !important;
				&:before {
					content: "\e0af";
					font-family: var(--icon);
					font-weight: 300;
					font-size: 20px;
					line-height: 20px;
					margin-right: 8px;
				}
			}					
			&:before {
				display: none;
			}
		}
		.cart-link {
			order: 2;
		}		
	}
	@media (max-width: 660px) {
		.header-link {
			padding-left: 23px !important;
			padding-right: 23px !important;			
		}
		.order-link {
			p:first-of-type {
				&:before {
					font-size: 16px;
					line-height: 16px;
				}
			}				
		}	
		.cart-link {
			padding-left: 18px !important;
			padding-right: 18px !important;
			&:before {
				font-size: 28px;
			}
		}		
	}
	@media (max-width: 550px) {
		.wp-block-columns {
			.wp-block-column {
				&:last-of-type {					
					flex-direction: column;
					.wp-block-group:first-of-type {
						order: 1;
						width: 100%;
					}
				}
			}
		}
		.order-link {
			width: 100%;				
		}		
	}
}
	
/* Hero */

.cookie-hero {
	@media (max-width: 1650px) {
		.wp-block-group.has-secondary-background-color {
			padding-top: var(--wp--preset--spacing--medium) !important;
			padding-right: 5% !important;
		}		
		.wp-block-image {
			img {
				width: 574px;
			}
		}	
	}
	@media (max-width: 1350px) {
		.wp-block-image {
		    margin-bottom: -104px !important;		
			img {
				width: 474px;
			}
		}	
	}
	@media (max-width: 1024px) {
		.wp-block-image {
		    margin-bottom: 0px !important;		
			img {
				width: 404px;
			}
		}					
	}
	@media (max-width: 782px) {
		.wp-block-image {		
			img {
				width: 324px;
			}
		}
	}
	@media (max-width: 550px) {
		.wp-block-image {		
			img {
				width: 204px;
			}
		}
	}		
}

.sandwich-hero {
	.wp-block-image {
		img {
			object-fit: contain !important;
			height: 500px;
			object-position: 50% 95%;
		}
	}
	@media (max-width: 1650px) {
		.wp-block-group.has-secondary-background-color {
			padding-top: var(--wp--preset--spacing--medium) !important;
			padding-right: 5% !important;
		}		
		.wp-block-image {
			img {
				height: 400px;
			}
		}		
	}
	@media (max-width: 1350px) {
		.wp-block-image {
			img {
				height: 350px;
				object-position: 50% 100%;
			}
		}	
	}	
	@media (max-width: 1150px) {
		.wp-block-group.is-content-justification-space-between {
			gap: 20px;
		}
		.wp-block-image {
			img {
				height: 330px;
				object-position: 50% 90%;
			}
		}	
	}		
	@media (max-width: 1024px) {
		.wp-block-group.is-content-justification-space-between {
			gap: var(--wp--preset--spacing--x-large);
		}		
		.wp-block-image {
			margin-bottom: 0 !important;
			img {
				height: auto;
				object-position: 50% 50%;
			}
		}
	}
}

.soup-hero {
	.wp-block-image {
		img {
			width: 800px;
		}
	}
	@media (max-width: 1650px) {
		.wp-block-group.has-secondary-background-color {
			padding-top: var(--wp--preset--spacing--medium) !important;
			padding-right: 5% !important;
		}		
		.wp-block-image {
			img {
				width: 700px;
			}
		}		
	}
	@media (max-width: 1440px) {
		.wp-block-image {
			margin-bottom: -124px !important;
			img {
				width: 600px;
			}
		}
	}	
	@media (max-width: 1150px) {
		.wp-block-image {
			margin-bottom: -94px !important;
			img {
				width: 500px;
			}
		}
	}		
	@media (max-width: 1024px) {
		.wp-block-image {
			margin-bottom: 0px !important;
			img {
				width: 500px;
			}
		}		
	}	
}

.hero {
	.wp-block-heading {
		text-shadow: 0px 3.088px 3.088px rgba(0, 0, 0, 0.25);
	}
	@media (max-width: 1024px) {
		text-align: center;
		.wp-block-group {
			align-items: center;
			gap: 20px;
		}				
		.wp-block-group.is-content-justification-stretch {
			text-align: center;
			width: 100%;
			align-items: center;
		}
		.has-xx-large-font-size {
			text-align: center;
		}
	}
	@media (max-width: 900px) {
		.wp-block-group.has-secondary-background-color {
			border-radius: 30px !important;
		}
	}	
	@media (max-width: 550px) {	
		.wp-block-group {
			flex-direction: column-reverse;
			gap: 10px;
		}		
	}	
}

.home-hero {
	.absolute-image {
		left: 50% !important;
	}	
	@media (max-width: 2100px) {
		.absolute-image {
			left: 45% !important;
		}		
	}	
	@media (max-width: 1920px) {	
		.absolute-image {
			max-width: 1042px !important;
			left: initial !important;
			right: -15% !important;
			bottom: -140px !important;
		}		
	}	
	@media (max-width: 1650px) {
		.absolute-image {
			max-width: 942px !important;
			bottom: -120px !important;
		}		
	}
	@media (max-width: 1440px) {
		margin-bottom: 0 !important;
		.absolute-image {
			max-width: 842px !important;
			bottom: -100px !important;
		}
	}
	@media (max-width: 1350px) {
		.absolute-image {
			max-width: 802px !important;
		}
	}	
	@media (max-width: 1250px) {
		.absolute-image {
			max-width: 742px !important;
		}
	}	
	@media (max-width: 1150px) {
		.absolute-image {
			max-width: 642px !important;
			bottom: -80px !important;
		}
	}
	@media (max-width: 1024px) {
		.wp-block-group.has-secondary-background-color {
			padding-right: 5% !important;
		}
		.wp-block-group.is-content-justification-space-between {
			padding: 0 !important;
			margin: 0 auto  !important;
		}
		.wp-block-image {
			width: 80%;
			img {
				overflow: unset;
				object-fit: cover;
				height: 310px;
			}
		}
	}
	@media (max-width: 900px) {
		.wp-block-group {
			border-radius: 30px !important;
		}			
		.wp-block-image {
			width: 60%;
			img {
				height: 250px;
			}
		}
	}	
	@media (max-width: 782px) {
		.wp-block-image {
			width: auto;
			img {
				height: 200px;
			}
		}				
	}
	@media (max-width: 550px) {
		.wp-block-image {
			width: auto;
			img {
				height: auto;
			}
		}		
		.wp-block-group.is-vertical {
			flex-direction: column;
		}
	}	
}

/* Buckets */

.buckets {
	@media (max-width: 1440px) {
		.block-card-image {
		    aspect-ratio: 14 / 9 !important;
		}		
	}
	@media (max-width: 1250px) {		
		.wp-block-heading {
			font-size: var(--wp--preset--font-size--medium) !important;
		}
	}	
	@media (max-width: 1150px) {
		padding-top: 60px !important;	
		padding-bottom: 60px !important;
	}
	@media (max-width: 1024px) {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		.block-card-image {
		    aspect-ratio: 12 / 9 !important;
		}		
	}
	@media (max-width: 900px) {
		.pdm-cards .acf-innerblocks-container> .wp-block-acf-card {
			flex: 1 0 47% !important;
		}
		.block-card-image {
		    aspect-ratio: 16 / 9 !important;
		}		
	}
	@media (max-width: 782px) {	
		.block-card-image {
		    aspect-ratio: 13 / 9 !important;
		}		
	}
	@media (max-width: 550px) {
		.pdm-cards .acf-innerblocks-container> .wp-block-acf-card {
			flex: 1 0 100% !important;
		}		
		.block-card-image {
		    aspect-ratio: 16 / 9 !important;
		}		
	}	
}

/* Items */

.items {
	@media (max-width: 1350px) {
		.wp-block-image img {
			object-fit: cover;
			aspect-ratio: 3 / 2;
		}
	}
	@media (max-width: 1150px) {
		.pdm-two-columns {
			--col-gap: 90px;
		}
	}	
	@media (max-width: 1024px) {
		.pdm-two-columns {
			--col-gap: 60px;
		}
		.wp-block-image img {
			aspect-ratio: 4 / 3;
		}		 
		.wp-block-heading {
			font-size: var(--wp--preset--font-size--m-large) !important;	
		}		
		.wp-block-heading,
		p {
			margin-bottom: 22px !important;
		}
	}
	@media (max-width: 900px) {
		.pdm-two-columns {
			--col-gap: 20px;
		}
		.wp-block-image img {
			aspect-ratio: 3 / 3;
		}
	}
	@media (max-width: 782px) {
		.pdm-two-columns>.acf-innerblocks-container {
			flex-direction: column-reverse !important;
		}
		.pdm-two-columns > .acf-innerblocks-container> .acf-innerblocks-container:first-of-type,
		.pdm-two-columns > .acf-innerblocks-container> .acf-innerblocks-container:last-of-type {
			width: 100% !important;
		}
		.wp-block-image img {
			aspect-ratio: 16 / 9;
		}		
	}
	@media (max-width: 550px) {
		.wp-block-image img {
			aspect-ratio: 14 / 9;
		}		
	}	
}

/* Giving */

.giving {
	.give-box {
		width: 700px;
	}
	@media (max-width: 1650px) {
		.give-box {
			width: 650px;
		}		
	}
	@media (max-width: 1440px) {
		.give-box {
			width: 600px;
		}		
	}	
	@media (max-width: 1250px) {
		.give-box {
			width: 550px;
		}		
	}
	@media (max-width: 1024px) {
		.give-box {
			width: 100%;
		}		
	}	
	@media (max-width: 1024px) {
		.wp-block-group,
		.give-box {
			border-radius: 30px !important;
		}		
	}	
	@media (max-width: 550px) {	
		.give-box {
			p {
				font-size: 16px !important;
			}
		}			
	}	
}

/* Locations */

.location {
    .pdm-two-columns {
        .wp-block-image {
            img {
                object-fit: cover;
                height: 330px;
            }
        }
    }
    @media (max-width: 1440px) {
        .pdm-two-columns {
            .wp-block-image {
                img {
                    height: 280px !important;
                }
            }
        }        
    }
    @media (max-width: 1250px) {
        .pdm-two-columns {
            .wp-block-image {
                img {
                    height: 240px !important;
                }
            }
        }        
    }  
    @media (max-width: 1024px) {
        .pdm-two-columns {
            .wp-block-image {
				a {
					width: 100% !important;
				}
                img {
                    width: 100% !important;
                    height: 300px !important;
                }
            }
        }        
    }     
}

/* About */

.about {
	.made {
		iframe {
			border-radius: var(--radius);
		}
		.wp-block-embed,
		.wp-block-embed__wrapper {
			margin: 0;
		}
	}
	@media (max-width: 1150px) {
		.pdm-two-columns {
			--col-gap: 90px;
		}
	}	
	@media (max-width: 1024px) {
		.pdm-two-columns {
			--col-gap: 60px;
		} 
		.wp-block-heading {
			font-size: var(--wp--preset--font-size--m-large) !important;	
		}	
		.full-width-map iframe {
		    height: 400px;
		}		
		.wp-block-heading,
		p {
			margin-bottom: 22px !important;
		}
	}
	@media (max-width: 900px) {
		.pdm-two-columns {
			--col-gap: 20px;
		}
	}	
	@media (max-width: 782px) {
		.pdm-two-columns>.acf-innerblocks-container {
			flex-direction: column !important;
		}
		.pdm-two-columns > .acf-innerblocks-container> .acf-innerblocks-container:first-of-type,
		.pdm-two-columns > .acf-innerblocks-container> .acf-innerblocks-container:last-of-type {
			width: 100% !important;
		}	
	}	
}

footer {
	@media (max-width: 1024px) {
		.wp-block-columns {
			text-align: center;
			flex-direction: column;
			align-items: center !important;
			.wp-block-column {
				flex: 1 0 100% !important;
			}
		}
		.wp-block-navigation,
		.company-address{
			text-align: center;
			align-items: center;
		}		
	}
}

/* Woocommerce */

.wcpb-container .wcpb-addon-box-wrap .wcpb-addon-box-items .wcpb-addon-box-item .wcpb-addon-title {
	height: unset !important;
}

.wcpb-addon-box-wrap {
    height: 100% !important;
    max-height: unset !important;	
}

.wcpb-addon-box-items {
    @media (max-width: 768px) {
        .wcpb-addon-box-item  {
            flex-direction: column !important;
            align-items: center;
            gap: 10px;
            .wcpb-left,
            .wcpb-right {
                width: 100% !important;
            }
            .wcpb-left {
                padding: 0 !important;
                text-align: center !important;
                .wcpb-addon-details {
                    justify-content: center;
                }
            }
        }
    }
}

.woocommerce .button {
	transition: 0.4s all ease-in;
    border-radius: 50px;
	&:hover {
		background: var(--sec) !important;
	}
}

.single-product.product_cat-cookie-box {
	.woo-product-info {
		display: none;
	}	
	.woocommerce-message {
        max-width: var(--wp--style--global--content-size);
        margin-inline: auto !important;
        margin: var(--wp--preset--spacing--large) 0 0;
        border-top: 0;
		p {
			margin: 0;
		}
		.added_to_cart {
			margin: 0;
			padding:  0;
		}
	}	
    .wcpb-horizontal {
        padding: var(--wp--preset--spacing--large) 5%;    
        .wcpb-container {
            max-width: var(--wp--style--global--content-size);
            margin-inline: auto !important; 
			.cpb-button {
				transition: 0.4s all ease-in;
				background: var(--main) !important;
				font-weight: normal;
				border: 0;
				border-radius: 50px;
				color: var(--contrast);
				font-size: var(--wp--preset--font-size--s-medium);
				padding: 16px var(--wp--preset--spacing--medium) !important;
				height: auto;
				&:hover {
					background: var(--tri) !important;
				}
			}			
			.wcpb-product-details-wrap {
				gap: 0 140px;
				.wcpb-featured-image-wrap,
				.wcpb-product-details {
					padding: 0 !important;
					img {
						border-radius: 50px;
						width: 100%;
					}
				}	
				.wcpb-product-name {
					margin: 0 0 10px;
				}
				.wcpb-category-wrap {
					display: none;
				}
				.wcpb-box-price-label,
				.wcpb-box-price {
					font-size: var(--wp--preset--font-size--s-medium) !important;
				}
			}
			.wcpb-box-pricing-section,
			.wcpb-message-pricing-wrap {
				float: none !important;
			}			
			.wcpb-box-pricing-section {
				display: inline-flex;
				gap: 60px;
				.wcpb-gift-addon-wrap,
				.wcpb-price-breakup {
					float: none !important;
				}
				.wcpb-gift-addon-wrap {
					padding-right: 0;
					.wcpb-gift-box-items {
						max-height: unset !important;
					}
				}
			}
			.wcpb-message-pricing-wrap {
				background: #74a9cf;
				color: var(--base);
				border-radius: 50px;
				justify-content: center;
				gap: 40px;
				.wcpb-box-message {
					width: auto;
					margin-right: 0;
					label {
						font-size: 16px;
					}
					textarea {
						border: 0;
						border-radius: 10px;
					}
				}
				.cart {
					margin-bottom: 0 !important;
					.wcpb-add-to-cart-details {
						padding-top: 0;
					}
					label,
					.woocommerce-Price-amount {
						color: var(--base);
					}
					.wcpb-addon-quantity-box > span {
						color: var(--contrast);
					}
				}
			}
        }
    }
	@media (max-width: 1150px) {
	    .wcpb-horizontal {
	        .wcpb-container {		
				.wcpb-product-details-wrap {
					gap: 0 90px;
				}
	        }
	    }		
	}
	@media (max-width: 1024px) {
	    .wcpb-horizontal {
	        .wcpb-container {		
				.wcpb-product-details-wrap {
					gap: 60px;
				}
	        }
	    }		
	}	
	@media (max-width: 900px) {
	    .wcpb-horizontal {
	        .wcpb-container {		
				.wcpb-product-details-wrap {
					gap: 20px;
					.wcpb-featured-image-wrap,
					.wcpb-product-details {
						img {
							border-radius: 30px;
						}
					}						
				}
				.wcpb-box-pricing-section {
					flex-direction: column;
					.wcpb-gift-addon-wrap,
					.wcpb-price-breakup {
						width: 100%;
					}
				}				
	        }
	    }		
	}		
}

/* HEadings */
.fix-break {
    @media (max-width: 550px) {
        br {
            display: none;
        }   
    }
}

/* auto icons */
.auto-icons .wp-block-button__link[href^="mailto:"]::before, 
.auto-icons .company-email[href^="mailto:"]::before{
	content: "\f0e0";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.auto-icons .wp-block-button__link[href^="tel:"]::before,
.auto-icons .company-phone[href^="tel:"]::before {
	content: "\f095";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.auto-icons .wp-block-button__link[href^="sms:"]::before {
	content: "\f27a";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.auto-icons .wp-block-button__link[href$="contact/"]::before, 
.auto-icons .wp-block-button__link[href$="contact-us/"]::before {
	content: "\f27a";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

/* backgrounds */

.octane-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.octane-background img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.octane-content {
    position: relative;
    height: 100%;
}

.octane-position {
    position: relative;
}

.line-after-title::after {
	content: "";
	display:block;
	max-width: 300px;
	width: 100%;
	height: 5px;
	background: var(--main);
	border-radius: calc(var(--radius) / 3);
	margin-top: 10px;
}

.has-text-align-center.line-after-title::after {
	margin-inline: auto;
}

/* alignment */

* {
	box-sizing: border-box!important;
}



/* new innerblocks wrapper frontend */

.wp-block-acf-section:not([class*="wp-container-acf-section-is-layout-"]) > .acf-innerblocks-container {
    max-width: var(--wp--style--global--content-size);
    margin-inline: auto !important;
}

.wp-block-acf-section.is-layout-flow:not(.layout-constrained) > .acf-innerblocks-container {
	max-width: 100%;
}

.block-editor [class*="wp-container-acf-section-is-layout-"] {
	max-width: 100%;
}



/* core columns block */

@media(max-width: 782px) {
    .wp-block-columns {
        flex-wrap: wrap!important;
		justify-content: center;
    }

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 100%!important;
	}
}


/* anchor links scrolling */

html, body {
	scroll-behavior: smooth;
}

/* ======= blog posts page */

/* make post full height */
.blog .post>div {
	height: 100%!important;
}

.wp-block-post-excerpt {
	flex-grow: 1!important;
}

.blog .wp-block-post-featured-image img {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.blog-featured-image img {
	max-height: 40vh;
}

/* fix image alignment */
@media only screen and (min-width : 768px) {
	img.alignright { float: right; margin: 0 0 1em 1em; }
	img.alignleft { float: left; margin: 0 1em 1em 0; }
	img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.alignright { float: right; margin: 0 0 1em 1em; }
	.alignleft { float: left; margin: 0 1em 1em 0; }
	.aligncenter { display: block; margin-left: auto; margin-right: auto; }
}


/* breadcrumbs */
.breadcrumbs-bar p {
	margin: 0;
}

/* fix block editor default html margin? */
html {
	margin: 0px!important;
	overflow-x: hidden;
}

/* headers */

header:has(.menu-slideout) {
	z-index: 99;
	position: relative;
}

@media(max-width: 782px) {
	.default-header .acf-innerblocks-container>.is-layout-flex {
		flex-direction: column;
	}
	
	.default-header .is-layout-flex {
		justify-content: center;
	}

	.default-header .wp-block-buttons {
		margin-inline: auto;
	}

	.default-header #open-menu-toggle {
		margin-inline: auto;
	}
	
}

/* inline header */

@media(max-width: 1024px) {
	.inline-header .is-layout-flex {
		display: grid;
		gap: 0;
		grid-template-columns: 30% 70%;
		grid-template-areas:
		    "site-logo header-btns"
		    "nav-primary nav-primary";
		align-items: center;
	}

	.inline-header .wp-block-site-logo {
		grid-area: site-logo;
	}

	.inline-header .wp-block-buttons {
		grid-area: header-btns;
		display: flex;
		justify-content: flex-end;
	}

	.inline-header .wp-block-acf-menu {
		grid-area: nav-primary;
	}

	.inline-header .wp-block-acf-menu {
		width: 100%;
	}

}

@media(max-width: 550px) {
	.inline-header .is-layout-flex {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.inline-header .wp-block-buttons {
		order: 2;
	}

	.inline-header .wp-block-acf-menu {
		order: 3;
	}

	.inline-header .wp-block-site-logo {
		max-width: 200px;
	}
}


/* wp carousel fix */
.block-editor [data-title="WP Carousel Pro"] {
	height: fit-content;
}