/*  
Theme Name: wellingtonchild-an
Author: Dagmar Diebels
Template: wellington
Version: 2.0
*/


/* Import the stylesheet from the Wellington parent theme */
@import url('../wellington/style.css');

body {
    background: #fff none repeat scroll 0 0;
	padding-top: 0;
}

.site {
	margin-top: 0;
	} 
	
.header-main {
    padding: 0 0 5px 0;
}
.header-image {
    margin: 0;
}
.primary-navigation-wrap {
	background: #fff;
	border-bottom: 1px solid;
	border-color: #ddd;
	}
	
.main-navigation-menu a,
.main-navigation-menu a:link,
.main-navigation-menu a:visited {
	color: #303030;
}

.main-navigation-menu li:hover > a, 
.main-navigation-menu li.focus > a, 
.main-navigation-menu ul ul a:hover, 
.main-navigation-menu ul ul li.focus > a {
	background-color: #d2e8f4;
}


.main-navigation-menu ul {
	background: #e6f1f7;
	color: #303030;
	border-top: 1px solid #303030;
}
.main-navigation-toggle {
    color: #000;
 }
 .main-navigation-toggle:hover, 
 .main-navigation-toggle:active {
    color: #ff0000;
}
.primary-menu-toggle .menu-toggle-text{color:#000;}
.primary-menu-toggle .icon {
	fill: #000 !important;
}
/*.main-navigation-menu .submenu-dropdown-toggle::before {
   color: #303030
}
	===> geändert in:
}*/
.main-navigation .menu-item-has-children > a > .icon {
    fill: #303030;
}

#menu-item-367 {
	float: right;
	display: absolute;
}
#menu-item-367 a{
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
}
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/* ------------------------- Übernommen aus Custom CSS -------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.main-navigation-menu a:hover,
.main-navigation-menu a:active {
    color: #303030;
}
.main-navigation-toggle:hover,
.main-navigation-toggle:active {
    color: #216da0;
}
/*.main-navigation-menu ul a{
	padding: 0.4em 1em 0.4em 1em}
		===> geändert in:
}*/
	
ul.sub-menu .menu-item a{
	padding: 0.4em 1em 0.4em 1em;
}

a:link, a:visited {
    color: #216da0;
}

.more-link:hover, .more-link:active {
    background: #d2e8f4;
}

.entry-categories
.meta-categories a {
    background: #d2e8f4;
}
.entry-categories
.meta-categories a:link,
.entry-categories
.meta-categories a:visited {
    color: #303030;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #d2e8f4;
    color: #303030;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    background: #b2dbf7;
}

.search-form
.search-submit
.genericon-search {
    color: #ededed;

}
.search-form
.search-submit {
	background: #216da0;
}

.rpwwt-post-title{
	color: #303030;
	font-size: 1.3em;
	font-weight: bold
}
.rpwwt-post-excerpt a {
	display: inline-block;
    font-size: 0.9375rem;
    padding: 0.5em 1em;
	margin-left: 3px;
}
.rpwwt-widget
.widget-header {
	margin-bottom: 5em;
}

.wp-caption {
	font-size: 13px;font-size: 0.8125rem;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*Übernommen aus Custom CSS - E N D E*/


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------- Nach Theme Update angepasst ------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*Neu*/
.main-navigation ul a,
.main-navigation ul a:link,
.main-navigation ul a:visited {
    color: #303030;
}
/*Neu*/
.main-navigation ul ul{
	background-color: #e6f1f7;}
/*Neu*/
.main-navigation ul a:hover {
    color:#303030;
	background-color: #d2e8f4;
}
/*Neu
.main-navigation ul li.current-menu-item > a {
    background-color: #d2e8f4;
}*/

.main-navigation ul 
.menu-item-has-children > a:hover > 
.icon {
    fill: #303030;
}

/* Nach Theme Update angepasst - E N D E**/

.no-sidebar .content-area, 
.site-content 
.centered-content-area {
    max-width: 1280px;
}
.more-link {

	background: #fff;
	color: #303030;
	border: 1px solid
}
.more-link:link,
.more-link:visited  {
	color: #303030;
}

.more-link:hover,
.more-link:active {
	background: #ee3333;
	text-decoration: none;
	border: 1px solid
}	
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #303030;
	color: #fff;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #ee3333;
}
.content-area {
	padding: 1em 1.5em 0;
}

.widget-title {
    font-size: 2rem;
}
table { /* Styling der Tabelle */ }

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}



/*  Paul: "I’ve added a responsive, three column footer widget area."
--> http://mywordpress.sterndata.com/2012/10/new-theme-twenty-twelve/*/

#footerwidgets {
    width:100%;
	margin-bottom: 10em;
	border-bottom: 1px solid;
 }

#footerwidgets li, #footerwidgets p  {
    padding-bottom: .5em;
    line-height:1.1em;
}
#footer-left {
    width:30%;
    float:left;
	margin-left:4.2%;
	margin-bottom: 3em;
    padding-right:2.5%;
	padding-top: 2em
}
#footer-middle {
    width:30%;
    float:left;
	margin-bottom: 3em;
    padding-left:2.5%;
    padding-right: 2.5%;
	padding-top: 3em
}
#footer-right {
    width:30%;
    float:left;
	margin-bottom: 3em;
    padding-left:2.5%;
	padding-top: 3em
}

#colophon {
	background-color: #d2e8f4;
	}
	.site-footer a:link,
	.site-footer a:visited {
		color: #303030;
		text-decoration: underline;
}
	
@media screen and (max-width: 960px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block;  text-align:center;}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
  .header-widget {
	float: right;
	}
	tr td:first-child {
    background: #fff none repeat scroll 0 0;
}

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

	#footer-left {
    width:100%;
    float:none;
	}#footer-middle {
    width:100%;
    float:none;
	}#footer-right {
    width:100%;
    float:none;
	}
	}
@media screen and (max-width: 480px) {
  .header-widget {
	float: none;
	}
}