/*   
Theme Name: Innovate Make
Theme URI: http://www.dizzysquirrel.com
Author: Dizzy Squirrel Limited
Author URI: http://www.dizzysquirrel.com
Description: 
Version: 1.0.4
License: -
License URI: -
Tags: responsive-layout
Text Domain: dizzywpframework
*/

/* CSS Document */

/* Table of Content
==================================================
- Font-Face
- Base Styles (override)
- Grid (override)
- Site Styles
- Page Styles
- Media Queries
*/


/* Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


/* Base Styles (override)
================================================== */
body { font-size: 1.7em; }
* { font-family: 'Outfit', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: 0; }
h1 { font-size: 3.5rem; }
h2 { font-size: 3.0rem; }
h3 { font-size: 2.2rem; }
h4 { font-size: 2.6rem; }
h5 { font-size: 1.7rem; }
h6 { font-size: 1.4rem; }


/* Grid (override)
================================================== */
.grid-row [class *= "grid-col"] {
}


/* Site Styles
================================================== */
h1, h2, h3, h4, h5, h6 {
	/*color: #189DEF;*/
	color: #000;
}

/* Colors */
/* - black */
.color-black { color: #000; }
.bgcolor-black { background-color: #000; }
/* - darkgrey */
.color-darkgrey { color: #182933; }
.bgcolor-darkgrey { background-color: #182933; }
/* - grey */
.color-grey { color: #7E7E7E; }
.bgcolor-grey { background-color: #7E7E7E; }
/* - white */
.color-white { color: #fff; }
.bgcolor-white { background-color: #fff; }
/* - aqua */
.color-aqua { color: #5CD4EF; }
.bgcolor-aqua { background-color: #5CD4EF; }
/* - yellow */
.color-yellow { color: #FFB300; }
.bgcolor-yellow { background-color: #FFB300; }
/* - red */
.color-red { color: #D44206; }
.bgcolor-red { background-color: #D44206; }
/* - blue */
.color-blue { color: #111623; }
.bgcolor-blue { background-color: #111623; }

/*  */
.panel {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	padding: 15px;
	border-radius: 5px;
}

/* Wrappers */
#wrapper-header {
    background-color: #111623;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
    #wrapper-header * {
        color: #fff;
    }
#wrapper-navigation {
	background-color: #111623;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

#wrapper-main {
	overflow-x: hidden;
	min-height: 400px;
}

#wrapper-copyright {
	background-color: #434343;
}
	#wrapper-copyright * {
		color: #fff;
	}


/* Containers */


/* Fixed/Resizing header on scroll */
@media screen and (min-width: 768px) {
	body {
		padding-top: 125px;
	}	
	#header * { transition: all 0.35s ease-in-out; }
	#header {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 32768;
		padding: 0;
	}
	body.admin-bar #header { padding-top: 32px; }
	body.scrolled {}
	body.scrolled #wrapper-navigation {
		opacity: 0.95;
	}
}


/* Logo */
#site-logo {
    max-width: 180px;
}

/* Main Navigation */
#menu-main {
	/*float: right;*/
}
	/* STRUCTURE - TOP LEVEL */
	#menu-main ul {
		list-style: none;
		margin: 0;
		padding: 0;
		
		/* full-width */
		width: 100%;
		display: flex;
		justify-content: space-around;
		/*justify-content: space-between;*/
	}
		#menu-main li {
			float: left;
			position: relative;
			margin: 0;
			padding: 0;
		}
		#menu-main ul li:hover > ul {
			display: block;
		}
		#menu-main a {
			display: block;
		}
	/* STRUCTURE - SECOND LEVEL */
	#menu-main ul ul {
		display: none;
		float: left;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 99999;
		-moz-box-shadow: 6px 4px 4px rgba(0,0,0,0.1);
		-webkit-box-shadow: 6px 4px 4px rgba(0,0,0,0.1);
		box-shadow: 6px 4px 4px rgba(0,0,0,0.1);
	}
	    #menu-main ul ul li {
    	    clear: both;
	    }
	/* STRUCTURE - THIRD+ LEVEL */
	#menu-main ul ul ul {
		left: 100%;
		top: 0;
	}
	
	/* LINKS - TOP LEVEL */
	#menu-main a {
		color: #333;
		padding: 5px 8px;
		text-decoration: none;
		font-size: 1.5rem;
		font-weight: normal;
	}
	/* LINKS - SECOND+ LEVEL */
	#menu-main ul ul a {
		background-color: #bababa;
		color: #fff;
		width: 200px;
		height: auto;
		padding: 8px 8px;
		font-weight: normal;
	}
	
	/* ACTIVE - CURRENT PAGE - TOP LEVEL */
	#menu-main .current-menu-item > a,
	#menu-main .current_page_item > a {
		color: #fff;
	}
	/* ACTIVE - CURRENT PAGE - SECOND+ LEVEL */
	#menu-main ul ul .current-menu-item > a,
	#menu-main ul ul .current_page_item > a {
		color: #fff;
	}
	/* ACTIVE - ANCESTOR - TOP LEVEL */
	#menu-main .current-menu-ancestor > a,
	#menu-main .current_page_ancestor > a {
		color: #fff;
	}
	/* ACTIVE - ANCESTOR - SECOND+ LEVEL */
	#menu-main ul ul .current-menu-ancestor > a,
	#menu-main ul ul .current_page_ancestor > a {
		color: #fff;
	}
	
	/* HOVER - SECOND+ LEVEL */
	#menu-main li:hover > a,
	#menu-main ul ul :hover > a,
	#menu-main a:focus {
		color: #fff;
	}
	/* HOVER - TOP LEVEL */
	#menu-main li:hover > a,
	#menu-main a:focus {
		color: #fff;
	}
	
	/* ARROW - TOP LEVEL */
	#menu-main li > a:after {
		content: '\25BC';
		font-size: 60%;
		padding-left: 5px;
	}
		#menu-main li > a:only-child:after {
			content: "";
			padding-left: 0;
		}
	/* ARROW - SECOND+ LEVEL */
	#menu-main li li > a:after {
		position: absolute;
		content: '\25B6';
		font-size: 60%;
		right: 5px;	
		top: 35%;
	}

/* Mobile Navigation */
.slicknav_menu { display:none; background-color:#111623 !important; }
.slicknav_btn { background-color:transparent !important; }
@media screen and (max-width: 767px) {
	#menu-main ul { display:none; } /* hide original menu */
	.slicknav_menu { display:block; }
}

/* Footer Navigation */
#menu-footer {
	position: relative;
	margin: 0;
	padding: 0;
}
	#menu-footer ul {
		margin: 0 auto;
		padding: 0;
	}
	#menu-footer li {
		display: inline-block;
		border-left: 1px solid #fff;/*#333*/
		margin: 0;
	}
		#menu-footer li:first-child {
			border-left: 0 none;
		}
	#menu-footer a {
		display: block;
		text-decoration: none;
		line-height: 1;
		padding: 0 15px;
	}

/* Pagination */
.nav-pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
}
	.nav-pagination ul {
		display: inline-block;
		list-style: none;
	}
	.nav-pagination li {
		display: block;
		float: left;
		border: 1px solid #555;
		margin: 0 0 0 -1px;
		padding: 0;
		overflow: hidden;
	}
		.nav-pagination li:first-child {
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		.nav-pagination li:last-child {
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
		}
	.nav-pagination span,
	.nav-pagination a {
		display: inline-block;
		font-size: 1.5rem;
		text-decoration: none;
		padding: 10px 12px;
		color: #555;
		background: #fff;
	}
		.nav-pagination a:hover{
			background-color: #3279BB;
			color: #fff;
		}
		.nav-pagination .current{
			background-color: #3279BB;
			color: #fff;
		}


/* Page Styles
================================================== */


/* Element Styles
================================================== */


/* Media Queries
================================================== */
	
/* reverse row in mobile */
@media only screen and (max-width: 768px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
	.swap-on-mobile .vc_column:first-child .vc_column-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* Print specific */
@media print {    
	.no-print, .no-print * {
		display: none !important;
	}
}

/* ≥ 568px */
@media screen and (min-width: 35.5em) {}

/* ≥ 768px */
@media screen and (min-width: 48em) {}

/* ≥ 1024px */
@media screen and (min-width: 64em) {}

/* ≥ 1280px */
@media screen and (min-width: 80em) {}