/*
 Theme Name:   OceanWP Child
 Description:  Child Theme
 Author:       GRAFIKWERK 21 Raphael Schmitt
 Author URI:   https://www.grafikwerk21.de
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

@charset "utf-8";

h1, h2, h3, h4, h5 {
	color: #fff !important;
}

h1, h2 {
	font-size: 39px !important;
	margin-bottom: 50px !important;
}

ul {
	margin: 0px;
	padding: 0px;
}
	
ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.teaserList {
	margin: 0px;
	padding: 0px;
}

.infoText {
	font-size: 16px;
	font-weight: 280;
	line-height: 1.6em;
	padding-bottom: 50px;
}

.newsPublishedDate {
	font-size: 80%;
	text-transform: uppercase;
}

.newsHeadline {
	font-size: 180%;
	padding-top: 10px;
	padding-bottom: 40px;
	line-height: 120%;
}

.newsTextWrapper {
	color: #ffffff;
	padding-bottom: 60px;
	font-size: 16px;
	font-weight: 280;
	line-height: 1.6em;
}

.wp-element-caption {
	color: #ffffff !important;
	text-align: left !important;
}

.resultList {
	margin: 0px;
	padding: 0px;
}

.resultList li {
	padding: 25px;
}

.resultList li a {
	color: #fff;
}

.resultList li a:hover {
	text-decoration: underline;
}

.resultSports {
	font-size: 80%;
}

.resultDateAndEvent {
	font-size: 180%;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.resultData {
	font-size: 16px;
	font-weight: 280;
	line-height: 1.6em;
}

.even {
	background-color: #057842;
}

.odd {
	background-color: #001e04;
}

.buttonLink {
	margin-top: 40px;
	padding: 20px;
	color: #fff;
	background-color: #001e04;
}

.buttonLink:hover {
	color: #001e04;
	background-color: #fff;
}

.buttonLinkLight {
	margin-top: 40px;
	padding: 20px;
	color: #fff;
	background-color: #057842;
}

.buttonLinkLight:hover {
	color: #057842;
	background-color: #fff;
}

/* css breakpoints / responsive design *******************************************/

/* Smartphones */
@media only screen and (min-width: 300px) {
	
	.teaserList li {
		padding: 25px;
		width: 100%;
		margin-bottom: 20px;
		height: 470px;
	}
	
	.newsTextWrapper {
		padding-right: none;
	}
	
}

/* Tablets */
@media only screen and (min-width: 800px) {
	
	.teaserList li {
		width: 45%;
		margin-right: 20px;
		float: left;
	}
	
	.newsTextWrapper {
		padding-right: 20%;
	}
	
}

/* Medium and Large Screens */
@media only screen and (min-width: 1080px) {
	
	.teaserList li {
		height: 430px;
	}
	
	.newsTextWrapper {
		padding-right: 40%;
	}
	
}