/*--------------------------------------------------------------------------------------------------

    Theme Name: Ocean WP Child flocblog
	Theme URI: https://oceanwp.org/
    Description: flocblog customization
    Author: Florian Blümm
    Author URI: http://www.flocutus.de/
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Version: 1.0
	Template: oceanwp

--------------------------------------------------------------------------------------------------*/

/*
@import "google_fonts.css";
@import "tables.css";
@import "mailchimp_signup.css";
@import "article_navi.css";
*/


body {
    color: #000;
}


p {
	margin 0 0 1em;
}

a {
	color: #816600;
    text-decoration: underline;
}

.flocu-autor-bio,
#toc_container,
#ez-toc-container,
ul.meta,
.lcp_post, 
.yuzo__text--title,
.crp_title, 
.srp-post-title {
	font-family: arial narrow;
	font-size: 17px;
}


.flocu-autor-bio p,
#toc_container p,
#ez-toc-container p,
ul.meta p,
.lcp_post p, 
.yuzo__text--title p, 
.srp-post-title p {
	margin: 0 0 0.7em;
}



#ez-toc-container{
	max-width: 28em;
	min-width: 25em;
	padding: 1.5em 0 0.5em 1.5em;
}

#ez-toc-container li, 
#ez-toc-container ul, 
#ez-toc-container ul li, 
.ez-toc-widget-container, 
.ez-toc-widget-container li {
	list-style: circle;
	overflow: visible;
}

ul.ez-toc-list li.active {
    background-color: #EDEDED;
}

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before {
    background-color: transparent;
}

li, ol {
    margin-bottom: 0.5em;
}


h1 a ,
h2 a ,
h3 a ,
h4 a ,
h5 a ,
h6 a,
.sidebar-container a,
.lcp_post a, 
.relatedthumb  a, 
.srp-post-title-link a,
.ez-toc-list a,
#menu-header-menu a {
	color: #494949;
	text-decoration: none;
}

ul, ol {
    padding-left: 5%;
}

.site-breadcrumbs {
    position: relative;
	top:0;
	max-width:100%;
	margin-top:-44px;
}

.breadcrumb_last {
	display:none;
}


.toc_widget,
.ez-toc {
    text-align: left;
}
.ez-toc .ez-toc-widget-container {
    overflow: visible;
    font-size: 15px;
}
.toc_widget .widget-title,
.ez-toc .widget-title{
    margin-bottom: 0;
}
.toc_widget .toc_widget_list,
.toc_widget .toc_widget_list li,
.ez-toc ul.ez-toc-list,
.ez-toc ul.ez-toc-list li{
    list-style: outside;
    list-style-type: disc;
	padding: 0;
	line-height: 1.15;
	overflow: visible;
	white-space: normal;
}
.category .toc_widget,
.category .ez-toc,
.home  .toc_widget,
.home  .ez-toc
 {
    display: none;
}
.ez-toc-widget-container li.active > a {
    font-weight: normal;
	text-decoration: underline;
}

#toc_timetoread {
    font-style: italic;
	margin-bottom: 1em;
}

h2 {
    margin-top: 1em;
}

.ez-toc-section {
    padding-top: 40px;
}

.single .entry-title {
    padding: 0;
    margin: 0 0 20px;
}

/*
.toc_widget_list {
	font-size: 0.75em;
	line-height: 1.15;
}*/


#site-header.medium-header .top-col.col-1 {
    text-align: left;
}

#site-header.medium-header .top-col.col-2 {
    text-align: right;
	height: 60px;
	padding-top: 20px;
}

.content-area {
	border: 0;
}

.sidebar-box .widget-title {
	border:0;
	padding:0;
}


#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation {
    margin-right: -18px;
}

#right-sidebar-inner {
    text-align: right;
}

#menu-header-menu .menu-item:nth-of-type(1) {
    display: none;
}

.bottom-header-wrap {
	position:sticky;
	top:0px;
}


.bottom-header-wrap.clr.fixed-scroll.is_stuck {
    position: fixed !important;
	top:0 !important;
	width: 100% !important;
	bottom: unset !important;
}

.is_stuck #menu-header-menu .menu-item:nth-of-type(1) {
    display: block;
}
.is_stuck .container {
    max-width: 100%;
    width: 100%;
}

#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a, #site-header.medium-header .oceanwp-mobile-menu-icon a {
    font-size: 17px;
}


#menu-header-menu .menu-item:nth-of-type(1) a {
    background-image: url('https://www.flocutus.de/wordpress/wp-content/uploads/flocblog_logo_blue_2_h60.png');
    background-size: 90px 33px;
    width: 108px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 9px 4px;
}
#menu-header-menu .menu-item:nth-of-type(1) a .text-wrap {
    display: none;
}


.page-last-modified,
.post-last-modified {
	font-style: italic;
}



.lcp_catlist:after {
    content: '';
    display: block;
    clear: both;
}

.catlist_double .lcp_postwrap{
    width: 400px;
	height: 200px;
}

.lcp_postwrap, 
.yuzo_wraps .relatedthumb,
.crp_related li,
.srp-widget-singlepost {
    width: 260px;
	height: 175px ;
	margin-right: 20px;
    float: left;
	overflow: hidden;
}

.lcp_post, 
.yuzo__text--title, 
.crp_title,
.srp-post-title {
	font-family: arial narrow;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.3;
	text-align: center;
	margin-top: 4px;
}

.yuzo__text--title,
.crp_title {
	display: block;
	margin-right: 24px;
}

.yuzo-img {
	margin-bottom: 0 !important;
}

.yuzo_related_post .yuzo_wraps .relatedthumb,
.crp_thumb {
    padding: 0;
	margin: 16px 0 0 0;
}

.yuzo_related_post .yuzo_wraps .relatedthumb .yuzo-img-wrap {
    margin-bottom: 0px;
}


.crp_related ul {
    margin: -20px 0 0 0;
    padding: 0;
}

ul.categories,
ul.categories ul {
    list-style: none;
}

.clearboth {
	clear:both;
}

.small,
.smallfont {
    font-size: 0.75em;
    line-height: 50%;
}

.wp-caption-text {
    font-size: 1em;
	text-align: center;
}

img.size-full {
    margin-bottom: 24px;
}


.container, 
body.content-full-screen .elementor-section-wrap > .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 94%;
}


/* break points wpocean:
wpocean		1279
			1100	sidebar padding weg
wpocean		1080
wpocean		959		sidebar weg
			888		menu tablet font
			768		menu mobile font
wpocean		768		tablet font
			720		mobile menu custom media query
			620		toc full screen
			560		container 96%
wpocean		480		mobile font
			359		container 100%
wpocean		320
*/


@media (max-width: 1100px) {
	.widget-area.sidebar-primary {
		padding-left: 0;
	}
}


@media (max-width: 888px) {
	#menu-header-menu a span {
		font-size: 14px;
	}
}


@media (max-width: 768px) {
	
	#menu-header-menu a span {
		font-size: 14px;
	}
	
	.flocu-autor-bio,
	#toc_container,
	#ez-toc-container,
	ul.meta,
	.lcp_post, 
	.yuzo__text--title, 
	.srp-post-title {
		font-size: 14px;
	}
	
	.flocu-autor-bio img {
		width:125px;
		height:125px;
	}
}


@media (max-width: 620px) {
	#ez-toc-container {
		width: 100%;
		max-width: 100%;
		clear: both;
	}
}

@media (max-width: 560px) {
	.container, 
	body.content-full-screen .elementor-section-wrap > .elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 96%;
	}
}


@media (max-width: 480px) {

	.flocu-autor-bio,
	#toc_container,
	#ez-toc-container,
	ul.meta,
	.lcp_post, 
	.yuzo__text--title, 
	.srp-post-title  {
		font-size: 12px;
	}
	
	.flocu-autor-bio img {
		width:105px;
		height:105px;
	}
}


@media (max-width: 359px) {
	.container, 
	body.content-full-screen .elementor-section-wrap > .elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 100%;
	}
}



/* Infoboxen */

.infobox {
	padding: 0 1em;
	border: 1px solid #000000;
	background: #F3F3F3 none repeat scroll 0px 0px;
	margin-bottom: 1em;
	clear: both;
	padding: 1em 0 1em 1em;
}

.infobox .wp-caption .wp-caption-text {
    font-size: 100%;
    margin-right: 0;
}


.alignright {
    float: right;
    margin-left: 1.5em;
    clear: right;
}

.hide {
	display: none;
}

.blueButton a {
    background-color: #269CE9;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    display: inline-block;
    padding: 6px 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #269CE9;
    overflow: visible;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 0.5em;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
}

.flocu-autor-bio {
	float:left;
	width:96%;
}



#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a {
    text-decoration: underline;
}



/* TOOLTIP NO JAVASCRIPT */
[tooltip] {
	position: relative;
}

/* style tooltip box */
[tooltip]::before {
    content: attr(tooltip);
    position: absolute;
    opacity: 0;
	width: 8em;
/*	width: 6em;
    height: 2em;
    line-height: 2em;*/
    color: #FFFFFF;
    background: #000000;
    text-align: center;
    visibility: hidden;
    border-radius: 0.5em;
    top: 3em;
    left: 50%;
    margin-left: -4em;
    z-index: 999;
	padding: 0.2em;
}

/* style arrow */
[tooltip]:hover::after {
	top: 2.2em;
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.6em;
    width: 0; height: 0;
    border-bottom: 1em solid #000000;
    border-right: 0.6em solid transparent;
    border-left: 0.6em solid transparent;
}

[tooltip]:hover::before {
	opacity:1;
    visibility: visible;
}

.rpt_custom_btn a {
	color:white;
}

.rpt_style_basic .rpt_plan img {
	margin:0 !important;
}

.rpt_3_plans .rpt_plan {
    margin-bottom: 1em;
}