/*
Theme Name: Ekko Child
Template: ekko
Theme URI: http://www.ekko-wp.com
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Description: Flexible Multi-Purpose Responsive WordPress Theme
Version: 1.0
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready

/* Below you can write your style */

.transparent-navigation .navbar.navbar-default:not(.navbar-shrink) .nav > .menu-item > a:hover {
	color:#000000!important;
}

.page-template-default #primary {
    padding-bottom: 0px;
}

.footer-bar {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.footer-image{
    max-width: 200px;
}
.footer_widget {
    max-width: none;
	margin-bottom:0px;
}

.footer-widget-area {
	text-align: center;	
}

.wpml-custom-footer-switcher .wpml-ls-legacy-dropdown a {
		background-color:transparent;

}

ul.dropdown-menu {
	padding-inline-start: 0px;	
}




.footer_widget.widget_media_image .app-store-icon {
	max-width: 200px!important;
}

.first-widget-area {
	padding-top: 15px;
}

/* disable color 
.navbar.navbar-default .menubar .navbar-nav .qt-only-phone.active > a {
	color: #000000!important;
}
*/

.navbar.navbar-default .menubar .navbar-nav .qt-only-phone > a{
	transition-duration: 0s !important;	
	font-size: 16px;
}

.navbar.navbar-default .menubar .navbar-nav .qt-only-phone.active > a:after {
	content: "";
    background: #fff;
    width: 35%;
    height: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
}

.navbar.navbar-default .menubar .navbar-nav .qt-only-phone.active > a:hover:after {
    background: #000;	
	transition-duration:0s !important;	
}


@media (min-width: 959px) {
	.menubar {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	
	/* unhide menu
	.nav.navbar-nav .qt-only-phone {
		display: none;!important;
	}
	*/
		
	.qt-footer_widget.widget_media_image {
		width: 60%;
		margin: 0 auto;

	}
	
	.third-widget-area {
		text-align: right;
	}
	
	.third-widget-area .footer_widget.redux-social-icons-display {
		float: right;
	}
	
	.first-widget-area {
		text-align: left;
	}
	
	/* 07012024 adjust menu */
    .navbar.navbar-default .menubar.main-nav-right .navbar-collapse {
    	margin-right: auto;
    	width: 75%;
    }

    .wpml-ls-menu-item.dropdown {
		right: 0px;
    	position: absolute !important;
    	top: 0px;
    }	
	
	/* 07012024 stop menu reposition on contact panel open */
	.navbar.navbar-default {
         -webkit-transition: all 0s ease-in-out !important;
        -moz-transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important;
        -ms-transition: all 0s ease-in-out !important;
         transition: 0s ease-in-out !important;
    }
	
	.panel-trigger-btn-menu{
		position: absolute !important;
    	right: 100px;
		top: 20px;
		border-color: #fff !important;
	}
	
	.panel-trigger-btn-menu > a{
		font-size: 15px;
		
		padding:0px !important;
    	padding-top: 8px !important;
		padding-bottom: 8px !important;
		color: #fff !important;
	}
	
	
	/* keep white text on dark button */
	.navbar.navbar-default .navbar-nav .panel-trigger-btn-menu > a:hover {
		color: #fff !important;
	}
	
	
	/* language menu text size */
	.wpml-ls-item a{
		font-size: 16px !important;
	}
	
	/* language menu width */
	#main-menu .navbar-nav .dropdown-menu {
 		min-width: 80px;
		width: 80px;
	}
	
}
/* footer menu on phones align center */
@media (max-width: 959px) {
	.footer-nav-menu .navbar-footer li {
		text-align: center!important;
		padding:5px;
	}
	
	 .footer-nav-menu .navbar-footer li a {
		font-size: 17px!important;
	}
	.navbar-nav {
		text-align: center;
	}
	.nav.navbar-nav .dropdown-menu {
		padding: 0px 10px;
	}
	
	.nav.navbar-nav .dropdown-menu li {
		text-align: center;
	}
	
	.nav.navbar-nav .dropdown-menu li.wpml-ls-first-item {
		border-top: 1px solid #fff;
	}
	
	#main-menu .navbar-nav .menu-item-has-children a {
		width: 100%;
	}
	
	#main-menu .navbar-nav .menu-item-has-children.mobile-visible .dropdown-menu {
		padding-left: 0px;	
	}
	
}

.footer_widget {
    margin-bottom: 10px;
}

.upper-footer .widget-title {
    margin-bottom: 0px;
	text-align: inherit;
}
/* fix footer form */
.upper-footer .textwidget span {
	margin-top: 0px;
}
.footer_widget .textwidget {
	padding-top: 10px;
}

.blog-header-form .wpcf7-not-valid-tip, .blog-header-form .wpcf7-mail-sent-ok, .modal-content-inner .wpcf7-not-valid-tip, .section .wpcf7-mail-sent-ok, .section .wpcf7-not-valid-tip, .kd-side-panel .wpcf7-not-valid-tip {
    font-weight: 400;
}
/* end fix footer form */

/* wpml lang switcher drop fix */
.footer_widget .wpml-ls-legacy-dropdown a {
    background-color: #ededed;
}

.footer_widget .wpml-ls-legacy-dropdown {
    width: 100%;
}

/* end fix */

.footer-bar {
    padding: 28px 0px 0px 0;
}


/*  cookie notice button in middle*/
.cn-buttons-container {
	vertical-align: middle;
}  

.cookie-notice-container {
box-shadow: 0 0px 20px rgba(0, 0, 0, .30);	
}

.cn-close-icon {
    right: 8px !important;
	top: 15% !important;
}

#cookie-notice .cn-button {
    border: 1px solid #ffffff !important;
	padding-top: 8px;
}

/* contact form button */
.wpcf7-form-control.wpcf7-submit:hover {
    border-color: rgb(8, 48, 70)!important;
    color: rgb(8, 48, 70)!important;
}

a.modal-menu-item.panel-trigger-btn {
	border-color: #ffffff!important;
}

.qt-white-button, .cn-set-cookie.cn-button { 
	border-color: #ffffff!important;
	color:#ffffff!important;
}

.qt-white-button:hover .prim_text { 
	border-color: rgb(8, 48, 70)!important;
	color:rgb(8, 48, 70)!important;
}


.qt-blue-button { 
	border-color: #00b3ff!important;
	background-color: transparent!important;
    color: #00b3ff!important;
}

.qt-blue-button:hover .prim_text { 
	border-color: rgb(8, 48, 70)!important;
	background-color: transparent!important;
	color:rgb(8, 48, 70)!important;
}

.back-to-top {
	box-shadow: 0px 0px 5px 0px #00B3FF;
}

/* qticket */
.app-gallery .owl-prev, .app-gallery .owl-nav {
  display: none;
}

@media only screen and (min-width: 768px) { 
  .app-gallery .owl-nav {
      display: block;
      position: absolute;
      top: 0;
  }

  .owl-nav div.owl-next {
      left: -80px;
      z-index: 1000;
      top: 300px;
  }
	
	
}

.app-gallery .ag-section-desc .ag-title {
}

.app-gallery .ag-section-desc .ag-description {
    font-size: 20px;
}

.app-gallery .ag-mockup {
    left: 461px!important;
    padding-top: 1px;
}

.app-gallery.qt-light-grey  .owl-carousel .owl-wrapper-outer:before {
    background: #00b3ff;
}

.app-gallery.qt-light-grey .ag-section-desc .ag-title, .app-gallery.qt-light-grey .ag-section-desc .ag-description { color: white; }
.app-gallery.qt-light-grey .owl-dots .owl-dot.active span {
    background-color: white;
}

.app-badges .play-store-button img {
    vertical-align: top;
    height: 74px;
    margin: -12px;
}

.app-badges .app-store-button img {
    vertical-align: top;
    height: 50px;
}

#main-menu .navbar-nav .menu-item-has-children .mobile-dropdown {
	font-size: 23px;
    font-weight: 300;
    padding: 16px 10px 16px 80px;
}

@media (max-width: 959px){
	#main-menu .navbar-nav .menu-item .dropdown-menu .menu-item a {
		padding: 15px 0!important;
	}
	
	#main-menu .navbar-nav .menu-item-has-children .mobile-dropdown {
		top: -6px;
	}
	
	.nav.navbar-nav .dropdown-menu li {
    	text-align: center;
	}
}


/* forward button */

.forward-button {
    position: fixed;
    z-index: 100;
    bottom: 40px;
    right: 25px;
    text-decoration: none;
    background-color: #fff;
    font-size: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    line-height: 51px;
    border-radius: 50%;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    box-shadow: 0px 0px 5px 0px #00B3FF;
}


.forward-button:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.forward-button.inactive {
    right: -70px;

}

.forward-button .fa {
    color: inherit;
    font-size: 18px;
    line-height: 50px;
}