/* todo: clean / organize CSS */

/* MAIN MENU */

.main-menu[class*="links-"] a:hover {
	border-bottom-width: 1px;
}

.menu-main .menu-item-title {
	color: #3e3e3e;
	font-size: 15px;
	font-weight: 500;
	position: relative;
}

.menu-main .menu-item-desc {
	font-size: 13px;
	display: block;
}

.menu-social.menu .menu-item a:hover,
.menu-trigger:hover {
	color: #777;
}

.main-menu-triggers .menu-trigger-search.menu-trigger {
	margin-right: 0;
}





/*------------------------------*\
	$MAIN MENU
\*------------------------------*/

@media all and (min-width: 1100px) {

	/*--------------*\
		MENU MAIN
	\*--------------*/

	.menu-main > .current-menu-item > a {
		background-color: #fff;
		border-bottom: 4px solid #ae2525;
		margin-bottom: -4px;
	}

	.menu-main > .menu-item-has-children:hover > a {
		background-color: #fff;
	}
	
	.menu-main .sub-menu {
		background-color: #fff;
		border-bottom: 4px solid #ae2525;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.menu-main .sub-menu a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}


	/* STRUCTURE */

	.menu-trigger:not(:last-child) {
		margin-right: 20px;
	}

	.main-menu-content,
	.menu-main {
		float: left;
	}


	/* MAIN MENU SIMPLE */

	.main-menu-simple .main-menu-triggers,
	.main-menu-simple .menu-content {
		display: inline-block;
		vertical-align: top;
	}


	/* HAS MENU MAIN */

	.has-menu-main .main-menu-triggers,
	.has-menu-main .menu-search,
	.has-menu-main .menu-social {
		float: right;
	}

	.has-menu-main .main-menu-triggers {
		margin-top: 29px;
		position: relative;
	}

	.main-menu-triggers-sep {
		border-left: 1px solid #ccc;
		margin-left: 20px;
		padding-left: 20px;
	}

	.has-menu-main .menu-social {
		 margin-top: 31px;
	}

	.has-menu-main .menu-search {
		margin-top: 15px;
	}


	/* TRIGGERS */

	.main-menu-triggers[class*="columns-"] .col {
		float: none;
		width: auto;
	}


	/* MENU ITEM */
	
	.menu-main > .menu-item:not(.current-menu-item):first-child {
		margin-left: -26px;
	}

	.menu-main .menu-item a {
		padding-left: 26px;
		padding-right: 26px;
	}


	/* SUB MENU PARENT LINK */
	
	.menu-main > .menu-item-has-children > a > .menu-item-title:after {
		content: '\e80e'; /* down */
		font-family: kol-icon;
		position: absolute;
			right: -19px;
			top: -3px;
	}
	
	.menu-main > .menu-item-has-children > a {
		padding-right: 34px;
	}

	.menu-main .menu-item-has-children:hover > .sub-menu {
		display: block;
	}


	/* SUB MENU LINKS */
	
	.menu-main .sub-menu {
		display: none;
		position: absolute;
			left: 0;
		width: 312px;
	}
	
	.menu-main .sub-menu .sub-menu {
		left: 312px;
		top: 0;
	}



	/*--------------*\
		SEARCH
	\*--------------*/

	.menu-search-field {
		width: 364px;
	}

}





/*------------------------------*\
	$MEDIA QUERIES
\*------------------------------*/

@media all and (max-width: 1100px) {

	/*-------------*\
		STRUCTURE
	\*--------------*/

	body .main-menu .inner {
		padding-left: 0;
		padding-right: 0;
	}

	.main-menu.block-single-tb {
		padding-bottom: 0;
		padding-top: 0;
	}

	/* TRIGGERS */

	.menu-trigger {
		background-color: rgba(0, 0, 0, 0.05);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		display: block;
		padding: 13px 26px;
		text-align: center;
	}

	.menu-trigger:not(:last-child) {
		border-right: 1px solid rgba(0, 0, 0, 0.15);
	}

	.menu-trigger-active {
		background-color: #e9e9e9;
		border-bottom-color: #e9e9e9;
	}

	.menu-trigger-text {
		font-size: 14px;
		font-weight: 500;
		margin-left: 7px;
	}


	/* CONTENT */

	.menu-content {
		padding: 26px;
	}



	/*-------------*\
		MENU MAIN
	\*--------------*/

	.menu-main {
		margin-left: -52px;
		padding-bottom: 0;
	}


	/* MENU ITEM */

	.menu-main > .menu-item {
		padding-left: 52px;
		width: 25%;
	}

	.menu-main > .menu-item {
		margin-bottom: 26px;
	}

	.menu-main > .menu-item a {
		padding: 10px 0;
	}

	.menu-main > .menu-item > a {
		padding-bottom: 4px;
	}

	.menu-main .menu-item-desc {
		display: none;
	}


	/* SUB MENU */

	.menu-main .sub-menu .menu-item:not(:last-child) a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.menu-main .sub-menu .menu-item-title {
		color: inherit;
		font-size: 14px;
		font-weight: normal;
	}


	/*-------------*\
		SOCIAL
	\*--------------*/

	.menu-social {
		text-align: center;
	}

	.menu-social.menu > .menu-item {
		display: inline-block;
		float: none;
	}

	.menu-social.menu .menu-item:not(:last-child) {
		margin-right: 26px;
	}

	.menu-social.menu .menu-item a {
		font-size: 26px;
	}

}



@media all and (max-width: 700px) {

	.menu-main {
		margin-left: 0;
	}

	.menu-main > .menu-item {
		margin-bottom: 13px;
		padding-left: 0;
		width: 100%;
	}

}



/*---------------*\
	SOCIAL MENU
\*---------------*/

.menu-trigger {
	cursor: pointer;
}

.menu-social .menu-item:not(:last-child) {
	margin-right: 20px;
}

.menu-social .menu-item a {
	font-family: kol-icon;
	font-size: 21px;
	padding: 0;
}

/* WordPress */
.menu-social .menu-item a[href*="wordpress.org"],
.menu-social .menu-item a[href*="wordpress.com"] { color: #21759b; }
.menu-social .menu-item a[href*="wordpress.org"]:before,
.menu-social .menu-item a[href*="wordpress.com"]:before { content: '\e80b'; }

/* Facebook */
.menu-social .menu-item a[href*="facebook.com"] { color: #3b5998; }
.menu-social .menu-item a[href*="facebook.com"]:before { content: '\e804'; }

/* Twitter */
.menu-social .menu-item a[href*="twitter.com"] { color: #55acee; }
.menu-social .menu-item a[href*="twitter.com"]:before { content: '\e800'; }

/* Dribbble */
.menu-social .menu-item a[href*="dribbble.com"] { color: #ea4c89; }
.menu-social .menu-item a[href*="dribbble.com"]:before { content: '\e80c'; }

/* Google+ */
.menu-social .menu-item a[href*="plus.google.com"] { color: #dd4b39; }
.menu-social .menu-item a[href*="plus.google.com"]:before { content: '\e806'; }
@media all and (min-width: 1100px) { .menu-social .menu-item a[href*="plus.google.com"]:before { font-size: 18px; line-height: 28px; } }

/* Pinterest */
.menu-social .menu-item a[href*="pinterest.com"] { color: #cc2127; }
.menu-social .menu-item a[href*="pinterest.com"]:before { content: '\e803'; }

/* Tumblr */
.menu-social .menu-item a[href*="tumblr.com"] { color: #35465c; }
.menu-social .menu-item a[href*="tumblr.com"]:before { content: '\e808'; }

/* YouTube */
.menu-social .menu-item a[href*="youtube.com"] { color: #e52d27; }
.menu-social .menu-item a[href*="youtube.com"]:before { content: '\e807'; }

/* Flickr */
.menu-social .menu-item a[href*="flickr.com"] { color: #0063dc; }
.menu-social .menu-item a[href*="flickr.com"]:before { content: '\e80a'; }

/* Vimeo */
.menu-social .menu-item a[href*="vimeo.com"] { color: #162221; }
.menu-social .menu-item a[href*="vimeo.com"]:before { content: '\e809'; }

/* Instagram */
.menu-social .menu-item a[href*="instagram.com"] { color: #3f729b; }
.menu-social .menu-item a[href*="instagram.com"]:before { content: '\e805'; }

/* LinkedIn */
.menu-social .menu-item a[href*="linkedin.com"] { color: #0976b4; }
.menu-social .menu-item a[href*="linkedin.com"]:before { content: '\e801'; }

/* GitHub */
.menu-social .menu-item a[href*="github.com"] { color: #0976b4; }
.menu-social .menu-item a[href*="github.com"]:before { content: '\e802'; }