@charset "UTF-8";
/* CSS Document */

.video-thumb-holder-double, .hooves-columns {
	float: left;
	position: relative;
}

.video-thumb-holder-double, .hooves-columns img {
	width: 100%;
}

.video-thumb-holder-double, .hooves-columns:hover {
	opacity: 0.5;
}	
	
	.endorse-logos {
		float: left;
		padding: 0;
		border: none;
	}	
	
	
 .farrier-button {
		width: 90%;
		height: auto;
		padding:1.5% 5%;
		margin-bottom: 10px;
		border: 5px solid #000000;
		background-color: #8a0304;
		color: #ffffff;
		text-align: left;
		position: relative;
		font-weight: bold;
		font-size: 17px;
		line-height: 17px;
		
	}	
	
	.farrier-button:active {
		background: #be4041;
	}	

	.farrier-button:hover {
		background: #be4041;
		cursor: pointer;
	}	
	
	
	#farrier-endorse, #rider-endorse, #pfproducts, #pfrockhard, #pffarrier, #pfhoofmoist {
		width: 100%;
	margin-top: 20px;
		display: none;
	}	
	
	
	.profeet-list {
		font-size: 14px;
		list-style-image: url("https://www.naf-equine.eu/uk/hooves/img/feeds-hooves/PROFEET-icon.png");
		list-style-position: inside;
	}	
	
	.profeet-list li {display: list-item;padding: 3px 0;}
	
	li {display: list-item;}
	
	
	.profeet-columns {
		 -webkit-column-count: 3;
     		-moz-column-count: 3;
          column-count: 3;
		column-gap: 40px;
		position: relative;
		column-width: 200px;
		
	}	
	
	
/* Desktops and laptops  */
@media only screen and (min-width : 961px ){
	
.hooves-columns {
	width: 22%;
    height: auto;
    margin: 1% 2% 1% 0;
}
	
.video-thumb-holder-double {
	width: 46%;
	height: auto;
	margin: 1% 2% 1% 0;
}
	
	.endorse-logos {
		width: 15%;
		margin:0.5%	
	}	

}


/* Media query for Tablet devices*/
@media only screen and (min-width : 641px) and (max-width : 960px) {

.hooves-columns {
	width: 23%;
    height: auto;
    margin: 1% 1% 1% 0;
}
	
.video-thumb-holder-double {
	width: 47%;
	height: auto;
	margin: 1% 1% 1% 0;
}
	
	.endorse-logos {
		width: 15%;
		margin:0.5%	
	}		
	
	
}


/* MOBILE */
@media only screen and (min-width : 100px) and (max-width : 640px) {
	
.hooves-columns {
	width: 100%;
	height: auto;
	margin: 1% 0 0 0;
}
	
.video-thumb-holder-double {
	width: 96%;
	height: auto;
	margin: 1%;
}
	
	.farrier-mobile-button {
		display: block;
    	margin: 0 0 10px 0;
    	padding: 10px 5px;
    	width: 97%;
    	height: auto;
    	color: #ffffff;
    	font-weight: 400;
    	font-size: 90%;
   		letter-spacing: 3px;
		text-transform: uppercase;
		background: #8a0304;
		text-align: center;
		
	}	
	
	.farrier-mobile-button:active {
		background: #be4041;
	}	

	
	
	.endorse-logos {
		width: 30%;
		margin:1%	
	}	
	
	
 .farrier-button {
		width: 90%;
		height: auto;
		padding:1.5% 5%;
		margin-bottom: 10px;
		border: 3px solid #000000;
		background-color: #8a0304;
		color: #ffffff;
		text-align: left;
		position: relative;
		font-weight: bold;
		font-size: 11px;
		line-height: 12px;
		
	}	
	
	.farrier-button:active {
		background: #be4041;
	}	

	.farrier-button:hover {
		background: #be4041;
		cursor: pointer;
	}	
	
	
	.profeet-columns {
		column-count: 1;
		column-gap: 0;
	}	
	
}