/*
 Theme Name:   Willing Constructions
 Theme URI:    http://localhost:8888/willing
 Description:  Twenty Twenty Child Theme
 Author:       ER
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  willingconstructions
*/

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100%!important;
	width: 100%!important;
}

.banner-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 940px!important;
	margin-left: auto!important;
	margin-right:auto!important;
	
}

.header-inner {
	padding: 24px 0px;
}



.repeater {
	margin-top: 0px!important
}

/* Fixed Chevron */

.chevron-1 {
	position: fixed;
	top: 22vh;
	width: 13%;
}

.chevron-2 {
	position: fixed;
	top: 66vh;
	left: 87vw;
	width: 13%;
}

.chevron-d-1 {
	background-image: url("https://willingconstructions.com.au/wp-content/uploads/2021/12/chevron-d-1.png");
	background-attachment: fixed;
  	background-repeat: no-repeat;
  	background-size: 13%;
	background-position-x: left;
    background-position-y: 27%;
}

.custom-content {
	margin-top: 33vh;
	text-align: center;
}

/* Custom Fonts */

body {
	font-family: "Jost", sans-serif;
}

.entry-content {
	font-family: "Jost", sans-serif;
	letter-spacing: normal;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
	font-family: "Jost", sans-serif;
}

@supports ( font-variation-settings: normal ) {

	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,

	.entry-content cite,
	.entry-content figcaption,
	.entry-content table,
	.entry-content address,
	.entry-content .wp-caption-text,
	.entry-content .wp-block-file {
		font-family: "Jost", sans-serif;
	}
}

/* Nav styling */


/* Entry content styling */

.post-inner {
	padding-top: 0px
}

.entry-content h6 {
	font-family: "Jost", sans-serif;
	letter-spacing: 1px;
}

.wp-block-column {
	margin-top:80px;
	margin-bottom: 120px;
	background-size: cover;
	background-position: center
	}

.wp-block-columns .image-box {
	margin: 33% 0%;
}

.no-top-margin {
	margin-top: 0px!important;
	margin-bottom: 120px!important
}

.feature-content {
	padding-top: 80px;
	padding-bottom: 80px
}

.column-box {
	margin-bottom: 0px!important;
	margin-top: 0px!important;
	padding-top: 15%;
	padding-bottom:15%;
}


.wp-block-column {
	margin-top: 0px;
	margin-bottom: 60px
} 

.wp-block-column:last-child {
	padding-bottom: 150px;
}

.wp-block-column:not(:first-child){
	margin-left:var(--wp--style--block-gap,0em)!important
	}
	
/* Banner background image size */
.banner-content {
	background-size: 100vw;
	background-repeat: no-repeat;
	padding-top: 120px;
	padding-bottom: 0px;
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page banner headings */
.entry-content .banner-heading h2 {
	text-align:center!important;
	padding-bottom: 80px!important;
	padding-top: 120px!important;
}

.entry-content h1,
	.entry-content h2,
	.entry-content h3 {
		margin: 0 auto 0;
	}

.wp-block-archives:not(.alignwide):not(.alignfull),
	.wp-block-categories:not(.alignwide):not(.alignfull),
	.wp-block-code,
	.wp-block-columns:not(.alignwide):not(.alignfull),
	.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
	.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
	.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
	.wp-block-media-text:not(.alignwide):not(.alignfull),
	.wp-block-preformatted,
	.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
	.wp-block-quote,
	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large,
	.wp-block-verse,
	.wp-block-video:not(.alignwide):not(.alignfull) {
		margin-bottom: 0px;
		margin-top: 0px;
	}

.entry-content > * {
	margin-bottom: 0px;
}

/*General styling*/

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	letter-spacing: 1px;
	line-height: 1.25;
	margin: 3.5rem 0 2rem;
}

h1,
.heading-size-1 {
	font-size: 48px;
	font-weight: 500;
	line-height: 1.138888889;
}

h2,
.heading-size-2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 8px
}

h3,
.heading-size-3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 1px;
}

h4,
.heading-size-4 {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 8px
}

h5,
.heading-size-5 {
	font-size: 56px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 1.25
}

h6,
.heading-size-6 {
	font-size: 16px;
	font-family: "Jost", sans-serif;
	font-weight: 700;
	letter-spacing:5px!important;
	line-height: 1.5
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1px;
}

b,
strong {
	font-weight: 700;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

.italic {
	font-style: italic;
}

/*Link styling*/

a {
	color:#000;
}

a:hover {
	color:#acacac;
	text-decoration:none;
}

.entry-content a {
	padding: 16px 24px 16px 24px;
    background-color:rgba(255,255,255,0);
	border: 5px solid #000;
    color: #000;
	text-transform: uppercase!important;
	letter-spacing: 3px;
    width: auto;
    height: auto;
    border-radius: 0px;
    margin-top: 16px;
    text-transform: none;
    font-family: "Jost", sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.entry-content a:hover {
	background-color:rgba(42,45,54,0.2);
	transition: all 0.23s ease-in-out 0s; 
}

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {
	padding: 16px 24px 16px 24px;
    background-color:rgba(255,255,255,0);
	border: 5px solid #000;
    color: #000;
	text-transform: uppercase!important;
	letter-spacing: 3px;
    width: auto;
    height: auto;
    border-radius: 0px;
    margin-top: 16px;
    text-transform: none;
    font-family: "Jost", sans-serif;
    font-weight: 700;
    font-size: 13px;
}


button:hover, .button:hover, .faux-button:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color:rgba(42,45,54,0.2);
	transition: all 0.23s ease-in-out 0s; 
	color: #000
}



/* Primary Menu Styling */

.primary-menu a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 12px;
	
}

.primary-menu a:hover {
	text-decoration: none;
	color: #ACACAC;
}

.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
}

/*Menu modal styling*/

.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size: 14px; 
	font-weight:700;
	font-family: "Jost", sans-serif
}

.modal-menu li {
	border-width: 0;
	border-bottom:0
}

.toggle {
	font-family: "Jost", sans-serif;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase
}

.toggle-inner .toggle-text {
	font-size: 14px!important;
	text-decoration:none;
	text-transform: uppercase;
    letter-spacing: 2px;
	color: #fff
}

button.close-nav-toggle {
	font-size: 12px!important;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
	text-decoration: none;
	color:#ACACAC;
}

button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	text-decoration: none;
}

/*Set header banner height*/
.page-header {
	height: 90vh;
	position: relative;
	
}

/*Vertically center header banner content*/
.header-banner {
	margin: 0;
  position: fixed;

}

.header-banner-image {
	background-size: cover;
}

/* Full-height header image */
#site-header {

	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*Set logo size*/
.site-logo img {
	margin: 0 auto;
	width: 33.33%;
	object-fit:contain;
}


/* Center header banner text */
.header-banner {
	text-align: center
}

/*Entry content width*/
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 940px;
	width: calc(100% - 4rem);
}

[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 940px;
	width: 100%;
}


/*Social icons*/
body .social-icons a { 
	background: #fff;
	color: #2a2d36;
	width: 30px;
	height: 30px
}

.svg-icon {
	width: 16px;
	height: 16px;
}

/*Footer widget spacing*/

.footer-widgets .widget {
		margin-top: 16px;
	}


/* Footer styling */

.footer-nav-widgets-wrapper,
#site-footer {
	background-color: #2a2d36;
	color: #fff
}
.widget a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 16px;
}

.widget a:hover {
	color: #ACACAC;
	text-decoration: none;
}


/* 'To the top' style */

.to-the-top {
	color: #fff;
	font-family: "Jost", sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* Column Banner Styling - ACF */
.column-banner {
	text-align: center;
}


/* Header Video */

.header-banner {
	position: absolute;
    width: 100%;
    min-height: calc(var(--vh, 1vh)*80);
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*pointer-events: none;*/
    overflow: hidden;
    z-index: 10;
}

.header-banner .header-video {
width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%,-50%);
}

.header-content {
	position: absolute;
    bottom: 0%;
    top: 0%;
    left: 0%;
    width: 100%;
}

.header-content img {
	width: 16%;
	margin-left:auto;
	margin-right:auto
}

.singular .entry-header {
	padding: 0;
}

/* Footer top margin */

.footer-top-visible .footer-nav-widgets-wrapper,
	.footer-top-hidden #site-footer {
		margin-top: 0px;
	}

/* Footer styling */

.footer-copyright {
	font-family: "Jost", sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}

@media (min-width: 782px) {
.wp-block-column:not(:first-child) {
	margin-left: 0px
}
}


@media (max-width: 768px) {
	.chevron-1 {
		display:none;
	}
	.chevron-2 {
		display: none;
	}
	.header-content img {
	width: 50%;
	}
	.header-inner .toggle {
		align-items: flex-start;
	}
	.banner-content {
		padding-left: 32px;
		padding-right: 32px
	}
	h5 {
		font-size: 40px;
		line-height: 55px;
	}
	p {
		font-size: 16px;
		line-height: 24px;
	}
	.column-box {
		min-height: 200px;
	}
	.custom-content {
		padding-left: 32px;
		padding-right: 32px
	}
}