/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* Menu */
#header_main_alternate {
	background-color:#ea5d36;
}

.header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {
	color:white;
}

/* Show the current page in the menu */
.current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap, .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {
	display: block;
}

.header_color .avia-menu-fx{
	bottom:-3px;
	background-color:black;
	color: rgb(170, 106, 70);
	border-color: rgb(47, 53, 195);
}

/* Misc */

#socket .container {
	padding-top:10px;
	padding-bottom:10px;
}

/* Home page */

.page-id-12 .av_one_third .av-special-heading-tag, .page-id-12 .av_one_fourth .av-special-heading-tag {
	background-color: #ea5d36;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	font-size:0.7em;
	padding-top:5px;
	padding-bottom:5px;
}

/* Regular pages */

.template-page {
	background-color:white;
	padding-left:25px;
	padding-right:25px;
}

.page-id-12 .template-page {
	background-color:white;
	padding-left:0px;
	padding-right:0px;
}

/* Make sure we have a certain height */

#main .container {
	min-height:700px;
}

/* Except for the home page */

.page-id-12 #main .container {
	min-height:0px;
}

/* Background */
#background {
	position:absolute; 
	bottom:0px; 
	right:0px; 
	width:100%; 
	overflow:hidden;
}
#background img {
	width:100%;
}
#background * {
	-webkit-box-shadow:none;
	box-shadow:none;
}

/* Remove the top border */

.container_wrap {
	border-top-width:0px;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

@media only screen and (max-width: 1200px) {
	#top .main_menu ul > li > a {
		font-size:1.2em !important;
	}
}

@media only screen and (max-width: 1132px) {
	#top .main_menu ul > li > a {
		font-size:1.1em !important;
	}
}

@media only screen and (max-width: 1045px) {
	#top .main_menu ul > li > a {
		font-size:1.0em !important;
	}
}

@media only screen and (max-width: 1020px) {
	#top .main_menu ul > li > a {
		font-size:0.9em !important;
	}
}

@media only screen and (max-width: 860px) {
	#top .main_menu ul > li > a {
		font-size:0.8em !important;
	}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	.responsive .logo a , .responsive .logo img{margin: 0 auto; max-width: 100%; height:50px !important; max-height:50px !important;}

	#mobile-advanced {
		background-color:white;
	}
}