/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
@font-face {
  font-family: Oswald;
  src: url(../ttf/oswald-variablefont_wght1.ttf);
	font-weight: 700;
}
@font-face {
  font-family: Oswald-Bold;
  src: url(../ttf/oswald-bold.ttf);
}
@font-face {
  font-family: Gotham-Medium;
  src: url(../otf/gotham-medium.otf);
}
@font-face {
  font-family: Gotham-Book;
  src: url(../otf/gotham-book-regular.otf);
}
.menu-text{
	font-family: Oswald-Bold,Helvetica,Arial,sans-serif !important;
}
.main-header-menu .sub-menu .menu-link{
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.ast-builder-menu-1 .menu-item > .menu-link {
                font-size: 18px;
                font-size: 1.1rem;
}
.dimButton{
	opacity: 0.5;
}
#FooterZip{
	display: none !important;
}

.kt-row-layout-equal>.wp-block-kadence-column{
	width: auto !important;
}
html{
	scroll-padding-top: 10rem !important;   /* Needed for Anchor links  */
	scroll-behavior: smooth;
}
.gothamFont{
	font-family: Gotham medium,Helvetica,Arial,sans-serif !important;
}
.gothamFont span{
	font-family: Gotham medium,Helvetica,Arial,sans-serif !important;
}
@media (max-width: 768px) {
	html{
		scroll-padding-top: 7rem !important;   /* Needed for Anchor links  */
	}
}
.noMaxWidth {
	max-width: unset;
}
#CoverBoxBottom .wp-block-cover__inner-container{
	width: 100% !important;
	height: 90px;
}
#CoverBoxBottom2 .wp-block-cover__inner-container{
	width: 100% !important;
	height: 90px;
	background-color: #00000087;
}
.projectPanelButton{
	margin-left:40px;
}
.HeaddingImageBottom{
	height: 100%;
}
.HeaddingImageBottom2{
	height: 100%;
}
#ast-desktop-header{
	background-color: #005E99;
}
#ast-scroll-top {
	border: 2px solid #ffffff;
}
.YellowButtonImp{
	border-color: #FAA90E !important;
	background-color: #FAA90E !important;
	color: black !important;
}
.BlueButtonImp{
	border-color: #005E99 !important;
	color: #005E99 !important;
}
.kb-button.kb-btn-global-outline{
	border-color: #FAA90E;
}
.current-menu-item{
	border-left: solid #FAA90E !important;
}
.AlignedUL{
	margin-left: 17px !important;
}
.LISpaceBottom{
	margin-bottom: 15px;
}
button{
	font-family: 'Oswald-Bold';
}
.Oswald{
	font-family: 'Oswald-Bold' !important;
}
.hidden {
	height: 0 !important;
	margin: 0 !important;
	font-size: 0 !important;
	padding: 0 !important;
}
.NoDecoration{
	text-decoration: none !important;
}
.noPaddingBottom{
	padding-bottom: 0px !important;
	margin-bottom: 15px !important;
}
.slantButton{
	background: rgba(0,0,0,0);
	border: solid 4px white;
	color:white;
	font-size: 17px;
	-ms-transform: skewX(-35deg);
  	-webkit-transform: skewX(-35deg);
  	transform: skewX(-35deg);
}
.TitleLineNoBack{
	background-color: white;
	z-index: 2;
}
.TitleLineNoBack:after{
	position: absolute;
    right: 0;
	content: "";
	display: block;
	transform: translateY(-12px);
	border-top: solid black;
	width: 35%;
	z-index: 1;
}
.TitleLineNoBack:before{
	position: absolute;
    left: 0;
	content: "";
	display: block;
	transform: translateY(12px);
	border-top: solid black;
	width: 35%;
	z-index: 1;
}
@media (max-width: 1100px) {
	.TitleLineNoBack:after{
		width: 33%;

	}
	.TitleLineNoBack:before{
		width: 33%;
	}
}
@media (max-width: 980px) {
	.TitleLineNoBack:after{
		width: 30%;

	}
	.TitleLineNoBack:before{
		width: 30%;
	}
}
@media (max-width: 880px) {
	.TitleLineNoBack:after{
		width: 25%;

	}
	.TitleLineNoBack:before{
		width: 25%;
	}
}
@media (max-width: 700px) {
	.TitleLineNoBack:after{
		width: 20%;

	}
	.TitleLineNoBack:before{
		width: 20%;
	}
}
@media (max-width: 600px) {
	.TitleLineNoBack:after{
		width: 15%;

	}
	.TitleLineNoBack:before{
		width: 15%;
	}
}
@media (max-width: 500px) {
	.TitleLineNoBack:after{
		width: 0%;

	}
	.TitleLineNoBack:before{
		width: 0%;
	}
}
.paddingZero .kt-accordion-panel-inner {
	padding: 0;
}
#ArticlesWidth{
	max-width: 1400px !important;
}
#ArticlesWidth .wp-block-kadence-posts .loop-entry .entry-header .entry-meta, .wp-block-kadence-posts .loop-entry .entry-summary p:first-child{
	padding-bottom: 30.5px;
}
.button-slanted-content, #gform_submit_button_3{
  -ms-transform: skewX(35deg);
  -webkit-transform: skewX(35deg);
  transform: skewX(35deg);  
  display: inline-block;
}
.slantButtonSub, #gform_submit_button_2, #gform_3 > div.gform_footer.top_label {
	font-size: 17px;
	-ms-transform: skewX(-35deg);
  	-webkit-transform: skewX(-35deg);
  	transform: skewX(-35deg);
}
.slantButtonSub a{
  -ms-transform: skewX(35deg);
  -webkit-transform: skewX(35deg);
  transform: skewX(35deg);  
  display: inline-bloc
}
div.gform_footer.top_label {
    color: #ffffff;
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
    border-radius: 2px;
    padding: 0 !important;
    line-height: 1;
	max-width: 120px;
	max-height: 47px;
}
div.gform_footer.top_label:hover{
	color: #ffffff;
    background-color: var(--ast-global-color-1);
    border-color: var(--ast-global-color-1);
}
#gform_submit_button_3  {
	background-color: transparent;
	margin-bottom: 0;
	padding: 15px 30px !important;
}
.slantButtonSub span{
	-ms-transform: skewX(35deg);
  	-webkit-transform: skewX(35deg);
  	transform: skewX(35deg);  
  	display: inline-block;
	font-weight: 500;
	font-family: 'Oswald';
}
.cornerDownload {
	position: relative
}
.cornerDownload2 {
	position: relative
}
.cornerDownload3 {
	position: relative
}
.cornerDownload4 {
	position: relative
}
.cornerDownload:after {
	position: absolute;
	content: url('../component-15-%c3%a2%c2%80%c2%93-2.html');
	bottom: 0px;
	right: 7px;
}
.cornerDownload2:after {
	position: absolute;
	content: url('../component-15-%c3%a2%c2%80%c2%93-2.html');
	bottom: 0px;
	right: 41px;
}
.cornerDownload3:after {
	position: absolute;
	content: url('../component-15-%c3%a2%c2%80%c2%93-2.html');
	bottom: 0px;
	right: 62px;
}
.cornerDownload4:after {
	position: absolute;
	content: url('../component-15-%c3%a2%c2%80%c2%93-2.html');
	bottom: 0px;
	right: 31px;
}
.TechRefTitle{
	max-width: 130px;
}
@media (max-width: 1024px) {
	.cornerDownload2 {
		position: relative;
		max-width: 190px;
		margin-left: auto;
		margin-right: auto;
	}
	.cornerDownload {
		position: relative;
		max-width: 190px;
		margin-left: auto;
		margin-right: auto;
	}
	.cornerDownload2:after {
		position: absolute;
		content: url('../component-15-%c3%a2%c2%80%c2%93-2.html');
		bottom: 0px;
		right: 37px;
	}
	.cornerDownload:after {
		position: absolute;
		content: url('../component-15-%c3%a2%c2%80%c2%93-2.html');
		bottom: 0px;
		right: 7px;
	}
	.cornerDownload3:after {
		position: absolute;
		content: url('../component-15-%c3%a2%c2%80%c2%93-2.html');
		bottom: 0px;
		right: 111px;
	}
	.cornerDownload4:after {
		position: absolute;
		content: url('../component-15-%c3%a2%c2%80%c2%93-2.html');
		bottom: 0px;
		right: 7px;
	}
}
/* Blog */
.blog .ast-row {
	max-width: 1200px;
	margin: auto !important;
	padding: 20px;
}


.resourceCheckboxSection, .checkboxSection {
	display: flex;
    flex-direction: column;
    max-height: 85vh;
    overflow: auto;
    border: 1px solid gray;
    padding: 5px;
	min-height: 80%;
}

.resourceCheckboxSection {
	min-height: 700px !important;
}

.resourceCheckboxSection .PRCheckBox, .checkboxSection .PRCheckbox {
	font-size: 20px;
    padding: 5px;
    display: flex;
    align-items: center;
}
.PRCheckBox input {
	height: 15px;
	margin-right: 5px;
}

.PRCheckBox img, .PRCheckBox object{
	max-height: 50px;
	margin-left: 5px;
	background: lightgray;
}

.tableEditor {
	max-width: 80% !important;
}

.tableEditor > div:first-child {
	overflow:scroll; 
	max-height:800px;
}

.styled-panels-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-panels-table thead tr {
    background-color: var(--ast-global-color-0);
    color: #ffffff;
    text-align: left;
}

.styled-panels-table thead {
	position: sticky;
	top: 0;
	z-index: 95;
}
.styled-panels-table th,
.styled-panels-table td {
    padding: 12px 15px;
}

.styled-panels-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-panels-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-panels-table tbody tr:last-of-type {
    border-bottom: 2px solid var(--ast-global-color-0);
}

.styled-panels-table tbody tr.active-row {
    font-weight: bold;
    color: var(--ast-global-color-0);
}

.entry-summary .read-more{
	border: solid 3px #005E99;
	color:white;
	font-size: 17px;
	-ms-transform: skewX(-30deg);
  	-webkit-transform: skewX(-30deg);
  	transform: skewX(-30deg);
	width: 60%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.read-more a{
	-ms-transform: skewX(30deg);
  	-webkit-transform: skewX(30deg);
  	transform: skewX(30deg);  
  	display: inline-block;
	text-decoration: none !important;
	font-size: 17px;
	font-weight: bold;
	width: 100%;
	height: 100%;
}
.ast-page-builder-template .entry-header{
	margin-top: 5px;
}
/* The Modal (background) */
.modal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place initially absolute*/
	  z-index: 20; /* Sit on top */
	  left: 50%;
	  transform: translate(-50%, -25vh);/* 	  transform: translate(-50%, -50%); */
	  top: 50vh;/*top: 50%;*/
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
}

.projectPanelModalOverlay {
	z-index: 999;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none; /* Flex when active */
    justify-content: right;
    align-items: flex-start;
}

.projectPanelModalBox {
	display: flex; /* Hidden by default */
	position: relative; /* Stay in place initially absolute*/
	right: 0;
/* 	transform: translate(-50%, -25vh); */
	top: 0;/*top: 50%;*/
	width: 410px; 
/* 	height: 100vh; */
	max-height: 100vh;
	overflow: auto; /* Enable scroll if needed */
	background: white;
	flex-direction: column;
	z-index: 1000;
}

.projectPanelModalHeaderContainer {
	width: 100%;
	display: flex;
	padding: 20px 0;
	background-color: var(--wp--preset--color--luminous-vivid-amber);
}

.projectPanelModalHeaderContainer .closeModal {
/* 	padding-right: 20px;
	margin-left: -20px;
	color: #222222; */
	
	margin: auto 20px auto -20px;
    color: #222222;
}

.projectPanelModalHeaderContainer > .pTitle {
	margin: auto;
	font-size: 20px;
	font-weight: bold;
	color: #222222;
}

.projectPanelModalBox .createSubmittal {
	width: 100%;
	padding: 20px 0;
	font-family: Gotham Book,Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.projectPanelModalBox .panelItem {
/* 	display: flex; */
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 30px;
	width: 100%;
	height: 190px;
	justify-content: center;
	align-items: center;
	gap: 20px;
	font-size: 17px;
}

.projectPanelModalBox .panelItem:nth-child(even) {
	background-color: #E5E5E5;
}

.panelItem .panelImage {
	height: 74px;
	width: 134px;
}

.panelImage img {
	height: 100%;
	width: 100%;
}

.panelItem .panelTitle {
	font-weight: bold;
	color: black;
	font-size: 20px;
}

.panelItem .panelRemoveBtn {
	font-family: Gotham Book,Helvetica,Arial,sans-serif;
	background: none;
    color: var(--ast-global-color-0);
    font-weight: unset;
	text-decoration: underline;
	padding: unset;
}

.projectSection {
	position: relative;
	font-size: 17px;
}

.projectSection button {
	font-size: 17px;
}

.projectSection .lds-roller {
	transform: scale(0.6);
    position: absolute;
    right: 65px;
    top: 5px;
	height: 10px;
	width: 10px;
}

.btn-link-style {
	font-family: Gotham Book,Helvetica,Arial,sans-serif;
	background: none;
    color: var(--ast-global-color-0);
    font-weight: unset;
	text-decoration: underline;
	padding: unset;
}

.btn-link-style:focus, .btn-link-style:hover {
	font-family: Gotham Book,Helvetica,Arial,sans-serif;
	background: none;
    color: var(--ast-global-color-0);
    font-weight: unset;
	text-decoration: underline;
	padding: unset;
}

.pdf-container {
	position: relative;
    width: fit-content;
    margin: auto;
    min-height: 50px;
    /* height: 50px; */
    overflow: hidden;
}

.pdf-cover {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	z-index: 999;
	top: 0;
	cursor: pointer;
}

.PRCheckBox + img, .PRCheckBox + .pdf-container {
	margin-bottom: 20px;
}

.sticky-bg-white {
	position: sticky;
    left: 0;
    background: white;
    z-index: 1;
}

.sticky-bg-blue {
	position: sticky;
    left: 0;
	background: var(--ast-global-color-0);
}

#PanelResourceSection {
	max-width: 80vw !important;
}
/* Modal Content/Box */
.modal-content {
	  background-color: #fefefe;
	  margin: 15% auto; /* 15% from the top and centered */
	  padding: 20px;
	  border: 1px solid #888;
	  width: 80%; /* Could be more or less, depending on screen size */
	  box-shadow: 5px 5px 20px grey;
}

/* The Close Button */
.closeModal {
	  color: #aaa;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
}

.closeModal:hover,
.closeModal:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
}

.errorPanel {
	color: red;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ast-global-color-0);
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.Tablet{
	display: none;
}
.mobile {
	display: none;
}
.exclamation-triangle:before {
    content: '\26A0';
}

body:not(.home) header {
	position: relative !important;
}

/*  standing-seam-roof-systems */
.h5SmallerText{
	font-size: 23px !important;
}

/*  Before Footer Blue Box Coding in Kadence blocks */
.CenterMob{
	margin-left: auto !important;
	margin-right: auto !important;
}
#kt-layout-id_ab254b-e2 {
    background-color: #005e99;
}

.kt-row-layout-inner {
    position: relative;
    border: 0 solid transparent;
}

.entry-content .wp-block-kadence-rowlayout.alignfull, #content .entry-content .wp-block-kadence-rowlayout.alignwide {
    text-align: inherit;
    margin-bottom: 0;
}

.kt-row-column-wrap {
    padding: 25px 0 25px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}


#kt-layout-id_ab254b-e2 > .kt-row-column-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 650px) {
		.projectPanelModalBox {
		width: 100%;
	}
}
@media (min-width: 768px) {
.kt-row-layout-equal>.wp-block-kadence-column {
    -webkit-flex: 1;
    flex: 1;
    width: 0;
}
}

@media (min-width: 768px) {
body:not(.rtl) .kt-row-column-wrap:not(.kt-gutter-none)>.wp-block-kadence-column:last-child {
    margin-right: 0px;
}

}


@media (min-width: 768px) {
.kt-gutter-default>.wp-block-kadence-column {
    margin-right: 30px;
}
}
@media (max-width: 1203px){
	.ColorsButtons .kt-row-column-wrap{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.CatagoryBoxColors .kt-row-column-wrap{
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 671px){
	.ColorsButtons .kt-row-column-wrap{
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}	
}
@media (max-width: 1183px){
	.PaddingTopInsulated{
		padding-top: 3px !important;
	}
}
@media (max-width: 767px) {
.projectPanelButton{
	margin-left: 0px;
}
.kt-mobile-layout-row:not(.kt-v-gutter-none):not(.kt-m-colapse-right-to-left)>.wp-block-kadence-column:last-child {
    margin-bottom: 0px;
}
	
	.projectSection {
		justify-content: center !important;
		flex-wrap: wrap;
		padding: 20px 0px !important;
	}
	
	.projectSection #AddedToProject {
		text-align: center;
		width: 100%;
		margin-bottom: 15px;
	}
}

@media (max-width: 767px) {
.kt-has-1-columns.kt-mobile-layout-row>.wp-block-kadence-column.inner-column-1 {
    -webkit-flex: 1;
    flex: 1;
}
}

@media (max-width: 767px) {
.kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column {
    margin-bottom: 30px;
}
}

@media (max-width: 767px) {
.kt-row-column-wrap.kt-mobile-layout-row>.wp-block-kadence-column {
    -webkit-flex: none;
    flex: none;
    width: 100%;
    margin-right: 0;
}
}

.kt-inside-inner-col {
    border: 0 solid transparent;
    -ms-flex-negative: 0;
    transition: all 0.3s ease;
}

.kt-btn-align-center {
    text-align: center;
}

.wp-block-kadence-advancedbtn .kt-btn-wrap {
    margin-right: 5px;
    vertical-align: middle;
}

.kt-btn-wrap {
    display: -webkit-inline-flex;
    display: inline-flex;
}

.wp-block-kadence-advancedbtn .kt-btn-wrap a.kt-button:not(.link) {
    text-decoration: none;
}

.wp-block-kadence-advancedbtn.kt-btns_6006ed-36 .kt-btn-wrap-0 .kt-button {
    color: var(--ast-global-color-8);
    font-size: 17px;
    background: #faa90e;
    border-color: #faa90e;
}

.kt-btn-wrap .kt-button:not(.kb-btn-global-inherit) {
    padding: 8px 16px;
    cursor: pointer;
    font-size: 18px;
    display: -webkit-flex;
    display: flex;
    line-height: 1.6;
    text-decoration: none;
    text-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    border-width: 2px;
    border-radius: 3px;
    border-color: #555555;
    background: transparent;
    color: #555555;
    box-shadow: none;
    border-style: solid;
}

.kt-btn-wrap .kt-button {
    text-decoration: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.wp-block-kadence-advancedbtn .kt-btn-wrap a.kt-button:not(.link) {
    text-decoration: none;
}

.wp-block-kadence-advancedbtn.kt-btns_6006ed-36 .kt-btn-wrap-0 .kt-button {
    color: var(--ast-global-color-8);
    font-size: 17px;
    background: #faa90e;
    border-color: #faa90e;
}

/*  Before Footer Blue Box Coding in Kadence blocks End of this */

/* COLORS PAGE STYLES */
.colorsBtn {
	gap: 11px;
	padding-left: 16px !important;
}
.colorsBtnContainer > .kt-btn-wrap {
    margin-bottom: 0 !important;
}
.colorsBorder {
	border: 1px solid #707070;
}
.colorsArrow {
	border-top: 1px solid #E6E6E6;
	position: relative;
}
.colorsArrow:after {
	content: url('../arrow_right.html');
    padding-left: 13px;
    opacity: .2;
    position: relative;
    bottom: 1px;
}
.colorZipContainer input {
	width: 100%;
	background-color: transparent;
}
.colorZipContainer input::placeholder {
	color: #222222;
}
.colorZipContainer #zipSearchBtn {
	background-color: #FAA90E;
}
#branchesAccordion a {
	text-decoration: none;
	font-family: oswald;
}
#MetalRoofingByMetalSales .kt-accordion-panel {
	display: none;
}
#IsulatedPanelsAvailable .kt-accordion-panel {
	display: none;
}
#branchesAccordion .kt-accordion-panel > div:nth-child(1) {
	display: none;
}
@media (max-width: 767px) {
	.colorsBtn {
		max-height: unset !important;
	}
	#colorContainer, #colorContainer24, #colorContainer26e, #colorContainer26w, #colorContainer29 {
		padding: 25px 0 0 0;
	}
	.color-row {
		padding: unset !important;
	}
}
/* ************** */
/* Products Pages */
/* ************** */
.productInformationContents > ul > ul, .productInformationContents > ul {
	list-style: none;
	margin: unset;
	padding-bottom: 15px;
	font-size: 17px
}

.productInformationContents > ul > li {
	padding-bottom: 15px;
}

.productImage3D > img, .productImage2D > img {
	margin: auto;
	display: flex;
}

@media screen and (max-width: 1186px){
	.productImage3D > img{
		min-height: unset;
	}
	.productImage2D > img{
		min-height: unset;
	}
}
.panelHeading, .prodZipPara {
	margin-bottom: 0 !important;
}
.prodZipPara {
	font-size: 15.85px;
}
.prodZipContainer {
	padding-bottom: 15px;
}

#zipSearchText {
	width: 330px;
	color: #222222;
    padding: .75em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #707070;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
}
#zipSearchBtn {
	background: url('../svg/rightarrow.svg') no-repeat;
	background-color: var(--ast-global-color-0);
	background-position: center;
	width: 56px;
	height: 40px;	
}
/* #colorsView{
	height: 151px;
	background-color: #F2F2F2;
	padding: 15px;
	display: none; 
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
	flex-wrap: wrap;
	overflow-y: auto;
	overflow-x: hidden;
} */

#productColorContainer {
	height: auto;
	background-color: #F2F2F2;
	padding: 15px;
	display: none; 
	
	overflow-y: auto;
	overflow-x: hidden;
}

#productColorContainer p{
	font-weight: 700;
	font-size: 17px;
	text-align: center;
}

#productColorContainer p:nth-child(n+2) {
	padding-top: 15px;
}

.colorsView {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
	flex-wrap: wrap;
}

#ProjectsPane {
	height: 151px;
	background-color: #F2F2F2;
	padding: 15px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	padding: 20px;
	margin-top: 13px;
	flex-wrap: wrap;
	overflow-y: auto;
	overflow-x: hidden;
}

.tooltip {
	position: relative;
    display: inline-block;
	border: 2px solid;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
}
#productColorContainer.visible {
	display:block;
}
.tooltipcontainer:nth-child(-n+6) .tooltip-top {
    bottom: -90%;
}
.tooltipcontainer:nth-child(-n+6)::after {
	transform: rotate(180deg);
	top: -24%;
}
.tooltipcontainer:nth-child(6n-5) .tooltip-top {
    left: 0;
	margin-left: 0;
}
.tooltipcontainer:nth-child(6n) .tooltip-top {
    left: -55px;
	margin-left: 0;
}
.tooltipcontainer:nth-child(-n+6) .tooltip-top::after {
	transform: rotate(180deg);
	top: -24%;
}
.tooltipcontainer:nth-child(6n) .tooltip-top::after {
	left: 68%;
}
.tooltipcontainer:nth-child(6n-5) .tooltip-top::after {
	left: 25%;
}
.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}
.tooltip:hover .tooltiptext {
  	visibility: visible;
	opacity: 1;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.productBtns {
	flex-direction: column;
	gap: 2px;
}

.productBtnOuter {
	display: block;
    flex: 1;
}

.productBtnOuter a{
	padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--ast-global-color-5);
    font-size: 16px;
    background: #005e99;
    border-color: rgba(85, 85, 85, 0);
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
	border-radius: 3px;
	border-width:0px;
	display: flex;
	text-decoration: none !important;
}



.productBtns > div > a {
	justify-content: space-between !important;
}
@media (max-width: 767px) {
	.productInformationContents > ul > ul, .productInformationContents > ul {
		padding-bottom: 0;
	}
	.productHR hr {
		top: 15% !important;
	}
	.moblieCenterTech{
		text-align: center;
	}
	.panelHeading {
		text-align: center;
	}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	.mobileHidden {
		display: none;
	}
	.productInformationContents > ul > ul, .productInformationContents > ul {
		text-align: center;
	}
	.productInformationContents > ul > li {
		display: flex;
		flex-direction: column;
	}
	#zipSearchText {
		width: 75%;
		height: 40px;
	}
	#colorsView {
		grid-template-columns: repeat(5, 1fr);
		height: 219px;
	}
	.tooltipcontainer:nth-child(-n+5) .tooltip-top {
		bottom: -90%;
	}
	.tooltipcontainer:nth-child(-n+5)::after {
		transform: rotate(180deg);
		top: -24%;
	}
	.tooltipcontainer:nth-child(5n-4) .tooltip-top {
		left: 0;
		margin-left: 0;
	}
	.tooltipcontainer:nth-child(5n) .tooltip-top {
		left: -55px;
		margin-left: 0;
	}
	.tooltipcontainer:nth-child(-n+5) .tooltip-top::after {
		transform: rotate(180deg);
		top: -24%;
	}
	.tooltipcontainer:nth-child(5n) .tooltip-top::after {
		left: 68%;
	}
	.tooltipcontainer:nth-child(5n-4) .tooltip-top::after {
		left: 25%;
	}
	.FAPBtnContainer {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 415px) {
	#colorsView {
		grid-template-columns: repeat(4, 1fr);
		height: 219px;
	}
	.tooltipcontainer:nth-child(-n+4) .tooltip-top {
		bottom: -90%;
	}
	.tooltipcontainer:nth-child(-n+4)::after {
		transform: rotate(180deg);
		top: -24%;
	}
	.tooltipcontainer:nth-child(4n-3) .tooltip-top {
		left: 0;
		margin-left: 0;
	}
	.tooltipcontainer:nth-child(4n) .tooltip-top {
		left: -55px;
		margin-left: 0;
	}
	.tooltipcontainer:nth-child(-n+4) .tooltip-top::after {
		transform: rotate(180deg);
		top: -24%;
	}
	.tooltipcontainer:nth-child(4n) .tooltip-top::after {
		left: 68%;
	}
	.tooltipcontainer:nth-child(4n-3) .tooltip-top::after {
		left: 25%;
	}
}

/* ****************** */
/* Products Pages End */
/* ****************** */


/* ***************** */
/* Colors Page Start */
/* ***************** */

#colorContainer .outercol {
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-right: 30px;
	width: 0;
	min-width: 0;
	min-height: 0;
}
#colorContainer24 .outercol, #colorContainer26e .outercol, #colorContainer26w .outercol {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
}

#colorContainer .color-row {
	position: relative;
	border: 0 solid transparent;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 25px 0 25px 0;
}
#colorContainer24 .color-row, #colorContainer26e .color-row, #colorContainer26w .color-row {
	position: relative;
	border: 0 solid transparent;
	display: grid;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 25px 0 25px 0;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-bottom: 30px;
}

#colorContainer .outercol > p, #colorContainer24 .outercol > p, #colorContainer26e .outercol > p, #colorContainer26w .outercol > p {
		font-size: 18px;
		line-height: 22px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		color: #272525;
		margin-top: 5px;
		margin-bottom: 0px;
}

#colorContainer .finishType, #colorContainer24 > .finishType, #colorContainer26e > .finishType, #colorContainer26w > .finishType{
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    color: #222222;
	padding-top: 25px;
}

@media (max-width: 767px){
	#colorContainer .color-row {
		flex-direction: column;
	}
	
	#colorContainer .outercol {
		width: unset;
		flex: none; /*Remove ? */
		margin-bottom: 30px;
	}
}

/* *************** */
/* Colors Page End */
/* *************** */
@media (max-width: 900px){
	.PageHeaderSmaller2{
		font-size: 23px !important;
	}
	.PageHeaderSmaller{
		font-size: 32px !important;
	}
}
@media (max-width: 600px){
	.PageHeaderSmaller2{
		font-size: 18px !important;
	}
	.PageHeaderSmaller{
		font-size: 28px !important;
	}
}
@media (max-width: 767px){
	.ListRemoveMargin{
		margin-bottom: 0px !important;
	}
}
.IGAccordion button {
	justify-content: center;
}
.IGAccordion .kt-blocks-accordion-icon-trigger {
	margin-right: 0 !important;
	border: 3px solid #005E99;
    border-radius: 50px;
	padding: 2px;
}
.IGAccordion .kt-blocks-accordion-icon-trigger::before {
	left: 4px !important;
	top: 13px !important;
	height: 3px !important;
}
.IGAccordion .kt-blocks-accordion-icon-trigger::after {
	right: 4px !important;
	top: 13px !important;
	height: 3px !important;
}
.contractorsMobile .kt-has-2-columns {
	justify-content: center;
}

#post-807, #post-31961, #post-32416, #post-32674 {
	overflow-x: hidden;
}
.designerHR {
	margin-left: 0 !important;
	height: 3px !important;
	width: 61px;
}
.displayNone {
	display: none;
}
.RetroMasterImageMobile{
	display: none !important;
}
html body.page-id-32416 {
    --wp--custom--ast-content-width-size: 910px;
}
@media (max-width: 767px){
	.RetroMasterImageMobile{
		display: block !important;
	}
	.RetroMasterImageDesk{
		display: none;
	}
}
.RoofingPanelsImgMob{
	display: none !important;
}
@media (max-width: 1024px){
	.RoofingPanelsImgMob{
		display: block !important;
	}
	.Tablet{
		display: block;
	}
	.TabletHidden{
		display: none;
	}
	.RoofingPanelsImgDesk{
		display: none !important;
	}
	.page-id-32416 .btnLeft .kt-row-column-wrap {
		margin-left: unset;
	}
	.flatSheetsPDFs {
		max-width: 630px !important;
	}
	.flatSheetsPDFs .kt-row-column-wrap {
		column-gap: 150px !important;
	}
	#CoverBoxBottom{
		position: relative;
	}
	#CoverBoxBottom .wp-block-cover__inner-container{
		width: 100% !important;
		height: auto;
		position: absolute;
		top: 86%;
		transform: translateY(-50%);
	}
	
}
@media (max-width: 767px) {
	.page-id-31069 .slantButtonSub {
		justify-content: center !important;
		padding-right: 6px;
	}
	.centerBGImgMobile img {
		object-position: 85% 100% !important;
	}
	.flexColRev .kt-row-column-wrap {
		display: flex;
    	flex-direction: column-reverse;
	}
	.CenterButtonSelfStorage{
		align-items: center;
		margin-top: 15px;
	}
	.page-id-32416 .btnLeft .kt-row-column-wrap {
		margin-left: auto;
	}
}
@media (max-width: 600px) {
	.page-id-31069 #RetroFitGradientLeft img {
		content: url(../png/family-owned-business-committed-to-collaboration%402x.png);
		object-position: center !important;
	}
}


footer.site-footer .site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-equal.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
	display: none;
}

footer.site-footer #footactivated.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-equal.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
	display: block;
}


.iubenda-embed:not(.iubenda-nostyle) {
    font-size: 100% !important;
    width: auto !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    font-family: -apple-system, sans-serif !important;
    text-decoration: none !important;
    color: currentColor !important;
    background-attachment: scroll !important;
    background-color: transparent !important;
    background-image: none !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
    border: 0 !important;
    border-color: #000 !important;
    border-color: currentColor !important;
    border-radius: 0 !important;
    border-style: none !important;
    border-width: medium !important;
    bottom: auto !important;
    clear: none !important;
    clip: auto !important;
    counter-increment: none !important;
    counter-reset: none !important;
    cursor: auto !important;
    direction: inherit !important;
    float: none !important;
    font-style: inherit !important;
    font-variant: normal !important;
    font-weight: inherit !important;
    height: auto !important;
    left: auto !important;
    letter-spacing: normal !important;
    line-height: inherit !important;
    list-style-type: inherit !important;
    list-style-position: outside !important;
    list-style-image: none !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 1;
    outline: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    quotes: "" "" !important;
    right: auto !important;
    table-layout: auto !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-transform: none !important;
    top: auto !important;
    unicode-bidi: normal !important;
    vertical-align: baseline !important;
    visibility: inherit !important;
    white-space: nowrap !important;
    width: auto !important;
    word-spacing: normal !important;
    z-index: auto !important;
    background-origin: padding-box !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    background-size: auto !important;
    -o-border-image: none !important;
    border-image: none !important;
    border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-column-count: auto !important;
    -moz-column-count: auto !important;
    column-count: auto !important;
    -webkit-column-gap: normal !important;
    -moz-column-gap: normal !important;
    column-gap: normal !important;
    -webkit-column-rule: medium none #000 !important;
    -moz-column-rule: medium none #000 !important;
    column-rule: medium none #000 !important;
    -webkit-column-span: none !important;
    -moz-column-span: none !important;
    column-span: none !important;
    -webkit-column-width: auto !important;
    -moz-column-width: auto !important;
    column-width: auto !important;
    -webkit-font-feature-settings: normal !important;
    -moz-font-feature-settings: normal !important;
    font-feature-settings: normal !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important;
    -webkit-perspective: none !important;
    perspective: none !important;
    -webkit-perspective-origin: 50% 50% !important;
    perspective-origin: 50% 50% !important;
    text-shadow: none !important;
    -webkit-transition: all 0s ease 0s !important;
    transition: all 0s ease 0s !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-transform-origin: 50% 50% !important;
    -ms-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important;
    -webkit-transform-style: flat !important;
    transform-style: flat !important;
    word-break: normal !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    appearance: none !important;
    line-height: 1.25 !important;
    min-width: 20px !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    font-size: 11px !important;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15),0 1px 1px -1px rgba(0,0,0,0.15) !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15),0 1px 1px -1px rgba(0,0,0,0.15) !important;
    color: rgba(0,0,0,0.65) !important;
    background-color: white !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-text-size-adjust: 100% !important
}

.iubenda-embed:not(.iubenda-nostyle) {
    padding: 4px 8px !important
}

.iubenda-embed:not(.iubenda-nostyle):hover {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15),0 1px 1px -1px rgba(0,0,0,0.15) !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15),0 1px 1px -1px rgba(0,0,0,0.15) !important;
    background-color: #ddd !important
}

.iubenda-embed:not(.iubenda-nostyle):active {
    background-color: #ccc !important
}

.iubenda-embed:not(.no-brand):not(.iubenda-nostyle) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231CC691' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 21px 21px !important;
    background-position: top left !important;
    padding-left: 20px !important
}

.iubenda-embed.iubenda-black {
    background-color: #444 !important;
    color: #F4F4F4 !important
}

.iubenda-embed.iubenda-black:hover {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.75),0 1px 1px -1px rgba(0,0,0,0.15) !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.75),0 1px 1px -1px rgba(0,0,0,0.15) !important;
    background-color: #333 !important
}

.iubenda-embed.iubenda-black:active {
    background-color: #222 !important
}

.iubenda-embed.iubenda-black:not(.no-brand):not(.iubenda-nostyle) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important
}