@charset "UTF-8";
/*
Theme Name: civentoTheme
Theme URI: https://www.saascom.de
Description: Theme zur civento Webseite
Author: Anna-Maria Hörsch
Author URI: not available
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: civentotheme
*/
html {
	font-family: "TT Norms W01 Regular", Arial, sans-serif !important;
	font-size: 16px;
}

body {
	position: relative;
	font-family: "TT Norms W01 Regular", Arial, sans-serif !important;
	padding-top: 5.5rem !important;
	/*margin-bottom: 146px;*/ /*footer height + 10 px to get a space between footer and content*/
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500 !important;
	color: #14133B !important;
}

p, div {
	font-weight: 300 !important;
}

a:hover {
	color: #14133B;
	text-decoration: underline;
}

a {
	color: #14133B;
}

a:active {
	color: #F59A00;
}

strong {
	font-weight: bold;
}

/* ==========================================================================
   menu styles (navbar in the header and footer)
   ========================================================================== */
#navbar-logo {
	max-height: 40px;
	margin-top: -7px;
}

nav a.nav-link.active {
	color: #F59A00 !important;
}

nav a.nav-link:hover {
	text-decoration: underline;
	color: #14133b !important;
}

.header-menu-home-icon:hover{
	color: #F59A00 !important;
}

.navbar-light .navbar-nav .nav-link {
	color: #14133b;
}

.header-nav {
	font-size: 18px;
}

.footer .navbar .nav-link {
	padding-left: .5rem;
	padding-right: .5rem;
}

.footer .navbar .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
}

/* ==========================================================================
   divider styles
   (usually used above a headline to seperate it from the content above itself)
   (example usage in search.php, content-single.php)
   ========================================================================== */
.divider {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 0;
	font-size: 0;
}

.divider-separator {
	margin: 0;
	direction: ltr;
	display: inline-block;
	width: 3.5rem;
	border-top: 3px solid #14133B;
}

/* ==========================================================================
   Footer styles
   ========================================================================== */
#footer {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1) !important;
	background-color: #FFF;
	max-height: 136px;
}

/* ==========================================================================
   Font Awesome Icon styles
   ========================================================================== */
#comments .fa-reply {
	color: #00A0DF;
}

.fa-stack {
	font-size: 12px;
}

/* ==========================================================================
   Custom Theme Styles for standard widgets of wordpress
   ( hide list-style-type for archive and category list widgets )
   ( archive and category list widgets have in IE 40px padding-left; style the tagcloud with the same padding )
   ========================================================================== */
.sidebar>ul {
	list-style-type: none;
	padding-inline-start: 2px;
	color: #14133B;
}

.tagcloud {
	padding-left: 40px;
}

/* ==========================================================================
   Button styles
   ========================================================================== */
.btn {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #464545;
	border-radius: 23px;
	color: #464545;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: 46px;
	line-height: 44px;
	padding: 0 37px;
	transition: all 0.4s ease-in-out 0s;
	text-decoration: none;
}

.btn:hover {
	color: #FFF;
	background: #18012c none repeat scroll 0 0;
	border: 1px solid #180123c;
}

/* ==========================================================================
   Styles for the 404 page
   ========================================================================== */
.viernullvier-text {
	color: #7a7a7a;
}

.viernullvier-image{
	max-width: 100%;
	height: auto;
}

/* ==========================================================================
   Styles for the content-exerpt
   ( this will be shown in search results or some post overview pages )
   ========================================================================== */
.post-btn {
	margin-top: 19px;
}

.excerpt-image {
	width: 200px;
}

/* ==========================================================================
   Styles for the breadcrumbs
   ========================================================================== */
.civento-breadcrumb {
	background-color: #fff !important;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: '' !important;
	padding-right: 0 !important;
}

.breadcrumb-item.active {
	text-decoration: underline;
}

.breadcrumb-item a:hover {
	text-decoration: underline;
	color: #14133b !important;
}

.breadcrumb-item>i.fas {
	margin-right: 0 !important;
	margin-left: .5rem;
}

.breadcrumb-item {
	font-size: 14px;
	color: #14133b !important;
}

.breadcrumb-home-icon {
	font-size: 12px;
}

/* ==========================================================================
   Styles for Single Contents (single.php)
   ========================================================================== */
.single {
	padding-left: 15px;
	padding-right: 15px;
}

/* ==========================================================================
   Styles for Single Posts (content-single.php)
   ========================================================================== */
.post-row {
	width: 100%;
}

.post-beam {
	background-color: #14133b;
}

.post-spacer {
	height: 30px;
}

.post-section {
	position: relative;
}

.post-content-text {
	color: #7a7a7a;
}

.post-thumbnail-title img {
	max-height: 40px;
	width: auto;
}

/* ==========================================================================
   ## Styles for Post Header Image Hover Boxes on Single Posts Page (content-single.php)
   ========================================================================== */
.post-header-images-container {
	padding: 0px 2px 0px 2px;
}

.post-header-images-container .image-hover-box img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.post-header-images-container .image-hover-box {
	position: relative;
    overflow: hidden;
    cursor: pointer;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-osx-font-smoothing: grayscale;
}

.post-header-images-container .image-hover-box .ihb-center .ihb-caption > * {
	text-align: center;
}

.post-header-images-container .image-hover-box .ihb-caption {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 30px 30px 30px;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #14133b;
    background-color: rgba(255, 255, 255, 0.6901960784313725);
}

.post-header-images-container .image-hover-box .ihb-caption .ihb-title-cover {
	display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10px;
}

.post-header-images-container .image-hover-box .ihb-caption .ihb-title-cover .ihb-title {
	font-size: 35px;
    margin: 0 !important;
    padding: 0 !important;
    color: #14133b;
}

.post-header-images-container .image-hover-box .ihb-caption p {
	font-size: 16px;
    margin: 0 !important;
    padding: 0 !important;
    color: #14133b;
}

.post-header-images-container .image-hover-box,
.post-header-images-container .image-hover-box:before,
.post-header-images-container .image-hover-box:after,
.post-header-images-container .image-hover-box *,
.post-header-images-container .image-hover-box *:before,
.post-header-images-container .image-hover-box *:after {
	box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.post-header-images-container .image-hover-hox:before {
	z-index: 1;
}

[class^='ihb-fade'] .ihb-caption, [class*=' ihb-fade'] .ihb-caption {
    opacity: 0;
}

[class^='ihb-fade']:hover .ihb-caption, [class*=' ihb-fade']:hover .ihb-caption {
    opacity: 1;
}

[class^='ihb-fade']:hover > img, [class^='ihb-fade']:hover .ihb-caption, [class*=' ihb-fade']:hover > img, [class*=' ihb-fade']:hover .ihb-caption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.ihb-fade-in-up .ihb-caption {
	-webkit-transform: translate(0, 15%);
    -moz-transform: translate(0, 15%);
    -ms-transform: translate(0, 15%);
    -o-transform: translate(0, 15%);
    transform: translate(0, 15%);
}

/* ==========================================================================
   ## Styles for header and footer of a single post
   ( FYI: an documentation is also a post )
   ========================================================================== */
.entry-header, .entry-footer {
	margin-bottom: 1rem;
}

.entry-header>span, .entry-footer>span {
	margin-right: 1rem;
	display: inline-block;
}

.entry-header>span, .entry-header>span>a, .entry-footer>span,
	.entry-footer>span>a {
	color: #14133B;
}

.entry-header>span>a:hover, .entry-footer>span>a:hover {
	color: #F59A00;
	text-decoration: none;
}

.updated:not .published {
	display: none;
}

.categories-links>strong, .posted-on>strong, .tags-links>strong {
	font-weight: bold;
}


/* ==========================================================================
   Styles for the search form
   ========================================================================== */
.search-form {
	position: relative;
}

.fa-search {
	margin-right: 0px !important;
}

.search-form input, .search-form select {
	border: 1px solid #14133B;
	width: 100%;
	border-radius: 22px;
	transition: all .3s ease-in-out;
	height: 45px;
	color: #999999;
	font-size: 14px;
	padding: 0 78px 0 20px;
}

.search-form input:focus {
	width: 100%;
	outline: none;
}

.search-form.button-icon input:focus {
	/* wenn statt einem Text-Button ein icon-button im Suchformular angezeigt wird, muss das padding kleiner sein, damit das x im Suchfeld besser platziert wird */
	padding: 0 3em 0 2em;
}

.search-form input:focus ~button.search-submit, .search-form input:focus
	 ~input.search-submit {
	background: #14133B;
	color: #FFF;
	border-radius: 20px;
	width: 36px;
}

.search-form input:focus ~input.search-submit, .search-form input:focus
	 ~button.search-text.search-submit {
	/* wird Text im Suchbutton angezeigt, sollte er sich von der Weite her nich verändern */
	width: 70px !important;
}

.search-form button, .search-form input.search-submit {
	transition: all .3s ease-in-out;
	border: none;
	height: 36px;
	position: absolute;
	top: 0px;
	right: 4px;
	width: 70px;
	transform: translateY(13%);
	padding: 0 !important;
}

.search-form button.search-submit, .search-form input.search-submit {
	background: #14133B;
	border-radius: 0 20px 20px 0;
	color: #FFF;
	transition: all .3s ease-in-out;
}

.search-form .search-submit {
	background: transparent;
	padding: 0;
}

.widget_search  label {
	width: 100%;
	margin-bottom: 0px;
}

/* ==========================================================================
   Styles for comments
   ========================================================================== */
.card-header {
	background-color: #14133B !important;
}

.card-title {
	color: #fff;
}

/* ==========================================================================
   Styles depending on view size
   ========================================================================== */
/* ==========================================================================
   ## Styles for phones
   ( bootstrap defines all devices smaller than 768px as phone )
   ========================================================================== */
@media ( max-width :767.98px) {
	.hidden-phone {
		display: none;
	}
	
	.post-header-images-container {
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* ==========================================================================
   ## Styles for tablets
   ( bootstrap defines all devices larger equal than 768px and smaller than 992px as tablet )
   ========================================================================== */
@media ( min-width :768px) and ( max-width :991.98px) {
	.hidden-tablet {
		display: none;
	}
	
	.post-header-images-container .image-hover-box .ihb-caption .ihb-title-cover .ihb-title {
		font-size: 24px !important;
	}
	
	.post-header-images-container .image-hover-box .ihb-caption p {
		font-size: 14px !important;
	}
	
}

/* ==========================================================================
   ## Styles for desktops
   ( bootstrap defines all devices larger equal than 992px as desktop )
   ========================================================================== */
@media ( min-width :992px) {
	.hidden-desktop {
		display: none;
	}
}

/* ==========================================================================
   Documentation Styles special for the Plugin "weDocs"
   ========================================================================== */
/* ==========================================================================
   ## Styles for the weDocs Sidebar (to see on a single document)
   ========================================================================== */
.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_parent>a,
	.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_item>a,
	.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_ancestor>a
	{
	background: #14133B !important;
}

.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_parent li.current_page_item>a,
	.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_item li.current_page_item>a,
	.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list>li.current_page_ancestor li.current_page_item>a
	{
	border-color: #14133B !important;
}

.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list > li > a:before {
	content: "" !important;
}

.wedocs-sidebar {
	width: auto !important;
}

.wedocs-single-wrap .wedocs-sidebar h3.widget-title {
	padding-right: 5px !important;
}

.wedocs-single-wrap .wedocs-sidebar h3.widget-title a {
	color: #333333;
}

/* ==========================================================================
   ## Styles for the weDocs Sidebar depending on view size
   ========================================================================== */
@media screen and (max-width: 768px) {
	.wedocs-single-wrap .wedocs-sidebar {
		border-bottom: 1px solid #eee;
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
	}
}

@media screen and (max-width: 440px) {
	.wedocs-single-wrap  h1.entry-title {
		font-size: 32px;
	}
}

/* ==========================================================================
   ## Styles for the weDocs Searchform
   ========================================================================== */
.wedocs-search-widget .search-submit {
	background: #14133B;
	color: #FFF;
	transition: all .3s ease-in-out;
	text-align: center;
}

.wedocs-search-widget input, .wedocs-search-widget select {
	margin-bottom: .5rem;
}

.wedocs-search-widget input {
	padding: 0 1em 0 2em !important;
}

.wedocs-search-widget select {
	padding: 0 2em 0 2em !important;
}

.wedocs-search-widget .search-submit {
	border-radius: 20px !important;
	/* wedocs search submit button is located below insert and select fields, so it should be rounded on both sides of the button */
}

/* ==========================================================================
   ## Styles for the weDocs Tags (to see on a single document)
   ========================================================================== */
.tags-links {
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.doc-tag {
	font-weight: bold;
	display: inline-block;
	border-radius: 15px;	
	color: #14133b;
}

.doc-tag a{
	color: #14133b !important;
}

.doc-tag a:before {
	content: '# ';
}

/* ==========================================================================
   ## Styles for the weDocs Overview Page (wedocs > shortcode.php)
   ========================================================================== */
.wedocs-doc-sections {
	text-align: left;
}
.wedocs-doc-section-children li {
	text-align: left;
}

.wedocs-shortcode-wrap .card-columns {
	text-align: left;
}

/* ==========================================================================
   ## Styles for the weDocs Overview Page (wedocs > shortcode.php)
   (show on desktop view three columns, on tablets two columns, on phones one column)
   ========================================================================== */
@media all and (min-width: 992px){
	.card-columns {
		column-count: 3;
	}
}

@media all and (min-width: 768px) and (max-width: 992px){
	.card-columns {
		column-count: 2;
	}
}

@media all and (max-width: 768px){
	.card-columns {
		column-count: 1;
	}
}

/* ==========================================================================
   ## Styles for the weDocs Documentation Page (wedocs > single-docs.php)
   (hide the anchor symbols after each header title (h2, ...))
   ========================================================================== */
.wedocs-single-content .entry-content .anchorjs-link{
	display: none;
}

.wedocs-single-content table tr:nth-child(even) {
	background: rgba(200, 200, 200, 0.1);
}

.wedocs-single-content table th,
.wedocs-single-content table tr,
.wedocs-single-content table td {
	padding: .5em;
}

.wedocs-single-content table td {
	border: solid 1px #EEE;
}

.wedocs-single-content table th {
	border: solid 1px #000;
	font-weight: 300;
}

.wedocs-single-content table thead tr:last-child th {
	border-bottom: solid 3px #000;
}

.wedocs-single-content table thead {
	background-color: #14133b;
	color: #FFF;
}

.wedocs-single-content table th {
    border: solid 1px #000;
    font-weight: 300;
    background-color: #14133b;
    color: #FFF; 
}

.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #14133b !important;
    color: #fff !important;
}
.wedocs-single-content code {
	font-size: 100%;
	background: #f3f4f5;
		padding: 3px;
		border-radius: 2px;
	color: #00A0df;
}

/* ==========================================================================
   Styles special for the Plugin "Simple Membership"
   ========================================================================== */
.btn-civento {
	color: #14133B;
	background-color: #FFF;
}

.btn-civento:hover {
	background-color: #14133B;
	color: #FFF;
}

.btn-civento-reverse {
	background-color: #14133B;
	color: #FFF;
}

.btn-civento-reverse:hover {
	color: #14133B;
	background-color: #FFF;
}

.swpm-logged-logout-link {
	padding-top: 1rem;
}

.swpm-edit-profile-submit-section {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.swpm-profile-update-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.swpm_error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.swpm-reset-pw-error {
	color: #721c24;
}

/* ==========================================================================
   Styles special for the Plugin "Simple Membership Full Page Plugin"
   ========================================================================== */
.swpm-login-link {
	text-decoration: underline;
}

.swpm-login-link:hover {
	color: #00A0DF;
}

/* ==========================================================================
   Needed Standard Stylings for WordPress
   ========================================================================== */
/* ==========================================================================
   ## Captions
   ========================================================================== */
.wp-caption {
	width: auto !important
}

.wp-caption-text {
	color: #000;
	font-family: "TT Norms W01 Regular", Arial, sans-serif !important;
	line-height: 1.5;
	margin: 0;
	padding: 0.5rem;
	text-align: center;
}

/* ==========================================================================
   ## Figures
   ========================================================================== */
figcaption {
	font-size: 13px;
}

/* ==========================================================================
   ## Galleries
   ========================================================================== */
.gallery-caption {
	display: block;
	font-family: "TT Norms W01 Regular", Arial, sans-serif !important;
	line-height: 1.5;
	margin: 0;
	padding: 0, 5rem;
}

/* ==========================================================================
   ## Comments
   ========================================================================== */
.bypostauthor {
	display: block;
}

#comments .badge-info {
	background-color: #00A0DF;
	float: right;
}

/* ==========================================================================
   ## Alignments
   ========================================================================== */
.alignright {
	float: right;
	margin-left: 1rem;
}

.alignleft {
	float: left;
	margin-right: 1rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
   ## Accessibility; text meant only for screen readers
   ========================================================================== */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
/* ==========================================================================
   ## Tags For Documentation Articles
   ========================================================================== */
span.doc-tag {
	font-weight: 400;
	font-size: 14px;
	font-style: italic;
}

span.doc-tag > a:before {
	font-size: 16px;
	content: '#';
}
/* ==========================================================================
   ## After Update 12/23 to WP 6.4.2 and weDocs 2.0.2.
The style.css from wedocs no longer works correctly with the logic of the sidebar, which is why a "dirty" fix was installed here to restore the display as before. In addition, there is an error in weDocs, which means that the comment function, printing of the article and the help link cannot be deactivated via the settings even though they are set to disabeld   ========================================================================== */

.wedocs-help-link, .wedocs-print-article, .wedocs-feedback-wrap {display: none !important;}


li.wd-state-open > ul.children, li.wd-state-open > ul.children > li.current_page_item > ul.children, li.wd-state-open > ul.children > li.current_page_ancestor > ul.children  {
	display: block !important;
} 

ul.children {
	display: none !important;
}
/* ==========================================================================
   ## CSS-Classes for the styling at the content-pages
   ========================================================================== */
.page-id-12701 .entry-title {
	font-size: 1.5em;
}


/* Bereich Berechtigungen */ 
.postid-14019 .wedocs-sidebar {display: none !important;}
.postid-14019 .wedocs-single-content {width: 100% !important; border-left-width: 0px !important;}

.dataTables_filter label input {
    background: #fff;
    background-image: none !important;
    color: #333;
    padding: 0 12px;
    margin: 0px 0px 0px 5px;
    outline: 0 !important;
    font-size: 14px !important;
    height: 36px;
    min-height: 0;
    line-height: 1;
    border-radius: 0;
    border: 1px solid #ccc !important;
    font-family: arial;
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.page-id-14980 #sidebar-single-post {
	display: none !important;
}