/*
 Theme Name:   WAYS FM
 Theme URI:    https://generatepress.com
 Description:  WAYS Facilities Management
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.1
*/


/* All Devices */

/* Typography*/

h1,h2,h3 {
	font-family: forma-djr-deck, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#10069f;
}

.wfm_banner_title h1 {
	color:#fff;
	margin-bottom:0;
}

h1 span, h2 span, h3 span {
	font-weight: 300;
}

.wfm_blurb_service_title {
	text-align:center;
	font-size:12px;
}

ul.wfm_list, ol {
	margin-left:1em;
}

ul.wfm_2col_list {
	columns:2;
	margin-left:1em;
}

a.wfm_button {
	display:inline-block;
	padding:8px 40px;
	background-color:#10069f;
	color:#fff;
	font-weight:700;
	transition:all 0.7s;
}

a.wfm_button:hover {
	background-color:#273043;
}


/* Navigation  */

#wfm_header_socials img {
	height:24px;
}

#wfm_header_socials ul li {
	display:inline-block;
	margin-right:10px;
}

/* Page headers */
.wfm_page_header {
	min-height:80vh;
}

/* Sprites */

.wfm_service_blurbs .gb-grid-column .gb-inside-container {
	border:1px solid #e1e1e1;
	height:100%;
	margin-bottom:20px;
}


.wfm_service_blurbs .gb-container .gb-inside-container {
	width:90%;
	box-shadow:5px 5px 3px #e1e1e1;
}


.wfm_service_blurbs .gb-grid-column .gb-inside-container:empty {
	border:none;
	box-shadow:none;
}

.wfm_service_blurbs .gb-grid-column {
	padding-left:0!important;
}

.wfm_service_blurbs .gb-grid-wrapper {
	margin-left:0!important;
}

.wfm_reactive_icon {
	width:110px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/wp-content/uploads/2021/01/services_icons_110_2.png);
	background-repeat:no-repeat;
}

#help.wfm_reactive_icon {
	background-position: 0 0;
}

#gas.wfm_reactive_icon {
	background-position: -110px 0;
}

#locksmith.wfm_reactive_icon {
	background-position: -220px 0;
}

#shutters.wfm_reactive_icon {
	background-position: -330px 0;
}

#hvac.wfm_reactive_icon {
	background-position: -440px 0;
}

#chillers.wfm_reactive_icon {
	background-position: -550px 0;
}

#windows.wfm_reactive_icon {
	background-position: -660px 0;
}

#drainage.wfm_reactive_icon {
	background-position: -770px 0;
}

#electricians.wfm_reactive_icon {
	background-position: -880px 0;
}

#roofers.wfm_reactive_icon {
	background-position: 0 -110px;
}

#plasterers.wfm_reactive_icon {
	background-position: -110px -110px;
}

#bricklayers.wfm_reactive_icon {
	background-position: -220px -110px;
}

#tilers.wfm_reactive_icon {
	background-position: -330px -110px;
}

#carpentry.wfm_reactive_icon {
	background-position: -440px -110px;
}

#painting.wfm_reactive_icon {
	background-position: -550px -110px;
}

#security.wfm_reactive_icon {
	background-position: -660px -110px;
}

#pest.wfm_reactive_icon {
	background-position: -880px -110px;
}

#glazing.wfm_reactive_icon {
	background-position: -770px -110px;
}

#flooring.wfm_reactive_icon {
	background-position: -990px -110px;
}

#fire_alarms.wfm_reactive_icon {
	background-position: -550px -220px;
}

.wfm_icon_title .icon {
	width:55px;
	height:55px;
	background-image:url(/wp-content/uploads/2021/01/services_icons_55.png);
	background-repeat:no-repeat;
}

.wfm_icon_title {
	margin-bottom:15px;
}

.wfm_icon_title .icon {
	display:inline-block;
	position:relative;
}

.wfm_icon_title h2 {
	display:inline;
	line-height:1em;
}

.wfm_icon_title .icon img {
	display:none;
}

.wfm_icon_title #gas.icon {
	background-position:-55px 3px;
}

.wfm_icon_title #electricity.icon {
	background-position:-55px -105px;
}

.wfm_icon_title #painting.icon {
	background-position:-110px -105px;
}

.wfm_icon_title #fire.icon {
	background-position:0 -105px;
}

.wfm_icon_title #hvac.icon {
	background-position:-165px -107px;
	top:7px;
}

.wfm_icon_title #shutters.icon {
	background-position:-225px -107px;
	top:7px;
}



/* 404 */


/* Footer */

.footer-widgets-container {
	padding:40px 0;
	width:80%;
}

#footer-widgets {
	background-color:#273043;
	color:#ADACB5;
}

#footer-widgets a {
	color:#e1e1e1;
	font-weight:700;
}

.custom-html-widget {
	font-size:14px;
}

#wfm_footer_socials img {
	height:24px;
}

#wfm_footer_socials ul li {
	display:inline-block;
	margin-right:10px;
}

/* General Content */

.gb-container .gb-inside-container {
	width:80%;
}

.wfm_mob_header_image {
	display:none;
}

.wfm_boxed_whiteongrey .wp-block-column {
	padding:3%;
	background-color:#f9f9f9;
	margin-bottom:20px;
}

/* Contact Forms */

form#wfm_contact {
	padding:20px;
	background-color:#f1f1f1;
	box-shadow:5px 5px 3px #e1e1e1;
}

form#wfm_contact input[type="text"], form#wfm_contact input[type="email"], form#wfm_contact textarea {
	width:100%;
}

/*form#wfm_contact textarea {
	max-height:150px;
}*/


/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
		
	.wfm_sec_80 {
		min-height:80vh;
	}
		
		.wfm_flex_center {
			display:flex;
			align-items:center;
		}
		
		.gb-inside-container .wp-block-group__inner-container {
			padding:0;
		}
		
		.ngg-galleryoverview.default-view {
			text-align:left!important;
		}
			
}

/* Responsive - Small laptop screens */
@media only screen
	and (min-width: 1024px)
	and (max-width: 1400px) {
		
		.gb-container.wfm_no_bg_mob {
			background-position: 72% center;
		}
		
/*		.wp-block-columns.wfm_fw_mobile .wp-block-column {
			flex-basis:100%!important;
			margin-left:0;
		}
		
		.wfm_no_bg_mob {
			background-image:none!important;
		}
		
		.wfm_mob_header_image {
			display:block;
			min-height:50vh;
		}
		
		.wp-block-columns.wfm_fw_mobile .wp-block-column {
			flex-basis:100%!important;
			margin-left:0;
		}
		*/
}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		.main-navigation.has-branding .inside-navigation.grid-container {
			width:80%;
			padding:10px 0!important;
		}
		
		.gb-inside-container .wp-block-group__inner-container {
			padding:0;
		}
		
		.wfm_mob_header_image {
			display:block;
			min-height:50vh;
		}
		
		.wfm_page_header {
			background-image:none!important;
		}
		
		.wp-block-columns.wfm_fw_mobile .wp-block-column {
			flex-basis:100%!important;
			margin-left:0;
		}
		
		.wfm_page_header {
			min-height:auto;
		}
		
		.wfm_no_bg_mob {
			background-image:none!important;
		}
		
		.wfm_mob_color_bg {
			background-color:#f1f1f1;
		}
		
		.wfm_banner_title .gb-inside-container {
			padding:30px 0!important;
		}
		
		.footer-widgets-container {
			padding-left:0;
			padding-right:0;
			width:80%;
			margin-left:auto;
			margin-right:auto;
		}
		
	.menu-toggle {
	    font-size: 24px;
		color:#10069f;
}
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
	ul.wfm_2col_list {
	columns:1;
	margin-left:1em;
}
		
}