@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;
	}	
	
	
 .sflex-button {
	display: block;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    width: 97%;
    height: auto;
    color: #ffffff;
    font-weight: 800;
    font-size: 100%;
	background: #225d39;
	text-align: left;
		
	}	
	
	.sflex-button:active {
		background: #8ECBE4;
	}	

	.sflex-button:hover {
		background: #8ECBE4;
		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;
		
	}	


	.sflex-mobile-button {
	display: block;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 15px;
    width: 90%;
    height: auto;
    color: #ffffff;
    font-weight: 800;
    font-size: 100%;
	background: #2bb0e9;
	text-align: left;
		
	}	
	
	.sflex-mobile-button:active {
		background: #8ECBE4;
	}	

.sflex-mobile-button:hover {
		background: #8ECBE4;
	}	
	
.sflex-column {
	width: 31%;
	margin: 0 1% 0 0;
	position: relative;
	float: left;
}
	
/* Desktops and laptops  */
@media only screen and (min-width : 961px ){
	
.hooves-columns {
	width: 23%;
    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: 30%;
    height: auto;
    margin: 1% 3% 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) {
	
.sflex-mobile-button {
	display: block;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 15px;
    width: 97%;
    height: auto;
    color: #ffffff;
    font-weight: 800;
    font-size: 120%;
	background: #2bb0e9;
	text-align: left;
		
	}	

	
.hooves-columns {
	width: 48%;
	height: auto;
	margin: 1% 0 0 0;
}
	
.video-thumb-holder-double {
	width: 96%;
	height: auto;
	margin: 1%;
}
		
	
	.endorse-logos {
		width: 30%;
		margin:1%	
	}	
	
	
	.farrier-button:active {
		background: #8ECBE4;
	}	

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