/*
 Theme Name:   Geenius Consulting
 Theme URI:    https://generatepress.com
 Description:  Geenius Consulting child theme
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* Geenius colours:
 * Orange: 	#ed6d15
 * Blue:	#25295a
 */

/* All Devices */

/* Typography*/

h1,h2,h3 {
	font-weight:700;
}

h1 {
	color:#25295a;
}


h1.gc_title {
	font-size:48px;
	line-height:1em;
	letter-spacing:-0.04em;
	margin-bottom:10px;
}

p.gc_title_subhead {
	font-size:24px;
	font-weight:700px;
}

a.gc_button {
	display:inline-block;
	padding:8px 30px;
	background-color:#ed6d15;
	color:#fff;
	border-radius:30px;
	transition:0.4s all;
}

a.gc_button:hover {
	background-color:#25295a;
	color:#fff;
}

/* Navigation  */

/* Banners */
#gc_home_hero {
	min-height:80vh;
}

/* Services infographic */

/*#gc_services .gb-inside-container {
	width:90%;
	max-width:1800px;
}*/

.gc_ig_wrapper {
	display:flex;
	flex-wrap:wrap;
}

.gc_ig_wrapper .gc_ig_item {
	flex-basis:23%;
	margin-right:2%;
	border-radius:50px 0 50px 0;
	background-color:#f1f1f1;
	box-shadow: 5px 5px 3px #ddd;
	margin-bottom:30px;
}
}

.gc_ig_wrapper .gc_ig_item:nth-of-type(4n) {
	margin-right:0;
}

.gc_ig_item_header h2 {
	font-size:18px;
	margin-bottom:0;
}

.gc_ig_item_content p {
	font-size:14px;
}

.gc_ig_item_header {
	display: flex;
	flex-direction:column;
	background-image:linear-gradient(to right, #242424, #3b3b3b);
	color:#fff;
	padding:20px;
	border-radius:50px 0 0 0;
	text-align:center;
	min-height: 180px;
    align-items: center;
    justify-content: center;
}

.gc_ig_item_header img {
	max-width:70px;
	margin-bottom:20px;
}

.gc_ig_item_content {
	padding:30px;
	color:#fff;
	text-align:center;
}

.gc_ig_item_content .ig_subhead {
	font-weight:700;
	font-size:16px;
}

.gc_ig_item:first-of-type {
	background-image:linear-gradient(45deg, #f29201, #e8560c);
}

.gc_ig_item:nth-of-type(2) {
	background-image:linear-gradient(45deg, #e62279, #d1054c);
}


.gc_ig_item:nth-of-type(3) {
	background-image:linear-gradient(45deg, #b70b7e, #971c7e);
}


.gc_ig_item:nth-of-type(4) {
	background-image:linear-gradient(45deg, #4c95f0, #327ae1);
}


.gc_ig_item:nth-of-type(5) {
	background-image:linear-gradient(45deg, #4ebed1, #06a7a9);
}


.gc_ig_item:nth-of-type(6) {
	background-image:linear-gradient(45deg, #cace01, #a1ca01);
}

.gc_ig_item:nth-of-type(7) {
	background-image:linear-gradient(45deg, #277889, #19535f);
}

.gc_ig_item:nth-of-type(8) {
	background-image:linear-gradient(45deg, #a1aec5, #8d99ae);
}

/* Forms */

#gc_contact_form {
	display:flex;
	flex-wrap:wrap;
}

#gc_contact_form div.name, #gc_contact_form div.email  {
	flex-basis:47.5%;
	margin-right:5%;
	margin-bottom:20px;
}

#gc_contact_form div.email {
	margin-right:0;
}

#gc_contact_form div.name input, #gc_contact_form div.email input, #gc_contact_form div.message {
	width:100%;
}

#gc_contact_form div.message textarea {
	flex-basis:100%;
}

/* 404 */


/* Footer */

/* General Content */

#gc_client_logos {
	display:flex;
	flex-wrap:wrap;
	padding:20px 0;
}

#gc_client_logos .gc_client_item {
	flex-basis:20%;
	margin-right:5%;
	margin-bottom:20px;
}

#gc_client_logos .gc_client_item:nth-of-type(4n) {
	margin-right:0;
}

img#linkedin {
	width:1.5em;
	margin-right:5px;
	position:relative;
	top:8px;
}

p.linkedin {
	font-weight:700;
}

/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
	.main-nav ul li a {
	    color: #25295a;
    	text-transform: uppercase;
    	font-weight: 700;
    	font-size: 14px;
		}
		
		.gc_mob_header {
			display:none;
		}
		
		.single-post article .inside-article {
			width:800px;
			margin-left:auto;
			margin-right:auto;
		}
}

/* Small desktops/laptops */
@media only screen
	and (min-width: 1024px) 
	and (max-width: 1400px) {
		
		.gc_ig_wrapper .gc_ig_item {
			flex-basis:47.5%;
			margin-right:5%;
			margin-bottom:40px;
		}
		
		.gc_ig_wrapper .gc_ig_item:nth-of-type(2n) {
			margin-right:0;
		}
		
		#gc_services {
			width:80%;
			margin:0 auto;
		}
}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		.gc_no_bg_mob {
			background-image:none!important;
		}
		
		.gc_mob_header {
			min-height:40vh;
		}
		
		#gc_services {
			width:90%;
			margin:0 auto;
		}
		
		.gc_fw_tab .wp-block-column {
			flex-basis:100%!important;
		}
		
		#generate-slideout-menu div.main-nav {
			order:2;
		}
		
		#generate-slideout-menu aside {
			order:1;
		}
		
		.mobile-menu-control-wrapper .menu-toggle {
			background-color:#fff;
		}
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
		.gc_ig_wrapper .gc_ig_item {
			flex-basis:48%;
			margin-right:2%;
			margin-bottom:20px;
		}
		
		.gc_ig_wrapper .gc_ig_item:nth-of-type(2n) {
			margin-right:0;
		}
		
		.gc_mob_header {
			min-height:50vh;
		}
		
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		.gc_ig_wrapper .gc_ig_item {
			flex-basis:100%;
			margin-right:0;
			margin-bottom:20px;
		}
		
		h1.gc_title {
			font-size:32px;
		}
		
		.gc_ig_item_header {
			min-height:initial;
		}
		
		#gc_client_logos .gc_client_item {
			flex-basis:47.5%;
			margin-right:5%;
		}
		
		#gc_client_logos .gc_client_item:nth-of-type(2n) {
			margin-right:0;
		}
		
}

/* Responsive mobile - landscape */
@media only screen
	and (max-width : 767px) 
	and (orientation: landscape) {
		
		.gc_mob_header {
			min-height:100vh;
		}
}
