/*!
Theme Name: AMPM Building Services
Theme URI: https://ampmbuildingservices.com.au/
Author: Eight Ball Media
Author URI: http://8bm.com.au
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ampm-building-services
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Home */
.main-banner .banner-photo .award-box {
    display: flex;
    align-items: center;
    gap: 35px;
}

.main-banner .banner-photo .award-box img {
	margin-right: 0 !important;
}

.error404-section {
    padding: 180px 90px 180px;
}

.page-id-345 main {
	padding: 120px 40px;
}

.error404-section h1 {
	font-size: 8rem;
}

.error404 .header-block,
.page-id-345 .header-block {
	border-bottom: 2px solid var(--orange);
}

/* Header */
.header-block .header-box .menu-wrap .nav-item.active .nav-link {
	color: var(--orange);
}

.header-block .header-box .custom-logo {
	max-width: 310px;
    width: 100%;
}

/* Title with Content Block */
.facilities-section.bg-black h2,
.facilities-section.bg-black p,
.facilities-section.bg-black ul li {
	color: var(--white);
}

/* Title with Content and Image Block */
.headquarters-wrap .photo-info img {
	width: 100%;
}

.photo-info.photo-resize {
	height: 100%;
}

.photo-info.photo-resize img {
	height: 100%;
	object-fit: cover;
}

.history-section.bg-black .t-info.no-padding-left {
	padding-left: 0;
	padding-right: 100px;
}

.history-section.bg-black .photo-info.no-margin-right {
	margin-right: 0;
}

.history-section.bg-black .primary-btn {
	color: #fff;
}

.history-section.bg-black .primary-btn:hover {
    color: var(--orange);
}

/* Title with Row Repeater Block */
.purpose-section.bg-black h2,
.purpose-section.bg-black p {
	color: var(--white);
}

.purpose-section.bg-black .icon-list img {
	width: 80px;
	height: 80px;
}

/* Title with Accordion Block */
.accordion-section .content-wrap img {
	width: 100%;
}

/* Title with Google Map Block */
.service-area .map-info,
.service-area .map-info .photo-info {
	height: 100%;
}

.service-area .map-info .photo-info img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service-area.bg-black h2,
.service-area.bg-black p,
.service-area.bg-black ul li {
	color: var(--white);
}

/* Partner section */
.partner-section .partner-slider {
	padding: 0 30px;
}

.partner-section .partner-slider .slick-dots {
	left: 0;
	position: relative;
}

.partner-section .partner-slider .slick-dots li button:before {
	font-size: 36px;
	opacity: .5;
	color: #FFF;
}

.partner-section .partner-slider .slick-dots li.slick-active button:before {
	opacity: 1;
	columns: #FFF;
}

.partner-section .slick-prev, .partner-section  .slick-next {
	display: none !important;
}

/* Footer */
.form-info h2.gform_title,
.form-info p.gform_required_legend {
	display: none;
}

.form-info span.gfield_required.gfield_required_asterisk,
.form-info label.gfield_label.gform-field-label {
    font-size: 21.244px;
    font-weight: 400;
    color: var(--white) !important;
    line-height: normal;
}

.form-info h2.gform_submission_error.hide_summary {
	margin-bottom: 0 !important;
}

.form-info .gfield_description.ginput_counter {	
	color: var(--white) !important;
}

.form-info .gfield_description.validation_message {
	color: var(--orange) !important;
}

.form-info .gfield .ginput_password.large, 
.form-info .gfield input.large, 
.form-info .gfield select.large {
	border-radius: 0;
    padding: 11px 15px;
    color: var(--black);
    border: 1.328px solid #000;
	height: 50px;
	font-size: 18px;
}

.form-info .gfield .ginput_password.large::placeholder, 
.form-info .gfield input.large::placeholder, 
.form-info .gfield select.large::placeholder,
.gform-theme--foundation .gfield textarea::placeholder {
	color: #c7c7c7;
}

.gform-theme--foundation .gfield textarea {
	font-size: 18px;
	max-height: 200px;
    overflow-y: auto;
}

input#gform_submit_button_1 {
	width: 100%;
    height: 60px;
    background: var(--orange);
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
	border-radius: 0;
}

input#gform_submit_button_1:hover {
	transition: 0.5s all;
    background: var(--white);
    color: var(--orange);
    border-color: var(--orange);
}

.gform-theme--framework .gform_validation_errors {
    background-color: #FFF !important;
}

.contact-section .form-info p,
.contact-form .form-info p {
	margin-bottom: 0;
}

.contact-form .form-info .col-12 + .col-md-12 {
	margin-top: 25px;
}

.contact-form .social-icons {
	gap: 35px;
}

.contact-form .social-icons .icon {
	background: var(--brown);
    color: #FFF;
    border-radius: 0;
	line-height: 0;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
	background: rgb(255, 185, 0);
	margin: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450;
    margin: 0;
}

footer .copy-right a {
	color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

footer .copy-right a:hover {
	text-decoration: underline !important;
}

.accordion-section .accordion button[aria-expanded="true"] .icon {
    top: 15px;
}

.purpose-section .icon-list ul li {
	flex-basis: 10%;
}

.header-block .dropdown-menu .dropdown-item.active {
	background: var(--white) !important;
}

.social-icons {
	display: flex;
	gap: 25px;
}

.social-icons .icon {
    width: 58px;
    height: 58px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #000;
    text-decoration: none;
    transition: 0.3s ease;
	line-height: 0;
}

.social-icons .icon:hover {
    background: var(--orange);
    color: #fff;
}

@media screen and (max-width: 1320px) {
	.header-block .header-box .custom-logo {
		max-width: 230px;
	}

	.header-block .header-box .call-wrap .primary-btn {
		min-height: auto !important;
	}

	.header-block .dropdown-menu .dropdown-item,
	.header-block .header-box .menu-wrap .nav-link,
	.header-block .header-box .call-wrap .call-info,
	.header-block .header-box .call-wrap .primary-btn {
		font-size: 14px !important;
	}

	.header-block .header-box .call-wrap .primary-btn {
		margin-left: 15px !important;
	}
}

@media screen and (max-width: 1120px) {
	.home .main-banner .banner-photo .award-box img {
		margin-right: 20px !important;
	}

	.process-section .process-list li {
		width: calc(100% - 20%);
	}

	.header-block .contact-box {
		padding-left: 20px;
	}
}

@media screen and (max-width: 1050px) {
	.header-block .header-box .menu-wrap .nav-link {
        padding: 10px !important;
    }
}

/* @media screen and (min-width: 768px) {
	.navbar-collapse {
		padding-bottom: 10px;
	}
} */

@media screen and (max-width: 991px) {
	.home .main-banner .banner-photo {
        flex-direction: column;
        align-items: start;

    }

	.main-banner .banner-photo p {
		font-size: 18px !important;
	}

	.header-block {
		padding: 10px 5px !important;
	}

	.navbar-toggler span {
		display: block;
		width: 30px;
		height: 4px;
		background: var(--brown);
		margin: 6px 0;
		border-radius: 0;
	}

	.navbar-collapse {
		position: fixed;
		left: 0;
		top: 60px;
		background: #FFF;
		z-index: 100;
		width: 100%;
		/* border-bottom: 2px solid #ddd; */
	}

	.navbar-toggler {
		border: none !important;
		padding-right: 0 !important;
	}

	.navbar-toggler:focus {
		box-shadow: none !important;
	}

	.header-block .dropdown .dropdown-menu {
		transform: none !important;
	}

	.header-block .header-box .menu-wrap .nav-link {
		padding: 15px !important;
	}

	.header-block .contact-box .call-wrap {
		display: flex;
        justify-content: center;
        align-items: center;
        gap: 35px;
	}

	.header-block .header-box .call-wrap .call-info {
		display: none !important;
	}

	.header-block .header-box .call-info img {
		width: 25px !important;
	}

	.header-block .header-box .call-wrap .call-info span {
		display: block !important;
	}

	.header-block .header-box .call-wrap .primary-btn {
		width: auto !important;
	}

	.nav-link:focus-visible {
		box-shadow: none !important;
	}

	.header-block .dropdown .dropdown-menu {
		background: transparent !important;
		margin-bottom: 15px;
	}

	.header-block .dropdown-menu .dropdown-item {
		padding: 10px 15px !important;
		text-align: left !important;
		border-bottom: none !important;
	}

	.header-block .header-box .menu-wrap .nav-item {
		border-bottom: 1px solid #ddd;
	}

	.header-block .dropdown-menu .dropdown-item::before {
		content: "-";
		padding-right: 5px;
	}

	.header-block .dropdown-menu .dropdown-item.active {
		background: transparent;
		color: var(--orange);
	}
	
	.header-block .contact-box {
		margin-top: 25px;
		padding-left: 0 !important;
		padding: 5px 15px !important;
	}

	.header-block .header-box .menu-wrap .nav-link.dropdown-toggle::after {
		opacity: 1 !important;
		position: absolute;
		right: 20px;
		top: 23px;
	}

	.history-section.bg-black .t-info.no-padding-left {
		padding-right: 0 !important;
	}

	.purpose-section .icon-list ul li {
		flex-basis: 25%;
	}

	.construction-section .title-wrap {
		text-align: center;
	}

	.contact-section .list-info ul {
		margin-left: 0;
	}

	.contact-section .list-info ul li {
		list-style: none;
	}
	
    footer .footer-box .footer-menu ul{
        align-items: center;
    }

	footer .footer-box .soical-icon a:last-child img {
		margin-right: 0;
	}

	.contact-section .list-info ul li {
		margin: 30px 0;
	}

	.contact-section .list-info li span {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.accordion-section .content-wrap .col-md-6:nth-child(1) {
		padding-right: 10px !important;
	}

	.why-choose-section .icon-box .single-box {
		gap: 10px !important;
		margin-bottom: 40px !important;
	}

	.why-choose-section .icon-box .icon img {
		width: 100% !important;
		margin-right: 0 !important;
	}

	.navbar-collapse {
		padding-bottom: 0 !important;
	}

	.error404-section {
		padding: 90px 15px;
	}

	.error404-section h1 {
		font-size: 6rem;
	}
}

@media screen and (max-width: 580px) {
	.main-banner .banner-photo .award-box {
		flex-direction: column;
		gap: 15px;
		align-items: start;
	}
	
	.home .main-banner .banner-photo .award-box img {
		width: 100%;
	}

	.accordion-section .accordion button[aria-expanded="true"] .icon {
		top: 8px;
	}

	.testimonials-section {
		padding-bottom: 80px !important;
	}

	.testimonials-section .slider-box {
		max-width: 100% !important;
	}

	.testimonials-section .slick-prev ,
	.testimonials-section .slick-next {
		top: auto !important;
		bottom: -80px !important;
	}

	.construction-section .slick-prev,
	.testimonials-section .slick-prev {
        left: 25% !important;
    }

	.testimonials-section .slick-next {
        right: 25% !important;
    }

	.process-section .process-list li {
		width: 100%;
	}

	body:not(.home) .main-banner .banner-photo {
		display: flex;
        height: 100vh;
        height: 100svh;
        min-height: 100vh;
        align-items: center;
		background-size: auto !important;
	}
}

@media (min-width: 480px) and (max-width: 991px) {
    .header-block .contact-box .call-wrap {
		margin-bottom: 1rem !important;
	}
}

@media screen and (max-width: 480px) {
	.header-block .contact-box .call-wrap {
		flex-direction: column;
		gap: 20px;
	}

	.header-block .header-box .call-wrap .primary-btn {
		margin-left: 0 !important;
    	width: 100% !important;
	}

	/* .project-list {
        padding: 15px !important;
    } */

	.purpose-section .icon-list ul li {
        flex-basis: 100%;
    }

	.home .main-banner .banner-photo .award-box img {
        margin-right: 5px !important;
    }
	.partner-section .partner-slider {
		padding: 0;
	}

	.error404-section h1 {
		font-size: 4rem;
	}
}

@media screen and (max-width: 380px) {
	.service-wrap .service-card .single-card {
		flex-direction: column-reverse;
	}

	.service-wrap .service-card .single-card .card-block {
		width: 100% !important;
	}

	.service-wrap .service-card .single-card .photo-wrap {
		width: 100% !important;
		min-height: 120px;
	}
}

@media screen and (max-width: 360px) {
	.header-block .header-box .custom-logo {
		max-width: 200px;
	}

	.social-icons .icon {
		width: 42px;
    	height: 42px;
		font-size: 26px;
	}
}


@media screen and (max-width: 330px) {
	.header-block .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
}