/* --------------------------------
	
 View
 
-------------------------------- */

.view-paarden {
    margin-left: -15px;
    margin-right: -15px;
}
.view-paarden:before,
.view-paarden:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
.view-paarden:after {
    clear: both;
}
.view-paarden:before,
.view-paarden:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
.view-paarden:after {
    clear: both;
}
.view-paarden .views-row {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .view-paarden .views-row {
        float: left;
        width: 33%;
    }
}

.view-paarden .views-row:nth-child(4n+1) {
    clear: both;
}

.view-paarden .field-content > a {
    color: #606060;
    text-decoration: none;
    width: 100%;
}
.view-paarden .field-content > a:hover,
.view-paarden .field-content > a:focus {
    text-decoration: none;
}
.view-paarden .field-content > a:hover .horse-image img,
.view-paarden .field-content > a:focus .horse-image img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.front .view-paarden .views-row {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .front .view-paarden .views-row {
        float: left;
        width: 100%;
    
    }
}
.front .view-paarden .views-row:nth-child(4n+1) {
    clear: both;
}


/* --------------------------------
	
 Pedigree
 
-------------------------------- */


.table--studbook {
    border: 1px solid #dddddd;
    border-color: #fff !important;
}

.table--studbook > thead > tr > th,
.table--studbook > tbody > tr > th,
.table--studbook > tfoot > tr > th,
.table--studbook > thead > tr > td,
.table--studbook > tbody > tr > td,
.table--studbook > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table--studbook > thead > tr > th,
.table--studbook > thead > tr > td {
    border-bottom-width: 2px;
}

.table--studbook td {
    vertical-align: middle !important;
    background-color: #e8e8e8;
    border-color: #fff !important;
    width: 25%;
	padding: 15px !important;
}


.table--studbook td i {
	display: block;
    margin: 0;
    font-size: 13px;
}

.table--studbook p {
    display: block;
    margin: 0;
    font-size: 16px;
}

.table--studbook td small {
	display: block;
    margin: 0;
    font-size: 13px;
}

.table--studbook p.name a:first-child {
    display: inline-block;
}

@media (max-width: 767px) {
    .table--studbook p {
        padding-left: 0;
        font-size: 14px;
    }
}


.table--studbook tr:nth-child(1) td:nth-child(2),
.table--studbook tr:nth-child(5) td:nth-child(2),
.table--studbook tr:nth-child(7) td:nth-child(2) {
    background: rgba(0, 0, 0, 0.2);
}




.table--studbook .tooltip {
    opacity: 1;
    font-size: 16px;
    color: #606060;
}


.table--studbook .remarks {
	display: none !important; 
}

#collapsePedigree {
	width: 100%;
	padding: 0 15px;
	padding-top: 30px;
	display: inline-block;
}

#collapsePedigree table {
	max-width: 100%;
	width: 100%;
}


#collapsePedigre a,
#collapsePedigre p {
	font-size: 14px;	 
}

@media (max-width: 767px) {
    .table--studbook .tooltip {
        font-size: 12px;
    }
    
    .twentyseventeen-front-page .site-content {
		width: 100% !important;
	}
	.horse-container {
		padding: 0 15px;
	}
	
	.horse-back-url {
		padding: 0;
	}
}


/* --------------------------------
	
 Horse Detailpage
 
-------------------------------- */

.horse-container {
	max-width: 1140px;
	margin: 0 auto;
}

	.horse-back-url {
	    display: block;
	    padding-left: 15px;
	    margin-top: 30px;
	    color: #ff8e14;
	}

	.horse-info {
	    width: 100%;
	    display: flex;
	    padding: 15px;
	}
	
		.horse-info-content {
			width: 66%;

		}

		.horse-featured-block{
			background: #ee9828;
			padding: 40px;
			font-size: 20px;
			color: white;
		}

		.horse-featured-block p{
			margin: 0;
		}
		.horse-info-container {
			width: 33%;

		}
		
			.horse-details {
				padding: 0 30px;
			}
			
				.horse-label {
					display: inline-block;
					margin: 0 15px 0 0;
					min-width: 185px;
				}
				
				.horse-data {
					display: inline-block;
					margin: 0 15px 0 0;
				}
	
	.horse-images {
	    width: 49.5%;
	    float: left;
	    padding: 0 15px;
	}
  
  .horse-images .owl-carousel .owl-stage-outer{
	    width: calc(100% - 2px);
	}
	
		.owl-carousel {
			position: relative;
		}
		
			.owl-nav {
				position: absolute;
				top: 45%;
				color: #fff;
				left: 20px;
				right: 20px;
				font-size: 20px;
			}
			
				.owl-prev {
					float: left;
				}
				
				.owl-next {
					float: right;
				}
				
					.disabled {
						display: none;
					}
				
				.owl-stage {
					display: flex;
					align-items: stretch;
				}	
					.owl-item {
						background: #dddddd;
						display: flex;
						align-content: center;
					}
					
						.item {
							display: flex;
							align-items: center;
						}
	
	.horse-videos {
	    width: 49.5%;
	    float: left;
	    padding: 0 15px;
	}
	


@media (max-width: 767px) {
	.horse-info,
	.horse-images,
	.horse-video,
	.horse-info-content,
	.horse-info-container{
		width: 100%;
		padding: 0;
	}
	.horse-info{
		flex-direction: column;
	}
	.horse-details{
		padding: 0;
	}

}


/* --------------------------------
	
Overview
 
-------------------------------- */

.view-content {
	display: flex;
	flex-wrap: wrap;
}

	.view-content .views-row {
		display: flex;
	}
	
		.view-content .field-content {
			display: flex;
			width: 100%;
		}
			.view-content .horse-link {
				display: flex;
				width: 100%;
			}
		
				.view-content .horse {
					width: 100%;
				}
					.view-content .horse-title {
						text-transform: uppercase;
					    font-weight: bold;
					    text-align: left;
					    color: #ff8e14;
					    font-size: 18px;
					    margin: 20px 0 10px 0;
					}
					
					.view-content .horse-image {
					    height: 230px;
					    width: 100%;
					    background-size: cover;
					    background-position: center center;
					    overflow: hidden; 
					}
					
						.view-content .horse-image img {
						    -webkit-transition: all 0.2s ease-out;
							transition: all 0.2s ease-out;
					    }