/*
Theme Name: SoS
Description: Child theme for Metro
Author: Themify
Template: metro
*/

/* write custom css below */


/* default blue color */
#main-nav a,
.tile.default,
.tile-overlay,
.portfolio #load-more a,
.post,
.widget,
.sorting-nav li {
	background-color: #ffffff;
}

/* body */
body {
	background-color: #005392;
	color: #00244c
		font-size:1,5px;
}

.default .post-title a,
.default .post-meta,
.default .post-meta a,
.default .post-date, 
.default .shortcode .post-date,
.default .portfolio-post .post-category a,
.tile.default .shortcode.twitter-list .twitter-timestamp a,
.widget .feature-posts-list small,
.default .commentlist .comment-time {
	color: #00244c;
}
#main-nav a,
.default.post a,
.tile.default a,
.widget a,
.default .post-nav a,
.portfolio #load-more a,
.sorting-nav li a {
	color: #00244c;
}

#main-nav ul a,
.single-portfolio .carousel-pager a,
.sorting-nav a:hover,
.sorting-nav .active a, .sorting-nav .current-cat a {
	color: #000;background-color: #fff;
}
#main-nav .menu-item a:hover,
#main-nav .current_page_item a,
#main-nav .current-menu-item a,
#main-nav .current_page_item a:hover,
#main-nav .current-menu-item a:hover,
#main-nav .current-page-parent ul .current_page_item a {
	background-color: #000;
	color: #FFF;
}

#main-nav .current-page-parent ul a,
#main-nav .current_page_item ul a,
#main-nav .current-menu-item ul a {
	background-color: #fff;
	color: #000;
}


/* post icons */
.default .post-icon {
	background-image: url(../../images/dark-icons/icon-article.png);
}
.default.format-audio .post-icon  {
	background-image: url(../../images/dark-icons/icon-audio.png);
}
.default.format-gallery .post-icon {
	background-image: url(../../images/dark-icons/icon-gallery.png);
}
.default.format-link .post-icon {
	background-image: url(../../images/dark-icons/icon-link.png);
}
.default.format-quote .post-icon {
	background-image: url(../../images/dark-icons/icon-quote.png);
}
.default.format-status .post-icon {
	background-image: url(../../images/dark-icons/icon-status.png);
}
.default.format-aside .post-icon {
	background-image: url(../../images/dark-icons/icon-text.png);
}
.default.format-video .post-icon {
	background-image: url(../../images/dark-icons/icon-video.png);
}
.default.format-image .post-icon {
	background-image: url(../../images/dark-icons/icon-image.png);
}
.default.format-chat .post-icon {
	background-image: url(../../images/dark-icons/icon-chat.png);
}


/* post navigation */
.default .post-nav .arrow {
	background: url(../../images/dark-icons/arrow-left.png) 
}
.default .post-nav .next .arrow {
	background-image: url(../../images/dark-icons/arrow-right.png);
}

/* form elements */
.default input[type="text"],
.default input[type="password"],
.default textarea,
.default input[type="search"],
.widget input[type="text"],
.widget input[type="password"],
.widget textarea,
.widget input[type="search"] {
	background-color: #000;
	color: #FFF;
}

.default input[type=text]:focus,
.default input[type=password]:focus,
.default textarea:focus,
.default input[type=search]:focus,
.widget input[type=text]:focus,
.widget input[type=password]:focus,
.widget textarea:focus,
.widget input[type=search]:focus {
	background-color: #222;
}

/* Custom_style.css */
/*** .tile-12-0-0-4 p {display:none !important;} ***/
.tile-12-0-0-4 .event-view {
	list-style: none !important;
	margin: 0em 0 0em 0 !important;
	padding: 0;
}
#body {
	padding: 20px 0;
}
.widget .social-links li.jubi {
	background-image: url("https://www.spiritualchor.de/wordpress/wp-content/uploads/2019/01/Jubilaeumslogo.png");
	background-size: 100%;
	background-repeat: no-repeat;
	color:transparent;
}

/*** Rückblick ***/
.post-content .post .post-inner, .page-content .post .post-inner{
	padding: 20px;
}

/*** Rückblick Ende ***/
.tiles-wrap module-title {
	width:120%;
}
.tile.big {
	width: 494px;
	height: 158px;
}

/* .module-slider .carousel-nav-wrap {margin-top:-22px;} */

.widget {
	background-color: transparent;
	padding: 0px 0px;
	margin-bottom: 0%;
}
#searchform {
	padding:20px 0 0 0;
}
.module-tile {
  padding:0 10px 10px 0;
}

#main-nav {
	top: 110px;
	right: auto;
	bottom: auto;
	left: 0; 
}
#main-nav ul {
 	background-image: none; 
}

.social-widget .widget {
    margin: 0 2px -10px 0;
}
.social-widget {
    right: 0px;
}

.module-text {
	padding:20px;
}
.module-slider {
	margin-bottom: 0em;
}
.module-slider.slider-caption-overlay .slide-image img {
    width: 100%;
}
.module-tile .tile-title {font-size: 1.6em !important;}

.caroufredsel_wrapper {
	display: block;
	text-align: start;
	float: none;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: -40;
	z-index: auto;
	width: 998px;
	height: 428px;
	margin: 0px;
	overflow: hidden;
	margin-left: -40px;
}

/* VORLÄUFIGE ÄNDERUNGEN */
h1 {
	color: #ffffff;
	color: rgba(255,255,255,1.00); 
}
#header {padding-top: 5px;
    height: 175px;
}
#site-logo img {
 	width: 220px; padding:2px 5px 0px 5px;
}

/* #site-logo {
 	background:#fff;
 	border-radius:10px;
} */

#site-description {
 	display: none; 
}

select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

/* label {position:relative} */
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

.social-link-item {background:#fff; border-radius:30px;}
.social-links .icon-large i{
	width:28px;
	height:28px;
	line-height:0
}

/* Event-List Tile Startseite */
#tile-12-0-0-4 .event-title h3 {font-size: 1.1em;}
#tile-12-0-0-4 .event-list .start-date, #tile-12-0-0-4 .event-list .end-date
{background-color: #6b87d6 !important;}

.event-details {font-size: 1em !important;}

/* Event-List */
div.filterbar ul.hlist li {margin: 0 5px !important;}

/* Abstand der rechten Spalte zur linken */

/* .col6-1, .col5-1, .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1
{margin-left: 1%;} */

.sub-menu {border-left: 1px #005392 solid; border-right: 1px #005392 solid;}
.sub-menu li {border-bottom: 1px #005392 solid;}

.page-id-4382 .tile-inner {padding:0 !important; overflow:hidden;}

/* Diashow Startseite */
.themify_builder .slider-12-0-0-1.module-slider {
	padding-left: 0px;
	margin-right: 12px;
	margin-left: 0px;
}

.col4-2, .col2-1 {min-height: 640px;}


/****** Events List Original: margin: 1.5em 0 2em 0; *****/
ul.event-list-view, ul.single-event-view {
	list-style: none !important;
	margin: 0.5em 0 0em 0;
	padding: 0;
}
li.event {
	clear: both;
	margin: 0 0.5em 1.5em 0.5em;
	zoom: 1; /* Fix for IE 6+7 */
}
.event-date {
	float: left;
	margin: 0 0.4em 1.5em 0;
}
.event-list .multi-date {
	background: url(../images/date-separator.png) center no-repeat;
}
.event-list .start-date, .event-list .end-date {
	text-align: center;
	width: 3.2em;
	border-radius: 5px;
	background-color: rgb(230,230,230);
}
.event-list .start-date {
	float: left;
}
.event-list .end-date {
	margin-left: 3.8em;
}
.event-weekday {
	font-size: 0.8em;
	text-transform: uppercase;
}
.event-day {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: -0.2em;
}
.event-month {
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: 1em;
	padding: 0.4em 0;
}
.event-year {
	font-size: 0.8em;
	line-height: 0.8em;
	letter-spacing: 0.1em;
	padding-bottom: 0.3em;
}
.event-info {
	display: block !important;
}
.multi-day {
	margin: 0 0 0 7.5em;
}
.single-day {
	margin: 0 0 0 3.8em;
}
.event-title h3 {
	clear: none;
	margin: 0 !important;
	padding: 0;
}
.event-time {
	font-weight: bold;
	padding-right: 0.8em;
}
.event-cat {
	font-size: 0.95em;
}
.event-details {
	font-size: 0.8em;
}
div.feed {
	display: block;
}
div.feed a * {
	vertical-align: middle;
}
div.feed img {
	margin: 0 5px 0 2px;
}

div.filterbar, div.filterbar div {
	clear: both;
	margin: 1em 0;
	vertical-align: middle;
}
div.filterbar select.dropdown, div.filterbar ul.hlist, div.filterbar a.link {
	margin: 0 3px;
	vertical-align: middle;
}
div.filterbar ul.hlist li {
	float: left;
	list-style: none;
	margin: 0;
}
div.filterbar ul.hlist li + li:before {
	content: "|";
	padding: 0 1px;
}
div.el-hidden {
	display: none;
}

@media screen and (max-width: 375px) {
	ul.event-list-view, ul.single-event-view {
		list-style: none !important;
		margin: 1.5em 0 2em 0;
		padding: 0;
	}
	li.event {
		clear: both;
		margin: 0 0em 0.5em 0em;
		zoom: 1; /* Fix for IE 6+7 */
	}
	.event-date {
		float: left;
		margin: 0 0.4em 1.5em 0;
	}
	.event-list .multi-date {
		background: url(../images/date-separator.png) center no-repeat;
	}
	.event-list .start-date, .event-list .end-date {
		text-align: center;
		width: 2.2em;
		border-radius: 5px;
		background-color: rgb(230,230,230);
	}
	.event-list .start-date {
		float: left;
	}

	.event-list .end-date {
		margin-left: 3.8em;
	}

	.event-weekday {
		font-size: 0.8em;
		text-transform: uppercase;
	}
	.event-day {
		font-size: 1em;
		font-weight: bold;
		line-height: 1em;
		margin-bottom: -0.2em;
	}
	.event-month {
		text-transform: uppercase;
		font-size: 0.8em;
		line-height: 1em;
		padding: 0.4em 0;
	}
	.event-year {
		font-size: 0.7em;
		line-height: 0.8em;
		letter-spacing: 0.1em;
		padding-bottom: 0.3em;
	}
	.event-info {
		display: block !important;
	}
	.multi-day {
		margin: 0 0 0 7.5em;
	}
	.single-day {
		margin: 0 0 0 3.8em;
	}
	.event-title h3 {
		clear: none;
		margin: 0 !important;
		padding: 0;
	}
	.event-time {
		font-weight: bold;
		padding-right: 0.8em;
	}
	.event-cat {
		font-size: 0.95em;
	}
	.event-details {
		font-size: 0.8em;
	}
	div.feed {
		display: block;
	}
	div.feed a * {
		vertical-align: middle;
	}
	div.feed img {
		margin: 0 5px 0 2px;
	}

	.module-tile .tile-title {
		font-size: 1.1em;
	}
	.module-tile .action-button {
		display:none !important;
	}

}


/****** End Events List *****/

/*** Wussten Sie ***/

.widget_randomizer_widget {
    line-height: 1.7em;
    text-align: center;
    font-size: 1.2em;
}



/*** Builder Countdown ***/

.module-countdown .builder-countdown-holder .ui {
	padding: .5em .0em !important;
	min-width: 80px;
	border-radius: 10px;
	margin: 0.5em;
}

@media screen and (max-width: 414px) {
	.module-countdown .builder-countdown-holder .ui {
		padding: .2em !important;
		min-width: 40px !important;
		border-radius: 10px;
		margin: 0.2em;
	}
	.module-countdown .builder-countdown-holder .date-counter {
		font-size: 2em !important;
	}

	.module-tile .tile-title {font-size: 1.1em !important;}

	.single-day {margin: 0 0 0 2.7em;}

	.module-slider .carousel-nav-wrap {display:none;}

	/*** Wussten Sie ***/

	.widget_randomizer_widget {
		line-height: 1 em;
		text-align: center;
		font-size: 1.1em;
		font-weight:bold;
	}
	.widget_randomizer_widget h2 {
		margin: 0em 0 0.2em;
		font-size: 1.2em;
	}

	.tile-type-text .tile-inner {padding:1em;}

}

a.themify_builder_turn_on {display:none;}

div.fancybox-skin {padding:1px !important;}

#tile-12-0-0-6 .tile-front {overflow: hidden !important;}

/*** Slider Double Arrow ***/
.tf_carousel_nav_wrap .carousel-prev:after,
.tf_carousel_nav_wrap .carousel-next:after{
    content:'';
    display:inline-block;
    width:11px;
    height:11px;
    border:2px solid transparent;
    border-bottom-color:inherit;
    border-right-color:inherit;
    transform:rotateZ(135deg);
    vertical-align:middle;
    margin-left:-5px;
}
.tf_carousel_nav_wrap .carousel-next:after{
	margin-left:-12px;
	margin-right:0;
	transform:rotateZ(-45deg);
}
.tf_carousel_nav_wrap .carousel-prev:before,
.tf_carousel_nav_wrap .carousel-prev:after,
.tf_carousel_nav_wrap .carousel-next:before,
.tf_carousel_nav_wrap .carousel-next:after{
	width:6px;
	height:6px
}
.themify_builder_slider_wrap .carousel-pager a{
	margin:0 2px
}
.tf_carousel_nav_wrap .carousel-prev:hover,
.tf_carousel_nav_wrap .carousel-next:hover{
	background-color:transparent
}