/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

	.top-nav{
		background-color:#549F2E;
		border-bottom:2px solid #4B8F28;
		padding:0px 10px;	
	}
	.top-nav ul{
		margin-bottom:0px;
		padding:8px 0px;	
	}
	.top-nav ul li{
		display:block;
		float:left;
		border-right:2px solid #4B8F28;
		list-style:none;	
	}
	.top-nav ul li:last-child{
		border-right:none;	
	}
	.top-nav ul li a{
		display:block;
		float:left;
		color:#FFFFFF;
		font-size:0.875em;
		line-height:100%;
		padding:8px 12px;	
		text-decoration:none;
		font-weight:700;
	}
	.top-nav ul li a:hover{
		text-decoration:underline;
	}
	.show-menu {
		text-decoration: none;
		color: #FFFFFF;
		font-size:1.25em;
		padding: 16px 0px 16px 14px;
		display: none;
		cursor:pointer;
	}
	.show-menu:after{
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #FFFFFF;
		content: "&darr";
		display: inline-block;
		height: 0;
		margin-left: 8px;
		margin-top: 8px;
		opacity: 1;
		text-indent: -99999px;
		vertical-align: top;
		width: 0;	
	}
	input[type=checkbox]{
    	display: none;
	}
	input[type=checkbox]:checked ~ #menu{
    	display: block;
	}
	.show-date{
		font-family: 'Fredoka One', cursive;
		color:#FFFFFF;
		font-size:1.875em;
		line-height:130%;
		padding:12px 24px 0px 24px;	
	}
	.social-media{
		padding:17px 10px 0px 0px;	
	}
	.social-icon{
		float:right;
		margin-left:3px;	
	}
	.masthead-wrapper{
		position:relative;	
	}
	.top-green{
		position:relative;
		z-index:10;
	}
	.main-image{
		margin-top:-37px;	
	}
	.bottom-green{
		margin-top:-57px;	
	}
	.main-logo{
		position:absolute;
		top:57px;
		left:0;	
		right:0;
	}
	.main-logo img{
		margin:0px auto;	
	}
	.left-column-wrapper{
		position:relative;	
		padding-top:24px;
	}
	.content-box{
		margin-left:10px;
		background-color:#FFFFFF;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		padding:75px 0px 10px 0px;
	}
	.view-map{
		position:absolute;
		top:-14px;
		left:24px;	
		z-index:20;
	}
	.location-box{
		position:absolute;
		z-index:10;
		top:-65px;
		left:75px;
		background-color:#A31025;
		color:#FFFFFF;	
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		padding:12px 20px 12px 40px;
		width:65%;
	}
	.location-title{
		font-family: 'Fredoka One', cursive;
		font-size:1.7em;
		line-height:130%;
	}
	.location-address{
		font-family: 'Fredoka One', cursive;
		font-size:1.7em;
		line-height:130%;
	}
	.location-permisson{
		font-size:1em;
		padding:6px 0px 0px 0px;	
	}
	.home-button.top{
		margin-top:-24px;	
		position:relative;
	}
	.home-button{
		background-color:#F7AF2B;
		width:64%;	
		margin:0px auto;
		padding:12px 20px 12px 40px;
		margin-bottom:26px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;
		position:relative;
	}
	.home-button a{
		text-decoration:none;	
	}
	.home-button a:hover .home-button-text{
		text-decoration:underline;	
	}
	.home-button-title{
		display:block;
		color:#A31025;
		font-family: 'Fredoka One', cursive;
		font-size:1.875em;
		padding:6px 0px 12px 0px;
	}
	.home-button-text{
		display:block;
		text-align:right;
		color:#FFFFFF;
		font-size:0.875em;
	}
	.click-here{
		position:absolute;
		left:-30px;
		bottom:-12px;	
	}
	.home-news-box{
		margin:24px 10px 24px 0px;
		background-color:#FFFFFF;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;
		padding:20px;	
	}

	.home-youtube-box{
		margin:24px 10px 24px 0px;
		background-color:#FFFFFF;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;
		overflow:hidden;
	}

	.home-youtube-box .youtube-wrapper {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;
		overflow:hidden;}

	.home-youtube-box .youtube-wrapper iframe {position:absolute;-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;
		overflow:hidden;left:0;right:0;bottom:0;top:0;width:100%;height:100%;}

	.home-news-title{
		color:#33333;
		font-family: 'Fredoka One', cursive;
		font-size:1.875em;
		padding:6px 0px 24px 0px;	
	}
	.home-news-item a{
		text-decoration:none;		
	}
	.home-news-item a:hover .home-news-headline{
		text-decoration:underline;	
	}
	.home-news-image{
		float:left;
		margin:0px 10px 0px 0px;	
	}
	.home-news-date{
		display:block;
		font-size:0.813em;
	}
	.home-news-headline{
		display:block;
		font-size:0.938em;
		font-weight:700;
	}
	.home-news-read-more{
		display:block;
		font-size:0.813em;
		color:#A31025;
	}
	.home-news-hr{
		padding-bottom:18px;
		border-bottom:1px solid #E8E8E8;
		margin-bottom:18px;	
	}
	.photo-gallery{
		margin:0px 10px 24px 0px;	
	}
	.sponsors-box{
		background-color:#FFFFFF;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;
		padding:20px;
		margin-right:10px;
		margin-bottom:24px;	
	}
	.sponsors-box-title{
		color:#33333;
		font-family: 'Fredoka One', cursive;
		font-size:1.875em;
		padding:6px 0px 24px 0px;	
	}
	.rslides-wrapper{
		margin:0px auto;
		padding:0px 30px;	
	}
	.rslides{
		position: relative;
  		list-style: none;
  		overflow: hidden;
  		width: 100%;
  		padding: 0;
  		margin: 0;	
	}
	.rslides li {
  		-webkit-backface-visibility: hidden;
  		position: absolute;
  		display: none;
 		 width: 100%;
  		left: 0;
  		top: 0;
  	}
	.rslides li:first-child {
 		position: relative;
 		display: block;
  		float: left;
  	}
	.rslides img {
  		display: block;
  		height: auto;
  		float: left;
  		/*width: 100%;*/
		margin:0px auto;
  		border: 0;
  	}
	.footer-bg{
		background-color:#67BD4A;
		padding:0px 0px 20px 0px;	
	}
	.footer-inner{
		padding:0px 10px;	
	}
	.footer-title{
		font-family: 'Fredoka One', cursive;
		color:#FFFFFF;	
		font-size:1.125em;
		line-height:130%;
		padding:12px 0px;
	}
	ul.footer-links li a{
		display:block;	
		text-decoration:none;
		color:#FFFFFF;
		font-size:0.75em;
		background-color:#7FC867;
		padding:6px 8px;
		margin-bottom:6px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
	}
	.footer-block{
		color:#FFFFFF;
		font-size:0.75em;
		background-color:#7FC867;
		padding:6px 8px;
		margin-bottom:6px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;	
	}
	.footer-block a{
		color:#FFFFFF;
		text-decoration:none;	
	}
	.footer-block a:hover{
		text-decoration:underline;	
	}
	.footer-block-2 a{
		display:block;
		background-color:#FFFFFF;
		padding:12px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		color:#A31025;
		font-family: 'Fredoka One', cursive;
		font-size:1.25em;
		text-decoration:none;	
		line-height:130%;
	}
	.sub-menu{
		padding:24px 10px;
	}
	.sub-menu ul li ul{
		margin:0px;
		font-size:100%;
	}	
	.sub-menu ul li ul li{
		margin-bottom:0px;
	}
	.sub-menu a{
		display:block;
		background-color:#74B849;
		color:#FFFFFF;
		text-decoration:none;
		font-size:0.813em;
		line-height:120%;
		padding:8px 10px;
		margin-bottom:6px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
	}
	.sub-menu a:hover{
		text-decoration:underline;
	}
	.text-content.box{
		margin:24px 10px 24px 0px;
		background-color:#FFFFFF;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
	}
	.text-left{
		float:left;
		width:62%;
		margin-right:4%;
	}
	.images-right{
		float:left;
		width:34%;
	}
	.page-image{
		margin-bottom:20px;
	}
	.page-image-caption{
		text-align:right;
		font-size:0.813em;
		padding:6px 0px 0px 0px;
	}
	table.schedule{
		font-size:13px;
		margin:20px 0px;
		border-top:1px solid #E8E8E8;
		border-right:1px solid #E8E8E8;
		width:100%;
	}
	table.schedule p{
		font-size:13px!important;
		padding:0px;
	}
	table.schedule td{
		padding:12px;
		border-left:1px solid #E8E8E8;
		border-bottom:1px solid #E8E8E8;
	}
	.press-item{
		margin:30px 0px 30px 0px;
	}
	.press-item a{
		text-decoration:none;
	}	
	.press-item a:hover .press-title, .press-item a:hover .press-read-more{
		text-decoration:underline;
	}
	.press-image{
		float:left;
		width:30%;
		margin-right:20px;
	}
	.press-text{
		display:block;
	}
	.press-date{
		display:block;
		font-size:0.813em;
		padding-bottom:8px;
	}
	.press-title{
		display:block;
		font-size:1em;
		font-weight:700;
		padding-bottom:8px;
	}
	.press-desc{
		display:block;
		font-size:0.813em;
		padding-bottom:8px;
	}
	.press-read-more{
		display:block;
		font-size:0.813em;
		color:#A31025;
	}
	.main-sponsor{
		margin:30px 0px;
	}
	.main-sponsor-title{
		font-size:1.5em;
		font-weight:700;
		line-height:120%;
		padding-bottom:12px;
		color:#A30F25;
	}
	.main-sponsor-image{
		padding:20px 0px;
	}
	.main-sponsor-email, .main-sponsor-website{
		display:inline-block;
		font-size:0.813em;
		padding:0px 20px 0px 0px;
	}
	.sponsor-list{
		margin:20px 0px;
	}
	.other-sponsor{
		margin:20px 0px;
	}
	.sponsor-list-cat{
		font-size:1.3em;
		font-weight:700;
		margin:20px 0px 20px 0px;
		line-height:120%;
		color:#A30F25;
	}
	.sponsor-list-title{
		font-size:1.125em;
		font-weight:700;
		line-height:140%;
	}
	.other-sponsor-desc p{
		padding-bottom:6px;
	}
	.sponsor-list-hr{
		border-bottom:1px solid #CCCCCC;
	}
	.other-sponsor-image{
		padding:12px 0px;
	}
	.gallery-category{
		width:49%;
		float:left;
		margin:20px 1% 20px 0px;
	}
	.gallery-category a{
		text-decoration:none;
	}
	.gallery-category a:hover .gallery-cat-title{
		text-decoration:underline;
	}
	.gallery-cat-image{
		display:block;
		margin-bottom:1px;
	}
	.gallery-cat-image img{
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		-khtml-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
	}
	.gallery-cat-title{
		display:block;
		background-color:#A30F25;
		color:#FFFFFF;
		font-size:1em;
		line-height:120%;
		padding:8px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		-khtml-border-radius: 0px 0px 10px 10px;
		border-radius: 0px 0px 10px 10px;
	}
	#map{
		margin-bottom:20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
	}
	h2.margin-bottom{
		margin-bottom:20px;
	}
	table.stand-table{
		border-top:1px solid #D8D8D8;
		border-right:1px solid #D8D8D8;
		font-size:0.813em;
		line-height:130%;
		margin-bottom:20px;
		width:100%;
	}
	table.stand-table td{
		border-left:1px solid #D8D8D8;
		border-bottom:1px solid #D8D8D8;
		padding:10px;
	}
	table.stand-table td input{
		border:none;
		outline:none;
		background-color:#FFFFFF;
		width:90%;
		margin:0px;
		padding:0px;
		color:#666666;
		font-family:'Lato', sans-serif;
	}
	table.stand-table .input-border{
		border:1px solid #D8D8D8;
		color:#666666;
		padding:6px;
	}
	.text-content .contact-form ul{
		margin-top:0px;
	}
	.contact-form input[type=checkbox]{
		display:block;
	}
	
	.accommodation{ float:left; width:50%; margin-bottom:20px; }
	.accommodation-wrapper{ padding-right:20px; }
	.accommodation-title{ font-weight:700; font-size:1.125em; margin-bottom:4px; }
	.accommodation-text{ font-size:0.875em; margin-bottom:4px; }
	.accommodation-text p{ font-size:14px; margin-bottom:4px; padding-bottom:0px!important; }
	.clearfloat{ clear: both; height: 0; line-height: 0; font-size: 0; }
	
	.video{ margin:30px 0px 40px 0px; }

	.sem-row {height:auto;padding-bottom:20px;box-sizing:border-box;padding-left:120px;min-height:100px;overflow:auto;width:100%;position:relative;}
	.sem-row .image {position:absolute; left:0; top:0; width:100px; border-radius:50px; height:100px; background-repeat: no-repeat; background-position: center; background-size: cover;}
	.sem-row .name {font-weight: bold; font-size:16px;}
	.sem-row .role {font-size:12px;}
	.sem-row .desc {font-size:14px;}

	.text-content ul.resp-tabs-list li {padding:12px 7px;color:#58ab27}

	.eitem {padding: 10px 0px;display: grid;grid-template-columns: 1fr 2fr;gap: 20px;align-items: center;border-bottom: 1px solid #58ab27;}
	.eitem .text .title{font-weight: 700;padding-bottom: 8px;}
	.eitem .text .desc{display: block;font-size: 0.813em;padding-bottom: 8px;}
	.eitem .image {max-width:255px;}
	.eitem .image img{max-width:100%;width:100%;object-fit:contain;}
	.eitem .image img.bw{filter:grayscale(100%);}
	.eitem .text .desc .moretext{display: none}
	.eitem .text .desc .moretext.active{display: inline}
	.eitem .text .desc .readmorebttn{border: 0px;background-color: transparent;display: block;font-weight:700;padding:5px 0px;cursor: pointer;}

	.eitem .text .links{min-height:116px;}
	.eitem .text .links .link {position: relative;}
	.eitem .text .links .link .content{display: inline-block;font-size: 0.813em;padding-bottom: 4px;padding-left:5px;}
	.eitem .text .links .link .content.map{max-width: calc(100% - 30px);}
	.eitem .text .links .link .content a{display: block;text-decoration:none;}
	.eitem .text .links .link .content a:hover{color:#58ab27}
	.eitem .text .links .link .icon{position: relative;display: inline-block;vertical-align: text-top;top: 0;left: 0;width: 20px;height: 20px;background-position: center;background-repeat: no-repeat;background-size: contain;}
	.eitem .text .links .link .icon.map{background-image: url('https://www.scottishbeefassociation.co.uk/workspace/buildgfx/icons/bxs-map.svg');vertical-align: top;}
	.eitem .text .links .link .icon.tel{background-image: url('https://www.scottishbeefassociation.co.uk/workspace/buildgfx/icons/bxs-phone.svg');}
	.eitem .text .links .link .icon.mob{background-image: url('https://www.scottishbeefassociation.co.uk/workspace/buildgfx/icons/bx-mobile.svg');}
	.eitem .text .links .link .icon.mail{background-image: url('https://www.scottishbeefassociation.co.uk/workspace/buildgfx/icons/bxs-envelope.svg');}
	.eitem .text .links .link .icon.web{background-image: url('https://www.scottishbeefassociation.co.uk/workspace/buildgfx/icons/bx-chevron-right.svg');}

	.invideo video {width:100%;border-radius: 15px;margin-bottom:20px;}


	@media only screen and (max-width: 960px) {
		.eitem{grid-template-columns: 1fr;}
	}
	@media only screen and (max-width: 768px) {
		.eitem{grid-template-columns: 1fr;}
		.eitem .image{max-width:100%;}
		.eitem .text .links .link {margin-bottom:10px;}
	}
	
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.top-nav ul li a{padding:8px 7px;}	
		.main-image{margin-top:-30px;}
		.bottom-green{margin-top:-45px;}
		.location-title{font-size:1.5em;}
		.location-address{font-size:1.5em;}
		.footer-block-2 a{font-size:1em;}
		.press-image{width:45%;}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.show-date{font-size:1.688em;}
		.top-green{display:none;}
		.main-image{margin-top:0px;}
		.social-media{padding:17px 10px;}
		.bottom-green{margin-top:0px;display:none;}
		.main-logo{left:20px;right:20px;}
		.location-box{position:relative;top:-37px;}
		.content-box{margin:-65px 10px 0px 10px;padding:30px 0px;}
		.home-news-box{margin:24px 10px;}
		.photo-gallery{margin:0px 10px 24px 10px;}
		.sponsors-box{margin:0px 10px 24px 10px;}
		.show-menu {display:block;}
		.top-nav ul {position:static;display:none;}
		.top-nav ul li{float:none;border-right:none;border-bottom:2px solid #4B8F28;}
		.top-nav ul li:last-child{border-bottom:none;}
		.top-nav ul li a{float:none;padding:8px 9px 8px 14px;}
		.text-content.box{margin:0px 10px 24px 10px;}
		.text-left{width:auto;float:none;margin-right:0px;}
		.images-right{width:auto;float:none;}
		.press-image{float:none;margin:0px 0px 12px 0px;width:auto;display:block;}
		.accommodation{ float:none; width:auto; margin-bottom:20px; }
		.accommodation-wrapper{ padding-right:none; }
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.location-box{top:0px;left:0px;width:auto;margin:0px 10px;}	
		.view-map{display:none;}
		.main-logo{top:36px;}
		.main-image img{display:none;}
		.main-image{background-color:#FFFFFF;min-height:160px;border-left:1px solid #58AB27;border-right:1px solid #58AB27;}
		.content-box{margin:-30px 10px 0px 10px;}
		.location-title{font-size:1.25em;}
		.location-address{font-size:1.25em;}	
		.home-button-title{font-size:1.5em;line-height:120%;}	
		.click-here{display:none;}
		.sponsors-box-title{line-height:120%;}
		.home-news-box{margin:0px 10px 24px 10px;}
		.location-box{padding:12px 30px;}
		.home-button{width:auto;margin:0px 10px 26px 10px;}

		.sem-row {padding-left:0;}
		.sem-row .image {position:relative; margin:auto; top:unset;bottom:unset;left:unset;right:unset; margin-bottom:10px;}
		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/