/*
Theme Name: WOW Creative Limited
Theme URI: http://www.wowcreative.hk/
Author: WOW Creative Limited
Author URI: http://www.wowcreative.hk/
Description: WOW Creative Limited
Version: 2016
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: WOW Creative Limited
Text Domain: wowcreative

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Google Font
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,300,300italic,400italic,600,600italic,700,700italic);

/**
 * Global Style
 */
* {
    box-sizing: border-box;
}

body {
	margin-top: 20px !important;
	/*font-family: "Open Sans", "PingFang HK", "Helvetica Neue", "Helvetica", "Microsoft JhengHei UI", sans-serif !important;*/
	font-family: "Open Sans", "Microsoft JhengHei UI", "Microsoft YaHei", "PingFang HK", "Helvetica Neue", "Helvetica", sans-serif !important;
}

p,h1,h2,h3,h4,h5,h6,a {
	/*font-family: "Open Sans", "PingFang HK", "Helvetica Neue", "Helvetica", "Microsoft JhengHei UI", sans-serif !important;*/
	font-family: "Open Sans", "Microsoft JhengHei UI", "Microsoft YaHei", "PingFang HK", "Helvetica Neue", "Helvetica", sans-serif !important;
}

p {
	line-height: 25px;
	text-align: justify;
}

/**
 * Typed Cursor
 */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/**
 * Header
 */

/*@media (max-width: 479px) {
	.slogan {
		max-width: 230px;
		margin: 0 auto;
	}
}*/

.slogan {
	color: #2fbca2;
	font-weight: 700;
	font-size: 18px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.slogan-container {
	margin-top: 0 !important;
}

.logo-small {
	padding-bottom: 10px;
}

.phone-mini > a > i {
	font-size: 30px !important;
	color: #99cc00 !important;
}

.hamburger > a > i {
	color: #0090c7;
	font-size: 300%;
}

.phone-small {
	display: none;
}

.phone-small > span > a {
	color: #99cc00;
	font-size: 18px;
}

@media (min-width: 480px) {
	.phone-mini {
		display: none;
	}

	.phone-small {
		display: block;
	}
}

@media (min-width: 768px) {
	.phone {
		background-color: #f7941d;
		padding: 8px 16px;
		border-radius: 8px;
		max-width: 120px;
		margin: 0 auto;
	}

	.phone a {
		color: #fff;
		font-size: 16px;
	}

	.phone a:hover {
		color: #fff;
		text-decoration: none;
		text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
	}
}

@media (min-width: 1220px) {
	.phone {
		max-width: 230px;
	}

	.header-left, .header-right {
		padding: 0 !important;
	}
}

/**
 * Mobile Header Menu
 */
.offcanvas-toggle-header {
	display: inline-block;
}

.header-menu-container .uk-icon-navicon {
	color: #0090c7;
}

ul.header-menu-mobile > li > a {
	margin: 8px 0;
}

ul.header-menu-mobile > li.current-menu-item > a {
	color: #fff !important;
	background-color: #0090c7 !important;
	border-radius: 8px;
}

ul.header-menu-mobile > li > a:hover {
	color: #fff !important;
	background-color: #99cc00 !important;
	border-radius: 8px;
}

/**
 * Header Menu
 */
.uk-navbar {
	background: none !important;
	margin-top: 10px;
}

.uk-navbar-nav > li:hover > a {
	background-color: transparent !important;
	color: #99cc00 !important;
}

.uk-navbar-nav > li > a {
	padding: 0 8px !important;
	font-size: 14px !important;
	font-weight: bold;
}

ul.header-menu > li.current-menu-item > a > span {
	color: #0090c7 !important;
	/*background-color: #0090c7 !important;*/
	/*border-radius: 8px;*/
}

.menu-item a.menu-image-title-after.menu-image-not-hovered img {
	padding-right: 4px;
}

/*ul.header-menu > li > a:hover {
	color: #fff !important;
	background-color: #99cc00 !important;
	border-radius: 8px;
}*/

/**
 * Mobile Footer Menu
 */
.offcanvas-toggle-footer {
	display: inline-block;
}

.footer-menu-container .uk-icon-navicon {
	color: #99cc00;
	font-size: 300% !important;
}

ul.footer-menu-mobile > li > a {
	margin: 8px 0;
}

ul.footer-menu-mobile > li.current-menu-item > a {
	color: #fff !important;
	background-color: #99cc00 !important;
	border-radius: 8px;
}

ul.footer-menu-mobile > li > a:hover {
	color: #fff !important;
	background-color: #0090c7 !important;
	border-radius: 8px;
}

/**
 * Footer Menu
 */
ul.footer-menu > li {
	display: inline-block;
}

ul.footer-menu > li > a {
	color: #000;
	text-decoration: none;
}

ul.footer-menu > li > a:hover {
	color: #0090c7;
}

ul.footer-menu > li.current-menu-item a {
	color: #99cc00;
}

ul.footer-menu > li > a::after {
	content: '|';
	margin-left: 5px;
}

ul.footer-menu > li:last-child > a::after {
	border: none;
}

/**
 * Footer
 */
@media (max-width: 767px) {
	.footer-container {
		background-color: #eee;
	}
}

@media (min-width: 768px) {
	.footer-wrapper {
		padding: 20px 0;
	}
}

.footer-container {
	font-size: 13px;
}

.footer-info > a {
	color: #000;
	text-decoration: none;
}

.footer-info > a:hover {
	color: #f7941d;
	text-decoration: none;
}

/**
 * main
 */
/*.main-container {
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.main-container {
		margin: 18px auto;
	}
}*/