/*
 Theme Name:   GSM Roofing Child Theme
 Author:       MSonder
 Template:     twentynineteen
 Version: 2024.10.4
*/

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html, body {
	margin: 0px;
	border: 0px;
	padding: 0px;
	margin-top: 0px !important;
	text-align: left;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: none;
	text-rendering: optimizelegibility;
	color: #231f20;
    font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 30px;
	background: #fff;
}

.page-id-4068 h1{
    color: #330066 !important;
}

body:not(.custom-background-image).admin-bar::before {top: 0px;}

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {height: 0px;}

a {outline:none;}

ul {padding-top: 0px; margin-top: 0px;}

:root {overflow-y: scroll !important;}

::-moz-selection {
    background: #393939;
	color: #6a6a6a;
    text-shadow: none;
}

::selection {
    background: #393939;
	color: #6a6a6a;
    text-shadow: none;
}

.right {float:right !important;}

.left {float:left !important;}

.clear {clear:both;}

img.right {float:right !important; margin:0 0 20px 20px !important;}

img.left {float:left !important; margin:0 20px 20px 0 !important;}

img {border: none;}

img.alignright {float:right; margin:0 0 1em 1em;}

img.alignleft {float:left; margin:0 1em 1em 0;}

img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.alignright {float:right; }

.alignleft {float:left; }

.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.responsive {width: 90%; margin: 0 auto; }

/*	--------------------------------------------------
	:: Announcement
	-------------------------------------------------- */

.announcement-wrapper {
    width: auto;
    height: auto;
    background: #231F20;
}

.announcement {
    width: 90%;
    margin: 0 auto;
    padding: 5px;
    color: #fff;
    text-align: center;
}

.announcement a {color: #fff;text-decoration: underline;}

.announcement a:hover {color: #8cfaa9;}

.announcement p {padding-bottom: 0px; font-size: 14px; line-height: 22px;}

.mbdark {
	mix-blend-mode: darken;
}

/*	--------------------------------------------------
	:: Structure
	-------------------------------------------------- */

		.top-wrapper {
			width: auto;
			height: auto;
			background: #8cc83f;
		}

		.top {
			width: 90%;
			margin: 0 auto;
            padding: 5px 0;
            display: flex;
            gap: 20px;
            align-items: center;
            color: #231f20;
            font-size: 14px;
		}

        .top .links {margin-right: auto;}

        .top .links a,

        .top .single-link {color: #231f20 !important;}

        .top .single-link {text-transform: uppercase; font-weight: 700; font-size: 15px;}

        .top .links a:hover,

        .top .single-link:hover  {text-decoration: underline;}

        .top .links i {color: #003d2a; font-size: 14px; margin: 0 5px 0 20px;}

            /* Options - Footer Social */

			ul.social-icons {list-style: none; margin: 0 !important; padding: 0;}

			ul.social-icons li {display: inline; padding: 2px 0px 0px 0px; margin: 0 !important;}

			ul.social-icons a i {
				font-size: 16px;
				width: 25px;
				height: 35px;
				line-height: 35px;
				text-align: center;
				color: #00713d;
				border-radius: 6px;
			}

			ul.social-icons li a:hover {opacity: 0.8; text-decoration: none !important;}

        .top img {top: 6px;}

		#nav-wrapper #logo {margin: 15px auto 15px 0; width: 176px;}

        .menu-content {display: flex; justify-content: space-between; align-items: center; column-gap: 40px; margin: 0 15px;}

		#header form.is-search-form {flex: 0 0 25%;}

		#logo-wide img {display: block; width: 176px;}

        #logo img {display: block; width: 176px;}

        @media (min-width: 1281px) {
            #logo-wide {
                display: none;
            }
        }

        @media (max-width: 1280px) {
            #logo {
                display: none;
            }
        }

		a.phone {font-size: 16px; color: #231f20 !important; font-weight: 600 !important; text-decoration: none !important;}

        a.phone i {font-size: 14px; color: #003d2a; }

		.grey-wrapper {
			width: auto;
			height: auto;
			background: #eeeeee;
			padding: 70px 0px 55px 0px;
		}

		.grey {
			width: 90%;  /* Change to exact pixels for static (non-responsive)*/
			margin: 0 auto;
		}

		.grey a {color: #00713d; text-decoration: underline; line-height: 20px;}

		.grey a:hover {color: #01572f; text-decoration: none;}

		.content-wrapper {
			width: 90%; /* Change to exact pixels for static (non-responsive) */
			height: auto;
			margin: 0px auto;
		}

		.content {
			width: 100%;
			margin: 0px auto;
			height: auto;
			padding: 70px 0px 55px 0px;
		}

		.content a {color: #00713d; text-decoration: underline; line-height: 20px;}

		.content a:hover {color: #01572f; text-decoration: none;}

		a.highlight-link {
			margin-top: 1.5vh;
			display: block;
		}

        p.highlight-link a,

        a.highlight-link {color: #006f3c; font-weight: bold; text-decoration: none;}

        p.highlight-link a:after,

        a.highlight-link:after {
            content: '\f178';
            font-family: "Font Awesome 6 Free";
            font-style: normal;
            font-weight: 600;
            padding-left: 10px;
            color: #8dc540;
            transition: all 0.25s ease-in-out;
        }

        p.highlight-link a:hover:after,

        a.highlight-link:hover:after {padding-left: 15px;}

/*	--------------------------------------------------
	:: Navigation (FULL CSS w/ DROPS)
	-------------------------------------------------- */

#nav-wrapper {
	height: auto;
	margin: 0;
	padding: 0;
    background: #003d2a;
}

#nav-bg {
	width: 100%;  /* Change to exact pixels for static (non-responsive)*/
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.breadcrumb-wrapper {width: auto; height: auto; background: #eeeeee; padding: 6px 0px;}

.breadcrumb {width: 90%; margin: 0 auto; font-size: 14px;}

p#breadcrumbs {padding: 0 !important;}

.breadcrumb a {color: #00713d; text-decoration: underline; line-height: 20px;}

.breadcrumb a:hover {color: #01572f; text-decoration: none;}

.mobile-menu-item {display: none;}

	button#menuToggle {display: none;}

	ul.menu {margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end;}

	ul.menu li {list-style: none; position: relative; float: left; white-space: nowrap; margin-left: 28px;}

    ul.menu li .sub-menu li {margin-left: 0;}

    .menu-content ul.menu li.menu-item-has-children {padding-right: 18px}

    .menu-content ul.menu li.first-item {margin-left: 0}

	ul.menu li:hover {cursor: default;}

	ul.menu li a {
		display: block;
		line-height: 60px;
		font-size: 15px;
		font-weight: bold;
	  	text-align: center;
		width: 100%;
		color: #fff;
		text-decoration: none;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
		}

	ul.menu li:hover::after, ul.menu li:focus::after {transform: rotate(-180deg); transform-origin: center;}

	ul.menu li ul {
		position: absolute;
		left: -9999em;
		width: auto;
		margin: 0;
		padding: 0;
		list-style-type: none;
		white-space: nowrap;
	}

	ul.menu li:hover ul {
        left: 0;
        box-shadow: -10px 0 13px -7px #c7c7c7, 10px 0 13px -7px #c7c7c7, 5px 5px 7px 5px rgba(181,181,181,0);
    }

    ul.menu li:nth-last-of-type(4):hover ul {
        right: 0;
        left: unset;
    }

	ul.menu li:hover ul li {
		float: none;
		width: 100%;
		position: relative;
		z-index: 9999;
	}

	ul.menu li:hover ul li a {
		display: block;
		line-height: 40px;
        font-size: 16px;
		text-transform: none;
		text-shadow: none;
		text-align: left !important;
		padding: 0 15px;
		background: #fff;
		width: 100%;
		color: #525252;
        border-left: 4px solid #fff;
		text-decoration: none;
	}

	ul.menu li:hover ul li a:hover {background: #eeeeee; border-left: 4px solid #8cc63e;}

/*	--------------------------------------------------
	:: Footer
	-------------------------------------------------- */

		#footer-wrapper {
			height: auto;
			width: 100%;
			background: #00713d;
        }

		#footer {
			height: auto;
			width: 90%; /* Change to exact pixels for static (non-responsive) */
			margin: 0 auto;
			padding: 30px 0;
			background: #00713d;
            font-family: 'Poppins', sans-serif;
			font-size: 16px;
			line-height: 36px;
			color: #ffffff;
		}

		#footer a {color: #8cc63e; text-decoration: underline;}

		#footer a:hover {color: #96dd37; text-decoration: none;}

        #footer .g80 {padding-top: 25px;}

        #footer p {font-size: 12px; line-height: 22px; color: #fff;}

        #footer b {color: #8cc63e; display: block; margin-top: 15px; margin-bottom: -10px;}

		#footer .phone {font-size: 20px; color: #fff; font-weight: 700;}

		#footer .phone a {color: #fff; text-decoration: none;}

        .heading {
            font-size: 20px;
            color: #fff;
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }

        .heading:after {
            content: '';
            margin-left: 16px;
            width: 80px;
            height: 3px;
            background-color: #8cc63e;
        }

        ul.quicklinks {width: 90%; list-style: none; margin: 0 !important; padding: 0;}

        ul.quicklinks li {
            padding: 5px;
            font-size: 16px;
            margin: 0 0 0 15px;
        }

        ul.quicklinks li:hover {
            opacity: 0.8;
            text-decoration: none !important;
            background: #006335;
        }

        ul.quicklinks li a {color: #fff !important; text-decoration: none !important;}

        ul.quicklinks li a:hover {color: #fff !important; text-decoration: underline !important;}

        ul.quicklinks i {color: #8cc63e; font-size: 16px; margin-right: 5px;}

            /* Options - Footer Social */

			#footer ul.social-icons {list-style: none; margin: 0 !important; padding: 0;}

			#footer ul.social-icons li {display: inline; padding: 2px 0px 0px 0px; margin: 0 !important;}

			#footer ul.social-icons a i {
				font-size: 16px;
				width: 30px;
				height: 35px;
				line-height: 35px;
				text-align: center;
				color: #8cc63e;
			}

			#footer ul.social-icons li a:hover {opacity: 0.8; text-decoration: none !important;}

		#copyright-wrapper {
			height: auto;
			width: 100%;
			background: #00713d;
		}

		#copyright {
            border-top: 2px solid #6db795;
			height: auto;
			width: 90%; /* Change to exact pixels for static (non-responsive) */
			margin: 0 auto;
			padding: 20px 0;
			background: #00713d;
            font-family: 'Poppins', sans-serif;
			font-size: 14px;
			line-height: 18px;
			color: #6db795;
		}

		#copyright a {color: #6db795; text-decoration: none;}

		#copyright a:hover {color: #6db795; text-decoration: underline;}

/*	--------------------------------------------------
	:: Elements
	-------------------------------------------------- */

h1:not(.site-title)::before, h2::before{
	background: none !important;
	content: none !important;
	height: 0px !important;
	margin: 0 !important;
	width: 0 !important;
}

h1 {
	color: #231f20;
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
	line-height: 48px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 30px;
    letter-spacing: .5px;
    padding-bottom: 30px;
}

h1:after {
    content: '';
    display: block;
    width: 150px;
    border-bottom: 3px solid #8cc63e;
    position: relative;
    bottom: -23px;
}

.home h1 {font-size: 36px; line-height: 42px; color: #fff; margin-bottom: 20px; padding-bottom: 0px;}

.home h1:after {display: none;}

h2, .search-results h2 a {
	color: #231f20;
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
	line-height: 42px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
    letter-spacing: .5px;
    display: flex;
    align-items: center;
}

h2:after {
    content: '';
    margin-left: 16px;
    width: 100px;
    height: 4px;
    background-color: #8cc63e;
}

/* if an H2 is in a column OR centered, put dash underneath */

.wp-block-column h2,

h2.has-text-align-center {display: block;}

.wp-block-column h2:after,

h2.has-text-align-center:after {display: block;}

.wp-block-column h2:after {margin-left: 0px; margin-top: 20px;}

/* center dash */ h2.has-text-align-center:after {margin: 0 auto !important; margin-left: 0px; margin-top: 20px !important;}

h3 {
	color: #00713d;
    font-family: 'Poppins', sans-serif;
	font-size: 22px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

h3 i {color: #8cc63e;}

h4 {
	color: #231f20;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
	line-height: 26px;
	margin: 0px;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

h4:after {
    content: '';
    display: block;
    width: 75px;
    border-bottom: 4px solid #8cc63e;
    position: relative;
    bottom: -10px;
}

h4.has-text-align-center:after {margin: 0 auto !important; margin-left: 0px; margin-top: 5px !important;}

.cta h4 {font-size: 20px;}

p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

hr,

hr.is-style-wide {
	border: 0;
	height: 4px;
	background: #dadada;
	text-align: center;
	line-height: 4px;
	font-size: 26px;
	border-bottom: 0px;
	margin: 30px 0 45px 0;
}

hr.wp-block-separator:not(.is-style-wide) {
	border: 0;
	height: 4px;
	background: #dadada;
	text-align: left;
	line-height: 4px;
	font-size: 26px;
	border-bottom: 0px;
	margin: 30px 0 45px 0;
}

.ez-block-short {
    min-height: 280px !important;
}

	.pquote {
		border-left: 12px solid #ec1f27;
		background: #e4e4e0;
		color: #000;
		font-size: 14px;
		line-height: 20px;
		padding: 20px 10px 20px 40px;
	}

	.pquote a {color: #000 !important; font-weight: bold;}

	.pquote a:hover {color: #ec1f27 !important;}

	blockquote {
        border-left: 8px solid #8cc63e !important;
        background: #eeeeee;
        padding: 20px 10px 20px 40px !important;
	}

	blockquote p {padding: 0;}

	blockquote a {color: #00713d !important; font-weight: bold;}

	blockquote a:hover {color: #003b20 !important;}

    blockquote cite {
        font-size: 16px;
        text-transform: uppercase;
        color: #575757;
        font-style: italic;
    }

    .grey blockquote {background: #fff;}

    .wp-block-image figcaption {line-height: 24px;}

	a.wp-block-button__link {
		display: inline-block;
		background: #00713d;
        font-family: 'Poppins', sans-serif;
		color: #fff !important;
		font-size: 16px;
		font-weight: 500;
		margin: 10px 0;
		padding: 20px 30px;
        letter-spacing: .5px;
		border-radius: 0px;
		text-decoration: none !important;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
	}

	a.wp-block-button__link:hover {background: #014f2b; color: #e9f7f1 !important;}

    a.wp-block-button__link:after {
        content: '\f178';
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 600;
        padding-left: 10px;
        color: #7ab83e;
        transition: all 0.25s ease-in-out;
    }

    a.wp-block-button__link:hover:after {color: #97e036; padding-left: 15px;}

    .home .cta {
        background: #eeeeee;
        text-align: center;
        color: #5a5556;
        font-size: 14px;
        border-top: 10px solid #8cc63e;
        padding: 20px 15px;
    }

    .home .cta h3 {text-align: center; font-weight: 400;}

    .home .cta p {padding: 0 30px 30px 30px;}

    .home .cta .wp-block-buttons > .wp-block-button {display: block; width: 100%;}

    .home .cta a.wp-block-button__link {
        display: block;
        margin: 0px;
        padding: 25px 30px;
        border-radius: 0px;
        text-align: center;
    }

    .cta {
        background: #eeeeee;
        padding: 20px 25px;
        border-top: 10px solid #8cc63e;
    }

    .grey .cta {background: #fff;}

    .cta input {
        border: 0px !important;
        background: #fff !important;
        border-bottom: 2px solid #2e74a9;
        font-family: inherit;
        padding: 10px !important;
        width: 100%;
    }

    ul.checklist {list-style-type: none; list-style: none; padding-left: 45px;}

    ul.checklist li {margin: 0 0 7px 0; position: relative;}

    ul.checklist li:before {
        content: '\f00c';
        font-family: "Font Awesome 6 Free";
        color: #8cc63e;
        font-size: 26px;
        font-weight: 900;
        position: absolute;
        left: calc(-1 * 35px);
        top: -8px;
    }

    .benefit-icon i {
        color: #00713d;
        font-size: 36px;
    }

.easy_testimonial_image_wrapper {
    display: none;
}

/*	--------------------------------------------------
	:: Project Profile Styles
	-------------------------------------------------- */

.project-profile-archive:nth-of-type(odd) {clear: both !important;}

.project-profile-archive a {display: block;text-decoration: none !important}

.project-profile-archive a h4 {transition: all 0.25s ease-in-out;}

.project-profile-archive a:hover h4 {color: #00713d !important;}

.project-profile-img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-height: 240px;
}

.project-profile-img img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}

.testimonials {
    background: #003a21;
    padding-top: 25px;
    padding-bottom: 25px;
	color: white;
}

blockquote.easy_testimonial {
    background: white;
    color: black;
}

/* Real Testimonial Styles */

.sp-testimonial-item {
	background: white;
    color: black;
	border-left: 8px solid #8cc63e !important;
	margin: 10px !important;
}

.sp-testimonial-free {
	padding: 20px;
}

.sp-testimonial-content p {
	text-align: left !important;
	margin: 0 !important;
}

.sp-testimonial-client-name, .sp-testimonial-client-designation {
	 text-align: left !important;
	 padding: 0 10px !important;
	 font-size: 16px !important;
	 font-weight: normal !important;
	 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  	 text-transform: uppercase !important;
     color: #575757 !important;
  	 font-style: italic !important;
}

h4::after {display: none !important;}

/*	--------------------------------------------------
	:: Blog Styles
	-------------------------------------------------- */

.hentry {padding: 0px !important;}

.entry .entry-content > *, .entry .entry-content, .entry .entry-summary {
    max-width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.entry .entry-header {margin: 0;}

.blog-sidebar {
    background-color: #eeeeee;
    padding: 15px 15px !important;
}

.blog-sidebar ul, .blog-sidebar ol {padding-left: 0;}

.blog-sidebar h3 {font-size: 18px;}

.blog-sidebar p {
  font-size: 16px !important;
  line-height: 24px !important;
}

.widget {
    background-color: #fff;
    color: #231f20;
    margin: 0 0 24px;
    padding: 10px;
    -webkit-box-shadow: 0 0 10px 2px #c7c7c7;
    box-shadow: 0 0 10px 2px #c7c7c7;
}

.widget h3.widget-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 10px !important;
    padding: 0px !important;
    color: #231f20 !important;
    font-style: normal !important;
}

.widget li {
    padding: 0px;
    background: #fff;
    margin: 0 0 0px;
    font-family: 'Poppins', sans-serif;
    line-height: 0px !important;
}

.widget li:hover {background: #eeeeee;}

.widget li a {
    display: block;
    color: #00713d !important;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 15px;
}

    .widget li a:after {
        content: '\f178';
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 600;
        padding-left: 10px;
        color: #8cc63e;
        transition: all 0.25s ease-in-out;
    }

    .widget li a:hover:after {padding-left: 15px;}

h2.site-title {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
}

h2.site-title a {color: #231f20 !important;}

.page-description {
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
  color: #8cc63e !important;
}

/* WordPress Number Pagination CSS Styles*/

.page-navi.meta {
    color: RGB(38, 166, 154);
    font-size: 20px;
    font-weight: normal;
    border: solid 1px rgb(221, 221, 221);
    padding: 10px 20px;
    padding-left: 0;
    border-radius: 3px;
}

.page-numbers {
    border-right: solid 1px rgb(221, 221, 221);
    padding: 10px 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    margin-left: -6px;
}

.page-numbers.current {
    padding: 10px 20px;
    background: #8cc63e;
    color: #fff;
    font-weight: 600;
}

.page-navi .prev {
    float: left;
    margin-right: 0;
    margin-top: -10px;
    border-right: solid 1px #eee;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: normal;
}

.page-navi .next {
    float: right;
    margin-top: -10px;
    border-left: solid 1px #ddd;
    border-right: none;
    border-top: none;
    border-bottom: none;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
}

/*	--------------------------------------------------
	:: Grid
	-------------------------------------------------- */

div#content > div img {width: 100%;}

 /* Override */.no-full {width: auto !important;}

.g10, .g20, .g30, .g40, .g50, .g60, .g70, .g80, .g90, .g100, .g33, .g25, .g75 {
	height:auto;
	float:left;
}

.g10 {width:10%;}
.g20 {width:20%;}
.g30 {width:30%;}
.g40 {width:40%;}
.g50 {width:50%;}
.g60 {width:60%;}
.g70 {width:70%;}
.g80 {width:80%;}
.g90 {width:90%;}
.g100 {width:100%;}
.g33 {width:33.33333333%;}
.g25 {width:25%;}
.g75 {width:75%;}
.padding {padding: 10px 15px;}

/*	--------------------------------------------------
	:: Form Styles
	-------------------------------------------------- */

table td, table th {border: 1px solid #ececec;}

input, textarea, select {
    border: 0px !important;
	background: #ecf0f3 !important;
	border-bottom: 2px solid #2e74a9;
    font-family: inherit;
    padding: 10px !important;
	width: 100%;
}

select {padding: 14px !important;}

input[type="checkbox"], input[type="radio"] {
	width: auto;
}

input:focus, textarea:focus, select:focus {
    border: 0px;
	background: #ccd6dd!important;
	border-bottom: 2px solid #1a5079;
    font-family: inherit;
    padding: 10px !important;
}

select:focus {padding: 14px !important;}

button, input[type="submit"], input[type="button"], input[type="reset"] {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #00713d 0%, #00713d 100%) repeat scroll 0 0 !important;
    border-bottom: 2px solid #00713d !important;
    color: #fff;
    display: inline-block;
    padding: 15px 20px;
    text-decoration: none;
	text-transform: uppercase;
}

button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #014526 0%, #014526 100%) repeat scroll 0 0 !important;
}

.about-team_h3 h3 {
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.about-team_h3 img {
    width: 180px;
    margin: 0 auto;
    display: block;
}

.about-team_h3 {
	text-align: center;
}

p.testimonial_author span.date {
    display: none !important;
}

/*	--------------------------------------------------
	:: Media Queries
	-------------------------------------------------- */

@media screen and (min-width: 1200px) {
	.responsive {width: 1200px !important;}
}

@media screen and (min-width: 1200px) {
	#nav-bg.responsive,
    .top-wrapper .responsive {
        width: 100% !important;
        max-width: 1440px;
    }
}

@media screen and (max-width: 1165px) {
    .top {width: 99%;}
    #header {width: 99%; gap: 8px; flex-wrap: wrap;}
    #header form.is-search-form {flex: 0 0 auto;}
}

@media screen and (min-width: 1281px) {
    .opensub {display: none;}
    .menu-content ul.menu li.menu-item-has-children::after {
        content: '';
        position: absolute;
        right: 0;
        top: calc(50% - 4px);
        background-image: url(/wp-content/themes/gsmroofing-child-theme/images/icons/icon-chevron-down.svg);
        width: 13px;
        height: 9px;
        display: inline-block;
        transition: .3s;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media screen and (max-width: 1280px) {
    .ivory-search {flex: 0 0 90%; display: flex; justify-content: center;}
    .ivory-search .is-search-form {width: 100%; max-width: 600px; }
    .top {justify-content: center; flex-wrap: wrap; width: 100% !important;}
    .top.responsive {width: 100% !important;}
    .top .links {margin-right: 0; text-align: center;}
    .top .links i {margin: 0 1px 0 0px;}
    .menu-content, ul.menu li {margin: 0;}
	/* ********* Mobile Navigation Styles ********** */
    #nav-bg {width: 100% !important;}
	button#menuToggle {
		display: block;
		border: 0;
		background: #065631 !important;
		border-bottom: transparent !important;
		padding: 10px 0;
		width: 100%;
		color: #fff;
		text-align: center;
		font-size: 24px;
		font-weight: 700;
		border-radius: 0px !important;
	}
	button#menuToggle:hover, #menuToggle:focus {background: #231f20 !important;}
	.menu-content {display: none;}
	.menu-content .right {float: none !important;}
	ul.menu {background: #065631;}
	ul.menu li {float: none; width: 100%; text-align: center; border-bottom: 2px solid #003a21;}
	ul.menu li a {color: #fff;font-size: 18px;}
	ul.menu li a:hover,
	ul.menu li.current-menu-item a,
	ul.menu li a:focus {color: #fff; background: #003a21;}
    /* submenu */
    ul.sub-menu {display: none;}
    ul.menu li ul {
        position: static;
        width: 100vw;
    }
    ul.menu li:hover ul li {
        float: none;
        width: 100%;
        position: static;
        text-align: center !important;
    }
    ul.sub-menu li a {
        border-bottom: none !important;
        text-transform: none;
        text-align: left;
        background-color: #fff;
        color: #231f20;
        font-size: 16px;
        line-height: 40px;
        width: 100% !important;
        padding: 0 10px;
    }
    ul.menu li:hover ul li:hover {text-align: center;}
    ul.menu li .opensub {
        color: #8cc63e;
        position: absolute;
        right: 0px;
        font-size: 18px;
        top: 0px;
        display: block;
        height: 60px;
        width: 63px;
        line-height: 60px;
        cursor: pointer;
        z-index: 99;
        background: #003a21;
    }
    #footer .g20,
    #footer .g80 {width: 100% !important;}
    #copyright .g50 {text-align: center;}
	.g25 {width: 50% !important;}
	.g30 {width: 100% !important;}
	.g33 {width: 100% !important;}
	.g50 {width: 100% !important;}
	.g70 {width: 100% !important;}
}

.wp-block-media-text {
	overflow:hidden;
    grid-gap: 15px;
}
@media screen and (max-width: 1280px) {
    .mobile-menu-item {display: block;}
    li.mobile-menu-item a {background: #8cc63e; color: #231f20 !important; font-weight: 500; line-height: 46px !important;}
    li.mobile-menu-item a:hover {text-decoration: underline;}
    li.mobile-menu-item i {color: #00713d; font-size: 16px; margin: 0 5px 0 20px;}
	.responsive {width: 90% !important;}
    .wp-block-media-text__content {margin-top: 25px !important;}
    .wp-block-media-text .wp-block-media-text__content {padding: 0;}
    h2::after {display: none;}
}

@media screen and (max-width: 480px) {
	.g10 {width: 100% !important;}
	.g20 {width: 100% !important;}
	.g25 {width: 100% !important;}
	.g40 {width: 100% !important;}
	.g60 {width: 100% !important;}
	.g80 {width: 100% !important;}
	.g90 {width: 100% !important;}
}

@media screen and (max-width: 414px) {
    .menu-menu-container ul.menu li:not(.mobile-menu-item) a {
        width: calc(100vw - 63px);
    }
    .links {display: none;}
}

body.admin-bar {
    margin-top: 32px !important;
}