// utility
//#wpadminbar{display:none;}
//html{margin-top:0 !important;}

// colors
@white: #fff;
@black: #111;
@green: #366307;
@orange: #f39c12;

a, .colored-text{
	color: @green;

	outline: none !important;

	&.highlight{
		color: @orange;

		&:hover{
			color: @green;
		}
	}
}
a.pdf{
	&:before{
		content: '\f1c1';
		margin-right: .5em;
		font-family: FontAwesome;

		color: red !important;
	}
}
a.ppt{
	&:before{
		content: '\f1c4';
		margin-right: .5em;
		font-family: FontAwesome;

		color: orangered !important;
	}
}
a{
	&:hover{
		color: @orange;
	}
}
.border-bottom-hover{
	&:hover{
		border-color: @orange !important;
	}
}
.colored-line-left, .colored-line-right, .colored-line{
	background: @green;
}

.preloader{
	background: @black;
}
.status{
	background-size: contain;
}
.main-navigation .primary-menu{
	border: none !important;
}
.sticky-navigation-open{
	.sticky-navigation{
		position: fixed !important;
	}
	.dropdown-toggle{
		background: none !important;
		box-shadow: none !important;
		border: none !important;
	}
	.sub-menu.toggled-on{
		padding: 5px 10px !important;
		li{
			padding-left: 0;
		}
	}
	#site-header-menu{
		@media (max-width: 767px){
			padding: 10px 0;
		}
	}
}
.sticky-navigation{
	background: rgba(0,0,0,.9);
	box-shadow: 0 5px 10px rgba(0,0,0,.5);

	#menu-toggle{
		position: relative;
		top: 4px;
		right: -10px;
	}
	.icon-bar{
		background-color: @green !important;
	}
	.navbar-brand{
		img{
			width: 200px;
			height: auto;

			opacity: .8;
			transition: opacity .25s;

			&:hover{
				opacity: 1;
			}
		}
	}
	.main-navigation{
		ul.sub-menu{
			padding: 10px;
		}
		li{
			&.current{
				a{
					color: @orange;
				}
			}
			a{
				color: @orange;
				font-weight: bold;

				&:hover{
					color: @green;
				}
			}
		}
	}
	.sub-menu{
		background: rgba(0,0,0,.9);
	}
}

#intro-section{
	h2, h5{
		//color: @orange;
	}
}

.standard-button, .navbar-register-button, #pirate-forms-contact-submit, input[type=submit]{
	background: @green;
	transition: all .25s;
	-webkit-box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.3);

	&:hover{
		color: @black;

		background: @orange;
	}
	&:focus{
		background: @green;
		outline: none;
	}
}

.intro-text{
	padding: 20px;

	font-size: 16px;
	text-align: center;
}
ul.client-logos{
	padding: 0;
	li{
		width: calc(100% / 4);

		font-weight: bold;

		i{
			display: block;
			margin-bottom: 10px;

			color: @green;
			font-size: 40px;
		}
	}
}

.service-box{
	span[class*="icon"],
	span[class^="icon"]{
		&, &:before{
			font: normal normal normal 42px/1 FontAwesome !important;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	}
	span.icon-basic-webpage-multiple:before{
		content: '\f043';
	}
	span.icon-ecommerce-graph3:before{
		content: "\f015";
	}
	span.icon-basic-geolocalize-05:before{
		content: "\f1e6";
	}
	span.icon-settings-streamline-2:before{
		content: "\f201";
	}
	span.icon-basic-bookmark:before{
		content: "\f19c";
	}
	span.icon-mail-alt:before{
		content: "\f219";
	}
	span.icon-sharethis:before{
		content: "\f09d";
	}
}

.brief-image-right{
	img{
		margin-top: 40px;

		box-shadow: 5px 5px 10px rgba(0,0,0,.5);
	}
}

#sidebar-secondary .widget {
	margin-bottom: 25px;
}

.wikipedia_widget-result{
	a{
		color: @orange;

		&:hover{
			color: @green;
		}
	}
}

.team-member{
	.member-details{
		padding-left: 20px;
		padding-right: 20px;
		bottom: 0;

		background: rgba(0,0,0,.65);

		h5{
			font-size: 20px;
			font-weight: bold;
			line-height: 24px;
		}
		.small-text{
			color: @orange;
			font-size: 15px;
			line-height: 15px;
		}
		a{
			color: @orange;
		}
		.member-details-inner{
			div:not(.small-text){
				white-space: nowrap;
			}
		}
	}
}

.feedback{
	&:hover{
		.pic-container-inner {
			box-shadow: 0px 0px 0px 1px @orange !important;
		}
	}
}
.pic-container-inner{
	box-shadow: 0px 0px 0px 1px @green !important;

	&:hover{
		box-shadow: 0px 0px 0px 1px @orange !important;
	}
}

.contact-links .contact-link-box{
	margin: 0 30px;
	width: auto;
}

.social-icons, #latestnews{
	display: none;
}

.google-bar-hider{
	overflow: hidden;
	pointer-events: none;

	iframe{
		margin-top: -50px;
	}
}

/** Internal page styles */
.page-title{
	color: @green;
}

#contact-us{
	.pirate_forms_wrap {
		float: none;
		padding-top: 2em;
		margin: 0 auto;
		width: 400px;
		max-width: 100%;

		.pirate_forms_three_inputs{
			width: 100%;
		}
		.contact_message_wrap{
			margin-top: 0;
			//margin-top: 1.75em;
		}
		.form_captcha_wrap{
			width: 100%;
		}
		.contact_submit_wrap{
			float: none;
			display: inline-block;
			margin: 0 auto;
			width: auto;
		}
	}
}
.pirate_forms_wrap {
	label{
		display: none;
	}
	.pirate_forms_three_inputs {
		padding-right: 0;
	}
	.contact_message_wrap {
		padding-right: 0;
	}
	.contact_submit_wrap {
		padding: 0;
	}
}
#pirate-forms-captcha{
	div{
		div{
			margin: 0 auto;
		}
	}
}

.search{
	.post-img-wrap, .entry-meta{
		display: none;
	}
	h2 a:hover{
		color: @orange !important;
	}
}

.accordion-header{
	position: relative;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 10px 20px;

	color: #fff !important;
	cursor: pointer;

	background: #333;
	transition: all .25s;

	&:hover{
		background: @green;
	}
	&:after{
		position: absolute;
		top: 10px;
		right: 20px;
		margin-left: 1em;
		content: '▼';

		font-size: 10px;
	}
	&.open{
		background: @green;

		&:after{
			content: '▲';
		}
	}
}
.accordion-item{
	padding: 10px 20px 10px 40px;
	margin-bottom: 0;
	display: none;

	background: #f3f3f3;
}