/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #eee;

	clip: auto !important;

	clip-path: none;

	color: #444;

	display: block;

	font-size: 1em;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

	/* Above WP toolbar. */

}

.page-id-236 .gform_wrapper .gform_heading .gform_title {
    display: none;
}

/* Adding spacing between top accordion element and title  */
.wst-content-accordion {
	margin-top: 5rem;
}

/* Making all card images on shop painting page the same height so all images are aligned */
.shop-card img{
	height: 30rem;
}

.shop-card .wst-team-block__row .team-card {
    width: 25%;
}

/* Making the images a normal size in mobile */
@media screen and (max-width: 768px) {
	.shop-card img{
		height: 100%
	}
}

/* Aligning buttons on leadership page */
.wst-team-block__row .team-card__content {
    margin-bottom: 2rem;
    height: 8rem;
}

/* Making the size of Industrial Sandblasting Services header more appealing */
.wst-team-block__row .team-card__content h3 {
    font-size: 2.5rem;
}

/* Adding border-radius to image on contact page */
.wst-image-text-block.in-container .section-inner .image-holder img, .wst-image-text-block.three-img .section-inner .image-holder img {
    border-radius: 3rem;
}

/* Centering text in accordions */
@media only screen and (max-width: 1024px) {
    .wst-content-accordion .wca-item .wca-slide {
        text-align: center;
    }
}

@media only screen and (max-width: 576px) {
    html body {
        text-align: center;
    }
}

/* Increasing page normal font size */
p, li {
    font-size: 2rem;
}

/* Making Accordion Bold */
.wst-content-accordion .wca-item .wca-button h3 {
    font-weight: bold;
}

/* Making timeline on About us page bold */
.wst-tabs .tab-header .wca-tab button {
    font-weight: bold;
}


/* Reducing space from contact from and Got a project section */
.contact-form{
	margin-top: -5rem;
}

/* Adding space between contact phone number and social links */
.footer .footer-top .footer-top-row .ft-col.ft-top-mid .socials {
    margin-top: 2rem;
}


@media only screen and (max-width: 768px) {
    h2, .h2 {
        margin-top: 5rem;
    }
}

/* Removing border radius and border from post card */
article.post {
    border: none;
    border-radius: 0;

}

/* Adding more padding so content isnt close to border */
article.post .post-content {
    padding: 3rem 4rem;

}

/* Adding more space above the Business Hours on contact page */
.wst-contact-row-block .contact-row-inner {
    padding-top: 5rem;
}
@media only screen and (max-width: 576px) {
    .m-padding-top {
        padding-top: 5rem;
    }
}

/* Making the header content wrap faster with longer texts */
.child-header .title {
    width: 75%;
}

#projects .pj-arch-2 form select {
    border: 1px solid white;
}

.wst-image-text-block.in-container .section-inner .image-holder.round img, .wst-image-text-block.in-container .section-inner .image-holder.round .youtube-player, .wst-image-text-block.three-img .section-inner .image-holder.round img, .wst-image-text-block.three-img .section-inner .image-holder.round .youtube-player {
    width: 90%;
}

/* Making the font on the accordions larger */
.wst-content-accordion .wca-item .wca-button h3 {
    font-size: xx-large;
}

/* Adding space from the logo slider and the text above */
.wst-logo-slider {
    margin-top: 5rem;
}

/* Fixing first section spacing for mobile */
@media only screen and (max-width: 768px) {
    .underlap {
        padding-top: 30rem;
    }
}
.underlap {
    margin-top: -30rem;
}

@media only screen and (max-width: 576px) {
    .modal.stmb-modal .modal-dialog .modal-content .modal-body {
        margin-bottom: 3rem;
    }
    .underlap {
        padding-top: 35rem;
    }
}

/* Fixing modal for mobile on team cards bio */
@media only screen and (max-width: 576px){
	.modal.stmb-modal .modal-dialog .modal-content .modal-body .modal-body-right .modal-name {
    text-align: center;
	}
}

/* Increasing font size in team card title & reducing space from header text to the above section */
@media only screen and (max-width: 576px){
	.industrial-blurb strong {
	font-size: x-large;
	}
}
@media only screen and (max-width: 576px){
	.industrial-blurb h2 {
	margin-top: -5rem;
	}
}

/* Adding more space between stat counters on home page for mobile */
@media only screen and (max-width: 576px){
	.wst-stat-counter-block .stats-row {
    gap: 5rem;
	}
}

/* Fixing the too much space here in mobile on industrial page */
@media only screen and (max-width: 576px) {
    .industrial-ability .text-holder  {
        margin-bottom: -7rem;
    }
}

/* Changed color of stats text */
.wst-stat-counter-block .stats-row .stats-col-outer .stats-col-inner p {
    color: #da7f1c;
    font-weight: 600;
}

/* Fixing the title text of darker sections to appear */
.card-blue .dark, .dark .tinymce, .tinymce .dark  {
	position: relative;
} 

.project-gallery-header{
	text-align: center;
}

.project-gallery-header img{
	height: 35rem;
}

#projects .pj-arch-3 .project-list-row .project-outer .project-inner::before {
    background-color: transparent;
}

#projects .pj-arch-3 .project-list-row .project-outer .project-inner * {
    opacity: 0;
    transition: .3s ease-in-out;
}

#projects .pj-arch-3 .project-list-row .project-outer .project-inner:hover * {
    opacity: 1;
}

#projects .pj-arch-2 form {
    justify-content: center;
}

/* Styling for a section using smaller image on Fireproofing page */
.nfca-section img {
    max-width: 300px;
    border-radius: 0!important;
    box-shadow: none!important;
}
.nfca-section .image-holder {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 1200px) {
    header.wst-header .header__tools {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }
}

@media only screen and (max-width: 1200px) {
    header.wst-header .header__nav {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    header.wst-header .header__logo-container.logo-absolute {
        left: 0;
        width: 24rem;
    }
}

@media only screen and (max-width: 1200px) {
    header.wst-header .header__tools .mobile-button {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        background-color: rgba(0, 0, 0, 0);
        border: 0;
    }
}