/* Additional styles not supported in theme editor, and overrides for correcting layout elements, etc */


@font-face {
    font-family: 'Century Gothic';
    src: url('/fonts/century-gothic.eot');
    src:
        url('/fonts/century-gothic.eot?#iefix') format('eot'),
        url('/fonts/century-gothic.woff') format('woff'),
        url('/fonts/century-gothic.ttf') format('truetype'),
        url('/fonts/century-gothic.svg#MyFontOne') format('svg');
    font-weight: normal;
    font-style: normal;
    }
  
    @font-face {
    font-family: 'Century Gothic Bold';
    src: url('/fonts/century-gothic-bold.eot');
    src:
        url('/fonts/century-gothic-bold.eot?#iefix') format('eot'),
        url('/fonts/century-gothic-bold.woff') format('woff'),
        url('/fonts/century-gothic-bold.ttf') format('truetype'),
        url('/fonts/century-gothic-bold.svg#MyFontTwo') format('svg');
    font-weight: normal;
    font-style: normal;
 }

@font-face {
    font-family: 'Custom Font One';
    src: url('/fonts/century-gothic.eot');
    src:
        url('/fonts/century-gothic.eot?#iefix') format('eot'),
        url('/fonts/century-gothic.woff') format('woff'),
        url('/fonts/century-gothic.ttf') format('truetype'),
        url('/fonts/century-gothic.svg#MyFontOne') format('svg');
    font-weight: normal;
    font-style: normal;
    }
  
    @font-face {
    font-family: 'Custom Font Two';
    src: url('/fonts/century-gothic-bold.eot');
    src:
        url('/fonts/century-gothic-bold.eot?#iefix') format('eot'),
        url('/fonts/century-gothic-bold.woff') format('woff'),
        url('/fonts/century-gothic-bold.ttf') format('truetype'),
        url('/fonts/century-gothic-bold.svg#MyFontTwo') format('svg');
    font-weight: normal;
    font-style: normal;
 }


/* disable WP bar for layout dev */
#wpadminbar {
/*	display: none; */
}


.logo-container {
	padding-right: 0;
}
	#logo img {
		max-height: 50px;
		-webkit-transition: all 400ms ease-out;
		-moz-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		transition: all 400ms ease-out;
	}

#header-login-panel {
	background-color: #00a4e4;
	text-align: right;
	padding: 0;
	height: 0;
	overflow: hidden;
	opacity: 0.2;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}

	#header-login-form {
		opacity: 0;
		-webkit-transition: all 200ms ease-out 400ms;
		-moz-transition: all 200ms ease-out 400ms;
		-o-transition: all 200ms ease-out 400ms;
		transition: all 200ms ease-out 400ms;
	}

	#header-login-panel div.form-group {
		display: inline-block;
		margin: 5px 0;
		padding: 10px 0 0;
	}
		#header-login-form > div + div div.form-group {
			padding: 0;
			width: 330px;
			text-align: left;
		}
			#header-login-form > div + div div.form-group + div.form-group {
				width: 330px;
			}


		#header-login-panel div.form-group label {
			display: inline-block;
			color: white;
			margin-right: 4px;
			font-weight: 600;
		}

		#header-login-panel input {
			display: inline-block;
			padding: 4px 10px;
			margin-right: 14px;
		}
			#header-login-panel input[type="text"] {
				width: 240px;
			}
				#header-login-panel .form-group + .form-group input {
					width: 160px;
				}

	#header-login-panel input[type="checkbox"] {
		position: relative; top: -2px;
	}

	#header-login-panel input[type="submit"] {
		color: #00a4e4;
		background-color: white;
		padding: 5px;
		position: relative;
		top: -1px;
		left: -4px;
		min-width: 100px;
		margin: 0 16px;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #fff));
		background-image: -webkit-linear-gradient(#fff,#fff);
		background-image: -moz-linear-gradient(#fff,#fff);
		background-image: -o-linear-gradient(#fff,#fff);
		background-image: linear-gradient(#fff,#fff);
	}

	#header-login-panel .close i {
		color: #bcf;
		font-size: 23px;
		position: relative;
		top: 3px;
	}

	#header-login-form a {
		color: #fff;
	}



#header-login-panel.visible {
	height: 84px;
	opacity: 1;
}
	#header-login-panel.visible form {
		opacity: 1;
	}


.nav-container {
	padding: 0 15px 0 0;
}

ul.main_menu > li {
	cursor: default;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}


a.readmore {
	white-space: normal;
	line-height: 1.8;
}


input[type="text"], input[type="password"], input[type="email"], textarea, select {
	color: #666;
}




@media(max-width:1199px) {
    #logo img {
        max-height: 45px;
    }
    ul.main_menu > li {
        padding: 0 15px;
    }
}


@media (max-width: 767px) {

	.logo-container {
		width: 80%;
	}

	#header-login-panel.visible {
		height: 184px;
	}
		#header-login-panel div.form-group {
			display: block;
		}

		#header-login-panel input[type="text"] {
			width: 200px;
		}
		#header-login-panel input, #header-login-panel input[type="submit"] {
			margin-right: 0;
		}
			#header-login-panel input[type="submit"] {
				top: 12px;
			}

		a.close {
			position: absolute;
			left: 18px;
			top: 90px;
		}

}





