/**
 * @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-"], 
.section_content_stripe div.container {
	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_website_01, 
div.content_stripe.site_featured_1_website_02, 
div.content_stripe.site_featured_1_website_01.content_stripes_652, 
div.content_stripe.site_featured_1_website_02.content_stripes_755 {
	margin: 120px 0px 40px 0px;
}
@media only screen and (max-width: 991px) {

	div.content_stripe.site_featured_1_website_01, 
	div.content_stripe.site_featured_1_website_02, 
	div.content_stripe.site_featured_1_website_01.content_stripes_652, 
	div.content_stripe.site_featured_1_website_02.content_stripes_755 {
		margin: 40px 15px 40px 15px;
	}
	
}
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_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 h3 {
	font: var(--font-subtitle);
	text-transform: uppercase;
	color: var(--ci_color_black);
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	border-bottom: none;
	-webkit-transition: font-size 0.8s ease;
	-moz-transition: font-size 0.8s ease;
	-o-transition: font-size 0.8s ease;
	transition: font-size 0.8s ease;
}
div.content_stripe h3:after {
	display: none;
}
div.content_stripe h2 {
	font: var(--font-h3);
	color: var(--ci_color_black);
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	border-bottom: var(--border_bottom-headings);
}
div.content_stripe h3:after {

}
div.content_stripe h3:hover:after {

}
div.content_stripe div.content_stripe_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_stripe.content_stripes_664 div.content_stripe_content, 
div.content_stripe.content_stripes_755 div.content_stripe_content {
	column-count: 2;
	column-gap: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {

	div.content_stripe.content_stripes_664 div.content_stripe_content, 
	div.content_stripe.content_stripes_755 div.content_stripe_content {
		column-count: 1;
	}

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

	div.content_stripe div.content_stripe_content {
		padding: 0px 30px 0px 30px;
	}
	
}



div.content_stripe div.content_stripe_readmore {
	display: inline-block;
	position: relative;
	margin-top: 30px;
	text-align: right;
	padding-left: 15px;
}
div.content_stripe div.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 div.content_stripe_readmore a {
	position: relative;
}
div.content_stripe div.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 div.content_stripe_readmore a:hover::after {
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}