/*
Theme Name: Theme for andreas-stoch.de
Theme URI: http://themegrill.com/themes/accelerate/
Description: Child Theme for Accelerate
Author: ThemeGrill
Author URI: http://themegrill.com
Template: accelerate
Version: 1.0
*/

/* import druk font for menu */
@import 'fonts/druk/fonts.css'; 

/* import Jost for normal text */
@font-face { font-family: 'OpenSans';
             src: url('fonts/open-sans/OpenSans-VariableFont_wdth,wght.ttf')  format('truetype'),
                  url('fonts/open-sans/OpenSans-Italic-VariableFont_wdth,wght.ttf')  format('truetype'); }
				  
@font-face { font-family: 'Jost';
             src: url('fonts/open-sans/OpenSans-VariableFont_wdth,wght.ttf')  format('truetype'),
                  url('fonts/open-sans/OpenSans-Italic-VariableFont_wdth,wght.ttf')  format('truetype'); }				  

/*
@font-face { font-family: 'Jost';
             src: url('fonts/open-sans/Jost-VariableFont_wght.ttf')  format('truetype'),
                  url('fonts/open-sans/Jost-Italic-VariableFont_wght.ttf')  format('truetype'); }
*/
				  
				  
body,
button,
input,
select,
textarea {
	color: #666666;
	font: 16px 'OpenSans', sans-serif;
	line-height: 20px;
	word-wrap: break-word;
	font-weight: 300;
}				  
				  

h1, h2, h3, h4, h5, h6 {
	padding-bottom: 18px;
	color: #444444;
	font-weight: normal;
	font-family: 'OpenSans', sans-serif;
}
				 
				 
			
p {
	line-height: 24px;
	margin-bottom: 15px;
	font-family: 'OpenSans', sans-serif;
	font-size: 16px;
	font-weight: 300;
}				  

blockquote p,
.wp-block-quote p,
.wp-block-quote.is-style-large p,
.wp-block-quote.has-text-align-right p {
	font-size: 22px;
	font-family: 'OpenSans', sans-serif;;
	line-height: 1.4;
	position: relative;
}

.main-navigation li {
	float: left;
	position: relative;
	font-family: 'OpenSans', sans-serif;
	font-weight: 300;
}

.site-header .menu-toggle {
	background: #FFFFFF;
	color: #444444;
	font-size: 20px;
	font-weight: 300;
	padding: 5px 22px;
	margin: 0;
	text-align: center;
	font-family: 'OpenSans', sans-serif;
}

#featured-slider .entry-container {
	right: 4%;
	margin: auto;
	position: absolute;
	bottom: 15%;
	z-index: 98;
	font-family: 'OpenSans', sans-serif;
}

.widget_recent_work .recent_work_title .title_box h5 {
	font-size: 16px;
	font-family: 'OpenSans', sans-serif;
	padding: 8px;
}




#header-text-nav-container { background-color: #fff; border-bottom: none; }
.footer-socket-wrapper { background-color: #fff; border: none; }
#page { border: none; }

#header-logo-image img { width: 100px; margin-left: 18px;}

.footer-socket-wrapper, #main {padding: 0px; }

.inner-wrap { background-color: #fff !important; }
body { background-color: #F4F4F4 !important; }

.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a { color: #000; }

#menu-hauptmenue { float: left; margin: 0px 0px 0px 4px; }

#menu-hauptmenue a, ul.sub-menu li, ul.sub-menu li a { background-color: #fff; }

ul.sub-menu li  { width: 250px !important; }
ul.sub-menu li a { border-left: 2px #E30613 solid; margin: 0px; padding: 0px; }
ul.sub-menu li a:hover { border-left: 5px #E30613 solid;  background-color: #999 !important; }
#menu-hauptmenue ul.sub-menu li { background-color: #fff  !important; width: 250px !important; }
#menu-hauptmenue ul.sub-menu li a:hover { background-color: #FBFBFB !important; width: 250px !important; }

.tagscontainer { margin-bottom: 20px; }

#menu-hauptmenue a { text-transform: uppercase; color: #e20512; font-weight: normal; font-family:  'OpenSans', sans-serif; font-size: 24px; padding-right: 31px; letter-spacing: 0.07em; }

.entry-header, .entry-content  { padding-top: 20px; padding-left: 20px;  }

h1, h2, h3, h4, h5, h6 { font-family: 'OpenSans', sans-serif; color: #E30613 !important; margin-bottom: 10px !important; }

h3 { font-weight: 700 !important;  }

.post .entry-title a { color: #e20512 !important; }

.footer-socket-area { padding: 15px;}

#footerpage { padding: 20px;}

#page, #site-navigation *, #masthead, .footer-socket-wrapper, #header-text-nav-container { background-color: transparent !important; height: auto !important; }

article.type-post { padding: 20px;}


#masthead { height: auto !important; }

#primary.home { width: 100%; padding: 20px;}
#primary.home div.entry-meta { display: none; }

#secondary h3 span:before, .footer-widgets-area h3 span:before { display: none;}

.entry-header, .entry-content { padding: 0px; margin: 0px; }

#separator { border-top: solid 2px #F4F4F4; }

.more-link { display: inline;  border: none !important; background-color: transparent !important }
.more-link span,.more-link:hover span  { margin: 0px; padding: 0px; color: #e20512; background-color: transparent; transition: none; }

#indented  { padding: 0 20px 0 20px;}

#content p { font-family:  'OpenSans', sans-serif !important; color: #000; font-weight: normal; }

.blog_social_share a { display: inline-block; margin: 0px 10px 0 0; width: 30px; }

div.latest_post_home_container {  width: 31%; margin: 0px 20px 0px 0px; padding: 0px; float: left;  }

div.latest_post_home_container:last-child { margin:  0px;}

div.latest_post_home_container a { font-weight: 700;     font-size: 16px; }

img.latest_post_home_image { padding: 0px; margin: 0px; background-color: #E30613 !important;}

div.latest_post_home_container a img:hover { opacity: 0.5;  }

a.latest_post_home_link { display: block; padding-top: 5px; }

div.latest_post_home_container a:hover { text-decoration: underline; }

div.latest_post_home_container_overlay { background-color: #e20512 !important; }

@media only screen and (max-width: 800px) {
div.latest_post_home_container {  width: 100%; margin: 20px 0px; padding: 0px; float: none;  }
}

@media only screen and (max-width: 500px) {
	a.latest_posts_post { height: 160px;padding: 30px; font-size: 20px; }
}
@media only screen and (max-width: 1200px) {
#masthead { display: none; }
}

.juicer-feed h1.referral a { display: none; }


@media only screen and (min-width: 822px) {
.cd-timeline-content {
    margin-left: 20px !important;
	margin-right: 20px !important;
}
}

body.tag h1.page-title, body.archiv h1.page-title, body.category h1.page-title, body.author h1.page-title { margin: 80px 0 0 20px; }

section.no-results, section.not-found { margin: 170px 120px 0 20px; }




/* responsive menu */
#responsive-menu-container { background-color: transparent; float: right; }

#responsive-menu-container { text-transform: uppercase; color: #e20512; font-weight: normal; font-family:  'OpenSans', sans-serif; }

@media only screen and (min-width: 822px) {
	#responsive-menu-container { 
		border-right: 80px solid #F4F4F4;  border-top: 80px solid #F4F4F4; }
}

body.single-post p, body.home p { line-height: 140% !important; }


div.responsive-menu-subarrow { color: #E30613 !important; background-color: #fff !important; }






/* Blog-Übersicht */

.blog-alternate-small #primary article figure { background-image: url(/wp-content/themes/accelerate-child/images/blog-image-bg.png); background-repeat: no-repeat; width: 100%; background-position: 0px -5px;  }


.blog-alternate-small p { line-height: 110% !important;}

body.blog h3 { line-height: 135%;}


.blog-alternate-small #primary article h3 { margin: 0px 0px; padding: 0px; text-transform: uppercase; font-size: 16px; letter-spacing: 0.05em; font-weight: normal; font-family:  'OpenSans', sans-serif !important;   }

.blog-alternate-small #primary article h2 { font-size: 42px; padding: 10px 0 15px 0; width: 100%;  }

.blog-alternate-small #primary article:nth-child(odd) figure { margin-right: 5px; padding-right: 3%; }

.blog-alternate-small #primary article:nth-child(even) figure { margin-left: 5px; padding-left: 3%; }

.blog-alternate-small #primary article:nth-child(even) h3 { text-align: right;} 

figure.post-featured-image a:hover img { opacity: 0.8;  }
h2 a:hover { text-decoration: none !important; }

@media only screen and (min-width: 822px) { 
	.blog-alternate-small #primary article figure { width: 500px;  }
}

@media only screen and (max-width: 822px) { 
.blog-alternate-small #primary article:nth-child(odd) figure { margin-right: 0px; padding-right: 0px; }

.blog-alternate-small #primary article:nth-child(even) figure { margin-left: 0px; padding-left: 0px;; }
	
.blog-alternate-small #primary article:nth-child(even) h3 { text-align: left;} 	
}

div.image_overlay { background-color: red; margin: 0px 0px 18px; padding: 0px; }

div.image_overlay  img {  margin-bottom: 0px; };


/* single post */
h3.second-title { background-image: url(/wp-content/themes/accelerate-child/images/blog-title-bg.png); background-repeat: no-repeat; background-position: -3px 6px;background-size: 45px;  margin: 0px !important; padding: 0 0 0 50px !important;   }

h1.single { font-size: 60px !important; margin: 30px 0 20px 0;}

#comments, ul.default-wp-page { margin-left: 20px;}

.widget_recent_entries h3 span:before, #archives h3 span:before, .widget_archive h3 span:before {
    content: "";
}
div#primary {margin-top: -20px;}
@media only screen and (min-width: 822px) { 
div#primary {margin-top: -10px;}
div#secondary { margin-top: 160px;}
}

@media only screen and (max-width: 822px) { 
div#secondary { margin-left: 20px;}
	h1.single { font-size: 32px !important; margin: 20px 0 20px 0;}
}

#secondary h3.widget-title, .widget-title span {  text-decoration: none !important; font-size: 32px; border: none !important; margin-left: 0px !important; padding-left: 0px !important; }

.widget_tag_cloud h3 span:before {
    content: "";
}

.accelerate_tagcloud_widget h3 span:before {
    content: "";
}



/* pages */
article.pagecontent { margin: 20px;}



/* feed */ 
div.crt-post-content {   }


/* footer */ 
#underline a:hover, .more-link:hover span { text-decoration: underline !important;  }


#header-text-nav-wrap { width: 150px; float: left; margin: 0px; padding: 14px 0px; }
#menu-hauptmenue { margin-top: 10px;}
.main-navigation a {  }

#footerlinks * { color: #fff; width: 100%; text-align: center; }
#footerlinks div.textwidget {  background-color: #E30613 !important; padding: 15px 0px 1px 0px !important; }

#pg-488-1 { height: 55px; !important; }
#pg-488-3 { margin-top: 25px;}

@media only screen and (min-width: 800px) { 
#panel-488-1-1-0 { margin-left: 15px;}
#panel-488-1-2-0 { margin-right: 70px;}
}

blockquote { background-color: #FBFBFB; border: solid 1px #eee; border-left: solid 3px #E30613;   }

blockquote p { font-size: 16px !important; }

blockquote p::before { color: #E30613; }


.entry-content ul, .entry-content ul li {
  list-style: none; 
font-family:  'OpenSans', sans-serif !important;
    color: #000;
    font-weight: normal;	
}


.entry-content ul li::before {
  content: "\25CF";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #E30613; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

h1.archive { margin: 0 0 0 18px !important; padding: 0px; font-size: 44px;}

.pagecontent h3 { font-size: 24px !important; line-height: 110%; font-stretch: 100% !important; font-weight: 700 !important; letter-spacing: 0em !important;   font-family:  'OpenSans', sans-serif !important; text-size-adjust: 100% !important; text-transform: none !important; padding-bottom: 20px !important; }

p.evo_month_title, span.evo_start  { color: #444 !important; }

h1.entry-title { line-height: 100% !important;}

.fa-long-arrow-up:before {
    content: "\2191";
}



ul#menu-hauptmenue li a { 
	font-size: 19px; font-stretch: ultra-condensed; font-weight: bold;
}
h2.entry-title a { font-size: 24px; line-height: 120%; }

h1.entry-title { font-size: 30px !important; line-height: 120% }

h3.widget-title span { font-size: 20px; }

button.tribe-events-c-subscribe-dropdown__button-text { color: #fff; padding: 8px; }

#page {  border: none !important; }