/*******************************************/
/*           Table of Contents             */
/*******************************************/
/*
    Laird 1. Global Styles
    Laird 2. Header Styles
    Laird 3. Footer Styles
    Laird 4. Main Navigation Styles
    Laird 5. Homepage Styles
    Laird 6. About Page Styles
    Laird 7. Products Overview Styles
    Laird 8. Products Page Styles
    Liard 9. Contact Page Styles
    Laird 10. Forum Styles
*/
/*******************************************/
/*  Laird 1. Global Styles
/*******************************************/

@media print {
	
	@page {
		margin: 0;          /* removes printer/browser margins */
	  }
	  
  body.document nav,
  body.document footer,
  body.document .toc {
	display: none !important;
  }

  body.document .doc-container .content,
  body.document .doc-container .content * {
	display: block !important;
  }
  
  .doc-container {
	  margin:0 !important;
	  padding:0 !important;
  }
  body.document .doc-container .content {
	  padding: 1em !important;
  }

  body.document .doc-container .content { font-size: 0.6em; }

  /* --- Keep code blocks intact on a single page --- */
  body.document .doc-container .content pre,
  body.document .doc-container .content pre code {
	page-break-inside: avoid;     /* legacy */
	break-inside: avoid;          /* modern */
	overflow: visible !important; /* helps some browsers */
	white-space: pre-wrap;        /* optional: wrap long lines instead of overflowing */
	word-break: break-word;       /* optional: allow breaking long tokens */
  }
  
  main.main { padding: 0 !important; }
  body { margin: 0 !important; padding:2em; }

  /* Optional: keep headings with the block that follows */
  body.document .doc-container .content h2,
  body.document .doc-container .content h3 {
	page-break-after: avoid;
	break-after: avoid-page;
  }

  /* Optional: ensure tables/images don't split either */
  body.document .doc-container .content table,
  body.document .doc-container .content figure {
	page-break-inside: avoid;
	break-inside: avoid;
  }
  
  body.document .doc-container pre .actions {
	  display:none !important;
  }
  body.document .block-page-title-block h1 {
	  font-size:1.8em;
  }
  /* Optional: keep background colors for syntax themes */
  /* * { -webkit-print-color-adjust: exact; print-color-adjust: exact; } */
}

@container page (max-width:1200px) {
section.center { margin-left:2em; margin-right:2em; }
.block-page-title-block section.center { margin-left:0; margin-right:0; }

}
@container page (max-width:1000px) {
	nav.main .menu { gap:1em; }
}
@container page (max-width:800px) {

	table.products td.product h4 { width:100%; margin-top:0.5em; }
	
	
	
	
}
@container page (max-width:600px) {
	#modal .modals, #modal .modals h1 { padding-left:0; padding-right:0; }
	#modal .modals { padding-top:5em; }
	#modal .modals h1 { margin-top: 5rem; }
	#modal a.close { top: 5.3rem; right:0.5rem; }
	
	form { padding-left:1rem; padding-right:1rem; }
	form .form-item { flex-wrap: wrap; }
	form .js-form-type-checkbox { flex-wrap:nowrap; align-items: flex-end; }
	form .form-item label,
	form .form-item legend { width:100%; text-align:left; }
	form .form-item .description,
	form .form-item .fieldset-wrapper { width:100%; }
	
	form .company-email-message { padding-left:0; }
	
	
	[data-table-filters] ul { font-size:0.8em; }
	[data-table-filters] li { padding:1em; }
	[data-table-filters] li img { max-width:100px;}
	
	table.products  { font-size:0.8em; }

.block-region-header h1 { font-size:2em !important; }
.paragraph h1 { font-size:2.7em !important; }

.sub-nav { display:none; }	
body.has-sub-nav .paragraph.top-paragraph { padding-top:6em !important; }

body.product.v4 .block-region-header { padding-top:6em; }

}

/*******************************************/
/*  Laird 3. Footer Styles
/*******************************************/

@container page (max-width:640px) {
	
	footer.footer { text-align:left; }
	footer.footer li { width:100%; }
	ul.social-links { margin:1em 0; }
}

/*******************************************/
/*  Laird 4. Main Content
/*******************************************/

@container page (max-width:600px) {
	
	main.main #block-laird-page-title { font-size:0.8em; }
	.button,
	.button.half { width:100%; margin-right:0 !important; margin-left:0 !important; }
	a.tab { width:100%; margin-right:0; }
	
	a.anchor { top: -250px; }
}


@container page (max-width:600px) {
	
	.license-agreement .agreement-content { padding:1rem; }
}


/*******************************************/
/*  Laird 5. Homepage Styles
/*******************************************/
@container page (max-width:600px) {
	body.homepage h1 { font-size:3.8em; font-weight:normal; }
}

@container page (max-width:450px) {
	body.homepage .view-id-product_category > .view-content li { width:100vw;  }
	body.homepage .view-id-product_category > .view-content .views-field-field-icon { width:7em; }
	
	
	
	
}
/*******************************************/
/*  Laird 6. About Page Styles
/*******************************************/

/*******************************************/
/*  Laird 7. Products Overview Styles
/*******************************************/
@container page (max-width:700px) {
	.view-id-product_category > .view-content { padding-left:1rem; padding-right:1rem; }
	.view-id-product_category > .view-content li { width:100%; align-items:flex-start; margin:2% 0; }
	.field_capabilities .content { flex-wrap:wrap; flex-direction: row !important; }
	.field_capabilities .field_photo { width:100%; margin:auto; max-width:400px; }
	.field_capabilities .description { width:100%; }
	
	
	
	/* Alternate Style: Featured */
	.view-id-product_category.featured > .view-content li { width:47%; }
	
	
	view-faqs.on-page .view-content {
		padding: 0;    
		gap: 0;         
	  }
	
	  .view-faqs.on-page .view-content .views-row {
		width: 100%;   
	  }
	
	.buy { overflow-x:auto; }
	.distributors { overflow-x:auto; }
	
}

@container page (max-width:600px) {
	.view-id-product_category.featured > .view-content li { width:97%; }
}
/*******************************************/
/*  Laird 8. Product Page Styles
/*******************************************/
@container page (max-width:1200px) {
	
	body.product .part-specs.table-foot .maximize { display:none; }
}
@container page (max-width:900px) {
	body.product .radix-layouts-column1 { width:40%; }
	body.product .radix-layouts-column2 { width:60%; }
	body.product .block-entity-fieldnodefield-features .field_features div { width:50%; }
	
	body.product .block-region-middle { margin:0; }
	
	
	
}

@container page (max-width:800px) {
  body.product.v4 .product-header {
	flex-direction: column-reverse;
	align-items: flex-start;
  }

  body.product.v4 .product-header > div:first-child,
  body.product.v4 .product-header > div:last-child {
	flex: none;
	width: 100%;
	max-width: none;
  }
  body.product.v4 .product-header > div:last-child {
	margin-bottom:2em;
  }

 body.product.v4 .overview > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
  }

  body.product.v4 .overview .cta,
  body.product.v4 .overview .content {
	width: 100% !important;
	max-width: none !important;
	padding-right: 0 !important; /* Remove padding for a cleaner full-width stack */
	margin: 0; /* Remove any margins that might cause alignment issues */
  }

  /* Move CTA to the top */
  body.product.v4 .overview .cta {
	order: -1;
	flex: none; /* Removes the fixed flex settings */
	width: 100%; /* Make it full width */
	margin-bottom:1em;
  }
  .buy-now-box h3 { font-size:1.2em; }
  
  body.product.v4 .block-region-header h1 { font-size:2em !important; }
}


@container page (max-width:600px) {
	body.product .block-entity-fieldnodebody, body.product .block-entity-fieldnodefield-image { width:100%; }
	.view-product-specifications .spec-content { display:block; }
	.view-product-specifications .spec-content .specification { width:100%; min-width:0; padding-bottom:0.25em; margin-right:0; }
	body.product .block-entity-fieldnodefield-standard-stock, body.product .block-entity-fieldnodefield-custom-solutions, body.product .block-entity-fieldnodefield-prototyping { width:100%; text-align:center; padding-left:0; padding-right:0; }

	body.product .container-fluid .row:nth-child(2) { display:block; }
	body.product .radix-layouts-column1 { width:100%; padding-left:0; padding-bottom:0; }
	body.product .radix-layouts-column2 { width:100%; padding-right:0; }
	
	body.product .block-entity-fieldnodefield-features .field_features div { width:100%; padding-left:3.8rem; text-align:left;  padding-top:0.6rem; }
	body.product .block-entity-fieldnodefield-features .field_features div:before { position:absolute; left:1.5rem; top:0; margin:0;  font-size:1.2em; background:none; }
	
	.view-product-specifications .view-display-id-block_3 .view-content .views-row { width:100%; }
	.view-product-specifications .view-display-id-block_3 .spec-content { text-align:left; }
	
	table.part-specifications thead th ul li { min-width:140px; }
	
	.docsections .section { flex:1 0 47%; }
	
}
@container page (max-width:400px) {
.docsections .section { flex:1 0 97%; }
}

/*******************************************/
/*  Laird 8. Product Teaser Styles
/*******************************************/

@container page (max-width:900px) {
	.view-products .view-content li { width:31.3%;  }
}
@container page (max-width:700px) {
	.view-products .view-content li { width:48%;  }
	.view-products.product-tiles .view-content li { width:48%; margin:3% 1%; }
	
	
	
	
	.view-id-products.view-display-id-block_3 .view-content li { width:48%; }
	
	.view-products.certified-products .view-content li { width:44%; margin-left:3%; margin-right:3%; }
	.view-products.product-tiles.side-scroller  .view-content li { width:44%; margin-left:3%; margin-right:3%; }
	
}
@container page (max-width:500px) {
	.view-products { padding-left:1rem; padding-right:1rem; }
	.view-products .view-content li { width:100%; padding-bottom:1em; }
	.view-products > .view-content article .content { display:flex; align-items:center; }
	.view-products > .view-content article .field_media_image { min-width:80px; width:80px; }
	.view-products article .field_media_image img { display:block; }
	.view-products article h3 { margin-top:0; font-size:1.2em; }
	
	
	
	.view-products.product-tiles .view-content li { width:98%; }
	.view-products.product-tiles.side-scroller  .view-content li { width:94%; margin-left:3%; margin-right:3%; }
	
	.view-products.product-tiles li .discontinued { top:0; right:0; padding:0.25em 0.5em; font-size:0.8em; letter-spacing: normal; }
	.view-products.product-tiles li .discontinued .bottomright { display:none; }
	
	.view-products.product-tiles li.show-discontinued span.icon-plus { font-size:1.2em; }
	
	.view-products .view-product-specifications { margin-left:80px; font-size:0.9em; }
	.view-products .view-product-specifications .spec-content { padding-bottom:0; padding-left:1rem; }
	.view-products .view-product-specifications .spec-content .specification { margin:0; }
	.view-products .view-product-specifications .spec-content .value { margin-bottom:0.5em; }
	
	.view-products .view-content .learn-more-button { margin-left:80px; }
	
	.view-id-products.view-display-id-block_3 .view-content li { width:90%; margin-left:5%; margin-right:5%; }
	.view-products.view-display-id-block_3 > .view-content { text-align:left; }
	
	.view-products.certified-products .view-content li h3 { margin:0; }
	
	.view-products.certified-products .view-content .learn-more-button { margin-left: 0; }
	
	.view-products.certified-products  > .view-content article .content { display:block; }
	.view-products.certified-products  > .view-content article .field_media_image { min-width:0; width:50%; margin:auto; margin-bottom:1em; }
	.view-products.certified-products  > .view-content article .field_media_image .field_media_image  { width:100%; margin-bottom:0; }
	.view-products.certified-products  > .view-content li { width:86%; margin-left:7%; margin-right:7%; padding-bottom:3em; }
	
	.view-products.view-display-id-block_7 .view-content li h3 { margin-bottom:1.5em; }
	.view-products.view-display-id-block_7>.view-content article .content { flex-wrap:wrap; }
	.view-products.view-display-id-block_7>.view-content article .field_media_image { min-width:80px; width:auto; max-width:300px; margin:auto; }
	.view-products.view-display-id-block_7 .view-content .learn-more-button { margin-left:0; }

}

/*******************************************/
/*  Laird 9. Contact Form/Page Styles
/*******************************************/
@container page (max-width:700px) {
	.block-views-blockcontact-blocks-block-1 .views-row { width:50%; }
	
	form.smart-form label { width:100%; }
}
@container page (max-width:500px) {
	.block-views-blockcontact-blocks-block-1 .views-row { width:100%; }
}
/*******************************************/
/*  Laird 10. Forum Styles
/*******************************************/
@container page (max-width:1220px) {
	body.forum .block-system-main-block .body, body.forum .block-region-header .block { padding-left: 2rem; padding-right:2rem; }
	body.forum .block-entity-fieldnodecomment-forum { margin:0 1rem; }
}
@container page (max-width:500px) {
	section.forum { padding-left:0; padding-right:0; }
}
/*******************************************/
/*  Laird 11. Resources Overview Styles
/*******************************************/

@container page (max-width:800px) {
	.view-resources .view-content li { width: 47% }
	.view-resources .view-filters form { flex-wrap: wrap; justify-content: center; }
}
@container page (max-width:700px) {
	.paragraph-id-21997.paragraph--type--paragraph.text-center { text-align:center; }
	body.page-node-9278 .featured-videos ul { grid-template-columns: 60%; }
	
	.doc-container {
		grid-template-columns: 1fr; /* Stacks TOC and content vertically */
	}
	
	.doc-container .toc {
		width: 100%; /* Make TOC take full width */
		max-width: 100%; /* Prevent overflow */
		margin-bottom: 1em; /* Add spacing between TOC and content */
		position: relative; /* Disable sticky behavior on small screens */
		top:0;
	}
	
	.doc-container .content {
		max-width: 100%; /* Make content take full width */
	}
}

@container page (max-width:768px) {
  .view-resources.stacked .view-content li .content {
	flex-direction: column;
	align-items: flex-start;
  }

  .view-resources.stacked .view-content li .field_media_image {
	width: 100%;
	margin-bottom: 1em;
  }

  .view-resources.stacked .view-content li .field_media_image img {
	width: 100%;
	max-height: none;
	border-radius: 0.5em;
  }

  .view-resources.stacked .view-content li .info {
	width: 100%;
	padding-left: 0;
  }
}

@container page (max-width:600px) {
	
	.view-resources .view-filters #edit-sort-bef-combine--wrapper.form-item { padding-top:0.5em; }
	.view-resources .view-filters input[type=submit] { margin-top:0.5em;}
	.view-resources .view-content li { width: 100%; margin-left:0%; margin-right:0%; }
	
	.menu-resources a span:before { display:none !important; }
	
	.paragraph-id-21997 form input { width:100%; }
	
	body.page-node-9278 .featured-videos ul { grid-template-columns: auto; }
	body.page-node-9278 .featured-videos .item-list li:nth-child(1) { grid-row: 1; grid-column: 1; }
	body.page-node-9278 .featured-videos .item-list li:nth-child(2) { grid-column: 1; grid-row: 2; }
	body.page-node-9278 .featured-videos .item-list li:nth-child(3) { grid-column: 1; grid-row: 3; }
	
	.paragraph--type--panel.paragraph-id-454258.width-third .paragraph--type--paragraph { width:100%; margin-left:0; margin-right:0; .paragraph--type--panel.width-half .paragraph--type--paragraph}
}

/*******************************************/
/*  Laird 12. Resources Page Styles
/*******************************************/
@container page (max-width:700px) {
	body.article .block-region-middle { flex-wrap: wrap; }
	body.article .block-region-middle .block-entity-fieldnodebody { width:100%; }
	body.article .block-region-middle .block-entity-fieldnodefield-media-image { width:100%; }
}

/*******************************************/
/*  Laird 14. Paragraphs
/*******************************************/
@container page (max-width:900px) {
	.paragraph--type--panel.width-half > .content > .paragraph { width:100%; }
	.paragraph--type--panel.width-third > .content > .paragraph{ width:50%; }
	.paragraph--type--panel.width-fourth > .content > .paragraph { width:33.3%; }
	.paragraph--type--panel.width-fifth > .content > .paragraph { width:25%; }
	.paragraph--type--panel.width-sixth > .content > .paragraph { width:25%; }
	.paragraph--type--panel.width-seventh > .content > .paragraph { width:25%; }
	.paragraph--type--panel.width-eighth > .content > .paragraph { width:25%; }
	
	/* .paragraph--type--panel.width-half .paragraph--type--panel { width:100%; }
	.paragraph--type--panel.width-third .paragraph--type--panel { width:50%; }
	.paragraph--type--panel.width-fourth .paragraph--type--panel { width:33.3%; }
	.paragraph--type--panel.width-fifth .paragraph--type--panel { width:25%; }
	
	.paragraph--type--panel.width-half .paragraph--type--media { width:100%; }
	.paragraph--type--panel.width-third .paragraph--type--media { width:50%; }
	.paragraph--type--panel.width-fourth .paragraph--type--media { width:33.3%; }
	.paragraph--type--panel.width-fifth .paragraph--type--media { width:25%; }
	
	.paragraph--type--panel.width-half .paragraph--type--webform { width:100%; }
	.paragraph--type--panel.width-third .paragraph--type--webform { width:50%; }
	.paragraph--type--panel.width-fourth .paragraph--type--webform { width:33.3%; }
	.paragraph--type--panel.width-fifth .paragraph--type--webform { width:25%; } */
	
	.paragraph--type--panel.paragraph-id-20411.width-third .paragraph--type--paragraph { width:47%; }
	.paragraph--type--resources .field_resource > div { width:47%; }
	
	
	
	.subnav ul li { display:none; }
	.subnav ul li:last-of-type { display:block; }
	.paragraph.page.columns.reversed .columns { align-items: flex-start; }
	
	ul.col-5 li { width:33%; }
}

@container page (max-width:700px) {
	.paragraph--type--paragraph.photo-right.photo-large .content { flex-direction: column-reverse; flex-wrap: wrap; }
	.paragraph--type--paragraph.photo-left.photo-large .content { flex-direction: column-reverse; flex-wrap: wrap; }
	.paragraph--type--paragraph.photo-right.photo-large .field_paragraph_body,
	.paragraph--type--paragraph.photo-left.photo-large .field_paragraph_body { width: 100%;  }
	.paragraph--type--paragraph.photo-right.photo-large .field_photo,
	.paragraph--type--paragraph.photo-left.photo-large .field_photo { width: 100%; }
	.paragraph--type--paragraph.photo-large .field_photo { padding-bottom:0; }
	
	.paragraph--type--paragraph.photo-right.photo-xlarge .content { flex-direction: column-reverse; flex-wrap: wrap; }
	.paragraph--type--paragraph.photo-left.photo-xlarge .content { flex-direction: column-reverse; flex-wrap: wrap; }
	.paragraph--type--paragraph.photo-right.photo-xlarge .field_paragraph_body,
	.paragraph--type--paragraph.photo-left.photo-xlarge .field_paragraph_body { width: 100%;  }
	.paragraph--type--paragraph.photo-right.photo-xlarge .field_photo,
	.paragraph--type--paragraph.photo-left.photo-xlarge .field_photo { width: 100%; }
	
	.paragraph--type--paragraph.photo-right.photo-medium .field_paragraph_body,
	.paragraph--type--paragraph.photo-left.photo-medium .field_paragraph_body { width: 70%;  }
	.paragraph--type--paragraph.photo-right.photo-medium .field_photo,
	.paragraph--type--paragraph.photo-left.photo-medium .field_photo { width: 30%; }
	
	.paragraph--type--paragraph.photo-right.photo-small .field_paragraph_body,
	.paragraph--type--paragraph.photo-left.photo-small .field_paragraph_body { width: 80%;  }
	.paragraph--type--paragraph.photo-right.photo-small .field_photo,
	.paragraph--type--paragraph.photo-left.photo-small .field_photo { width: 20%; }
	
	
	
	.paragraph--type--paragraph.photo-right.photo-half .content { flex-direction: column-reverse; flex-wrap: wrap; }
	.paragraph--type--paragraph.photo-left.photo-half .content { flex-direction: column-reverse; flex-wrap: wrap; }
	.paragraph--type--paragraph.photo-right.photo-half .field_paragraph_body,
	.paragraph--type--paragraph.photo-left.photo-half .field_paragraph_body  { display:block; width: 100%; padding:2rem;  }
	.paragraph--type--paragraph.photo-right.photo-half .field_photo,
	.paragraph--type--paragraph.photo-left.photo-half .field_photo { display:block; width: 100%; padding:0; }
	.paragraph--type--paragraph.photo-right.photo-half .content { align-items:flex-start; }
	
	
	//.paragraph--type--paragraph.text-center { text-align:left; }
	.paragraph--type--panel.width-half .paragraph--type--paragraph.text-center,
	.paragraph--type--panel.width-third .paragraph--type--paragraph.text-center,
	.paragraph--type--panel.width-fourth .paragraph--type--paragraph.text-center,
	.paragraph--type--panel.width-fifth .paragraph--type--paragraph.text-center { text-align:center; }
	
	.paragraph--type--panel.width-third > .content > .paragraph--type--paragraph { width:100%; }
	.paragraph--type--panel.width-fourth > .content > .paragraph--type--paragraph { width:50%; }
	.paragraph--type--panel.width-fifth > .content > .paragraph--type--paragraph { width:33.33%; }
	.paragraph--type--panel.width-sixth > .content > .paragraph--type--paragraph { width:33.33%; }
	.paragraph--type--panel.width-seventh > .content > .paragraph--type--paragraph { width:33.33%; }
	.paragraph--type--panel.width-eighth > .content > .paragraph--type--paragraph { width:25%; }

	.paragraph--type--panel.width-third > .content > .paragraph--type--panel { width:100%; }
	.paragraph--type--panel.width-fourth > .content > .paragraph--type--panel { width:50%; }
	.paragraph--type--panel.width-fifth > .content > .paragraph--type--panel { width:33.33%; }
	.paragraph--type--panel.width-sixth > .content > .paragraph--type--panel { width:33.33%; }
	.paragraph--type--panel.width-seventh > .content > .paragraph--type--panel { width:33.33%; }
	.paragraph--type--panel.width-eighth > .content > .paragraph--type--panel { width:25%; }

	.paragraph--type--panel.width-third > .content > .paragraph--type--media { width:100%; }
	.paragraph--type--panel.width-fourth > .content > .paragraph--type--media { width:50%; }
	.paragraph--type--panel.width-fifth > .content > .paragraph--type--media { width:33.33%; }
	.paragraph--type--panel.width-sixth > .content > .paragraph--type--media { width:33.33%; }
	.paragraph--type--panel.width-seventh > .content > .paragraph--type--media { width:33.33%; }
	.paragraph--type--panel.width-eighth > .content > .paragraph--type--media { width:25%; }

	.paragraph--type--panel.width-third > .content > .paragraph--type--webform { width:100%; }
	.paragraph--type--panel.width-fourth > .content > .paragraph--type--webform { width:50%; }
	.paragraph--type--panel.width-fifth > .content > .paragraph--type--webform { width:33.33%; }
	.paragraph--type--panel.width-sixth > .content > .paragraph--type--webform { width:33.33%; }
	.paragraph--type--panel.width-seventh > .content > .paragraph--type--webform { width:33.33%; }
	.paragraph--type--panel.width-eighth > .content > .paragraph--type--webform { width:25%; }
	
	
	.paragraph--type--panel.paragraph-id-20411.width-third > .content { flex-wrap:wrap; }
	.paragraph--type--panel.paragraph-id-20411.width-third .paragraph--type--paragraph { width:100%; margin-left:0; margin-right:0; }
	
	.paragraph--type--resources .field_resource > div { width:100%; margin-left:0%; margin-right:0%;  }
	
	.paragraph--type--paragraph .list-items-horizontal.half li,
	.body .list-items-horizontal.half li { width:100%; }
	
	.paragraph--type--paragraph .list-items-horizontal.thirds li,
	.body .list-items-horizontal.thirds li { width:50%; }
	
	.paragraph--type--panel.width-article > .content { flex-direction:column-reverse; }
	.paragraph--type--panel.width-article.flipped > .content { flex-direction:column; }
	.paragraph--type--panel.width-article > .content > .paragraph:nth-child(odd) { width:100% !important; }
	.paragraph--type--panel.width-article > .content > .paragraph:nth-child(even) { width:100% !important; }
	.paragraph--type--panel.width-article .field_media_image { margin:0.5em 0.5em 0; }
	.paragraph--type--panel.width-article .field_photo { display:flex; }
	.paragraph--type--panel.width-article .paragraph--type--paragraph.photo-none .field_photo { display:none; }
	
	
	
	
	.paragraph.page.columns.reversed .columns { flex-direction: column; }
	.paragraph.page.columns.reversed .columns section { width:100% } 
	
	.paragraph.page.columns .columns { flex-direction: column; }
	.paragraph.page.columns .columns section { width:100% } 
	
	ul.col-2 li { width:100%; }
	
	ul.col-3 li { width:48%; }
	ul.col-3.tiles li { width:48%; }
	ul.col-3.tiles li:after { display:none; }
	
	ul.col-4 li { width:50%; }
	
	ul.col-5 li { width:50%; }
}

@container page (max-width:600px) {
	.field_media_file .content { width:100%; }
	
	.paragraph--type--paragraph.bg-focus-half-left > .content > .field_paragraph_body { margin-left:0; }
	.paragraph--type--paragraph.bg-focus-half-right > .content > .field_paragraph_body { margin-right:0; }
	.paragraph--type--paragraph.bg-focus-half-left > .content > .background { background-position:center right; }
	.paragraph--type--paragraph.bg-focus-half-right > .content > .background { background-position:center left; }
	
	
	.paragraph--type--paragraph .list-items-horizontal.thirds li,
	.body .list-items-horizontal.thirds li { width:100%; }
	
	ul.col-3 li { width:98%; }
	ul.col-3.tiles li { width:98%; }
	
	ul.col-4 li { width:100%; }
	
	ul.col-5 li { width:100%; }
}

@container page (max-width:500px) {
	
	.paragraph--type--paragraph.photo-right.photo-medium .content { flex-direction: column-reverse; flex-wrap: wrap; }
	.paragraph--type--paragraph.photo-left.photo-medium .content { flex-direction: column-reverse; flex-wrap: wrap; }
	.paragraph--type--paragraph.photo-right.photo-medium .field_paragraph_body,
	.paragraph--type--paragraph.photo-left.photo-medium .field_paragraph_body { width: 100%;  }
	.paragraph--type--paragraph.photo-right.photo-medium .field_photo,
	.paragraph--type--paragraph.photo-left.photo-medium .field_photo { width: 50%; margin-left:auto; margin-right:auto; }
	
	#modal .paragraph--type--paragraph.photo-right.photo-medium .content { flex-direction: inherit; flex-wrap: nowrap; }
	#modal .paragraph--type--paragraph.photo-left.photo-medium .content { flex-direction: row-reverse; flex-wrap: nowrap; }
	#modal .paragraph--type--paragraph.photo-right.photo-medium .field_paragraph_body,
	#modal .paragraph--type--paragraph.photo-left.photo-medium .field_paragraph_body { width: 75%;  }
	#modal .paragraph--type--paragraph.photo-right.photo-medium .field_photo,
	#modal .paragraph--type--paragraph.photo-left.photo-medium .field_photo { width: 25%; margin-left:0; margin-right:0; }
	
	.paragraph--type--paragraph.photo-right.photo-small .field_paragraph_body,
	.paragraph--type--paragraph.photo-left.photo-small .field_paragraph_body { width: 70%;  }
	.paragraph--type--paragraph.photo-right.photo-small .field_photo,
	.paragraph--type--paragraph.photo-left.photo-small .field_photo { width: 30%; }
	
	.paragraph--type--panel.width-fourth .paragraph--type--paragraph.photo-right.photo-small .field_paragraph_body,
	.paragraph--type--panel.width-fourth .paragraph--type--paragraph.photo-left.photo-small .field_paragraph_body  { display:block; width: 80%;  }
	.paragraph--type--panel.width-fourth .paragraph--type--paragraph.photo-right.photo-small .field_photo,
	.paragraph--type--panel.width-fourth .paragraph--type--paragraph.photo-left.photo-small .field_photo { display:block; width: 20%; padding-right:0; }
	
	
	.paragraph--type--panel.width-fourth > .content > .paragraph--type--paragraph { width:100%; }
	.paragraph--type--panel.width-fourth > .content > .paragraph--type--panel { width:100%; }
	.paragraph--type--panel.width-fourth > .content > .paragraph--type--media { width:100%; }
	.paragraph--type--panel.width-fourth > .content > .paragraph--type--webform { width:100%; }
	
	.paragraph--type--panel.width-fifth > .content > .paragraph--type--paragraph { width:50%; }
	.paragraph--type--panel.width-fifth > .content > .paragraph--type--panel { width:50%; }
	.paragraph--type--panel.width-fifth > .content > .paragraph--type--media { width:50%; }
	.paragraph--type--panel.width-fifth > .content > .paragraph--type--webform { width:50%; }
	
	.paragraph--type--panel.width-sixth > .content > .paragraph--type--paragraph { width:50%; }
	.paragraph--type--panel.width-sixth > .content > .paragraph--type--panel { width:50%; }
	.paragraph--type--panel.width-sixth > .content > .paragraph--type--media { width:50%; }
	.paragraph--type--panel.width-sixth > .content > .paragraph--type--webform { width:50%; }
	
	.paragraph--type--panel.width-seventh > .content > .paragraph--type--paragraph { width:50%; }
	.paragraph--type--panel.width-seventh > .content > .paragraph--type--panel { width:50%; }
	.paragraph--type--panel.width-seventh > .content > .paragraph--type--media { width:50%; }
	.paragraph--type--panel.width-seventh > .content > .paragraph--type--webform { width:50%; }
	
	.paragraph--type--panel.width-eighth > .content > .paragraph--type--paragraph { width:50%; }
	.paragraph--type--panel.width-eighth > .content > .paragraph--type--panel { width:50%; }
	.paragraph--type--panel.width-eighth > .content > .paragraph--type--media { width:50%; }
	.paragraph--type--panel.width-eighth > .content > .paragraph--type--webform { width:50%; }
	
}


/*******************************************/
/*  Laird 16. Quote Blocks
/*******************************************/

@container page (max-width:700px) {
	.block-quote { align-items: top; }
	.block-quote .field_image { width:40%; }
	.block-quote .content { width:60%;   }
}

@container page (max-width:500px) {
	.block-quote { display:block; }
	.block-quote .field_image { width:100%; }
	.block-quote .content { width:100%;   }
}


/*******************************************/
/*  Laird 16.b Market
/*******************************************/

@container page (max-width:600px) {
	.view-markets li { width:96%; margin:1em 2%; }
}

/*******************************************/
/*  Laird 17. Resource Category Teasers
/*******************************************/

@container page (max-width:700px) {
	ul.resource-categories,
	.view-resource-categories ul { flex-wrap:wrap; padding:2rem 2rem 0 !important: }
	ul.resource-categories li,
	.view-resource-categories li { width:80%; margin:0 auto 2em; }
}
@container page (max-width:500px) {
	ul.resource-categories li,
	.view-resource-categories li { width:100%; }
}

/*******************************************/
/*  Laird 17. Dev Kit Buy Now
/*******************************************/

@container page (max-width:750px) {
	.view-parts.view-display-id-block_6 ul.dev-kits li { width:50%; }
}

@container page (max-width:600px) {
	.view-parts.view-display-id-block_6 ul.dev-kits li { width:100%; }
}

/*******************************************/
/*  Laird 17. Dev Kit Buy Now
/*******************************************/


@container page (max-width:900px) {

	div.battery-estimator div.field span:nth-child(odd) { width:60%; }
	div.battery-estimator div.field span:nth-child(even) { width:40%; }

}

@container page (max-width:800px) {
div.battery-estimator div.section { width:100%; }
	div.battery-estimator div.field span:nth-child(odd) { width:70%; }
	div.battery-estimator div.field span:nth-child(even) { width:30%; }

}
@container page (max-width:700px) {
div.battery-estimator div.section { width:100%; }
	div.battery-estimator div.field span:nth-child(odd) { width:65%; }
	div.battery-estimator div.field span:nth-child(even) { width:35%; }
	
	div.battery-estimator div.years { flex-wrap: wrap; }
	div.battery-estimator div.years > div { width:100%;  }
	div.battery-estimator div.years > div#piechart { width:100%; }

}
@container page (max-width:600px) {
div.battery-estimator div.section.temperature div.field span { width:100% !important; }
}

/*******************************************/
/*  Laird - Support Page
/*******************************************/

@container page (max-width:800px) {
	.support-tiles { flex-wrap:wrap; }
	.support-tiles a { width:100%; margin:1em 0; }
}
@container page (max-width:500px) {
	
}