/*
 Theme Name:     Hello Respekt
 Description:    Für die Plattform Respekt angepasstes Hello Elementor Child Theme
 Author:         Plattform Respekt
 Author URI:     https://www.respekt.plus
 Template:       hello-elementor
 Version:        1.0.6
*/

@media (min-width: 768px) {
	.rp-layout-main {
		padding-right: 25px;
	}
}

@media screen and (max-width: 768px) {
	.rp-layout-main {
		padding-left: 20px;
		padding-right: 20px;
	}
	.rp-layout-sidebar {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.rp-section-heading, .rp-sidebar-heading h2, .rp-most-read h5 {
	hyphens: manual;
	border-bottom: 1px solid rgba(0,112,175,0.6);
	box-sizing: border-box;
	padding: 0 0 10px;
	margin: 0;
	line-height: 1;
	color: #0070AF;
	font-family: "Roboto";
	font-size: 16px !important;
	font-weight: 600;
}

.rp-post-title h1, .page-header h1 {
	font-size: 32px;
	line-height: 1.1em;
}

.rp-post-content h2, .page-content h2 {
	font-size: 25px;
}

.rp-post-content h3, .page-content h3 {
	font-size: 15px;
}

.rp-footer a {
	font-size: 14px;
	font-weight: 500;
}



/* Recent posts
 *********************************************/
.rp-recent-posts {
/*
	padding: 14px;
	border: 1px solid #efefef;
*/
}

.rp-recent-posts .elementor-posts-container .elementor-post {
	margin-bottom: 14px;
}

.rp-recent-posts .elementor-posts-container :last-child {
	margin-bottom: 0;
}



/* Most read
 *********************************************/
.rp-most-read div.tptn_posts_widget {
	margin-top: 20px;
/*
	padding: 14px;
	border: 1px solid #efefef;
*/
}

.rp-most-read ul {
	padding: 0;
	list-style-type: none;
}

.rp-most-read li {
	display: flex;
	flex-direction: row;
	max-height: 80px;
	margin-bottom: 14px;
}

.rp-most-read li:last-child {
	margin-bottom: 0;
}

.rp-most-read img {
	min-height: 80px;
	min-width: 80px;
}

.rp-most-read span.tptn_after_thumb {
	padding-left: 10px;
	vertical-align: top;
}

.rp-most-read .tptn_title {
	color: var( --e-global-color-secondary );
	display: block;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-size: var( --e-global-typography-secondary-font-size );
	font-weight: var( --e-global-typography-secondary-font-weight );
}

.rp-most-read .tptn_date {
	color: #adadad;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-size: 12px;
	font-weight: var( --e-global-typography-secondary-font-weight );
}



/* Recommended
 *********************************************/
.rp-recommended {
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.rp-recommended {
		padding-left: 10px;
		padding-right: 10px;
	}
}



/* Fluent Forms
 *********************************************/
#fluentform_4, .fluent_form_2, .fluent_form_5, .fluent_form_6, .fluent_form_7 {
	background-color: #f6f6f6;
	font-size: 15px;
	line-height: 21px;
	padding: 20px;
}

#fluentform_4 h4, .fluent_form_2 h4, .fluent_form_5 h4, .fluent_form_6 h4 {
	font-size: 28px;
	padding-bottom: 20px;
}

.fluent_form_6 h5 {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0;
}

.manifest-checkbox span {
	font-size: 14px;
}

.manifest-checkbox-public span {
	font-weight: bold;
}

.fluentform-checkbox-big {
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
}

@media (max-width: 768px) {
	.rp-sidebar-newsletter label, .rp-sidebar-newsletter input, .rp-sidebar-newsletter button {
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
}

.wp-block-file .wp-block-file__button, .rp-form-button {
	background-color: var( --e-global-color-primary ) !important;
	border-radius: 3px !important;
	font-size: var( --e-global-typography-secondary-font-size ) !important;
	font-weight: var( --e-global-typography-secondary-font-weight ) !important;
}

.rp-form-button {
	width: 100% !important;
}



/* Ich sage es mit RESPEKT
 *********************************************/
.ich-sage-es-mit-respekt {
	background-color: var( --e-global-color-e48ad07 );
	padding: 20px 20px 5px 20px;
}

.ich-sage-es-mit-respekt-info {
	align-items: center;
	display: flex;
}

.ich-sage-es-mit-respekt-text {
	padding-right: 20px;
}

.ich-sage-es-mit-respekt img {
	width: 200px;
}

.ich-sage-es-mit-respekt h3 {
	font-size: 15px;
	margin-top: 0;
}

.ich-sage-es-mit-respekt h4 {
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-size: var( --e-global-typography-secondary-font-size );
	font-weight: var( --e-global-typography-secondary-font-weight );
	margin-top: 20px;
	margin-bottom: 0;
}

.ich-sage-es-mit-respekt .wp-block-file {
	margin-bottom: 0.9rem;
}

@media screen and (max-width: 768px) {
	.ich-sage-es-mit-respekt-info {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.ich-sage-es-mit-respekt .wp-block-file {
		text-align: center;
	}
}



/* Search-Form
 *********************************************/
.rp-search .search-form {
}

.rp-search .search-field {
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0;
	position: relative;
	-webkit-transition: width 400ms ease;
	transition:         width 400ms ease;
	width: 0;
}

.rp-search .search-field:focus {
	background-color: #fff;
	border: 1px solid var( --e-global-color-secondary );
	border-radius: 0;
	color: var( --e-global-color-secondary );
	cursor: text;
	outline: 0;
	padding: 0 0 0 5px;
	width: 230px;
	z-index: 10;
}

.rp-search .search-button {
	font-family: FontAwesome;
}

.rp-search i {
	background-color: transparent;
	color: var( --e-global-color-primary );
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	min-height: 20px;
	min-width: 20px;
}

.rp-search .search-submit { 
	display:none;
}


/* Widgets
 *********************************************/
 
.elementor-widget-heading .elementor-widget-container {
	 padding: 0 0 10px 0 !important;
}

.elementor-widget-form .elementor-field-group {
	margin-bottom: 1.25em !important;
}

.elementor-widget-form .elementor-field-group > label {
	font-size: 0.9em !important;
}

.elementor-widget.elementor-widget-global, .elementor-widget.rp-most-read {
	margin-bottom: 2.25em !important;
}

/* Nav
 *********************************************/
.elementor-4934 .elementor-element.elementor-element-474a18de > .elementor-widget-container {
		 border-color: rgba(0,112,175,0.6) !important;
		}