/*
 Theme Name:   Mercia Child Theme
 Description:  Mercia Child Theme
 Template:     mercia
 Version:      1.0.0
*/


/*--------------------------------------------------------------
19.0 Ceylos Ergänzungen
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Ninja Forms
--------------------------------------------------------------*/

#ninja .nf-form-fields-required {
	display:none;
}
#ninja ul li::before {
	content: none;
}

#ninja .nf-form-content input[type="submit"] {
	background:#69C828;
}

#ninja .nf-form-content input[type="submit"]:hover {
  background:#002F64;
	color: #fff;}

#ninja .nf-field-description {
	margin:-0.5rem 0 1rem 0;
}

#ninja h3, .zufrieden .nf-field-label .nf-label-span, .zufrieden .textarea-wrap label {
color:	#002F64;
	font-size:1.25rem;
	line-height:1.5rem;
	font-weight:400
}

#ninja .nf-field-label {
	margin:2rem 0 0.5rem 0;
	padding:0;
}

#ninja h3 {
	margin:2rem 0 -0.5rem 0;
}
#ninja .unterpunkt .nf-field-label {
	margin:-0.5rem 0 0.5rem 0;
}




/*--------------------------------------------------------------
19.1 Allgemein
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	font-weight:300;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, 'Roboto', Tahoma, Arial;
}

h2 {font-weight:400;margin: 1em 0 0.25em;}



.pfeil:before {
  content: "\203A";
  width: 10px;
  font-size: 18px;
  display: inline-block;
  color: inherit; }
  
  .site {
	background: transparent;
	max-width: 1280px;
}

  
  
/*--------------------------------------------------------------
19.2 Headbereich
--------------------------------------------------------------*/

.site-title, .site-title a {font-family: Palatino, Times New Roman, Georgia;
	font-size:2.5rem !important;
	line-height:2.5rem;
	font-style: italic;
	font-variant: normal;
	font-weight: 100;
letter-spacing:1.5px;
text-align: right;}

.site-header {
	margin: 0 0 1.6em;}
	
.primary-navigation-wrap {
background:#fff;
	border-top: none;
	border-bottom: none;
	float:left;
	margin:26px 0 0 18px;
	padding: 20px 0 0;
}

.header-main {
background:#fff;
	padding: 1.8em 0 0;
}

#masthead {
background:#fff;
}

#logo  {float:right; margin:10px 30px 10px 0;}

#logo a {
	font-size:24px;}

#logo .site-description {
font-size:12px;}

/*--------------------------------------------------------------
19.3 Navigation oben
--------------------------------------------------------------*/

.main-navigation-menu li.menu-item > a  {
	font-size:13px;
	color:#222;
	text-transform:uppercase
}
.main-navigation-menu li.current-menu-item > a {
		text-decoration: none;
	color:#002F64;
	}
.main-navigation-menu ul, .main-navigation-menu ul a {
		border: 1px solid #eeeeee;
}

.main-navigation-menu > .menu-item-has-children a:hover .sub-menu-icon .icon {
		fill: #dd0000;
	}
.main-navigation-menu li{
	cursor: pointer;
}
.main-navigation-menu a {
		padding: 0.8rem;
	
	}

/*--------------------------------------------------------------
19.4 Seitenbereich
--------------------------------------------------------------*/

#secondary .widget b,
#secondary .widget strong {
	font-weight: 300;
}

#secondary .widget li .sub-menu{
			display: none;
			visibility: hidden;	
		}

#secondary .widget.widget_custom_html{
	background:#002F64;
	color:#fff;
	font-weight: 100;
	font-size:14px;
}

#secondary .widget.widget_custom_html a{
	color:#fff;
}


#secondary .widget  {
	font-size:15px;
	line-height:25px;
	color:#222;
	background:#fff;
	padding:26px 32px 35px 32px;
	font-family: "Helvetica Neue", Helvetica, 'Roboto', Tahoma, Arial;
	letter-spacing:1px;
}

 #secondary .widget h4 {
	 font-family: "Helvetica Neue", Helvetica, 'Roboto', Tahoma, Arial;
	color:#222;
	text-transform:none;
	font-size:24px;
	font-weight:300;
	line-height:36px;
	margin:0}

#secondary .widget.widget_custom_html h4{
	color:#fff;
	font-size:24px;
}
#secondary .widget-title {
	margin: 0 0 1.75em;
	padding: 10px 0;}


#secondary .widget a {
	color:#222;
	
}
#secondary .widget a:hover {
text-decoration:underline;
}

#secondary .widget .dakks {font-size:0.7rem;line-height:0.8rem;}
.widget ul > li:last-child {
	border-bottom: 0px solid rgba(0,0,0,0.075);
}

.widget ul .children {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}

.widget ul .sub-menu {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}

#secondary .menu-item-has-children .menu-item-has-children li {
			display: none;
			visibility: hidden;	
		}
#secondary .widget ul li a:hover,
#secondary .widget ul li.current_page_item > a,
#secondary .widget ul li.current_page_parent > a,
#secondary .widget ul li.current-post-parent > a,
#secondary .widget ul li.current-menu-item > a{
		color: #002F64;
	}

#secondary .sub-menu a 
{margin-left: 10px;}

#secondary .widget li.current-menu-item .sub-menu, #secondary .widget li.current-menu-parent .sub-menu
		{
			display: block;
			visibility: visible;	
		}


#secondary .sub-menu a:before {
  content: "\203A";
  width: 10px;
  font-size: 18px;
  display: inline-block;
  color: inherit; }


.sidebar {
	border-top: none;
}

.page .imagediv{
	position: relative;
}

.page .imagedescription{
	position: absolute;
right: 0;
bottom: -35px;
width: auto;
height: auto;
color:#777777;
margin: 0 1em 2em;
font-size: 11px;
padding: 2px;

}

/*--------------------------------------------------------------
19.5 Content-Bereich
--------------------------------------------------------------*/

#primary {
	background:#fff;
	margin-bottom:20px;
}

#breadcrumbs {font-size:12px;margin:0 0 30px;
}

#breadcrumbs a {color:#777777;
}
#breadcrumbs p {margin-top:0;
}

.home #breadcrumbs, .home .entry-title {display:none;visibility:hidden;}
.home .entry-content {
	padding:0 ;
}

.home .entry-header {
	padding:0;
	
}

.homecontent{padding:0 30px;}
.home .homecontent h1 {font-family: Helvetica, 'Roboto', Tahoma, Arial;
	color:#69C828;
	font-weight:300;
	font-size:28px;
margin:10px 0;padding:0}

.home .homecontent h3 {font-family: Helvetica, 'Roboto', Tahoma, Arial;
	color:#222;
	font-weight:300;
	font-size:16px;
margin:0;padding:0}


.entry-title {
	font-family: Helvetica, 'Roboto', Tahoma, Arial;
	color:#69C828;
	font-weight:300;
	font-size:38px;
}

.entry-header {
	padding:5px 30px 0 30px;
	
}
.entry-content {
	padding:0 30px;
}

.fuchstabelle {font-size:14px;}

.su-accordion .su-spoiler-title {
	font-weight: 300;
	font-size: 16px;
}

.entry-content a {color:#002F64;}
.pferdebox {font-size:14px; background:#efefef;padding:20px 15px;min-height:150px}

.downloadbox {font-size:14px; background:#efefef;padding:20px 15px;}
.downloadbox h4 {font-size: 15px; font-weight:500; margin:0;padding:0; }
.downloadbox a{color:#222}
.downloadbox a:hover {color:#002F64}


.pferdebox a:before {
	 content: "\00bb";
  width: 14px;
  font-size: 18px;
  display: inline-block;
  color: inherit;
	min-height:150px;
}



 .entry-content ul {
    list-style: none;
    padding: 0 0 0 8px;

     }
.entry-content ul li{
	text-indent: -8px;
    padding-left: 8px;
    /* list-style-position: inside; */
}

.entry-content ul li::before {
	 content: "\00bb";
  width: 8px; 
  font-size: 18px;
  display: inline-block;
  color: inherit;
}

/* make the old away*/
.entry-content ul a:before {
    content: "";
    width: 0px;
    font-size: 18px;
    display: inline-block;
    color: inherit;
}


/*--------------------------------------------------------------
19.6 Footer-Bereich
--------------------------------------------------------------*/

.site-footer {
	border-top: none;}

#footer-line {
font-size: 0.8rem; 
padding:10px;
margin:0 0 80px}

#footer-line a {
font-size: 0.8rem; 
color:#787878;
margin:0  5px;}

#footer-line a:hover {
color:#002F64;}

#footer-line a.genecontrol {
color:#222;}


#cn-notice-text a {color:#ff9999;}

/*--------------------------------------------------------------
19.6 Footer-Bereich für Full width
--------------------------------------------------------------*/
.site-main article,
		.comments-area,
		.infinite-scroll #infinite-handle span,
		.blog-grid-layout .content-archive .post-wrapper {
			margin-bottom: 0.5em;
		}
/*--------------------------------------------------------------
19.7 Slider Startseite
--------------------------------------------------------------*/

.home .su-slider-slide-title {opacity: 0.9 !important; line-height:2.0rem; font-size: 1.2rem;background:#fff; color:#111;border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;}

	/* column IE hack */


	@media only screen and (min-width: 57.5em) {
		.site-content {
			display: grid;
	
			grid-template-columns: 7fr 3fr;
			grid-column-gap: 2em;
			width: 100%;
			float: left;
		}
		#primary{
			float: left;
			width: 777px;
			display: block;
			position: relative;
		}
		.page-template-template-fullwidth #primary{
			float: left;
			width: 100%;
			display: block;
			position: relative;
		}
		#secondary{
			width: 390px;
			float: right;
			display: block;
			position: relative;
			padding: 0;
		}
	.single-post .type-post {
			display: inline-grid;
			grid-template-columns: 7fr 3fr;
			grid-template-rows: auto 1fr;
			grid-column-gap: 2em;
			margin-bottom: 0;
		}



	}

.search-results .page-header {padding:30px 30px 0 30px;}

.no-results .page-title, .search-results .archive-title {font-size:26px;font-weight:300;
text-transform: none;}

.search-results h2.entry-title {font-size:20px;}

.search-results .entry-excerpt p {margin:0px}

.search-results .entry-excerpt {margin-bottom:40px}


.search-results a.more-link {font-weight:300;}

.search-results .post-image {display:none;visibility:hidden;}

.search-form .search-submit {background:#002F64;}


/*--------------------------------------------------------------
Ninja Forms
--------------------------------------------------------------*/

#ninja .nf-form-fields-required {
	display:none;
}
#ninja .entry-content ul li::before {
	content: none;
}





/*--------------------------------------------------------------
Mobile Ansicht
--------------------------------------------------------------*/
@media only screen and (max-width: 880px) {
	.site-description, .site-title {
		margin-left: 34px;
		width: auto;
		
	}
	.primary-navigation-wrap{
		margin: 0px 0 0 0px;
		padding:  0;
		width: 100%;
	}
	.header-main {
    text-align: center;
	}






}

a:hover { cursor: pointer !important; }