/*
 Theme Name:   SKFM
 Theme URI:    https://www.skfm-hilden.de
 Description:  Theme für SKFM
 Author:       Ralf Stahr
 Template:     generatepress
 Version:      1.0
*/

/*NOTE: Allgemeine Klassen ------------------------ */


@font-face { font-family: 'OpenSans-Regular';
             src: url('/wp-content/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
             font-display: swap;
}

@font-face { font-family: 'OpenSans-Semibold';
             src: url('/wp-content/fonts/OpenSans/OpenSans-Semibold.ttf') format('truetype');
             font-display: swap;
}

@font-face { font-family: 'OpenSans-Bold';
             src: url('/wp-content/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
             font-display: swap;
}

@font-face { font-family: 'QuattrocentoSans';
             src: url('/wp-content/fonts/QuattrocentoSans/quattrocentosans-regular-webfont.woff') format('woff');
             font-display: swap;
}


*:focus {
    outline: #190595 solid !important;
}

.one-container .site-content {
	margin-top: 20px;
}


pre {
	background: #eee;
	font-family: Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}

code, kbd, tt, var {
	font: 15px Monaco, monospace;
}


button,
input,
select,
textarea {
    font-family: "OpenSans-Regular", sans-serif;
    font-weight: normal;
    text-transform: none;
    font-size: 18px;
}

.ow-button-base.ow-button-align-center {
	border: 1px solid var(--gruen);
	border-radius: 5px;
}
.ow-button-base.ow-button-align-center:hover {
	border: 1px solid var(--lila);
}

span.sow-icon-typicons:hover {
	color: var(--lila) !important;
}

body,
p {
  font-family: "OpenSans-Regular", sans-serif;
}

a,
button,
input {
	transition:color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}

/*NOTE: Link-Auszeichungen ------------------------ */

/*a[target="_blank"]:after {
    content: " \21D7";
    font-size: 20px;
    color: #999999;
    text-decoration: none !important;
}

a:after {
    content: " \21D2";
    font-size: 14px;
    color: #999999;
    text-decoration: none !important;
}*/

.main-navigation a:after,
a.sowb-button:after,
.site-logo a:after,
.footer-widgets a:after,
.footer-bar a:after,
a.generate-back-to-top:after,
#wpadminbar a:after,
#breadcrumbs a:after  {
    content: "";
}


li.menu-item a, li.menu-item a:visited , li.menu-item a:hover,
a.sowb-button, a.sowb-button:visited, a.sowb-button:hover,
.footer-widget-1 a, .footer-widget-1 a:visited, .footer-widget-1 a:hover,
.footer-widget-2 a, .footer-widget-2 a:visited, .footer-widget-2 a:hover,
.footer-widget-3 a, .footer-widget-3 a:visited, .footer-widget-3 a:hover,
.footer-widget-4 a, .footer-widget-4 a:visited, .footer-widget-4 a:hover,
.footer-bar a, .footer-bar a:hover, .footer-bar a:visited,
.inside-right-sidebar a, .inside-right-sidebar a:hover, .inside-right-sidebar a:visited {
	text-decoration: none !important;
}

.generate-back-to-top {
	border: 1px solid var(--weiss);
}

/*NOTE: Textauzeichnungen ------------------------- */

p.site-description {
	font-family: "OpenSans-Bold", sans-serif;
}

.main-title {
	word-wrap: break-word;
}

h1,
h1.entry-title {
	font-family: "QuattrocentoSans", sans-serif;
}


h2,
h3,
h4,
h5,
h6 {
	font-family: "OpenSans-Regular", sans-serif;
}

b,
strong {
	font-family: "OpenSans-Medium", sans-serif;
}



.cat-links a,
.tags-links a {
	text-decoration: none;
}

.main-navigation {
	 border-bottom: 2px solid var(--lila);
	 box-shadow: 0px 15px 10px -15px #111;
}

.site-content {
	 border-bottom: 1px solid #ccc;
	 box-shadow: 0px 15px 10px -15px #111;
}


.site-footer {
	box-shadow: 0px -15px 10px -20px #111;
	margin-top:20px;
}

.site-info {
	border-top: 4px solid var(--liladeko)
}


#primary ul li {
	list-style-type: circle !important;
	margin-left: 20px;
}

#right-sidebar .widget ul li {
	list-style-type: none !important;
}

.inside-right-sidebar p,
.inside-right-sidebar a,
.inside-right-sidebar li {
	font-size: 17px;
	line-height: 1.6em;
}

.inside-right-sidebar li {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--grau);
}

.footer-widgets h2.widget-title {
	font-family: "OpenSans-Bold", sans-serif;
	color: var(--weiss);
	margin-bottom: 14px;
}

.footer-widgets p,
.footer-widgets a,
.footer-widgets li {
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 1.2em;
}


/*NOTE: Header -------------------------- */

div.site-branding {
	margin-top: 28px;
	margin-left: 20px;
}


/*NOTE: Menue --------------------------------------*/

.menu-toggle {
	font-size: 24px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	border-bottom: 4px solid var(--lila);
}

.main-navigation ul ul,
.main-navigation ul ul li {
	width: 100%;
	min-width: 360px;
	max-width: 380px;
}

.main-navigation ul ul li {
	border-right: 1px solid var(--grau);
	border-bottom: 1px solid var(--grau);
}

.main-navigation ul ul li:hover {
	border-right: 1px solid var(--lila);
	border-bottom: 1px solid var(--lila);
	background-color: var(--gruen);
}

.main-navigation ul ul:hover {
	border-right: 1px solid var(--weiss);
	border-bottom: 1px solid var(--weiss);
}

.my_homecontentbutton a {
    background-color: #006016;
    height: 6em;
    padding: 12px 16px 12px 16px;
    width: 6em;       
    text-decoration: none;
    border-radius: 4px;
    font-size: 18px;
    vertical-align: middle;
    opacity: 1;
}
.my_homecontentbutton a:hover {
    background-color: #347a09;
}
@media (max-width: 360px) {
	.mobilverstecken {
		display: none;
		visibility: hidden;
	}
}

.starttext {
	background-color: #f7f8eb;
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #190595;
	box-shadow: 0px 0px 10px 2px #ababab;
	width: 100%;
	max-width: 300px;
}

@media (min-width: 768px) and (max-width: 1023px) {
.tablet-grid-50 {
	float: left;
    width: 30%;
    }
}

.feldabstand1 {
	margin-bottom: 10px !important;
	width: 100% !important;
}

.captcha-image svg {
	width: 40px !important;
	height: 40px !important;
	color: #666 !important;
}

.captcha-image {
	margin: 20px 0px !important;
	width: 100%;
	border: 1px solid #ccc !important;
}

.wpcf7-list-item {
	margin: 0px;
}

.captcha-image .cf7ic_instructions span {
	color: #222222 !important;
	font-weight: 700 !important;
}

.cf7ic_instructions {
	padding-bottom: 10px !important;
}

.captcha-image label>input:checked+svg, 
.captcha-image label>input:focus+svg {
	border: 2px solid var(--lila);
	margin: 4px !important;
	background-color: var(--lila) !important;
	color: var(--weiss) !important;
}

/*NOTE: Content */

.a11y-toolbar ul li button.active, .a11y-toolbar ul li button:hover {
	background: var(--lila);
	color: #fff;
}

.widget ol {
	padding-left: 40px;
}

h3.sow-carousel-item-title,
h3.sow-carousel-item-title a {
	font-size: 18px;
	text-align: left !important;
	color: var(--gruen) !important;
}

h3.sow-carousel-item-title:hover,
h3.sow-carousel-item-title a:hover {
	color: var(--lila) !important;
	cursor: default !important;
}

div.sow-features-feature {
	border: 1px solid var(--lila);
	border-radius: 10px;
	padding-top: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 30px !important;
	padding-left: 20px !important;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	text-decoration: none;
}

div.sow-features-feature:hover {
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
}

a.sow-features-feature-linked-column {
	text-decoration: none;
	display: none;
	visibility: hidden;
}

h5.sow-features-feature-title {
	font-weight: bold;
}

#primary .sow-features-feature-text ul {
	padding-bottom: 20px;
}

#primary .sow-features-feature-text ul li {
	list-style-type: none !important;
	margin-left: 0px;
}

.kachelweiss {
	border-color: var(--lila) !important;
	padding: 20px 20px;
	min-height: 310px;
}

.kachelweiss h4 {
	font-family: "OpenSans-Bold", sans-serif;
	color: var(--schwarz);
	margin-bottom: 14px;
}


input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	width: 100%;
}

/*NOTE: Post Grid */

h4.pt-cv-title {
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 18px;
	line-height: 1.6em;
}

.iscvblock .pt-cv-readmore.btn,
.iscvblock .pt-cv-readmore.btn:active, 
.iscvblock .pt-cv-readmore.btn:focus 
{
	background: var(--gruenhhg) !important;
	color: var(--weiss);
	font-size: 18px;
	text-decoration: none !important;
}

.iscvblock .pt-cv-readmore.btn:hover {
	background: var(--lila) !important;
}


.pt-cv-wrapper .pagination>.active>a, 
.pt-cv-wrapper .pagination>.active>a:focus, 
.pt-cv-wrapper .pagination>.active>span, 
.pt-cv-wrapper .pagination>.active>span:focus {
	color: var(--weiss);
	background-color: var(--gruen) !important;
	border-color: var(--grau) !important;
	cursor: default;
}

.pt-cv-wrapper .pagination>.active>a:hover,  
.pt-cv-wrapper .pagination>.active>span:hover {
	color: var(--weiss);
	background-color: var(--lila) !important;
	border-color: var(--grau) !important;
	cursor: default;
}

.pt-cv-wrapper .pagination>li>a {
	color: var(--gruen) !important;
}

.pt-cv-pagination[data-isblock=''] li.active a {
	color: var(--weiss) !important;
}

.pt-cv-wrapper .pagination>li>a:hover {
	color: var(--lila) !important;
}

.pt-cv-view.iscvblock:not(.pt-cv-overlaygrid):not(.pt-cv-scrollable) .pt-cv-meta-fields * {
	color: var(--grau) !important;
}

/*NOTE: Tablepress */
.tablepress tfoot th, .tablepress thead th {
background-color: var(--gruenhhg) !important;
color: var(--weiss) !important;
}

.tablepress .sorting, .tablepress .sorting_asc, .tablepress .sorting_desc {
background-color: var(--gruenhhg) !important;
color: var(--weiss) !important;
}
.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
background-color: var(--gruenhhg) !important;
color: var(--weiss) !important;
}

.column-3 {
	text-align: center !important;
	font-size: smaller;
}


/*NOTE: Borlabs Cookie */

._brlbs-bar .container {
	max-width: 1188px !important;
}


._brlbs-btn {
	font-size: 14px !important;
}
._brlbs-btn-accept-all {
	font-size: 16px !important;
}


/*NOTE: Yoast */
#bread {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px; 
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	#bread {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
}

#breadcrumbs {
	font-size: 13px;
}

ul#breadcrumbs {
    list-style: none;
    margin: 0px;
}
@media (max-width: 768px) {
  ul#breadcrumbs {
    list-style: none;
    margin: 0px
  }
}

.breadcrumb_last {
	color: var(--grau);
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
}