nhgooi.nl/website/public/css/nhgooi.css

/*
* Lichtblauw: #03A6E0
* Donkerblauw: #1F3977
*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	color: #1F3977;
}


@media screen and (max-width:767px) {
	.row .column {
		width: 100%;
	}

	.header .placeholder .controls li a {
		width: 30px;
	}

		.header .placeholder .controls li a label {
			display: none;
		}
}

.header .placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 90px;
}

	.header .placeholder .title,
	.header .placeholder .artist {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.header .placeholder .title {
		font-weight: bold;
	}

	.header .placeholder .controls {
		font-size: 75%;
		bottom: 0;
		position: absolute;
		width: 100%;
	}

	.header .placeholder .controls li {
		display: inline-block;
	}

		.header .placeholder .controls li a {
			line-height: 120%;
			font-size: 80%;
			color: #ABABAB;
			display: block;
			padding: 4px;
			margin-left: 5px;
			margin-right: 5px;
		}

			.header .placeholder .controls li a:hover {
				background-color: #E0E0E0;
				transition: 500ms;
			}

.page_header_left {
	width: auto;
	float: none;
	clear: both;
}

.page_header_right {
	float: right;
	clear: both;
	margin-top: -2em;
}

.tabs_navigation li a:hover,
.tabs_navigation li a.selected,
.tabs_navigation li.ui-tabs-active a {
	background-color: #03A6E0;
}

.tabs_navigation li.ui-tabs-active span {
    border-top-color: #03A6E0;
	border-bottom-color: #03A6E0;
}

.box_header {
	border-left-color: #1F3977;
}

.more.active,
.more:hover
{
	transition: 500ms;
	background-color: #1F3977;
	border-color: #2F4A88;
}

button[disabled],
button[disabled]:hover
{
	background-color: #F0F0F0;
	border-color: #D0D0D0;
	color: #333333;
	cursor: default;
}

.latest_news_scrolling_list .when
{
	float: right;
	color: #7C7C7C;
	margin-left: 2em;	
	text-decoration: none;
}


.blog_grid .post img {
	height: 100%;
}

.post h2,
.post h5 {
	text-overflow: ellipsis;
	overflow: hidden;
}

.post.single .post_details a {
	color: #1F3977;
}

.post_details li.category
{
	font-weight: bold;
	background-color: #03A6E0;
}

.post_details.simple li.category a {
	color: #1F3977;
}

.post_details.simple li.category a.over_image {
	color: white;
}

.post_details date.edited {
	font-weight: bold;
}

.read_more .arrow {
	background-color: #03A6E0;
}

.row.grid .column {
	margin: 0px;
	margin-top: 10px;
}

.grid .post {
    clear: none;
    padding-left: 3px;
    padding-right: 3px;
}

.blog_grid .post.large {
    /* Width is 787px, so ensure largest photo has 16:9 ratio. */
    height: 442px;
}

.blog_grid .post.small {
    /* Height of main is 442, minus two 2px margins, leaves 146px per item */
    height: 146px;
    overflow: hidden;
}

.blog.podcasts .post {
	margin-top: 0px;
}

.blog.podcasts .post p {
	margin-top: 0px;
	padding-top: 5px;
}

.blog.small .post img {
	width: 100px;
}

.post.single {
	width: 100%;
}

.post.no_img .post_content {
	width: 100%;
}

.action_button
{
	position: relative;
	display: inline-block;
	height: 29px;
	float: left;
	color: #25282A;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 20px;
	padding-right: 12px;
}

.action_button span
{
	display: block;
	line-height: normal;
	margin-top: 7px;
	position: relative;
	margin-left: 38px;
}

.action_button .fa
{
	position: absolute;
	width: 24px;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	background-color: #03A6E0;
	color: white;
	margin-top: 0;
	margin-left: 0;
	padding-left: 10px;
}

.action_button:hover
{
	color: #FFF;
	text-decoration: none;
}

.action_button:not(.disabled):hover .fa,
.read_more:not(.disabled):hover span
{
	transition: 200ms;
	width: 100%;
}

.action_button.disabled {
	color: #A1A1A1;
}

.action_button.disabled span.fa {
	background-color: #E4E4E4;
}

.text-muted {
	color: #7C7C7C;
}