/* GENERATED by _migration/css-build/extract-inline.mjs — do not edit by hand.
 *
 * The inline <style> blocks from the spectrum-os pages, scoped under .lg-microsite.
 * build.mjs ports the microsites' CSS FILES and cannot see these; without them a handful of
 * sections lose the rules they depend on entirely — see the notes at the top of the extractor.
 *
 * Regenerate: node _migration/css-build/extract-inline.mjs --write
 */

/* ---- wp-custom-css — inline on /spectrum-os/ ---- */

.lg-microsite #casebag .acc-block .acc-desc{
	font-style: normal;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.8px;
    color: #221F1F;
    z-index: 100;
   
    width: 100%;
}
.lg-microsite #acc-black .acc-block .acc-desc{
    font-style: normal;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.8px;
    color: #221F1F;
    z-index: 100;
    width: 100%;
}
.lg-microsite .scalability-heading.auroris-heading h4,
.lg-microsite .scalability-heading.auroris-heading h4,
.lg-microsite .storage-heading.auroris-heading h4{
    padding: 0px;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0.80px;
    text-align: center;
}
.lg-microsite .dimmer-block{
    min-height: 578px;
}
.lg-microsite .dimmer-btn a{
    border-top: 4px solid transparent;
}
.lg-microsite .dimmer-block-content p{
    color: #808080;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}
.lg-microsite .dimmer-block-thumb{
	text-align: center;
}
.lg-microsite .scalability-heading.auroris-heading{
    position: relative;
    /*z-index: 2;*/
}
.lg-microsite .row-card{
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 80%;
    margin: 25px auto 0px auto;
}
.lg-microsite .row-card .thumb-img{
    width: 20%;
}
.lg-microsite .row-card .thumb-img img{
	width:100%;
}
.lg-microsite .content-card{
    width: calc(100% - 200px);
    margin-left: 30px;
}
.lg-microsite section.acc-light.truss_system .acc-light-inner .col-lg-6.product:first-child .acc-block{
    text-align: center;
}
.lg-microsite section.acc-light.truss_system .acc-light-inner .col-lg-6.product:first-child .acc-block img{
    width: auto;
		transform: unset;
}
.lg-microsite .pum-theme-2130 .pum-container,
.lg-microsite .pum-theme-lightbox .pum-container{
    background-color: rgba( 0,0,0 ) !important;
}
.lg-microsite .videoslidercontainer .container{
	margin-left:auto !important;
	margin-right:auto !important;
}
.lg-microsite .containervideosection{
    display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: space-between;
}
.lg-microsite .containervideosection *{
	color:#fff !important;
}
.lg-microsite .containervideosection .textarea-container{
        max-width: 500px;
        margin-right: 30px;
			width:50%;

    }
.lg-microsite .containervideosection .text-section h1{
        font-size: 32px;
        font-weight: bolder;
        margin-bottom: 20px;
    }
.lg-microsite .containervideosection .text-section p{
        font-size: 16px;
        line-height: 1.6;
    }
.lg-microsite div#videonewsection{

    width: 45%;
}
.lg-microsite .clear{
	clear:both;
}
.lg-microsite .soliloquy-container .soliloquy-html-content{
    position: static !important;
	display: flex;
  align-items: center;
}
.lg-microsite .videoslidercontainer{
	width: 100% !important;
}
.lg-microsite .soliloquy-html-sentinel.soliloquy-clear{
    height: 850px !important;
}
@media(max-width:1300px){
	.soliloquy-viewport {
	height: 700px !important;
}
.lg-microsite .soliloquy-html-sentinel.soliloquy-clear{
	height: 650px !important;
}
}
@media(max-width:1200px){
	.soliloquy-viewport {
	height: 600px !important;
}
.lg-microsite .soliloquy-html-sentinel.soliloquy-clear{
	height: 550px !important;
}
}

@media(max-width:1024px){
	.soliloquy-slider.soliloquy-slides, .soliloquy-viewport, .soliloquy-html-sentinel.soliloquy-clear {
	height: 520px !important;
		min-height:520px;
}
.lg-microsite .soliloquy-html-sentinel.soliloquy-clear{
	display: flex !important;
	align-items: center;
}
.lg-microsite .containervideosection .text-section h1{
	font-size: 20px;
}
.lg-microsite .containervideosection .text-section p{
	font-size: 13px !important;
}
}

@media (max-width: 767px){
	.pum-container {
		width: 98% !important;
	}
.lg-microsite .containervideosection .textarea-container,
.lg-microsite div#videonewsection{
		width:100%;
	}
.lg-microsite .soliloquy-html-sentinel.soliloquy-clear{
    height: 400px !important;
}
.lg-microsite .soliloquy-slider.soliloquy-slides,
.lg-microsite .soliloquy-viewport,
.lg-microsite .soliloquy-html-sentinel.soliloquy-clear{
	height: 400px !important;
	min-height: 400px;
}
.lg-microsite .videoslidercontainer .video-wrapper{
    width: 100% !important;
	margin-left:auto;
	margin-right:auto;
}
.lg-microsite .containervideosection .text-section h1{
    font-size: 9px;
    font-weight: bolder;
    margin-bottom: 5px;
}
.lg-microsite .containervideosection .text-section p{
    font-size: 4px !important;
    line-height: 1.6;
}
.lg-microsite .containervideosection{
    padding-top: 20px;
}
.lg-microsite .containervideosection .text-section{
    width: 180px;
    align-content: normal;
    padding-left: 50px;
}
}

@media (max-width: 512px){
	.row-card {
    display: block;
    max-width: 100%;
	}
.lg-microsite .thumb-img{
    width: 166px;
    margin: 12px auto;
	}
.lg-microsite .content-card{
    width: 100%;
		margin-left: 0px;
	}
}

@media(max-width:576px){
.soliloquy-slider.soliloquy-slides, .soliloquy-viewport, .soliloquy-html-sentinel.soliloquy-clear {
	height: 300px !important;
	min-height: 300px !important;
}
}

@media(max-width:425px){
.soliloquy-container .soliloquy-image {
	height: 250px !important;
	max-height:250px !important;
	object-fit: cover;
}
.lg-microsite .soliloquy-html-sentinel.soliloquy-clear{
		min-height: 250px !important;
		max-height: 250px !important;
	}
.lg-microsite .soliloquy-slider.soliloquy-slides,
.lg-microsite .soliloquy-viewport,
.lg-microsite .soliloquy-html-sentinel.soliloquy-clear{
	height: 250px !important;
	min-height: 250px !important;
}
}

@media (max-width: 375px){
  .soliloquy-container .soliloquy-image {
    height: 200px !important;
    max-height: 200px !important;
    object-fit: cover;
  }
}

/* ---- (no id) — inline on /spectrum-os/ ---- */

.lg-microsite #mc_embed_signup input.mce_inline_error{ border-color:#6B0505; }
.lg-microsite #mc_embed_signup div.mce_inline_error{ margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff; }

/* ---- (no id) — inline on /spectrum-os/ ---- */

.lg-microsite #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */