/**
 * @file        /modules/mod_codedesign_responsive_content_stripes/assets/css/content_stripes.css
 * @copyright   Copyright (C) 2006 - 2026 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 */

/* codeDESIGN - content_stripes.css */
@charset "utf-8";

/* CONTENT STRIPES */
.section_content_stripe {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section_content_stripe [class^="col-"],
.section_content_stripe [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.content_stripe {
	display: block;
	position: relative;
	margin: 120px 0px 120px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_stripe.site_featured_1.content_stripes_652 {
	margin: 120px 0px 0px 0px;
}
div.content_stripe a,
div.content_stripe a:link,
div.content_stripe a:visited {
	color: var(--ci_color_black);
	text-decoration: none;
}
div.content_stripe_border_top {
	border-top: 1px solid #D1D1D1;
}
div.content_stripe_no_margin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_stripe_first {
	margin: 0px 0px 0px 0px;
}
div.content_stripe_left {
	text-align: left;
}
div.content_stripe_right {
	text-align: right;
}
div.content_stripe_center {
	text-align: center;
}
@media only screen and (max-width: 991px) {

	div.content_stripe_center {
		text-align: left;
	}
	
}
div.content_stripe_inner {
	margin: 0px;
	padding: 0px;
}
div.content_stripe_inner .col-md-7,
div.content_stripe_inner .col-md-10 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_stripe_no_margin div.content_stripe_inner .col-md-7,
div.content_stripe_no_margin div.content_stripe_inner .col-md-10,
div.content_stripe_no_margin div.content_stripe_inner .col-md-12 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_stripe h2 {

}
div.content_stripe h2::after {
	width: 250px;
	left: 50%;
	transform: translateX(-50%);
}
div.content_stripe h2:hover:after, 
div.content_stripe:hover h2:after {
	width: calc(100% - 250px);
}
@media only screen and (max-width: 991px) {

	div.content_stripe h2 {
		padding: 0px 30px;
	}
	
}
div.content_stripe h3 {
	font: var(--font-subtitle);
	text-transform: uppercase;
	color: var(--ci_color_black);
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
}
div.content_stripe h3::after {
	content: none;
}
@media only screen and (max-width: 991px) {

	div.content_stripe h3 {
		padding: 0px 30px 0px 30px;
	}
	
}
div.content_stripe .content_stripe_content {
	max-width: 800px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;

}
@media only screen and (max-width: 991px) {

	div.content_stripe .content_stripe_content {
		padding: 0px 30px;
	}
	
}
div.content_stripe .content_stripe_readmore {
	display: inline-block;
	position: relative;
	margin-top: 30px;
	text-align: right;
	padding-left: 15px;
}
div.content_stripe .content_stripe_readmore::before {
	content: "\f105";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.2em;
	color: var(--ci_color_black);
	margin: -1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
}
div.content_stripe .content_stripe_readmore a {
	position: relative;
}
div.content_stripe .content_stripe_readmore a::after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background: currentColor;
	bottom: 0px;
	left: 0;
	pointer-events: none;
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.3s;
}
div.content_stripe .content_stripe_readmore a:hover::after {
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}