/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face{font-family:'Lato';src:url("fonts/lato/Lato-Regular.woff") format("woff")}
@font-face{font-family:'Lato-Bold';src:url("fonts/lato/Lato-Bold.woff") format("woff")}
@-webkit-keyframes main-wrapper { 0%   { opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;} 100% { opacity: 1;-moz-opacity: 1;-khtml-opacity: 1; }}
@-moz-keyframes main-wrapper { 0%   { opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;} 100% { opacity: 1;-moz-opacity: 1;-khtml-opacity: 1; }}
@-o-keyframes main-wrapper { 0%   { opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;} 100% { opacity: 1;-moz-opacity: 1;-khtml-opacity: 1; }}
@keyframes main-wrapper { 0%   { opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;} 100% { opacity: 1;-moz-opacity: 1;-khtml-opacity: 1; }}
body  {
	-webkit-animation: main-wrapper 1s ease-in;
	-moz-animation: main-wrapper 1s ease-in;
	-o-animation: main-wrapper 1s ease-in;
	animation: main-wrapper 1s ease-in;
}

#top a {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
div#text-2 { text-align: right !important; font-size: 13px !important}
h1,h3 { color: #FF2D2D !important}
.meinlogo img {
	width: 200px !important;
	height: auto !important
}
@media only screen and (min-width: 1000px) {
.about { padding-left: 40px !important}
}
@media only screen and (max-width: 1000px) {
h1 { font-size: 30px !important; line-height: 1.1 !important}
h2 { font-size: 22px !important; line-height: 1.1 !important}
h3 { font-size: 20px !important; line-height: 1.1 !important}
div.off-canvas-menu-container a { font-size: 22px !important; line-height: 1.1 !important}
.meinlogo img {
	width: 100px !important;
}
}
@media only screen and (max-width: 768px) {
body,
body p { font-size: 15px !important; line-height: 1.1 !important}	
div#text-2 { text-align: left !important}	
h1 { font-size: 22px !important; line-height: 1.1 !important}
h2 { font-size: 16px !important; line-height: 1.1 !important}
h3 { font-size: 20px !important; line-height: 1.1 !important}
.meinlogo img {
	width: 80px !important;
}
}
form.wpcf7-form input { margin: 0px 0px 4px 0px !important}
textarea { padding: 10px !important}
div.post-content div.content-inner ul,
div.wpb_wrapper ul {
	padding-left: 15px;
	text-indent: -25px;
	margin: 10px 0px 10px 0px
}

div.post-content div.content-inner ul li,
div.wpb_wrapper ul li {
	margin: 0 0 0 0;
	padding: 6px 0 6px 0;	
	list-style: none;
	line-height: 1.3;
}
div.post-content div.content-inner ul li:before,
div.wpb_wrapper ul li:before{
	content: "\f105";
	font-family: 'FontAwesome';
	color: #FF2D2D !important;
	font-size: 18px;
	padding: 0 10px 0 0;
	margin-left: 10px;
	font-weight: 100
}
#footer-outer { background: #777 !important}
.cn-bottom { z-index: 10 !important}
.cookie-notice-container { padding: 30px 10px 30px 10px !important; border-top: 1px solid #ccc; box-shadow: 0 0 4px rgba(0,0,0,.15)}
a#cn-accept-cookie { background: #B1F11F !important; font-weight: 700 !important; border: none !important; padding: 8px 20px 8px 20px !important}
a#cn-accept-cookie:hover { background: #70A712 !important; color: #fff !important; text-shadow: none !important}
#cn-notice-text,
#cn-notice-text a { font-size: 15px !important; text-shadow: 1px 1px 0 rgba(255,255,255,.2); color: #fff !important}
#cn-notice-text a { text-decoration:underline}
.ds { font-size: 13px !important; line-height: 1.3 !important; margin: -15px 0px 15px 0px !important; color: #666 !important}
.wpcf7-response-output { border: none !important; background: none !important}
.wpcf7-not-valid-tip { border: none !important; background: none !important; font-size: 13px !important; margin-top: -5px !important}

span.subheader,
#author-bio,
#single-below-header,
a.aktuelles,
span.meta-category,
#pagination { display: none !important}

#header-outer[data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide)::before {
    background: linear-gradient(to top,
rgba(255,255,255,0) 0%,rgba(0,0,0,0) 1%,rgba(255,255,255,0.04) 16%,rgba(255,255,255,0.23) 75%,
    rgba(255,255,255,0.33) 100%) !important;

}