#main-navigation>li.menu-item-has-children>a:after{margin-left:.5rem;width:1.25rem;height:1.25rem;background-image:url(//classicmetalroofingsystems.com/wp-content/themes/classicmetal/src/../assets/chevron.svg);background-repeat:no-repeat;transform-origin:center;transition:all .3s ease;background-repeat:no-repeat;background-size:1.25rem 1.25rem;transform:rotate(0);display:inline-block;content:"";vertical-align:middle}#main-navigation>li.menu-item-has-children>.sub-menu,#main-navigation>li.menu-item-has-children>.mega-menu{padding-top:2rem}#main-navigation>li.menu-item-has-children>.sub-menu li,#main-navigation>li.menu-item-has-children>.mega-menu li{margin-bottom:1rem}#main-navigation>li.menu-item-has-children>.sub-menu li a,#main-navigation>li.menu-item-has-children>.mega-menu li a{display:block;font-weight:700}#main-navigation>li.menu-item-has-children>.sub-menu li a .title,#main-navigation>li.menu-item-has-children>.mega-menu li a .title{font-size:1rem}#main-navigation>li.menu-item-has-children>.sub-menu li a .description,#main-navigation>li.menu-item-has-children>.mega-menu li a .description{display:block;font-weight:500;margin-top:.25rem;font-size:.875rem}@media (min-width:976px){#main-navigation>li.menu-item-has-children>.mega-menu{padding-left:0 !important;padding-right:0 !important}}#main-navigation>li.menu-item-has-children .fancy-menu>li:last-child{position:relative;padding-top:2rem;padding-bottom:2rem}#main-navigation>li.menu-item-has-children .fancy-menu>li:last-child:before{position:absolute;top:0;bottom:0;background:#e3e3e3;left:-3rem;right:-3rem;content:"";display:block}#main-navigation>li.menu-item-has-children .fancy-menu>li:last-child ul{position:relative}#main-navigation>li.menu-item-has-children .fancy-menu a{display:flex !important}#main-navigation>li.menu-item-has-children .fancy-menu a .icon{flex:0 0 3rem;padding-top:.5rem}#main-navigation>li.menu-item-has-children .fancy-menu a .text{flex:0 0 calc(100% - 3rem);line-height:1.2}#main-navigation>li.menu-item-has-children .fancy-menu a:hover .title{text-decoration:underline}@media (min-width:650px){#main-navigation>li.menu-item-has-children .fancy-menu{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;padding-top:1rem;padding-bottom:1rem}#main-navigation>li.menu-item-has-children .fancy-menu a{transform:translateY(0);transition:transform .2s ease;position:relative}#main-navigation>li.menu-item-has-children .fancy-menu a .icon,#main-navigation>li.menu-item-has-children .fancy-menu a .text,#main-navigation>li.menu-item-has-children .fancy-menu a .image{position:relative}#main-navigation>li.menu-item-has-children .fancy-menu a:before{position:absolute;top:-1rem;right:-1rem;left:-1rem;bottom:-1rem;background-color:#fff;border-radius:.25rem;content:"";display:block;opacity:0}#main-navigation>li.menu-item-has-children .fancy-menu a:hover{transform:translateY(-.125rem)}#main-navigation>li.menu-item-has-children .fancy-menu a:hover:before{opacity:1}}@media (min-width:976px){#main-navigation>li.menu-item-has-children .fancy-menu{grid-template-columns:1fr 1fr 1fr;grid-gap:3rem}}@media (min-width:1400px){#main-navigation>li.menu-item-has-children .fancy-menu{grid-template-columns:1fr 1fr 1fr 1fr}}#main-navigation>li.menu-item-has-children .services-menu .menu-item{margin-bottom:2rem}#main-navigation>li.menu-item-has-children .services-menu a{display:block !important}#main-navigation>li.menu-item-has-children .services-menu a .icon{margin-bottom:1rem}#main-navigation>li.menu-item-has-children .services-menu>li:nth-child(3) a .icon img{aspect-ratio:5/3;border-radius:.25rem;width:100% !important}@media (min-width:650px){#main-navigation>li.menu-item-has-children .services-menu{grid-template-columns:1fr}#main-navigation>li.menu-item-has-children .services-menu ul{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;row-gap:1rem}}@media (min-width:976px){#main-navigation>li.menu-item-has-children .services-menu{grid-template-columns:repeat(7,1fr)}#main-navigation>li.menu-item-has-children .services-menu>li:nth-child(1){grid-column:1/3}#main-navigation>li.menu-item-has-children .services-menu>li:nth-child(2){grid-column:3/5}#main-navigation>li.menu-item-has-children .services-menu>li:nth-child(3){grid-column:5/8;padding-left:3rem;padding-top:0;padding-bottom:0}#main-navigation>li.menu-item-has-children .services-menu>li:nth-child(3) a{display:block !important}#main-navigation>li.menu-item-has-children .services-menu>li:nth-child(3) a .icon{max-width:11.5rem;border-radius:.5rem}#main-navigation>li.menu-item-has-children .services-menu>li:nth-child(3) a .text{max-width:100%}#main-navigation>li.menu-item-has-children .services-menu>li:nth-child(3):before{left:0;right:auto;top:-4.5rem;bottom:-5rem;width:calc(50vw - 16.666666%)}#main-navigation>li.menu-item-has-children .services-menu a{display:flex !important}#main-navigation>li.menu-item-has-children .services-menu a .icon{max-width:5.625rem;flex:0 0 5.625rem;margin-right:1.375rem}#main-navigation>li.menu-item-has-children .services-menu a .text{max-width:calc(100% - 7rem);flex:0 0 calc(100% - 7rem)}#main-navigation>li.menu-item-has-children .services-menu ul{grid-template-columns:1fr}}#main-navigation>li.menu-item-has-children .products-menu .menu-item{margin-bottom:2rem}#main-navigation>li.menu-item-has-children .products-menu a{display:block !important}#main-navigation>li.menu-item-has-children .products-menu a .icon{margin-bottom:1rem}#main-navigation>li.menu-item-has-children .products-menu a .icon img{aspect-ratio:5/3;width:100% !important;border-radius:.25rem}@media (min-width:650px){#main-navigation>li.menu-item-has-children .products-menu{grid-template-columns:1fr}#main-navigation>li.menu-item-has-children .products-menu ul{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;row-gap:1rem}}@media (min-width:976px){#main-navigation>li.menu-item-has-children .products-menu{grid-template-columns:repeat(7,1fr)}#main-navigation>li.menu-item-has-children .products-menu>li:nth-child(1){grid-column:1/3}#main-navigation>li.menu-item-has-children .products-menu>li:nth-child(2){grid-column:3/5}#main-navigation>li.menu-item-has-children .products-menu>li:nth-child(3){grid-column:5/8;padding-left:3rem;padding-top:0;padding-bottom:0}#main-navigation>li.menu-item-has-children .products-menu>li:nth-child(3) a{display:block !important}#main-navigation>li.menu-item-has-children .products-menu>li:nth-child(3) a .icon{max-width:11.5rem;border-radius:.5rem}#main-navigation>li.menu-item-has-children .products-menu>li:nth-child(3) a .text{max-width:100%}#main-navigation>li.menu-item-has-children .products-menu>li:nth-child(3):before{left:0;right:auto;top:-4.5rem;bottom:-5rem;width:calc(50vw - 16.666666%)}#main-navigation>li.menu-item-has-children .products-menu a{display:flex !important}#main-navigation>li.menu-item-has-children .products-menu a .icon{max-width:5.625rem;flex:0 0 5.625rem;margin-right:1.375rem}#main-navigation>li.menu-item-has-children .products-menu a .text{max-width:calc(100% - 7rem);flex:0 0 calc(100% - 7rem)}#main-navigation>li.menu-item-has-children .products-menu ul{grid-template-columns:1fr}}#main-navigation>li.menu-item-has-children .resources-menu .menu-item{margin-bottom:2rem !important}#main-navigation>li.menu-item-has-children .resources-menu a{display:block !important}#main-navigation>li.menu-item-has-children .resources-menu a .icon{margin-bottom:1rem}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(1) a{display:flex !important}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(2) a .icon img{aspect-ratio:5/3;border-radius:.25rem;width:100% !important}@media (min-width:650px){#main-navigation>li.menu-item-has-children .resources-menu{grid-template-columns:1fr}#main-navigation>li.menu-item-has-children .resources-menu ul{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;row-gap:1rem}}@media (min-width:976px){#main-navigation>li.menu-item-has-children .resources-menu{grid-template-columns:repeat(7,1fr)}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(1){grid-column:1/5}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(1) ul{grid-template-columns:1fr 1fr 1fr}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(2){grid-column:5/8;padding-left:3rem;padding-top:0;padding-bottom:0}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(2) a{display:block !important}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(2) a .icon{max-width:11.5rem;border-radius:.5rem}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(2) a .text{max-width:100%}#main-navigation>li.menu-item-has-children .resources-menu>li:nth-child(2):before{left:0;right:auto;top:-4.5rem;bottom:-5rem;width:calc(50vw - 16.666666%)}#main-navigation>li.menu-item-has-children .resources-menu ul{grid-template-columns:1fr}}#main-navigation>li.menu-item-has-children:hover>a:after{transform:rotate(-180deg)}@media (max-width:975px){#main-navigation{position:fixed;transform:translateX(100%)}#main-navigation[open]{visibility:visible;transform:translateX(0);transition:transform .3s ease}#main-navigation li.menu-item-has-children>ul{font-weight:500;font-size:1rem;border-top:1px solid #d0d5dd;padding-top:.5rem}#main-navigation li.menu-item-has-children>ul li{margin-bottom:.5rem}#main-navigation li.menu-item-has-children[open]>a:after{transform:rotate(-180deg)}#main-navigation li.menu-item-has-children[open]>ul{display:block}}@media (min-width:976px){#main-navigation{overflow:visible}#main-navigation>li.menu-item.menu-item-has-children{position:relative}#main-navigation>li.menu-item.menu-item-has-children>ul.sub-menu{position:absolute;left:-1.5rem;padding:.5rem 1.5rem;top:100%;background-color:#fcfcfc;width:300px;border-bottom:1px solid #d0d5dd}#main-navigation>li.menu-item.menu-item-has-children>ul.sub-menu li{margin-bottom:.25rem}#main-navigation>li.menu-item.menu-item-has-children>ul.sub-menu li a:hover{text-decoration:underline}#main-navigation>li.mega-menu-item.menu-item-has-children>ul.mega-menu{position:absolute;left:50%;width:100%;max-width:1232px;transform:translateX(-50%);padding:.5rem 1.5rem;top:100%;background-color:#fcfcfc;border-bottom:1px solid #d0d5dd;box-shadow:0 12px 16px -4px rgba(0,0,0,.0784313725),0 4px 6px -2px rgba(16,24,40,.031372549);border-radius:.625rem}#main-navigation>li.mega-menu-item.menu-item-has-children>ul.mega-menu li{margin-bottom:.25rem}#main-navigation>li.menu-item-has-children>ul{opacity:0;transition:all .2s ease-out;transform:translateY(1rem);display:block;visibility:hidden}#main-navigation>li.menu-item-has-children:hover{background-color:#fcfcfc}#main-navigation>li.menu-item-has-children:hover>ul{visibility:visible;opacity:1;transform:translateY(0)}}