@charset "UTF-8";
/*
Theme Name: Ironclad Roofing
Theme URI: 
Author: Red Spot Web Design
Author URI: https://www.redspotdesign.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Ironclad Roofing is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0 auto; width: 100%; overflow: hidden;}
a, a:visited {color: inherit; text-decoration: none; -webkit-transition: all .5s ease; text-decoration: none !important;}
a, img {-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
a:focus {outline: none!important;}
h1, h2, h3, h4, h5, h6, p, li, ul, ol {margin-top: 0;}

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {margin: 0 auto;}
.row {max-width: 100%; margin: 0 auto;}
.clearfix {clear: both;}
.dwn {display: block;}

/*###################################
## Content
###################################*/
i.eicon-share-arrow {margin-right:3.75em !important;}

.elementor-section-wrap > .elementor-section.elementor-section-boxed > .elementor-container, .elementor-element.e-con-boxed > .e-con-inner {width: 90%!important;}
.elementor-section-wrap > .elementor-section.elementor-section-boxed.cnFullRow > .elementor-container, .elementor-element.e-con-boxed.cnFullRow > .e-con-inner, .elementor-element.e-con-boxed > .e-con-inner .e-con-inner {width: 100%!important;}
.elementor-editor-active #header, .elementor-editor-active .elementor-location-header {position: static!important;}
.elementor-image > a, a.elementor-clickable, .elementor-widget-image a {width: 100%; display: block;}
.elementor-widget-button .elementor-button, .elementor-form .elementor-button, .elementor-widget-archive-posts .elementor-button {min-width: 200px;}
.elementor-widget-button.btnNoMin .elementor-button {min-width: 0!important;}
.elementor-widget-text-editor p:last-of-type, .noMargin, .noMarginLast p:last-of-type {margin-bottom: 0!important;}
.elementor-shape-top {top: -2px!important;}
.elementor-shape-bottom {bottom: -2px!important;}
.e-search-input-wrapper {min-width: 0!important;}

.stickyBtn {writing-mode: vertical-rl; transform: rotate(180deg); z-index: 999;}

.alignCenter {margin-left: auto!important; margin-right: auto!important;}
.alignLeft > .elementor-container, .containerLeft > div {margin-left: 0!important;}
.alignRight > .elementor-container, .containerRight > div {margin-right: 0!important;}

.equalRow > .elementor-container > .elementor-row {align-items: stretch!important;}
.equalRow .elementor-section, .equalRow .elementor-inner-section {height: 100%!important; display: flex;}

.listNoPad ol, .listNoPad ul {padding-left: 20px; margin-top: 0;}
.listNoPad li {margin-bottom: 10px;}
.listGapSmall li {margin-bottom: 5px;}
.listBlue li::marker {color: #2C87E6!important;}


#header[style] {width: 100%!important;}
.hdNav .menu-item .sub-arrow {padding-left: 5px!important;}
.hdNav .elementor-sub-item {margin-left: 0!important; margin-right: 0!important;}

.clipLeft, .clipRight {position: relative;}
.clipLeft, .cnHoverHide {clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}
.clipRight {clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);}
.clipLeft:before, .clipLeft:after, .clipRight:before, .clipRight:after {content: ""!important; background-repeat: no-repeat!important; background-size: 100% 100%!important; position: absolute!important;  z-index: 10!important;}
.clipLeft:before {background-image: url(https://ironcladroofingusa.com/wp-content/uploads/2026/03/clipTopRight.png)!important; top: -1px!important; left: auto!important; bottom: auto!important; width: 20px!important; height: 25px!important; right: -1px!important;}
.clipLeft:after {background-image: url(https://ironcladroofingusa.com/wp-content/uploads/2026/03/clipBotRight.png)!important; bottom: -1px!important; left: auto!important; top: auto!important; width: 25px!important; height: 20px!important; right: calc(10% - 3px)!important;}
.clipRight:before {background-image: url(https://ironcladroofingusa.com/wp-content/uploads/2026/03/clipTopLeft.png)!important; top: -1px!important; left: auto!important; bottom: auto!important; width: 25px!important; height: 20px!important; left: calc(10% - 3px)!important;}
.clipRight:after {background-image: url(https://ironcladroofingusa.com/wp-content/uploads/2026/03/clipBotLeft.png)!important; bottom: -1px!important; left: auto!important; top: auto!important; width: 20px!important; height: 25px!important; left: -1px!important;}
.clipNoBorder:before, .clipNoBorder:after {display: none!important;}

.cnHoverBox .cnHoverShow, .cnHoverBox:hover .cnHoverHide {opacity: 0;}
.cnHoverBox:hover .cnHoverShow {opacity: 1;}
.cnHoverShow, .cnHoverHide {transition: all ease 0.5s!important;}
.cnBgCover {background-size: cover!important;}

.cnFrameFull a {width: 100%!important; display: inline-block!important;}
.cnFrameFull img {width: 100%!important; height: auto!important;}

.quick-quote-button {background-color: #012573!important;}
#quick-quote-button_right-img-path, #quick-quote-button_left-img-path {fill: #012573!important;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1024px){
	.elementor-section-wrap > .elementor-section.elementor-section-boxed > .elementor-container, .elementor-element.e-con-boxed > .e-con-inner {width: 100%!important;}
	.elementor-widget-button .elementor-button, .elementor-form .elementor-button, .elementor-widget-archive-posts .elementor-button {min-width: 160px;}

	.alignLeft > .elementor-container, .alignRight > .elementor-container, .containerLeft > div, .containerRight > div {margin-left: auto!important; margin-right: auto!important;}
}

@media screen and (max-width: 767px){
	.elementor-widget-button .elementor-button, .elementor-form .elementor-button, .elementor-widget-archive-posts .elementor-button {min-width: 130px;}

	.hdBtn .btnNoMin, .hdBtn .elementor-button, .hdBtn .elementor-button-content-wrapper {height: 100%!important;}
	.hdBtn .elementor-button-content-wrapper {align-items: center!important;}
	
	.clipLeft {clip-path: unset!important;}
	.clipLeft:before, .clipLeft:after, .clipRight:before, .clipRight:after {display: none!important;}
	.clipRight {clip-path: unset!important;}
	
	.mobileBlock {display: block!important;}
}