/*
Theme Name: Waxom Child
Theme URI: http://themeforest.net/user/Veented
Description: Multi-Purpose WordPress Theme
Version: 1.0.1
Author: Veented
Author URI: http://themeforest.net/user/Veented
Template: waxom
*/


/* Your code goes below! */

#page-content a {
    color: #020a2b !important;
    font-weight: 500;
}

#page-content #startseite_teaser .wpb_text_column a:after {
    content: "\f0da";
    font-family: FontAwesome;
	padding-left:7px;
}

@media screen and (min-width: 768px){
#page-content #startseite_teaser h3 {
    font-size:24px;
}
}


/* Topbar is visible even in Mobile Viewport */
div#topbar {
    display: block !important;
	/*border-bottom: solid 1px #8c8c8c;*/
	border-bottom:none;
}


/* Main Navigation */

.nav-menu > ul > li.current_page_item > a, .nav-menu > ul > li.current-menu-parent > a, .nav-menu > ul > li.current-menu-ancestor > a {
    border-color: #fff !important; 
	color: #fff !important; 
}

#site-navigation a:hover {color:#fff!important;}
/*#site-navigation.style-transparent:not(.sticky-now) li a:hover {color:#fff!important;}*/

.nav-menu ul li a {
    font-size: 15px;
    font-weight: 500;
    line-height: 94px;
    margin-left: 12px;
    margin-right: 12px;
    padding: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: 2px solid transparent;
    color: #8c8c8c;
    cursor: pointer;
}



@media screen and (max-width: 450px){
.nav-inner .logo a img {
    width: 200px;
}
}


.vntd-lang-dropdown{
	/*width:150px;*/
}



/* WPML Language Switcher */

.wpml-ls-legacy-dropdown {
    /*width: 15.5em;*/
	width: 10.0em;
    max-width: 100%;
}


.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { /* Abstand & Linie zum aktiven Menüpunkt */   
    border-top: 0px solid #cdcdcd;
}


.wpml-ls-legacy-dropdown a { /* Submenü */
    display: block;
    text-decoration: none;
    color: #444;
    border: 0px solid #cdcdcd;
    background-color: #fff;
    padding: 15px 10px;
    line-height: 1;
}

/*
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    right:100px !important; 
}*/


#home_text1, #content_text {
text-align:justify;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}



/* Listenpunkte */
.wpb_text_column ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-block;
	background-color: #020a2b !important;
    border-radius: 100%;
    color: #fff;
    line-height: 14px;
    text-indent: 2px;
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: 0;
}


/* Kontaktformular */
.wpcf7 input[type=submit] {
	width: 200px;
    height: auto;
    padding: 12px 15px 12px;
    font-size: 15px;
    margin-bottom: 18px !important;
    color: #fff;
    letter-spacing: 0.5px;
    background: #020a2b;
    border: 0px solid #ebebeb;
    border-radius: 0px;
    outline: none;
    margin-top: 8px;
}

#page-content .wpcf7 input[type="text"], #page-content .wpcf7 input[type="email"], #page-content .wpcf7 input[type="password"] {
    width: 100%;
    position: relative;
    display: block;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}



/* Footer Navigation */

#footer-widgets {
    padding: 0px;
}


#footer-widgets .inner {
    padding-top: 20px;
}

#footer-widgets .bar ul li, #footer-widgets .bar ul li {
    border-bottom-color: #232323;
    /* text-align: right; */
}

.bar ul li > a {
    display: inline-block;
    padding: 10px 10px 10px 0;
    color: #8c8c8c;
    width: 90%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bar ul li > a:hover {
    color: #fff;
}



