/*
Theme Name: April 2025 Redesign
Description: Tweaks to original design
Author: Web Team
Template: unicon
Version: 1.0
main colour: #bff213
*/


@import url("../unicon/style.css");
@import url(https://fonts.googleapis.com/css?family=Short+Stack|Faster+One|Walter+Turncoat);


.clearit {
	float: left;
	width:100%;
	height:1px;
}


.white_text {
	color: white!important;
}

.pink_text {
    color: #d6254e!important;
    font-size: 1.3em!important;
    font-weight: 600!Important;
}

	.link_black {
		color: black!important;
	}

@media screen and (max-width : 767px) {
	
	#govapp {
		margin-right: 15px!important;
		margin-left: 15px!important;
	}
	
	
	.left_column {
		width: 100%!important;
	}
	
	.panel_recycling {
		padding-left: 35px;
		padding-right: 35px;
	}
	
	.vc_responsive .wpb_row .vc_col-sm-12, .vc_responsive .wpb_row .vc_col-sm-8, .vc_responsive .wpb_row .vc_col-sm-4 {
 
		padding-left: 0px!important;
    	padding-right: 0px!important;
	}
	
	.group_holder {
		width: 100%!important;
	}
	
	
	.group_name {
		    min-height: 80px!important;
	}
	
	.group_logo {
		left: 35%!important;
		top: -73px!important;
	}
	
	
	.entry-image {
		width: 260px!important;
		/*height: 260px!important*/
		margin-left: 0%!important;
	}
	
	
	.tabs {
		background-size: 90%!important;	
		background-position-y: -5px !important;
	}
	
	.tab_bulky {
		background-size: 80% !important;
	}
	
	.panel_love {
		padding-top: 30px!important;
	}
	
	.image_link {
		width: 60%!important;
	}
	
	.topic_button {
		padding: 11px!important;
	}
	
	.events_home {
		padding-bottom: 40px!important;
	}
	
	.content_box {
		height: 140px!important;	
		margin: 0%!important;	
		width: 100%!important;	
		position: absolute;		
	}
	
	.top_events {
		border: 0px!important;
	}
	
	.logo_standard {
		margin-left: 0px!important;
	}
	
	.topics_holder {
		float: left;
		width: 100%!important;	
		min-height: 0px!important;
	}
	
	.logo img {
		background: black;
		margin: 0px!important;
		padding: 5px!important;
	}
	

	.latest-blog-list.horizontal.vc_col-sm-4.clearfix.wpb_content_element {
		width: 100%!important;
		margin-bottom: 10px !important;
		max-width: 100%!important;		
	}
	
	.mobile_hide, .desktop_hide {
		display: none!important;
	}

	.mobile_show, .desktop_show {
		display: block!important;
	}

	.tabs {
		height: 30px!important;
		float: left;
		background-size: cover;
		padding-top: 60px!important;
		font-size: 0.8em!important;
	}

	.recycle_order {
		width: 90%!important;
		margin-top: 5px!important;
		margin-bottom: 5px!important;
	}

	.fact_bubble {
		display: none;
	}

	.vid_label {    	    			
    		width: 83.5%!important;	   
		margin-top: 0px!important;
		top: 50px!important;		
	}

	.swingometer_holder {    	
	    	display: none!important;
	}

	.community_mobile {
		padding: 0px!important;
	}

	.page_top {
		height: 250px!important;
	}
	
	.page_top_bottom {
		background-position-y: 0px!important;
	}
	
	.event_holder {    	
    		width: 100%!important;
	}

	.event_detail_holder {   
	    width: 100%!important;
		padding-left: 0px!important;
	}

	.event_map {   
	    width: 100%!important;
	}

	.event_image_single {
    		margin-left: 25% !important;
    		margin-top: 30px!important;
		display: none!important;
	}

	.event_push {
		margin-top: 0px!important;
	}

	.container, .container .sixteen.columns {
    		width: 100%!important;
	}

	.fa.fa-bars {
    		color: white !important;
    		font-size: 2.3em;
    		background-color: #77cbe7;
    		padding: 21px;
	}

	.fa.fa-bars:hover {
		background-color: #55ba22;
	}

	#mobile-navigation-btn {    
	    height: 90px!important;
	}

	#mobile-navigation .container ul {    	
    		margin: 0px 0 00px 0;
	}
	
	#mobile-navigation ul li a {    	
    		color: #bbbbbb;
   		 border-bottom-color: #000 !important;
   		 text-align: center;
   		 background-color: #066853;
		padding: 20px!important;
	}

	#mobile-navigation form {  
    		margin: 0!important;
	}

	#mobile-header { 
    		background-size: cover!important;
	}

	.fine_circle {    
    		margin-left: 27%!important;
	}

	.legislation_description {	
		padding: 15px!important;
		width: 95%!important;	
	}

	.full_event_holder {
		float: left;
		width: 100%;
		margin-left: 0px;
	}
	

	#section1, #section2, #section3, #section4, #section5 {
		min-height: 400px!important;
		padding-top: 150px!important;
		padding-bottom: 50px!important;
	}

	.new_event_holder {
		width: 96%!important;
		margin: 0px!important;
		margin-bottom: 2px!important;
	}	
	
	.overflowing {
		width: 100%!important;
	}

	

	.community_join {
    		float: left!important;
    		padding: 15px!important;    		
    		width: 100%!important;
    		text-indent: 13px!important;
	}

	.mobile_home_box {
		background-position: center bottom;
	}

	.new_event_image {
		display: none!important;
	}

	.vc_tta.vc_general .vc_tta-panel-title > a {		
		padding: 25px 20px!important;
	}

	.landing_left {
		left: 0px!Important;
	}

	.landing_right {
		left: 0px!Important;
	}

	.campaign_logo {
		background-image: none!Important;
		padding-top: 0px!important;
	}

	.recycle_holder, .recycle_man, .instruction_text, .table_small, .window_holder {
		display: none!important;
	}

	.recycle_home_holder {    		
		width: 90%!Important;
		left: 0%!important;
		height: 188px!important;
	}


	.vid_start {
		padding-top: 10px!important;
		font-size: 0.8em!important;
	}
	
	.rh_buttons {    		
    		left: -10%!important;
    		padding-left: 30px;
		top: 300px!important;
	}

	.rh_button {
		width: 60px !important;
		margin-left: 0%!important;
	}

	.blackboard_holder {
		width: 95%!important;
		left: 0px!important;
		height: 260px!important;
	}

	.board {
		font-size: 0.9em!important;
	}

	.numbers_holder {    		
    		top: 320px!important;    		
    		width: 100%!important;
    		left: 20%!important;
	}

	.numbers {    		
    		width: 50px!important;
    		height: 50px!important;
	}

	.home_tablet {
		width: 95%!Important;
		left: 0%!Important;
		
	}

	.tablet_answer {    
		font-size: 1em!important;
	}

	.tablet_question {  
		font-size: 1em!important;
		margin-top: 10px!important;
	}

	.waste_busta_text {
		padding: 0px!important;
	}

	#back {
		left: 35%!important;
	}

	.navigation_btn {
    		width: 15%!important;
	}

	.navigation_btn {
		display: none;
	}

	.teacher_resource {
		position: relative!important;
		top: 0px!important;
		margin-bottom: 20px!important;
		width: 95%!important;
	}

	#back-to-top a {
    		width: 35px !important;
   		height: 35px !important;
    		font-size: 15px !important;
    		line-height: 25px !important;
	}

	
	#back-to-top, #back-to-top a {
    		display: block !important;
    		opacity: 1 !important;
	}

	#back-to-top {
		right: 10px!important;
	}

	.tab_love {
		width: 100%!important;
		height: 55px!important;
		text-align: left!important;
		font-size: 18px!important;
		padding-top: 15px!important;
		border-bottom: 1px solid #d0d0d0;
	}

	.tab_love br {
		display:none!important;
	}

	.love_circle {
		float: left;
		margin-right: 15px;
		text-align: center!important;
		margin-right: 20px!important;
		margin-left: 20px!important;
	}

	.reallyr_link {
		margin-left: 30px!important;
	}



	.really_home_text {
    		margin-left: 30px !important;
    		float: left;
    		margin-top: 20px;
    		margin-bottom: 20px !important;		
	}

	.swimming_text {
  		width: 60%!important;
		margin-left: 15%!important;  
	}

	.loading_text {    
	    top: 200px!important; 
	}

	.star_01 {   
	    left: 1%!important;
	}

	.planet_earth {    		
    		left: 61%!important;
	}

	.space_text {
    		width: 70%!important;
    		margin-left: 5%!important;
	}

	.recycle_text {
    		width: 60%!important;
		margin-left: 10%!important;
	}

	#events_panel, #rubbish_panel {
		display: block!important;
	}

	#events_panel {
		padding-bottom: 0px!Important;
	}

	.community_join {
		border-top-left-radius: 0px!important;
		border-bottom-left-radius: 0px!important;
	}
	
	.event_description_holder {
		padding: 0px!important;
		width: 100%!important;
	}
	
	
	
	.container .eight.columns {
		width: 100%!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}


}



@media screen and (min-width : 768px) and (max-width : 1023px) {
	.content_box {
		height: 140px!important;	
		opacity: 0.9;
		overflow: hidden;
		width: 33.1%!important;				
	}

	.group_holder {
		width: 24%!important;
	}
	
	.group_image_holder {
		max-height: 103px!important;
	}
	
	.group_name {
		min-height: 115px!important;
	}
	
	.tabs {		
		height: 250px!important;		
	}

	.swingometer_progress {    		
    		width: 16.1%!important;
	}

	.swingometer_total {    
	    left: 290px !important;
		top: 372px !important;
	}

	.container, .container .sixteen.columns {
    		width: 100%!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}

	.fa.fa-bars {
    		color: white !important;
    		font-size: 2.3em;
    		background-color: #488f24;
    		padding: 20px;
	}

	.fa.fa-bars:hover {
		background-color: #55ba22;
	}

	#mobile-header { 
    		background-size: cover!important;
	}

	#mobile-navigation-btn {    
	    height: 90px!important;
	}

	#mobile-navigation .container ul {    	
    		margin: 0px 0 00px 0;
	}
	
	#mobile-navigation ul li a {
    		font: 13px Open Sans, Arial, Helvetica, sans-serif;
    		color: #bbbbbb;
   		 border-bottom-color: #000 !important;
   		 text-align: center;
   		 background-color: #1b1b1b;
		padding: 20px!important;
	}

	#mobile-navigation form {  
    		margin: 0!important;
	}

	.vc_tta-tabs.vc_tta-tabs-position-left.vc_tta-style-classic:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) .vc_tta-tabs-container, .vc_tta-tabs.vc_tta-tabs-position-left.vc_tta-style-modern:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) .vc_tta-tabs-container {   
    		width: 50% !important;
	}

	.fine_circle {    
		margin-left: 32%!important;
	}

	.wpb_text_column.wpb_content_element.community_mobile {
    		margin: 0px!important;
	}

	.logo_kgt, .logo_krt, .logo_krg, .logo_kst, .logo_kvcg, .logo_kct, .logo_lwyl, .logo_canna, .logo_caer, .logo_pentwyn  {   
	    left: 0px!important;
	}

	.event_holder {    		
		width: 48%!important;    
	}

	.full_event_holder {
		float: left;
		width: 90%;
		margin-left: 20px;
	}

	.css-event-form {
		float: left;
		width: 90%;
		margin-left: 20px;
	}
	

	
	#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8 {	
		padding-top: 0px!important;
		padding-bottom: 0px!important;
	}	
	
	
	.container .eight.columns {
		width: 50%!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	
}


@media screen and (min-width : 1024px) and (max-width : 1299px) {
	.content_box {
		height: 235px!important;	
		opacity: 0.9;
		overflow: hidden;
		width: 33.1%!important;		
	}

	
	.group_holder {
		width: 24%!important;
	}
	
	.group_image_holder {
		max-height: 103px!important;
	}
	
	.group_name {
		min-height: 115px!important;
	}
	
	.swingometer_progress {    		
    		width: 16.3%!important;
	}

	.swingometer_total {    
	    left: 330px!important;
		top: 330px!important;
	}


	.instruction_text {    
    		max-width: 20%!important;
	}

	

	.recycle_holder {    		
    		left: 38%!important;
	}

	.rh_buttons {    
	    left: 30%!important;
	}

	.recycle_home_holder {   
	    width: 40%!important;   
	    left: 28%!important;
		height: 270px;
	}

	.tv_buttons {    
	    bottom: 450px!important;
	}

	.numbers_holder { 
		width: 30%!important;
		left: 38%!important;
		top: 390px;
	}

	.blackboard_holder {    
    		width: 48%!important;    
    		left: 25%!important;
    		height: 270px!important;
	}  

	.home_tablet {
    		position: absolute;
    		width: 70%!important;;
    		left: 16%!important;;
    		height: 530px!important;;   		
    		top: -100px!important;;
	}

	.waste_busta_text {
    		text-align: center !important;
    		font-size: 1.6em;
	}

	.landing_left {    		
    		left: 130px!important;
	}

	.landing_right {    		
    		left: -130px!important;
	}
	
	.page_top_bottom {
		background-position-y: -30px!important;
		background-repeat: no-repeat!important;
	}

	
	
	
	.container .eight.columns {
		width: 50%!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	

}

@media screen and (min-width : 1300px) and (max-width : 1440px) {

	.content_box {
		height: 235px!important;
		width: 33.1%!important;			
		opacity: 0.9;
		overflow: hidden;
	}
	
	.page_top_bottom {
		background-position-y: -30px!important;
		background-repeat: no-repeat!important;
	}
	
	
	.container .eight.columns {
		width: 50%!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
}

@media screen and (min-width : 1440px) {

	.content_box {
		height: 285px!important;	
		opacity: 0.9;
		overflow: hidden;
		width: 33.1%!important;	
	}
	
	.page_top_bottom {
		background-position-y: -30px!important;
		background-repeat: no-repeat!important;
	}
	
	
	.container .eight.columns {
		width: 50%!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}

}


#mobile-header {
	background: none!important;
    height: 60px!important;
    position: absolute!important;
}


.suspect_font {
	font-family: 'Faster One', cursive!important;
}

.large-font {
	font-size: 3em;
}

.link_color a, .quiz_intro, .tablet_answer {
	
}


.white_link {
	color: white;
}

.white_link:hover {
	color: #d0cecd; 
}


.black_link {
	color: #595757!important;
}

.black_text h2, .black_text {
	color: black!important;
	font-size: 1em;
}

.current_page_item a {
	background-color: #3a3a3a!important;	
}


.page_top {
	height: 350px;
}

.page_banner {
	background: #77cbe7;
}

.page_banner h1 {
	margin-top: 20px!important;	
	margin-bottom: 20px!important;	
	font: 700 1.5em Quicksand, Arial, Helvetica, sans-serif;
}

#section1 {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,05abe0+100 */
background: rgb(135,224,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(5,171,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(5,171,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(5,171,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */

z-index: 0!important;
height: 900px;
}

.section_01_bg {
background-image: url(/wp-content/uploads/2016/08/city_scape.png);
height: 750px;
width: 100%;
background-position: center bottom;
}


.world_holder {
	position: relative;
	width: 618px;
	height: 613px;
	margin: auto;
	
}


.world_outer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2016/05/rubbish_world_outline.png);
	z-index: 30;

	-webkit-animation:spinworld 6s ease-in-out infinite;
    -moz-animation:spinworld 6s ease-in-out infinite;
    animation:spinworld 6s ease-in-out infinite;

}


.world_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2016/05/rubbish_world_inner.png);
	z-index: 31;
}

.bubble {
	position: absolute;	
	background-image: url(/wp-content/uploads/2016/05/bubble.png);	
	background-size: cover;
	opacity: 0;
}

.bubble:hover {		
	background-image: url(/wp-content/uploads/2016/05/bubble_blue.png);	
}

.bubble_1 {
	top: 30%;
	left: 15%;
	width: 150px;
	height: 150px;
}

.bubble_2 {
	top: 0px;
	left: 25%;
	width: 100px;
	height: 100px;
}

.bubble_3 {
	top: 60%;
	left: 70%;
	width: 200px;
	height: 200px;
}

.bubble_4 {
	top: 0px;
	left: 10%;
	width: 50px;
	height: 50px;
}

.bubble_5 {
	top: 15%;
	left: 85%;
	width: 50px;
	height: 50px;
}

.bubble_6 {
	top: 80%;
	left: 30%;
	width: 50px;
	height: 50px;
}

.bubble_7 {
	top: 20%;
	left: 70%;
	width: 100px;
	height: 100px;
}






@-moz-keyframes spinworld { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spinworld { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spinworld { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }





#section2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05abe0+0,1b75bc+100 */
background: rgb(5,171,224); /* Old browsers */
background: -moz-linear-gradient(top, rgba(5,171,224,1) 0%, rgba(27,117,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(5,171,224,1) 0%,rgba(27,117,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(5,171,224,1) 0%,rgba(27,117,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#1b75bc',GradientType=0 ); /* IE6-9 */
z-index: 0!important;
height: 900px;
}


#section3 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82f297+0,eddd07+99 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b75bc+0,1c2a35+43,1d3826+62,834d91+100 */
background: rgb(27,117,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(27,117,188,1) 0%, rgba(28,42,53,1) 43%, rgba(29,56,38,1) 62%, rgba(131,77,145,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(27,117,188,1) 0%,rgba(28,42,53,1) 43%,rgba(29,56,38,1) 62%,rgba(131,77,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(27,117,188,1) 0%,rgba(28,42,53,1) 43%,rgba(29,56,38,1) 62%,rgba(131,77,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b75bc', endColorstr='#834d91',GradientType=0 ); /* IE6-9 */
	z-index: 0!important;
	height: 900px!important;
}


#section4 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#834d91+0,c41d1d+100 */
background: rgb(131,77,145); /* Old browsers */
background: -moz-linear-gradient(top, rgba(131,77,145,1) 0%, rgba(196,29,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(131,77,145,1) 0%,rgba(196,29,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(131,77,145,1) 0%,rgba(196,29,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#834d91', endColorstr='#c41d1d',GradientType=0 ); /* IE6-9 */
	z-index: 0!important;
	height: 900px!important;
}


#section5 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c41d1d+0,473d72+100 */
background: rgb(196,29,29); /* Old browsers */
background: -moz-linear-gradient(top, rgba(196,29,29,1) 0%, rgba(71,61,114,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(196,29,29,1) 0%,rgba(71,61,114,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(196,29,29,1) 0%,rgba(71,61,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c41d1d', endColorstr='#473d72',GradientType=0 ); /* IE6-9 */
	z-index: 0!important;
	height: 900px!important;
}


#section6 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#473d72+0,358391+100 */
background: rgb(71,61,114); /* Old browsers */
background: -moz-linear-gradient(top, rgba(71,61,114,1) 0%, rgba(53,131,145,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(71,61,114,1) 0%,rgba(53,131,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(71,61,114,1) 0%,rgba(53,131,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#473d72', endColorstr='#358391',GradientType=0 ); /* IE6-9 */
	z-index: 0!important;
	height: 900px!important;
}

#section7 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#358391+0,4e5491+100 */
background: rgb(53,131,145); /* Old browsers */
background: -moz-linear-gradient(top, rgba(53,131,145,1) 0%, rgba(78,84,145,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(53,131,145,1) 0%,rgba(78,84,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(53,131,145,1) 0%,rgba(78,84,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#358391', endColorstr='#4e5491',GradientType=0 ); /* IE6-9 */
	z-index: 0!important;
	height: 900px!important;
}


#section8 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e5491+1,1c2c49+48,000000+99 */
background: rgb(78,84,145); /* Old browsers */
background: -moz-linear-gradient(top, rgba(78,84,145,1) 1%, rgba(28,44,73,1) 48%, rgba(0,0,0,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(78,84,145,1) 1%,rgba(28,44,73,1) 48%,rgba(0,0,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(78,84,145,1) 1%,rgba(28,44,73,1) 48%,rgba(0,0,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5491', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	z-index: 0!important;	
padding-bottom: 0px!important;
}



.header-wide-container {
    padding: 0px!important;
}

.font_bright {
	color: #d7d7d7;
}

.font_bright a {
	color: #b6d9ec;
}

.font_bright a:hover, .font_bright a:focus {
	color: white;
}

.logo_standard {	
	padding: 5px;
	top: 0px;
	margin-left: 20px;
	height: 80px!important;
	background: #000000!important;
	-webkit-transition: all 0.2s ease-out;
  	-moz-transition: all 0.2s ease-out;
 	-o-transition: all 0.2s ease-out;
 	transition: all 0.2s ease-out;

}

.logo_standard:hover {
	background-color: #77b802;	
}

.header-v1 .logo {    
    position: absolute;
}

.header-v1 #navigation > ul {   
    margin: 0px;
}

.header-v1 #navigation > ul > li > a {    
    	text-transform: uppercase!important;
	font-size: 16px!important;
}


.header {
	background-position: right bottom!important;
}

#header {    
	box-shadow: none!important;	
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	background-size: cover !important;
}

#header.header-v1 {  
    background: none!important;
}


.sticky-wrapper {
	position: absolute!important;
	top: 0px!important;
}



#mobile-logo {
	position: absolute;
}





#nav a {	
	padding-top: 25px !important;
	background-color: #1e85a7;
	opacity: 0.9;	
	padding-bottom: 25px !important;
}

#nav a:hover, #nav a:focus {
	background-color: #3a3a3a!important;		
	opacity: 1;

	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
 	 -o-transition: all 0.2s ease-in-out;
 	 transition: all 0.2s ease-in-out;
}

.header {
	background-position: right bottom!important;
}

#header {    
	box-shadow: none!important;	
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	background-size: cover !important;
}

#header.header-v1 {  
    background: none!important;
}


.sticky-wrapper {
	position: absolute;
}

.content_box {
	height: 300px;	
	opacity: 0.8!important;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
margin: 0.1%!important;	
width: 33.1%;	
position: absolute;

-webkit-box-shadow: inset 0px 0px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px -1px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px -1px rgba(0,0,0,0.75);
	
}

.content_box:hover, .content_box:focus, .content_box_on {	
	opacity: 1!important;		
}


.content_box:hover a, .content_box a:focus {	
	opacity: 1;
	background-color: rgba(0, 0, 0, 1)!important;
	color: white;
}

.content_box a {	
	opacity: 0.9;
	padding: 15px;		
	background-color: rgba(0, 40, 50, 0.8)!important;
	 -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);	
}

.text_hidden {
	display: none!important;
	color: white;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px!important;
}

.text_white {
color: white;
}

.content_box:hover .text_hidden {
	display: block!important;
}

.page_heading {	
	padding-top: 20px;
	padding-bottom: 20px;
}

.heading_blue {
	background-color: #29a7d2!important;
}


.page_image {
  	position: relative;
	min-height: 230px!important;
  	padding: 1em 1.5em;  
  	color: #fff;
  	background: #97C02F;
  	overflow: hidden;
}

.page_image:before {
	content: "";
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	border-width: 0 60px 60px 0;
  	border-style: solid;
  	border-color: #fff #fff #ffffff #ffffff;
  	background: #ffffff;
  	-webkit-box-shadow: 7px 8px 5px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  	-moz-box-shadow: 7px 8px 5px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  	box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  	/* Firefox 3.0 damage limitation */
  	display: block; width: 0;
}

.video_box {
-webkit-box-shadow: inset 0px -32px 42px -25px rgba(0,0,0,0.30);
-moz-box-shadow: inset 0px -32px 42px -25px rgba(0,0,0,0.30);
box-shadow: inset 0px -32px 42px -25px rgba(0,0,0,0.30);
}

.homepage_kids {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29a7d2+0,69205d+99 */
background: rgb(41,167,210)!important; /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(41,167,210,1) 0%, rgba(105,32,93,1) 99%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(41,167,210,1) 0%,rgba(105,32,93,1) 99%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(41,167,210,1) 0%,rgba(105,32,93,1) 99%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a7d2', endColorstr='#69205d',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */
}

.homepage_rows {

}

.content_box_container {
overflow: visible!important;
}

.content_box {
	z-index: 50;
}

.homepage_rows:hover .attachment-full {
	-ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari */
    transform: scale(1.05);

-webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;

z-index: 100;
}



.recycle_man {	
	position: fixed;
	height: 180px;
	width: 200px;	
	left: 0px;
	z-index: 50!important;
	bottom: 0px;
	overflow: visible;
	background-image: url('/wp-content/uploads/2016/04/clouds.png');
	background-size: contain;
}



.recycle_body {	
	position: absolute;
	height: 180px;
	width: 200px;		
	background-image: url('/wp-content/uploads/2016/04/recycle.png');
	background-size: contain;	
	z-index: 651;
	top: 0px;
}


.recycle_eyes {	
	position: relative;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/04/recycle_eyeballs.png');
	background-size: contain;
	z-index: 652;
	left: 0px;
	top: 0px;	
}


.recycle_eyes_left {	
	position: relative;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/04/recycle_eyeballs_left.png');
	background-size: contain;
	z-index: 652;
	left: 0px;
	top: 0px;	
}



.recycle_eyes_closed {	
	position: relative;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/04/recycle_eyeballs_closed.png')!important;
	background-size: contain;
	z-index: 652;
	left: 0px;
	top: 0px;	
}

.recycle_pupils {	
	float: left;
	height: 180px;
	width: 200px;			
	
	background-size: contain;
	z-index: 653;
	left: -180px;
	top: -180px;
}

.recycle_mouth_open {	
	float: left;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/02/recycle_mouth_open.png');
	background-size: contain;
	z-index: 653;
	left: 0px;
}

.recycle_mouth_closed {	
	float: left;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/04/recycle_mouth_closed.png')!important;
	background-size: contain;
	z-index: 653;
	left: 0px;
}


.recycle_mouth_disgust {
	float: left;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/08/recycle_mouth_disgust.png')!important;
	background-size: contain;
	z-index: 653;
	left: 0px;
}

.recycle_mouth_shock {
	float: left;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/08/recycle_mouth_shock.png')!important;
	background-size: contain;
	z-index: 653;
	left: 0px;
}


.recycle_hat {
	position: relative;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/08/recycle_graduation.png');
	background-size: contain;
	z-index: 655;
	left: -10px;
	top: -30px;
	display: none;
}

.recycle_hat_show, .recycle_lightbulb_show  {
	display: block!important;
}

.recycle_lightbulb {
	position: relative;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/08/lightbuilb.png');
	background-size: contain;
	z-index: 656;
	left: -2px;	
	top: -30px;
	display: none;
}





.recycle_eyebrows {	
	position: relative;
	height: 180px;
	width: 200px;			
	background-image: url('/wp-content/uploads/2016/02/recycle_eyebrows.png');
	background-size: contain;
	z-index: 654;
	left: 0px;
}


.recycle_eyebrows_up {				
	background-image: url('/wp-content/uploads/2016/04/recycle_eyebrows_up.png')!important;	
}


.spin {
   
    -webkit-animation: cssAnimation 1.4000s 1 ease-in-out;
    -moz-animation: cssAnimation 1.4000s 1 ease-in-out;
    -o-animation: cssAnimation 1.4000s 1 ease-in-out;
    }
    @-webkit-keyframes cssAnimation {
    from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
    to { -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
    }
    @-moz-keyframes cssAnimation {
    from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
    to { -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
    }
    @-o-keyframes cssAnimation {
    from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
    to { -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
   
}


.scroll-triggered-box {
    left: 180px!important;
    bottom: 50px!important;
    background: #9FFDFD!important;   
    border-radius: 30px;	
}

.vc_col-sm-12 {
min-height: 0px!important;
}

.instruction_text {
	line-height: 95%;
	position: fixed;
	max-width: 50%;
	font-family: 'Walter Turncoat', cursive;
	
	padding: 20px;
	
	padding: 15px;
	background: #a3cb1c;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	border: #a3cb1c solid 4px;
	bottom: 25px;
	left: 200px;
	z-index: 50!important;
	font-size: 1.2em;
	display: none;

	color: white;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ad13a+0,a1d54f+32,a1d54f+32,80c217+65,73b726+100 */
	background: rgb(138,209,58); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(138,209,58,1) 0%, rgba(161,213,79,1) 32%, rgba(161,213,79,1) 32%, rgba(128,194,23,1) 65%, rgba(115,183,38,1) 100%); 		/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(138,209,58,1) 0%,rgba(161,213,79,1) 32%,rgba(161,213,79,1) 32%,rgba(128,194,23,1) 65%,rgba(115,183,38,1) 100%); /* 		Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(138,209,58,1) 0%,rgba(161,213,79,1) 32%,rgba(161,213,79,1) 32%,rgba(128,194,23,1) 65%,rgba(115,183,38,1) 100%); /* 	W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad13a', endColorstr='#73b726',GradientType=0 ); /* IE6-9 */
	

}


.instruction_text_01, .instruction_text_02 {
	display: none;
	
}





.instruction_text:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 15px 11px 0;
	border-color: transparent #a3cb1c;
	display: block;
	width: 0;
	z-index: 0;
	left: -15px;
	top: 40%;
}




.suspects_pics {
	height: 500px;
	background-size: contain!important;
	background-repeat: no-repeat!important;

	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}






.suspects_litter {
	background-image: url(/wp-content/uploads/2016/05/suspects_01-1.png);	
}

.suspects_litter:hover {
	background-image: url(/wp-content/uploads/2016/05/suspects_01_01.png);
}

.suspects_gum {
	background-image: url(/wp-content/uploads/2016/05/suspects_02.png);	
}

.suspects_gum:hover {
	background-image: url(/wp-content/uploads/2016/05/suspects_01_02.png);
}

.suspects_pooh {
	background-image: url(/wp-content/uploads/2016/05/suspects_03.png);	
}

.suspects_pooh:hover {
	background-image: url(/wp-content/uploads/2016/05/suspects_01_03.png);
}




.swimming_pool {
	position: absolute;
	top: 700px;
	float: left;
	width: 100%;
	height: 274px;
	background-image: url(/wp-content/uploads/2016/05/pool.png);
	z-index: 30;
}


.swimming_text {	
	width: 50%;
	margin-left: 25%;
	margin-top: 200px;
	color: white;
	text-align: center;	
	font-size: x-large;
	background-color: #18525c;
	border: 5px dotted #2f98a1;
	padding: 20px;
}

.space_text {
	width: 50%;
	margin-left: 12%;
	margin-top: -100px;
	color: white;
	text-align: left;
	
	font-size: x-large;
	padding: 20px;
	background-color: black;
	border-radius: 10px;

	outline: 5px dotted #650F0F;	
  	box-shadow: 0 0 0 5px #000;
	animation: 2s animateBorder infinite;
}

@keyframes animateBorder {
  to {
    outline-color: #000;
    box-shadow: 0 0 0 5px #292933;
  }
}




.recycle_text {
	width: 50%;
margin-left: 23%;
margin-top: -100px;
color: white;
text-align: center;

font-size: x-large;
background-color: #3d0b41;
padding: 30px;
border: 5px solid #8c058a;
border-radius: 70px;
}

.washing_machine {
	position: absolute;
	top: 610px;
	left: 110%;
	float: left;
	width: 180px;
	height: 166px;
	background-image: url(/wp-content/uploads/2016/05/washing_machine.png);
	z-index: 20;
	
	-webkit-animation: anim_washing  35s linear infinite;
    	-moz-animation: anim_washing  35s linear infinite;
    	animation: anim_washing 35s linear infinite;
	
}


.green_bags {
	position: absolute;
	top: 600px;
	left: 130%;
	float: left;
	width: 180px;
	height: 166px;
	background-image: url(/wp-content/uploads/2016/05/green_bags.png);
	z-index: 20;	
	-webkit-animation: anim_washing  35s linear infinite 8s;
    	-moz-animation: anim_washing  35s linear infinite 8s;
    	animation: anim_washing 35s linear infinite 8s;
}

.caddy_man {
	position: absolute;
	top: 580px;
	left: 130%;
	float: left;
	width: 230px;
	height: 166px;
	background-image: url(/wp-content/uploads/2016/05/caddy_man.png);
	z-index: 20;	
	-webkit-animation: anim_washing  35s linear infinite 15s;
    	-moz-animation: anim_washing  35s linear infinite 15s;
    	animation: anim_washing 35s linear infinite 15s;
}


.planet_earth {
	position: absolute;
	top: 150px;
	left: 50%;
	float: left;
	width: 318px;
	height: 318px;
	background-image: url(/wp-content/uploads/2016/05/planet.png);
	z-index: 20;	
	-webkit-animation: spinworld  15s linear infinite;
    	-moz-animation: spinworld  15s linear infinite;
    	animation: spinworld  15s linear infinite;
}

.ufo {
	position: absolute;
	top: 150px;
	left: 102%;
	float: left;
	width: 182px;
	height: 100px;
	background-image: url(/wp-content/uploads/2016/05/ufo.png);
	z-index: 20;	
	-webkit-animation: anim_ufo 25s linear infinite;
    	-moz-animation: anim_ufo 25s linear infinite;
    	animation: anim_ufo 25s linear infinite;
}

.star {
	position: absolute;	
	float: left;
	width: 70px;
	height: 70px;
	background-image: url(/wp-content/uploads/2016/05/star.png);
	background-size: cover;
	z-index: 20;	
	-webkit-animation: spinworld 15s linear infinite;
    	-moz-animation: spinworld 15s linear infinite;
    	animation: spinworld 15s linear infinite;
}

.star_01 {
	top: 0px;
	left: 10%;
}


.star_02 {
	top: 300px;
	left: 5%;
	width: 50px;
	height: 50px;
}

.star_03 {
	top: 100px;
	left: 80%;
	width: 75px;
	height: 75px;
}


.star_04 {
	top: 400px;
	left: 95%;
	width: 30px;
	height: 30px;
}

.star_05 {
	top: 500px;
	left: 45%;
	width: 15px;
	height: 15px;
}


.recycle_holder {
	position: absolute;	
	left: 41%;
	top: 140px;
	width: 300px;
	height: 300px;	
	background-color: black;
	overflow: hidden;
	z-index: 20;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 5px solid #43c426;
}

.recycle_content {
	position: relative;	
	left: 0px;
	top: 0px;
	width: 300px;
	height: 1200px;	
	background-image: url(/wp-content/uploads/2016/05/recycling_combined.gif);	
	z-index: 20;

	-webkit-animation: anim_recycle 15s linear infinite;
    	-moz-animation: anim_recycle 15s linear infinite;
    	animation: anim_recycle 15s linear infinite;
}



.window_holder {
	position: absolute;
	width: 269px;
	height: 229px;
	background-color: #78c0ea;
	top: -100px;
	left: 75%;
	overflow: hidden;

	-webkit-animation: anim_sky  25s linear infinite;
    	-moz-animation: anim_sky   25s linear infinite;
    	animation: anim_sky   25s linear infinite;
	
}

.window_clouds {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 226px;
	background-image: url(/wp-content/uploads/2016/05/window_clouds.png);
	z-index: 20;
	-webkit-animation: anim_clouds   15s linear infinite;
    	-moz-animation: anim_clouds   15s linear infinite;
    	animation: anim_clouds   15s linear infinite;
}

.window_frame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 269px;
	height: 229px;
	background-image: url(/wp-content/uploads/2016/05/window_frame.png);
	z-index: 21;
}


.recycle_home_holder {
	position: absolute;
	width: 35%;
	height: 300px;
	left: 31%;
	background-color: black;
	overflow: hidden;
	border: 1em solid black;
}

.recycle_home_video {
	float: left;		
	width: 100%;	
	height: 600px;	
}

.tv_buttons {
	position: absolute;
	right: 32%;
	bottom: 420px;
	width: 41px;
	height: 10px;
	background-image: url(/wp-content/uploads/2016/05/tv_button.png);
	background-size: cover;
	z-index: 30;
}

.home_vid {
	float: left;
	width: 100%;
	height: 300px;	
	background-color: #5faa22;
	text-align: center;
	color: white;
}

.vid_start {
	padding-top: 80px;
	padding-left:  30px;
	padding-right: 30px;
}



.rh_buttons {
	position: absolute;
	top: 350px;
	left: 35%;
	padding-left: 40px;
	width: 460px;
	height: 204px;
	background-image: url(/wp-content/uploads/2016/05/table_base.png);
}

.rh_button {
	float: left;
	width: 18%;
	height: 96px;
	margin-left: 1%;	
	text-align: center;
	color: white;	
	position: relative;
}


.table_small {
	position: absolute;
	width: 243px;
	height: 216px;
	background-image: url(/wp-content/uploads/2016/05/table_base_small.png);
	top: 320px;
	left: 80px;
}

.fish_bowl {
	position: absolute;
	width: 126px;
	height: 134px;
	background-image: url(/wp-content/uploads/2016/05/fish_bowl.png);
	top: 0px;
	left: 50px;
}

.goldfish {
	position: absolute;
	width: 26px;
	height: 12px;
	background-image: url(/wp-content/uploads/2016/05/goldfish-1.png);
	top: 50px;
	left: 100px;
	animation: anim_fish 25s linear infinite;

}

.digital_clock {
	position: absolute;
	width: 80px;
	height: 33px;
	left: 125px;
	top: 85px;
	background-color: black;
	border: 3px solid white;
	text-align: center;
	color: green;
}

#paper {
	width: 74px;	
	background-image: url(/wp-content/uploads/2016/05/table_03.png);	
}
#paper:hover {	
	background-image: url(/wp-content/uploads/2016/05/table_on_03.png);
	top: -2px;
}

#plastic {
	width: 59px;	
	background-image: url(/wp-content/uploads/2016/05/table_04.png);
}
#plastic:hover{	
	background-image: url(/wp-content/uploads/2016/05/table_on_04.png);
	top: -2px;
}

#food {
	width: 87px;	
	background-image: url(/wp-content/uploads/2016/05/table_05.png);
}
#food:hover{	
	background-image: url(/wp-content/uploads/2016/05/table_on_05.png);
	top: -2px;
}

#cans {
	width: 70px;	
	background-image: url(/wp-content/uploads/2016/05/table_06.png);
}
#cans:hover{	
	background-image: url(/wp-content/uploads/2016/05/table_on_06.png);
	top: -2px;
}

#glass {
	width: 75px;	
	background-image: url(/wp-content/uploads/2016/05/table_07.png);
}
#glass:hover{	
	background-image: url(/wp-content/uploads/2016/05/table_on_07.png);
	top: -2px;
}


.large_arrow {
	font-size: 3em!important;
	animation: anim_arrow 2s linear infinite;
	position: relative;
}


@keyframes anim_arrow  {
	0% { top: 0px; opacity: 0;}
	100% { top: 10px; opacity: 1;}
}




.school_alphabet {
	position: absolute;
	left: 25%;
	top: -100px;
	background-image: url(/wp-content/uploads/2016/06/alphabet.png);
	background-size: cover;
	width: 50%;
	height: 46px;
}

.school_rocket {
	position: absolute;	
	top: 411px;
	background-image: url(/wp-content/uploads/2016/06/rocket.png);
	background-size: cover;
	width: 51px;
	height: 84px;
	left: 10%;
	animation: anim_rocket 12s linear infinite;
}

.school_sunflower {
	position: absolute;
	left: 90%;
	top: 352px;
	background-image: url(/wp-content/uploads/2016/06/sunflower.png);
	width: 68px;
	height: 148px;
}

.school_floor {
	position: absolute;
	width: 100%;
	top: 500px;	
	height: 2px;
	background-color: black;
}

.blackboard_holder {
	position: relative;
	width: 45%;
	top: 0px;
	left: 25%;
	height: 250px;
	border: 10px solid #8c582f;
	background-color: black;
	overflow: hidden;
}


.board {
	color: white;
	padding: 10px;
	width: 90%;
	float: left;
	height: 280px;
	text-align: left;
	font-family: 'Walter Turncoat', cursive;
	font-size: 1.2em;
}


.board_01 {

}


.numbers_holder {
	position: absolute;
	top: 410px;
	height: 100px;
	width: 25%;
	left: 40%;
}

.numbers {
	float: left;
	width: 90px;
	height: 90px;
	background-size: cover;
	opacity: 0.8;
	margin-right: 20px;
}

.numbers:hover {
	opacity: 1;
position: relative;
top: -10px;
}

.no01 {
	background-image: url(/wp-content/uploads/2016/06/school_one.png);
}

.no02 {
	background-image: url(/wp-content/uploads/2016/06/school_two.png);
}

.no03 {
	background-image: url(/wp-content/uploads/2016/06/school_three.png);
}


.home_tablet {
	position: absolute;
	width: 50%;
	left: 25%;
	height: 500px;
	border: 15px solid #5c5c5c;
	background-color: black;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #3dc460;
	overflow: hidden;
}

.tablet {
	float: left;
	width: 90%;
	height: 460px;
	margin: 20px;	
}

.tablet_00 {
	text-align: center;
	padding-top: 20px;
	font-size: x-large;	
}



.quiz_logo {
	background-image: url(/wp-content/uploads/2016/06/really_rubbish_small.png);
	width: 300px;
	height: 218px;
	margin: auto;
	margin-bottom: 30px;	
}

.quiz_intro {
	position: relative;	
	font-size: 1.2em;
	margin-bottom: 20px;
	font-family: 'Walter Turncoat', cursive;
}


.quiz_start {
	position: relative;
	top: 20px;	
	color: #3dc460;
	padding: 10px;
	border: 4px solid #3dc460;
}

.quiz_start:hover {
	color: #2de95e;
	border: 4px solid #2de95e!important;
	background-color: #263e1e;
}

.tablet_question {
float: left;
width: 100%;
margin-top: 30px;
color: #e4e4e4;
font-family: 'Walter Turncoat', cursive;
font-size: 1.6em;
}

.tablet_answer {
float: left;
width: 100%;
margin-top: 30px;
color: #148A08;
font-size: 1.2em;
}

.tablet_answer:hover {
color: #fff!important;
font-size: 1.3em;
}

.tablet_result {
font-size: xx-large;
text-align: center;
}

.tablet_result_small {
text-align: center;
font-size: large;
}

.results_panel {
display: none;
float: left;
width: 100%;
}

.tablet_face {
margin: auto;
width: 150px;
height: 149px;
background-image: url(/wp-content/uploads/2016/06/face_good.png);

-webkit-animation: spinworld  15s linear infinite;
    	-moz-animation: spinworld  15s linear infinite;
    	animation: spinworld  15s linear infinite;
}

.face_okay {
background-image: url(/wp-content/uploads/2016/06/face_okay.png);
}


.face_bad {
background-image: url(/wp-content/uploads/2016/06/face_bad.png);
}


.start_logo_holder {
width: 400px;
height: 309px;
margin: auto;
position: relative;
top: 100px;
}

.start_logo {
position: absolute;
width: 400px;
height: 309px;
top: 0px;
left: 0px;
}


.waste_busta_bg {
background-image: url(/wp-content/uploads/2016/08/waste_busta.png); 
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
width: 100%;
height: 600px;
margin: 0 auto;

}


.waste_busta_text {
	text-align: center!important;
    font-size: 1.8em;
    color: white;
    text-align: center;
    background-color: black;
    padding: 30px;
    margin-top: 150px !important;
	margin-left: auto;
	margin-right: auto;
    position: relative;
    top: 130px;
    -webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;

}

.waste_busta_text:hover {
	color: #DDDBDB;
}

.logo_01 {
background-image: url(/wp-content/uploads/2016/06/rubbihs_logo_01.png);

-webkit-animation:spinworld 6s ease-in-out infinite;
    -moz-animation:spinworld 6s ease-in-out infinite;
    animation:spinworld 6s ease-in-out infinite;
}

.logo_02 {
background-image: url(/wp-content/uploads/2016/06/rubbihs_logo_02.png);
-webkit-animation:spinworld 6s ease-in-out infinite 1s;
    -moz-animation:spinworld 6s ease-in-out infinite 1s;
    animation:spinworld 6s ease-in-out infinite 1s;
}
.logo_03 {
background-image: url(/wp-content/uploads/2016/06/rubbihs_logo_03.png);
-webkit-animation:spinworld 6s ease-in-out infinite 2s;
    -moz-animation:spinworld 6s ease-in-out infinite 2s;
    animation:spinworld 6s ease-in-out infinite 2s;
}
.logo_04 {
background-image: url(/wp-content/uploads/2016/06/rubbihs_logo_04.png);
-webkit-animation:spinworld 6s ease-in-out infinite 3s;
    -moz-animation:spinworld 6s ease-in-out infinite 3s;
    animation:spinworld 6s ease-in-out infinite 3s;
}
.logo_05 {
background-image: url(/wp-content/uploads/2016/06/rubbihs_logo_top.png);
}

.logo_05_cym {
background-image: url(/wp-content/uploads/2016/09/landing_logo_welsh.png);
}




.bags {
width: 112px;
height: 130px;
position: absolute;
}

.bag_01 {
background-image: url(/wp-content/uploads/2016/06/bag_green.png);
animation:anim_bags 6s linear infinite;
-webkit-animation:anim_bags 6s linear infinite;

left: 40%;
}

.bag_02 {
background-image: url(/wp-content/uploads/2016/06/bag_green.png);
animation:anim_bags 6s linear  infinite 2s;
-webkit-animation:anim_bags 6s linear infinite 2s;
left: 45%;
top: 100px;
}

.bag_03 {
background-image: url(/wp-content/uploads/2016/06/bag_black.png);
animation:anim_bags2 6s linear  infinite 1s;
-webkit-animation:anim_bags2 6s linear infinite 1s;
left: 35%;
top: 100px;
}

.bag_04 {
background-image: url(/wp-content/uploads/2016/06/bag_black.png);
animation:anim_bags2 6s linear infinite 3s;
-webkit-animation:anim_bags2 6s linear infinite 3s;
left: 30%;
top: 50px;
}

.bag_05 {
background-image: url(/wp-content/uploads/2016/06/bag_bin.png);
background-size: cover;
animation:anim_bags2 6s linear infinite 4s;
-webkit-animation:anim_bags2 6s linear infinite 4s;
left: 30%;
top: 50px;
}

.bag_06 {
background-image: url(/wp-content/uploads/2016/06/bag_bing.png);
background-size: cover;
animation:anim_bags 7s linear infinite 1s;
-webkit-animation:anim_bags 7s linear infinite 1s;
left: 30%;
top: 50px;
}


.rubbish_man {
position: absolute;
left: 40%;
width: 197px;
height: 153px;
background-image: url(/wp-content/uploads/2016/06/caddy_man_alone.png);
animation: anim_bags2 6s linear infinite 2s;
-webkit-animation: anim_bags2 6s linear infinite 2s;
}

@keyframes anim_bags  {
from {
-moz-transform:translate(200px,200px) rotate(0deg)
translate(-200px,-200px) rotate(0deg);
-webkit-transform:translate(200px,200px) rotate(0deg)
translate(-200px,-200px) rotate(0deg);
transform:translate(200px,200px) rotate(0deg)
translate(-200px,-200px) rotate(0deg);
}
to {
-moz-transform:translate(200px,200px) rotate(360deg)
translate(-200px,-200px) rotate(-720deg);
-webkit-transform:translate(200px,200px) rotate(360deg)
translate(-200px,-200px) rotate(-720deg);
transform:translate(200px,200px) rotate(360deg)
translate(-200px,-200px) rotate(-720deg);
}
}

@-webkit-keyframes anim_bags  {
from {
-moz-transform:translate(200px,200px) rotate(0deg)
translate(-200px,-200px) rotate(0deg);
-webkit-transform:translate(200px,200px) rotate(0deg)
translate(-200px,-200px) rotate(0deg);
transform:translate(200px,200px) rotate(0deg)
translate(-200px,-200px) rotate(0deg);
}
to {
-moz-transform:translate(200px,200px) rotate(360deg)
translate(-200px,-200px) rotate(-720deg);
-webkit-transform:translate(200px,200px) rotate(360deg)
translate(-200px,-200px) rotate(-720deg);
transform:translate(200px,200px) rotate(360deg)
translate(-200px,-200px) rotate(-720deg);
}
}





@keyframes anim_bags2  {
from {
-moz-transform:translate(300px,300px) rotate(0deg)
translate(-300px,-300px) rotate(0deg);
-webkit-transform:translate(300px,300px) rotate(0deg)
translate(-300px,-300px) rotate(0deg);
transform:translate(300px,300px) rotate(0deg)
translate(-300px,-300px) rotate(0deg);
}
to {
-moz-transform:translate(300px,300px) rotate(360deg)
translate(-300px,-300px) rotate(-720deg);
-webkit-transform:translate(300px,300px) rotate(360deg)
translate(-300px,-300px) rotate(-720deg);
transform:translate(300px,300px) rotate(360deg)
translate(-300px,-300px) rotate(-720deg);
}
}

@-webkit-keyframes anim_bags2  {
from {
-moz-transform:translate(300px,300px) rotate(0deg)
translate(-300px,-300px) rotate(0deg);
-webkit-transform:translate(300px,300px) rotate(0deg)
translate(-300px,-300px) rotate(0deg);
transform:translate(300px,300px) rotate(0deg)
translate(-300px,-300px) rotate(0deg);
}
to {
-moz-transform:translate(300px,300px) rotate(360deg)
translate(-300px,-300px) rotate(-720deg);
-webkit-transform:translate(300px,300px) rotate(360deg)
translate(-300px,-300px) rotate(-720deg);
transform:translate(300px,300px) rotate(360deg)
translate(-300px,-300px) rotate(-720deg);
}
}






@keyframes anim_recycle  {
	0% { top: 0px;}
	20% { top: 0px;}
	25% { top: -300px;}
	45% { top: -300px;}		
	50% { top: -600px;}	
	70% { top: -600px;}	
	75% { top: -900px;}	
	95% { top: -900px;}
	100% { top: 0px;}
}

@-webkit-keyframes anim_recycle  {
	0% { top: 0px;}
	20% { top: 0px;}
	25% { top: -300px;}
	45% { top: -300px;}		
	50% { top: -600px;}	
	70% { top: -600px;}	
	75% { top: -900px;}	
	95% { top: -900px;}
	100% { top: 0px;}
}

@keyframes anim_washing  {
	0% { left: 110%;}
	25% { left: 75%; transform: rotate(10deg);}		
	50% { left: 50%; transform: rotate(0deg);}	
	75% { left: 25%; transform: rotate(5deg);}	
	100% { left: -10%; transform: rotate(0deg);}
}

@-webkit-keyframes anim_washing  {
	0% { left: 110%;}
	25% { left: 75%; transform: rotate(10deg);}		
	50% { left: 50%; transform: rotate(0deg);}	
	75% { left: 25%; transform: rotate(5deg);}	
	100% { left: -10%; transform: rotate(0deg);}
}

@keyframes anim_fish  {
	0% { left: 120px; top: 50px; transform: rotate(0deg);}
	25% { left: 100px; top: 70px; transform: rotate(0deg);}		
	50% { left: 80px; top: 50px; transform: rotate(180deg);}
	75% { left: 100px; top: 40px;}
	100% { left: 120px; top: 50px; transform: rotate(0deg);}
}

@keyframes anim_clouds  {
	0% { left: 110%;}		
	100% { left: -700px;}
}

@keyframes anim_sky  {
	0% { background-color: #78c0ea;}
	40% { background-color: #78c0ea;}			
	44% { background-color: #edeb3a;}
	48% { background-color: #a71b50;}
	50% { background-color: #130c40;}
	80% { background-color: #130c40;}
	84% { background-color: #a71b50;}
	88% { background-color: #edeb3a;}
	90% { background-color: #78c0ea;}
	100% { background-color: #78c0ea;}
}

@-webkit-keyframes anim_sky {
	0% { background-color: #78c0ea;}
	40% { background-color: #78c0ea;}			
	44% { background-color: #edeb3a;}
	48% { background-color: #a71b50;}
	50% { background-color: #130c40;}
	80% { background-color: #130c40;}
	84% { background-color: #a71b50;}
	88% { background-color: #edeb3a;}
	90% { background-color: #78c0ea;}
	100% { background-color: #78c0ea;}
}


@keyframes anim_ufo  {
	0% { left: 110%;}
	25% { left: 75%; top: 50px; transform: rotate(10deg);}		
	50% { left: 50%; top: 30px; transform: rotate(0deg);}	
	75% { left: 25%; top: 100px; transform: rotate(5deg);}	
	100% { left: -30%; top: 0px; transform: rotate(0deg);}
}

@-webkit-keyframes anim_ufo  {
	0% { left: 110%;}
	25% { left: 75%; top: 50px; transform: rotate(10deg);}		
	50% { left: 50%; top: 30px; transform: rotate(0deg);}	
	75% { left: 25%; top: 100px; transform: rotate(5deg);}	
	100% { left: -30%; top: 0px; transform: rotate(0deg);}
}

@keyframes anim_rocket {
	0% { transform: rotate(5deg);}
	5% { transform: rotate(0deg); }		
	10% { transform: rotate(5deg); }	
	15% { transform: rotate(0deg); }
	20% { top: 411px;}	
	50% { top: 300px; opacity: 1;}	
	100% { top: -100px; opacity: 0;}
}


@-webkit-keyframes anim_rocket  {
	0% { transform: rotate(5deg);}
	5% { transform: rotate(0deg); }		
	10% { transform: rotate(5deg); }	
	15% { transform: rotate(0deg); }
	20% { top: 411px;}	
	50% { top: 300px; opacity: 1;}	
	100% { top: -100px; opacity: 0;}
}



.navigation_btn {
	width: 6%;
	height: 75px;
	background-color: #2cd486;
	position: fixed;
	bottom: 0px;
	color: white;
	text-align: center;
	font-size: 2em;
	border-top: 5px solid green;
	border-left: 4px solid green;
	border-right: 4px solid green;
}

.navigation_btn:hover {
	background-color: #90d42e;
	height: 65px;
}


@keyframes nav_button {
	0% {  height: 60px;}		
	50% {height: 70px;}		
	100% {height: 60px;}
}



#back {
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
left: 44%;
}

#forward {
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
left: 50%;
}


.fine_circle {
	float: left;
	width: 160px;
	height: 120px;
	margin-left: 43%;
	border: 13px solid red;	
	text-align: center;
	padding-top: 40px;
	font-size: 2.5em;
	margin-top: 40px;
	margin-bottom: 50px;
	background-color: white;
	opacity: 0.8;

	font-family: 'Faster One', cursive!important;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;

	animation:anim_circle 3s linear infinite;
}

@keyframes anim_circle  {
	0% { border: 8px solid #c91818; opacity: 0.8; transform: scale(1);}		
	50% {border: 8px solid #9b1616; opacity: 1; transform: scale(1.05);}		
	100% {border: 8px solid #c91818; opacity: 0.8; transform: scale(1);}
}



.enforce_hold {
background-color: #313131;
}


.legislation {
	float: left;
	text-align: center;
	width: 100%;
	background-color: #E7E7E7;	
	padding: 10px;
	margin: 0px!important;
	font-size: small;
	color: #7a7a7a;
}
.legislation:hover {
	color: white;
}

.legislation_description {
	float: left;
	text-align: center;
	width: 100%;	
	color: white;
	background-color:rgba(0, 0, 0, 0.6);
	padding: 20px;	
}

.legislation_link {
	float: left;
	width: 50%;
	background-color: #BC3E3E;
	color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	
	text-align: center;
	margin: 0px!important;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.legislation_link:hover, .legislation_link:focus {
	background-color: #1fb76a;
	color: white;
}

.vc_tta-panel-body {
padding: 0px!important;
}

ul.vc_tta-tabs-list a {    
    padding: 10px!important;
}

.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 0px!important;
    background-color: #315C54!important;  
	color: #d0cfcf!important;  
}

.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-grey.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-tabs-position-left.vc_tta-controls-align-left {
    background-color: #315C54!important;  
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
	background-color: #f6f6f6!important;  
	color: #797979!important;  
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {    
    background-color: #f6f6f6!important;    
	border: 0px;
	color: #797979!important;	
}

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {    
	border-color: #0d4d46;
	background-color: #0d4d46!important;		
	color: #636363;
	border: 0px!important;
	border-radius: 0px;	
}

.vc_tta-panels {
	border-radius: 0px!important;
}

.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin: 0px 0 0 0px!important;
}

 .vc_tta-tab > a {    
	border: 0px!important;
	padding-left: 20px;
	 padding-right: 20px;
}

.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .vc_tta.vc_tta-shape-rounded .vc_tta-tab > a {
    border-radius: 0px!important;
}

.tabs {
    width: 20%;
    float: left;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    padding-top: 200px;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 20px;
	background-position-y: -35px;
}

.tabs:hover, .tabs:focus {
    background-position: center -10%; 
	background-position-y: -38px;
}

.tabs_holder {
	margin-bottom: 35px; 
	float: left;
    width: 100%;
}

.tabs_tight {
	margin-bottom: 0px;
}

.tabs_on {
    background-color: #eb3a64;
    color: white!important;
}

.tab_food {
background-image: url(/wp-content/uploads/2019/06/Food.png);
}

.tab_recycling {
background-image: url(/wp-content/uploads/2024/04/az_recycling.png);
}

.tab_general {
background-image: url(/wp-content/uploads/2023/01/general.png);
}

.tab_garden {
background-image: url(/wp-content/uploads/2019/06/garden.png);
}

.tab_bulky {
	background-image: url(/wp-content/uploads/2019/06/Bulky.png);
	background-size: 60%;
}



.tab_content_holder {
float: left;
width: 100%;
overflow: hidden;
}

.tab_content_slide {
float: left;
width: 2000px;
}

.tab_text, .tab_head {
padding: 20px;

}

.tab_content {
float: left;
width: 1000px;
background-color: #7f376f;
color: white;
}



.tab_left {
float: left;
width: 50%;
}

.tab_right {
float: right;
width: 50%;
}

.recycling_panel, .recycle_start {
	background-color: #ffffff!important;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0.9em!important;
	padding-bottom: 60px!important;

}

.recycling_panel h1, .recycle_start h1, .recycling_panel h2, .recycle_start h2 {
	color: #dd375a!important;
}

.recycle_order {
    line-height: 1 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    width: auto;
    padding: 14px 20px 14px 20px;
    margin: 0 5px 5px 0;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin-top: 36px;
    background: #1e242f;
    color: #ffffff;
    border: 0px;
    text-align: left;
    float: left;
    text-decoration: none;
    font: 400 0.6em Quicksand, Arial, Helvetica, sans-serif;
}

.recycle_order:hover, .recycle_order_close:hover, .recycle_order_right:hover {
	color: white;
	background-color: #77cbe7;
}





.recycle_order_close {
float: left;
background-color: #1D1D1D;
color: white!important;
text-decoration: none;

padding: 12px;
text-align: center;
margin-top: 0px;
margin-bottom: 15px!important;
margin-right: 2px;
-webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.75);

}


.recycle_order_right {
    line-height: 1 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    width: auto;
    padding: 14px 20px 14px 20px;
    margin: 0 5px 5px 0;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
	margin-top: 36px;
    background: #1e242f;
    color: #ffffff;
    border: 0px;
    text-align: left;
    float: left;
    text-decoration: none;
    font: 400 0.6em Quicksand, Arial, Helvetica, sans-serif;
}


.recycling_panel {
display: none;
}

.recycle_video div {
border: 1px solid #dd375a;
}

.recycle_code {
	display: none;
}




.event_holder {
	float: left;
	width: 33.33%;
	background-color: #15507b;
	color: white;
	height: 150px;	
	margin: 0px;
}

.event_holder:hover {
	background-color: #901771;
}

.single-event .entry-title h1 {
	color: #fff!important;
}


.single-event .entry-image {
	display: none!important;
}


.entry-image {
    overflow: hidden;
    position: relative;
    border-radius: 0px!important;
    max-width: 300px;
    border: 5px solid #eb3a64;
    margin-left: 25%;
	margin-bottom: 0px;
}


.date_holder {	
    float: left;
    width: 70px;
    top: -7px;
    z-index: 70 !important;
    left: -7px;
    opacity: 0.95;
	border: 2px solid #da4366;
	border-radius: 0px;
    overflow: hidden;
}

.date_day {
	background-color: #fff;
    color: #7e8687;
    text-align: center;
    width: 100%;
    padding-top: 5px;
    float: left;
    font-size: x-large;
    animation: colorCycle 20s linear infinite;
    padding-bottom: 5px;
}

.date_month {
    background-color: #1e85a7;
    color: white;
    text-align: center;
    width: 100%;
    height: 27px;
    float: left;
    text-transform: uppercase;
    font-size: 0.8em;
}

.date_time {
    background-color: #2c2c2c;
    color: white;
    text-align: center;
    width: 100%;
    height: 24px;
    float: left;
    text-transform: uppercase;
    padding-top: 4px;
    font-size: 0.7em;
}

.event_name {	
    float: left;
    text-align: left;
    margin: 10px;
    font-size: 0.95em;
    line-height: 110%;
    color: #292929;
    max-width: 60%;
    margin-bottom: 0px!important;
    margin-top: 10px;
}



.event_name a {
color: white;
}

.event_name a:hover {
color: #dadada;
}


.event_map, .em-location-map-container {
	float: left;
	width: 100%!important;
}

.event_map {
	border: 3px solid #dadadal
}

.event_detail_holder {
	float: left;
    width: 92%;
    padding: 30px;

}

.event_description_holder {
    float: left;
    width: 92%;
    padding: 30px;	
	    padding-top: 0px!important;
}


.event_name_single {
	float: left;
	color: black!important;	
	margin-top: 40px;	
	display: none;
}

.event_title_single {
	color: black;
	size: 1.5em;
	margin-top: 50px;
	float: left;
}

.date_month_single {
	background-color: #77cbe7;
	color: white;
	text-align: center;
	width: 100%;
	height: 30px;
	float: left;
	text-transform: uppercase;
	font-size: medium;
	padding-top: 5px;
}

.date_day_single {	
	color: #77cbe7;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	height: 55px;
	float: left;
	font-size: xx-large;
	animation:colorCycle 20s linear infinite;
}

.event_image_single {
	float: left;
	width: 400px;	
	margin-bottom: 20px;
	margin-right: 20px;
}


.event_image_single img {
	float: left;
}

.date_holder_single {	
	float: left;
	width: 115px;	
	margin-right: 30px;
	margin-bottom: 40px;
    border: 1px solid #77cbe7;
}

.event_push {
	margin-top: 20px;
	float: left;
	width: 100%;
}

.Location {
float: left;
background-color: #3B3535;
color: white;
}

.location_title {
float: left;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
}

.location_text a {
float: left;
padding: 15px;
color: white!important;
background-color: none!important;
}

.spacer {
	float: left;
	width: 100%;
	height: 1px;
	display: none!important;
}

.fact_bubble {
	position: relative;
    width: 90%;
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: medium;
    background: #077c61;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    color: white;
}


.fact_bubble::before {
    content: "\f059";
    font-family: FontAwesome;
    float: left;
    width: 60px;
    height: 70px;
    color: white;
    font-size: 40px;
    top: -8px;
    position: relative;
    left: 5px;
}

.fact_bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 9px 0;
border-color: #085e4a transparent;
display: block;
width: 0;
z-index: 1;
bottom: -12px;
left: 54px;
}

.vid_label {
	background-color: #dd375a;
    padding: 20px;
    padding-right: 30px!important;
    position: relative;
    width: 100%;
    color: white;
}

.vid_label a {
	color: white!important;
	font-weight: bold;
}

.swingometer_holder {
float: left;
width: 33%;
-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.75);
}

.swingometer_percene {
float: left;
width: 100%;
text-align: center;
font-size: xx-large;
padding-top: 20px;
padding-bottom: 20px;
}

.swingometer_year {
float: left;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    text-align: right;
    font-size: medium;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eb3a64;
    color: white;
}

.swingometer_progress {
    float: left;
    width: 16%; 
    text-align: center;
    font-size: medium;
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    box-sizing: border-box;
}

.swingometer_text {
	float: left;
    width: 90%;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #79b944!important;
    padding-top: 6px;
    padding-bottom: 6px;
    color: white;
}

.swingometer_good {
	border-bottom: 3px solid #ffffff;
}



.swing_01 {
	float: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,dd9104+100 */
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(221,145,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(221,145,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(221,145,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#dd9104',GradientType=1 ); /* IE6-9 */	
}

.swing_02 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd9104+1,749603+100 */
background: rgb(221,145,4); /* Old browsers */
background: -moz-linear-gradient(left, rgba(221,145,4,1) 1%, rgba(116,150,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(221,145,4,1) 1%,rgba(116,150,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(221,145,4,1) 1%,rgba(116,150,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9104', endColorstr='#749603',GradientType=1 ); /* IE6-9 */
}



.swing_03 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#749603+0,95fc05+100 */
background: rgb(116,150,3); /* Old browsers */
background: -moz-linear-gradient(left, rgba(116,150,3,1) 0%, rgba(149,252,5,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(116,150,3,1) 0%,rgba(149,252,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(116,150,3,1) 0%,rgba(149,252,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#749603', endColorstr='#95fc05',GradientType=1 ); /* IE6-9 */
}


.swingometer_total {
    float: left;
    padding: 24px;
    background-color: #eb3a64;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
 	top: 133px;
    left: 355px;
    border: 3px solid #ffffff;
    color: white;
}

.wpb_content_element {
	margin-bottom: 0px!important;
}

h2 {    
    margin-bottom: 15px !important;
	margin-top: 25px !important;
}

.logo_krt {
    float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2016/08/community_KRT_logo.png);
    position: absolute;
    top: -60px;
    left: 400px;
    background-color: white;
    border-radius: 100%;    
    background-repeat: no-repeat;
    background-position: center center;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
}


.logo_kgt {
    float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2016/08/community_KGT_logo.png);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: white;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);	
}

.logo_lwyl {
    float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2017/02/lwyl_bilingual.png);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: #134783;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);	
}


.logo_canna {
    float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2017/10/pontconnna_logo.png);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: #fff;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);	
}

.logo_caer {
    float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2017/10/CAER_hillfort_logo.png);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: #fff;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);	
}

.logo_pentwyn {
    float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2017/10/Pentwyn_logo.png);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: #fff;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);	
}

.logo_riverside {
    float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2018/05/tidy_riverside-wt.gif);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: #fff;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);	
}


.logo_kgt, .logo_krt, .logo_krg, .logo_kst, .logo_kvcg, .logo_kct, .logo_lwyl, .logo_canna, .logo_caer, .logo_pentwyn, .logo_riverside {   
	left: 1% !important;
    top: -29px !important;
    background-size: contain!important;
    width: 100px!important;
    height: 100px!important;
}

.logo_kct {
    float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2016/09/community_KCT_logo.png);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: white;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);	
}


.logo_krg {
    float: left;
    width: 150px;
    height: 150px;
    background-image: url(/wp-content/uploads/2016/08/community_KRG_logo-1.png);
    position: absolute;
    top: -60px;
    left: 400px;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
}

.logo_kst {
 	float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2016/09/community_KST_logo.png);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: white;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
}

.logo_kvcg {
	float: left;
    width: 155px;
    height: 155px;
    background-image: url(/wp-content/uploads/2016/09/community_CVCG_logo.png);
    position: absolute;
    top: -60px;
    left: 400px;
	background-repeat: no-repeat;
    background-position: center center;
	background-color: white;
    border-radius: 100%;    
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
}


.overflowing {
overflow: visible!important;
}




.large_title {
color: #545454;
padding: 10px;
text-align: center;
font-size: 1em;
min-height: 53px;
}

.add_shadow {
	-webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75)!important;
	-moz-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75)!important;
	box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.75)!important;
}


.landing_left {
	position: relative;
	left: 150px;
}

.landing_right {
	position: relative;
	left: -150px;
}


.bwg_standart_thumb_spun1_0 {
    margin: 0px!important;  
    border: 1px solid white;
}



#back-to-top a {
    position: relative;
    display: block;
    width: 50px;
    height: 46px;
    background: #4DA15A;
    color: #ffffff;
    font-size: 24px;
    line-height: 36px;
    text-align: center; 
    opacity: 0.8;
	border-radius: 100px!Important;
	bottom: 5px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d31044+0,e84e72+100 */
background: rgb(211,16,68); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(211,16,68,1) 0%, rgba(232,78,114,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(211,16,68,1) 0%,rgba(232,78,114,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(211,16,68,1) 0%,rgba(232,78,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d31044', endColorstr='#e84e72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.52);
-moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.52);
box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.52);

}


.page_loading {
	background-color: black;
	float: left;
	position: fixed;
top: 0px;
left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.95;
z-index: 100;
}

.loading_text {
	color: white;	
	top: 400px;	
	font-size: 2em;
	position: fixed;
	z-index: 102;
width: 100%;
text-align: center;
animation:colorCycle 20s linear infinite; 
}


.rrln {
	position: absolute;
	top: -190px;
}


.footer_kct {
float: left;
background-image: url(/wp-content/uploads/2016/08/footer_kct.png);
width: 133px;
height: 100px;
opacity: 0.7;
}

html[lang="en-US"] .footer_ukgov {
	float: left;
	background-image: url(/wp-content/uploads/2023/11/914bc7ed-007f-4ece-a942-88a26059de6b.png);
	width: 133px;
	height: 100px;
	opacity: 0.7;
	background-repeat: no-repeat;
    margin-left: 2rem;
    margin-top: 1rem;
	background-size: contain;
}
html[lang="cy"] .footer_ukgov {
	float: left;
	background-image: url(/wp-content/uploads/2023/11/527bd96f-b576-480a-9c26-ac7fcd0f7e42.png);
	width: 133px;
	height: 100px;
	opacity: 0.7;
	background-repeat: no-repeat;
    margin-left: 2rem;
    margin-top: 1rem;
	background-size: contain;
}

.footer_cc {
float: left;
background-image: url(/wp-content/uploads/2016/08/footer_cc.png);
width: 133px;
height: 100px;
opacity: 0.7;
}

.footer_rw {
float: left;
background-image: url(/wp-content/uploads/2016/08/footer_recycle_wales.png);
width: 133px;
height: 100px;
opacity: 0.7;
}

.footer_kwt {
float: left;
background-image: url(/wp-content/uploads/2019/06/KWT_logo.png);
width: 200px;
height: 100px;
opacity: 0.7;
}

.footer_vi {
float: left;
background-image: url(/wp-content/uploads/2016/09/footer_viridor.png);
width: 133px;
height: 100px;
opacity: 0.7;
}


.footer_cc:hover, .footer_rw:hover, .footer_vi:hover, .footer_kwt:hover {
opacity: 1;
}



.mobile_hide {
	display: block;
}

.mobile_show {
	display: none;
}


.mobile_links {
	font-size: 1em!important;
	color: white!important;	
}


.enforce_pic  {
	
	background-size: cover;
	background-position: center center;
	float: left;
	width: 100%;
	height: 450px;
}

.enforce_littering {
	background-image: url(/wp-content/uploads/2016/08/car-1.jpg);
}

.enforce_fouling {
	background-image: url(/wp-content/uploads/2016/09/bruce.jpg);
}


.enforce_collection {
	background-image: url(/wp-content/uploads/2016/08/car-6.jpg);
}

.enforce_presentation {
	background-image: url(/wp-content/uploads/2016/08/car-5.jpg);
}

.enforce_presentation_business {
	background-image: url(/wp-content/uploads/2016/08/car-7.jpg);
}

.enforce_domestic_duty {
	background-image: url(/wp-content/uploads/2016/08/car-4.jpg);
}

.enforce_transfer_note  {
	background-image: url(/wp-content/uploads/2016/08/1281a_smal.jpg);
}

.enforce_carriers_licence {
	background-image: url(/wp-content/uploads/2016/08/1311a_sml.jpg);
}


.enforce_graffiti {
	background-image: url(/wp-content/uploads/2016/08/Grafitti_01.jpg);
}


.new_event_holder {   
    width: 31%;

    opacity: 0.9;
    margin: 5px;
    margin-top: px;
    transform: rotate(0deg);
	
 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
display: inline-block;
	 margin-right: 1%;
	margin-bottom: 15px;
	    border-radius: 5px;
}

.new_event_holder:hover, .new_event_holder:focus {
	opacity: 1;	
	background: #da4366!important;
}

.new_event_holder:hover .event_name, .new_event_holder:focus .event_name {
	color: white!important;
}


.new_event_image {
	float: left;
	width: 100%;	
	background-color: white;
	text-align: center;
	display: none;
}

.new_event_bottom {
	float: left;
	width: 100%;
}

.homepage_events p {
	display: none;
}

.events_banner {
background-image: url(/wp-content/uploads/2016/05/grass_menu_city-1.png);
padding: 0px !important;
background-size: cover;
background: rgb(28,73,80);
background: -moz-linear-gradient(top, rgba(28,73,80,1) 0%, rgba(19,64,73,1) 100%);
background: -webkit-linear-gradient(top, rgba(28,73,80,1) 0%,rgba(19,64,73,1) 100%);
background: linear-gradient(to bottom, rgb(8, 123, 141) 0%,rgb(21, 137, 161) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c4950', endColorstr='#134049',GradientType=0 );
border-bottom: 1px solid #242424;
border: 2px solid #277784;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
cursor: pointer;
}

.events_banner:hover, .events_banner:focus {
background: rgb(28,73,80);
background: -moz-linear-gradient(top, rgba(245, 124, 137,1) 0%, rgba(22, 168, 198,1) 100%);
background: -webkit-linear-gradient(top, rgba(45, 124, 137,1) 0%,rgba(22, 168, 198,1) 100%);
background: linear-gradient(to bottom, rgb(45, 124, 137) 0%,rgb(22, 168, 198) 100%);
}



.headline {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.events_banner:hover .headline, .rr_banner:hover .headline {
    margin-left: 120px !important;
}

.events_banner h2, .rr_banner h2 {
	margin-left: 40px!important;
}


.rr_banner {
background: rgb(141,28,73);
background: -moz-linear-gradient(top, rgba(141,28,73,1) 0%, rgba(126,9,108,1) 100%);
background: -webkit-linear-gradient(top, rgba(141,28,73,1) 0%,rgba(126,9,108,1) 100%);
background: linear-gradient(to bottom, rgba(141,28,73,1) 0%,rgb(126, 9, 108) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8d1c49', endColorstr='#77173c',GradientType=0 );
border: 2px solid #b90e98;
cursor: pointer;
}


.rr_banner:hover, .rr_banner:focus {
	background: rgb(141,28,73);
	background: -moz-linear-gradient(top, rgba(174, 32, 88,1) 0%, rgba(168, 43, 149,1) 100%);
	background: -webkit-linear-gradient(top, rgba(174, 32, 88,1) 0%,rgba(168, 43, 149,1) 100%);
	background: linear-gradient(to bottom, rgb(174, 32, 88) 0%,rgb(168, 43, 149) 100%);
}

.community_join {
	float: right;
	padding: 30px;
	background-color: #287695;
	color: white;
	width: 300px;
	-webkit-border-top-left-radius: 45px;
	-webkit-border-bottom-left-radius: 45px;
	-moz-border-radius-topleft: 45px;
	-moz-border-radius-bottomleft: 45px;
	border-top-left-radius: 45px;
	border-bottom-left-radius: 45px;
	font-size: 15px;

}

.rubbish_join {
background-color: #7d0e54;
}

.community_join:hover, .community_join:focus {
	background-color: #252525;
	color: white
}

.community_show {
	float: right;
	padding: 30px;
	background-color: #000;
	color: white;	
}


.teacher_resource {
	background-color: black;
	padding: 20px;
	float: right;
	color: white;
	opacity: 0.8;
	border-radius: 100%;
	width: 120px;
	text-align: center;
	height: 120px;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
}

.teacher_resource:hover {
	opacity: 1;
	color: white;
}

.reallyr_link {
    background-color: #80a211;
    padding: 20px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    border-radius: 35px;
	float: left;
}

.reallyr_link:hover {
	background-color: #9d276d;
	margin-left: 15px;
}

#footer {
    padding: 20px 0 20px 0!important;
    background: #0A1F5D;   
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004a51+0,395459+46,3e4960+100 */
/*background: rgb(0,74,81); /* Old browsers */
/*background: -moz-linear-gradient(-45deg, rgba(0,74,81,1) 0%, rgba(57,84,89,1) 46%, rgba(62,73,96,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(-45deg, rgba(0,74,81,1) 0%,rgba(57,84,89,1) 46%,rgba(62,73,96,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(135deg, rgba(0,74,81,1) 0%,rgba(57,84,89,1) 46%,rgba(62,73,96,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a51', endColorstr='#3e4960',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*	-webkit-box-shadow: inset 0px 2px 17px -6px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 2px 17px -6px rgba(0,0,0,0.75);
box-shadow: inset 0px 2px 17px -6px rgba(0,0,0,0.75);*/
}


.reall_rubbish_menu {
	border-top: 3px solid white;
	-webkit-box-shadow: inset 2px -1px 25px -8px rgba(0,0,0,0.59);
-moz-box-shadow: inset 2px -1px 25px -8px rgba(0,0,0,0.59);
box-shadow: inset 2px -1px 25px -8px rgba(0,0,0,0.59);
}


.recycle_cloud_top {
	float: left;
	width: 120%;
	height: 300px;
	position: absolute;
	top: -210px;
	left: -40px;
background-image: url(/wp-content/uploads/2016/09/cloud_top.png);
background-repeat: repeat-x;
}

.community_links {
	background-color: #1D1D1D;
	padding: 15px;
	opacity: 0.9;	
	margin-top: 0px!important;
	float: left;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);

	font-size: 0.8em;
	width: 97%;
	min-height: 62px;
}

.community_links_new:hover {
	opacity: 1;	
	color: white!important;
	background: #77cbe7!Important;
}

.community_links_new {
	text-align: center;
    font-size: 0.9em;
    padding-top: 15px;
    opacity: 0.9;
    margin-top: 0px !important;
    float: left;
    min-height: 60px;
    font-weight: bold;
    width: 100%;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    background: #130f26;
    padding-bottom: 20px;
    min-height: 80px;
}



.fluid-width-video-wrapper {    
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
}

#event-form h3 {
	color: #fff!important;
}


.widget_archive, .widget_categories, .widget_meta, .widget_search, .widget_recent_comments {
	display: none;
}

.comment-reply-title {
color: #777777;
}

#copyright {    
    font-size: small!important;
}

.entry-content p, #sidebar .widget ul li a {
    font-size: medium!important;
}

#sidebar .widget ul li a {
	color: #A5A5A5;
}

.menu-item-language-current {
    margin: 0px !important;    
}

.submenu-languages img {
	margin-left: -3px!important;
}

.vc_tta-panel-body {
    padding: 0px !important;
}

.love_start {
background-color: #fff;
}

.love_circle {
width: 32px;
height: 27px;
padding-top: 4px;
textlign: center;
background-color: white;
color: black;
margin-right: auto;
margin-left: auto;
border-radius: 100%;
font-size: medium!important;

-webkit-box-shadow: 3px 2px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 2px 5px -3px rgba(0,0,0,0.75);
box-shadow: 3px 2px 5px -3px rgba(0,0,0,0.75);

}

.tab_love {
	text-align: center;
	padding-top: 30px;
	font-size: 25px;
	height: 210px;	
	line-height: 1.3;
	opacity: 0.9;
}

.tab_love:hover, .tab_love:focus  {
	opacity: 1;
	padding-top: 27px!important;
}



.panel_love {
	background-color: #fff!important;
	padding-top: 0px;
	padding-bottom: 60px!important;
	color: #595757 !important;
}

.panel_love h1 {
color: #595757 !important;
}

.panel_love a {
    font-weight: bold !important;
}



.flexslider {
	-webkit-box-shadow: 7px 4px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 4px 5px -1px rgba(0,0,0,0.75);
	box-shadow: 7px 4px 5px -1px rgba(0,0,0,0.75);
}

#navigation .sub-menu li {    
    margin: 0px 0px!important;
}

#navigation .sub-menu li a { 
   	 text-transform: uppercase;
	font-size: 16px!Important;
	padding: 20px!important;
	color: #fff!important;
}


#navigation li.current-menu-item > a, #navigation li.current-page-ancestor > a, #navigation li.current-menu-ancestor > a, #navigation li.current-menu-parent > a, #navigation li.current_page_ancestor > a {
    color: #FFF!important;
}


#mobile-navigation {
	    padding-top: 100px;
}

#mobile-navigation .container ul li ul {
    margin: 0px!important;    
}

.css-events-admin, .css-event-form {
    padding: 20px;
}


#mobile-navigation ul li a {
    font: 13px Open Sans, Arial, Helvetica, sans-serif;
    color: #efefef !important;
    border-bottom-color: #000 !important;
    text-align: center;
    background-color: #078066;
    padding: 20px !important;
    text-align: left;
}

#mobile-navigation .current_page_item a {
	color: #f1f1f1!important; 
	border-left: 10px solid #0f8f23;
}

.sub-menu {    
    border-left: 10px solid #043618;
}


.heart_icon  {
	padding-top: 5px;
    float: left;   
    width: 100%;
	color: white;
}

.heart_icon i {
	animation: heart_text 4s infinite;
	font-size: 4em!important;
    background: #77cbe7;
    border-radius: 50%;
    padding: 20px;
}


@keyframes heart_text {
  0% {
    transform: scale(1);
	color: #77cbe7;
  }
55% {
    transform: scale(1);
	color: #77cbe7;
  }
 60% {
    transform: scale(1.1);
	color: red;
  }
65% {
    transform: scale(1);
	color: #77cbe7;
  }

  100% {
    transform: scale(1);
	color: #77cbe7;
  }
}

.love_holder {
	background-color: #fff;
}

.logo_retina {
width: 60%!important;
margin-top: 5px;
margin-left: 5px;
}

.mobile_button_go {

	margin-left: 10px;
	font-size: 25px;	
}

#tag_cloud-2 {
  margin-top: 30px;
}

.latest-blog-modern.clearfix {
    float: left;
    width: 100%;    
}

.latest-blog-list-modern {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #75b315;
    color: white!important;
}

.latest-blog-list-modern li span {
	    color: #d2d2d2!important;
}

.latest-blog-list-modern h4 {
	color: white!important;
}

.latest-blog-list-modern a:hover {
	  background-color: #382639!important;
}

.latest-blog-list-modern li a {  
    padding: 50px!important;
}

.latest-blog-list-modern li {   
    border-bottom: 1px solid #535151!important;
}


.widget_tag_cloud a {
  border: 1px solid #b0b0b0!important;
  color: #514f4f;

}
.sharebox {    
	background-color: #fff;
	padding: 20px;	
	color: #454040;
	opacity: 0.8;
	margin-top: 0px;
	width: 94.5%;
	margin-bottom: 0px;
}

.sharebox:hover  {
opacity: 1;
}

.sharebox a:hover {
color: #3B697B!important;
}


.blog-single {
	padding: 20px!important;
	box-sizing: border-box;
}

.really_home_text {

	margin-top: 30px;
	float: left;
}

.homepage_events {
-webkit-box-shadow: inset -1px -9px 5px -7px rgba(0,0,0,0.75);
-moz-box-shadow: inset -1px -9px 5px -7px rgba(0,0,0,0.75);
box-shadow: inset -1px -9px 5px -7px rgba(0,0,0,0.75);
}

#rubbish_panel {
display: none;
}


.show_panel_button {
	float: left;
	width: 50px;
	height: 50px;
	color: white;
	font-size: 30px!important;
	text-align: center;
	margin: 9px;
	margin-left: 25px;
}


div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng {
    background: #a8da00!important;
    display: block !important;
	float: left;
	text-align: left;
}


div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
    background: #f2b813!important;
    display: block !important;
	float: left;
}



.float_right {
	float: right!important;
}

.float_left {
	float: left;
}

.pushit {
	float: left;
	width: 100%;
	height: 15px;
	clear: both;
}

.binfo_content {
	background-color: #206F63!important;
}

.binfo_content p {
	color: white!important;
}

.rr_loadergif {
	background-image: url(/wp-content/uploads/2019/07/ajax-loader.gif);
	width: 66px;
	height: 66px;
	position: relative;
	margin: auto;
	top: 300px;	
	z-index: 60;
}


.love_table {
	width: 100%;
	-webkit-box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.75);
	color: #e9e3e3;
}

.love_table td, .love_table th {
    padding: 12px !important;    
}

.love_table th {
    background-color: #900838;
    text-align: left;
}

.love_table tr:nth-child(even) {background: #606060;}
.love_table tr:nth-child(odd) {background: #505050;}





#event-form .em-location-data-region, #event-form .em-location-data-state, .event-categories {
	display: none;
}


#em-form-when, .inside.event-form-name, .inside.event-form-where, .inside.event-form-image, .inside.event-form-details, .inside.event-form-submitter, .inside.event-form-when {
background-color: #293C4B;
padding: 20px;
float: left;
width: 100%;
margin-bottom: 20px;
color: white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #575757;
}

#em-editor-content {
    width: 95%;
}

#event-form i, #event-form br {
    display: none;
}

#event-form input[type="submit"] {
    background: #2c7e81;
    border-color: #1798ba;
    padding: 20px;
    width: 100%;
    margin-top: 50px;
}

#event-form input[type="submit"]:hover {
	background: #526F77;
}

.em-location-data-country {
    visibility: hidden;
}

#event-form #event-name, #event-form  input[type="text"] {  
    padding: 15px;
    border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
}

.full_event_holder a {
    padding: 9px;
    background-color: #77cbe7;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    position: relative;
    top: 3px;
}

.full_event_holder a:hover {
background-color: #7CD149;
color: white;
}

.wrapall {
    background-color: #fff!important;
}

.widget_recent_entries h3 {
color: #fff!important;
}





.single-post #content {
padding: 0px!important;
background-color:white;
}

.single-post .sharebox {
width: 95.2%;
}

.single-post .entry-content, .single-post .entry-title, .single-post #comments {
    padding: 0px;
}

.single-post .entry-title {
padding-bottom: 0px!important;
}

.single-post #comments {
background-color: #ededed;
display:none;
}

.blog-shortcode h2 a {
	color: #DDD!important;
}

.blog-shortcode .entry-content {
	color: #B7B7B7;
}
.post {
border-bottom: 0px solid #efefef!important;
}

.blog-shortcode .entry-image {  
    border: 5px ridge #922f71; 
}

.new_event_image {
	min-height:105px;
	max-height: 157px;
	overflow: hidden;
}



.southwaleseco .blog-list-item-thumb {
	width: 150px!important;
	height: 150px!important;
	border-radius:50%!important;
	border: 2px solid silver;
}

.entry-title a {
	color: #77cbe7!important;
    /*margin-top: 40px;*/
    float: left;
	width: 100%;
}


.southwaleseco .blog-list-item-description {
margin-top:25px!important;
}

.southwaleseco .blog-list-item-description a:hover {
 color: silver!important;
}

.southwaleseco .blog-list-item-description h3 {
margin: 0px!important;
}

.southwaleseco  .blog-list-item-excerpt {
color: #ddd!important;
float: left;
}

.southwaleseco .blog-list-item-excerpt a {
	color: #f5f5f5;
	background-color: #484054;
	padding: 2px;	
	padding-left: 22px;
	padding-right: 15px;
	margin-top: 15px;
	position: relative;
-webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
float:right;
}


.southwaleseco .blog-list-item-excerpt a:hover {
	color: white!important;	
	background-color: #6c1d78;
	left: 4px;
}


.southwaleseco .latest-blog-list {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 35px;
	margin-top: 20px;
}


.eco_header img {
	position: relative;
	
    animation:ecopulse 7s linear infinite;
}




@keyframes ecopulse {
  0% {
    transform: scale(0.8);
  }
40% {
    transform: scale(0.8);
  }
43% {
    transform: scale(0.9);
 transform: rotate(7deg);
  }
46% {
    transform: scale(0.8);

  }
50% {
    transform: scale(0.8);
	
  }
53% {
    transform: scale(0.9);
	transform: rotate(340deg);
  }
56% {
    transform: scale(0.8);
	
  }
  100% {
    transform: scale(0.8);
  }
}


input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
	padding: 15px;
    border: 1px solid #dadada;
}


/*.blog-medium a {
	color: white!important;
}*/

.blog-medium a:hover {
	color: #000!important;
}

.read-more-link {
  display: none;
}

.blog-medium .entry-content {
	color: #3e3e3e!important;;
}



.ngg-gallery-thumbnail {
	border: 0px!important;
	margin: 1px!important;
}

.ngg-gallery-thumbnail a {
margin: 0px!important;
}

.ngg-gallery-thumbnail-box {
max-width: 20% !important;
}

.latest-blog-list.horizontal.vc_col-sm-4.clearfix.wpb_content_element {
    background-color: #fff!important;
    padding: 25px;
    max-width: 32%;
    margin-right: 10px;
    min-height: 320px !important;
	margin-top: 30px;
}



.latest-blog-list.horizontal.vc_col-sm-4.clearfix.wpb_content_element a {
color: #27846d!important;
}

.latest-blog-list.horizontal.vc_col-sm-4.clearfix.wpb_content_element .blog-list-item-excerpt {
line-height: 1.3em!important
}

#volunteer_top {
    background-position: center bottom;
}

.overflowing {
    width: 20%;
    float: left;
    min-height: 290px;	
    background: #130f26!important;
}

.overflowing .vc_col-sm-6 {
	width: 100%!important;
}

.full_length {
	width: 100%!important;
}

.overflowing .single_image.align-left {
max-height: 199px;
overflow: hidden;
}

.people_power .latest-blog a {
	background: none!important;
	box-shadow: 0px 0px !important;
}


.community_mobile {
	overflow: hidden;
}

.rr_text {
	 background-position-y: -40px!important;
}

.rr_text, .rr_text h2 {
	color: #015b66!important;
}


.rr_box_link {
	width: 33.3%;
    float: left;
    height: 330px;
    position: relative;
    overflow: hidden;	
}

.rr_box_link:hover h3, .rr_box_link:focus h3 {
	color: white!important;
}

.rr_box_link:hover span, .rr_box_link:focus span {
	padding-bottom:25px;
	 -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}


.rr_box_link span {
	position: absolute;
    bottom: 0px;
    float: left;
    background: #e8224fe6;
    width: 100%;
    color: white;
    padding: 15px;
    box-sizing: border-box;
	font-size: 0.8em;
}

.rr_box_link p {
	display: none;
}

.rr_box_link:hover p, .rr_box_link:focus p {
	display: block;
	animation: fadein 1s;
} 

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.rr_box_link h3 {
	margin-bottom: 10px!important;
}

.rr_box_visits {
	background: url(/wp-content/uploads/2018/11/caddy_man.jpg);
	background-size: cover;
}

.rr_box_resources {
	background: url(/wp-content/uploads/2018/11/wastebuster-3.jpg);
	background-size: cover;
}

.rr_box_story {
	background: url(/wp-content/uploads/2018/11/reallyrubbish.jpg);
	background-size: cover;
}

.rr_school {
	color: white;
}

.rr_links a {
	float: left;
    border-left: 3px solid #e92352!important;
    width: 98%;
    padding: 10px;
    background: #ffffff;
    color: black;
    margin-bottom: 4px;
    border: 1px solid #e1e1e1;
    text-indent: 15px;
	    border-radius: 5px;
}

.rr_links a:hover {
	background: #e7e7e7;
}

.wpb-js-composer .vc_tta-color-juicy-pink.vc_tta-style-flat .vc_tta-tab>a {
	background-color: #e92352!important;
	border-radius: 5px!important;
	padding: 20px!important;
}

.vc_tta-color-juicy-pink.vc_tta-style-flat .vc_tta-tab>a {
	opacity: 0.9;
}

.vc_tta-color-juicy-pink.vc_tta-style-flat .vc_tta-tab>a:hover {
	opacity: 1;	
}

.testimonial {
	color: #000!important;
}

#readmore {
	display: none;
	padding-top: 20px;
}

#readmorebtn {
    margin-top: 36px;
    background: #1e242f;
    color: #ffffff;
    border: 0px;
    text-align: left;
    float: left;
    text-decoration: none;
    font: 400 0.6em Quicksand, Arial, Helvetica, sans-serif;
}



#readmorebtn:hover, #readmorebtn:focus {
    background: #77cbe7;	
}

.rr_links a:before {
    content: "\f138";
    font-family: fontAwesome;
    color: #e92352;
    margin-right: 15px;
}


.topics_holder {
    float: left;
    width: 31%;
    margin-right: 1%;
    margin-bottom: 30px;
    padding: 15px;
    box-sizing: border-box;
    min-height: 345px;
	position: relative;
	z-index: 99;
}

.topics_holder:hover, .topics_holder:focus {
    background: #5e5e5e12;
}


.topic_button:first-child {
    background: #8d9936;
}


.topics_image {
	background-size: cover!important;
    width: 100px;
    height: 100px;
    border-radius: 50%;
	border: 1px solid #278064;
}

.topic_summary {
	color: #666363!important;
    line-height: 1.5em;
}

.topic_title, .topic_title h3 {
	color: #278064!important;
    font-size: 1.05em;
	overflow: hidden;
    height: 50px;
}

.topics_holder h3 {
    margin-top: 15px;
    margin-bottom: 10px!important;
}

.topic_button {
    background: #77cbe7;
    border: 0px!important;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
}

.topic_on {
	background: black!important;		
}


#topics_return {
	border-top: 1px solid #e3e2e2;
    padding-top: 20px;
}

#uwpqsf_id {
	border: 0px!important;
}

#tax-select-0, .uwpqsf_class > label, .uform_title {
    display: none;
}

.uwpqsf_class {
	width: 70%;
	float: left;
	clear: none;
}

.uwpqsf_submit {
	width: 30%;
}


#uwpqsf_id_btn {
	float: left;
    background: #77cbe7;
    color: white;
    border: 0px;
    height: 52px;
    width: 50px;
}

#uwpqsf_id_btn:before {
	content: "\f002";
	font-family: "fontAwesome";
}


.umloading {
	background: url(/wp-content/uploads/2019/07/ajax-loader-1.gif) no-repeat 50% 50%;
    width: 100%;
    height: 64px;
    text-align: center;
    margin-top: 0px;
    padding-top: 70px;
}

.upagievent {
	background: #eb3a64;
    border-radius: 50%;
    color: white;
    padding: 5px;
    margin-right: 5px;
}

.upagievent:hover, .upagievent:focus {
	color: white!important;
	background: #bc274b!important;
}

.upgrade_mrf {
    padding: 15px;
    background: #303030;
    color: white;
    font-size: 0.85em;
    line-height: 1.5em;
    margin-top: 40px;
}

.homepage_blog #uwpqsf_id {
	display: none;
}

.homepage_blog #topics_return {
	border-top: 0px!important;
}

.pink_divide {
    background: #f5f0f0;
    border-top: 1px solid #d6d6d6;
}

.communtiy_links {
	color: white;
	padding-top: 15px;
	padding-bottom: 15px;
}

.communtiy_links a {
	color: white;
	padding-right: 10px;
	padding-left: 10px;
}

.community_block {
	background: #ae9577;
	-webkit-box-shadow: inset 2px 10px 19px -15px rgba(0,0,0,0.62);
	-moz-box-shadow: inset 2px 10px 19px -15px rgba(0,0,0,0.62);
	box-shadow: inset 2px 10px 19px -15px rgba(0,0,0,0.62);
	padding-bottom: 30px;
}

.community_block .topics_holder h3, .community_block .topic_summary {
	color: white!important;
}

.community_block .topics_holder:hover, 
.community_block .topics_holder:focus {
	    background: #c4aa8e!important;
}

.lwyl {
	background: url(/wp-content/uploads/2019/06/Forest.jpg);
	background-size: cover;
	margin-top: 5px!Important;
}

.rubbish_link {
	background: url(/wp-content/uploads/2018/11/rs180214litter-16-1030x685.jpg)!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}

.lopp {
	background: url(/wp-content/uploads/2021/11/Lopp_wide02.jpg);
	background-size: cover;
	margin-top: 5px!Important;
}

.image_link {
	background: #77cbe7d1;
    padding: 30px;
    float: left;
    color: white;
    margin-top: 230px;
    margin-bottom: 50px;
	width: 30%;
}

.image_link_brown {
	background: #ae9577d9;
}

.image_link_brown:hover {
	background: #ae9577!important;
}

.image_link:hover, .image_link:focus {
	color: white!important;
	background: #77cbe7;
	padding-left: 80px;
}

.image_link:hover h3, .image_link:focus h3 {
	color: white!important;
}

.image_link h3 {
	margin-bottom: 0px;
}

.image_link i {
	float: right;
}

.image_link_text {
	float: left;
}

.ajax_close {
    float: left;
    width: 100%;
    background: white;
    border: 0px;
    color: black;
    border-top: 1px solid lightgrey;
    font: 400 0.8em Quicksand, Arial, Helvetica, sans-serif;
}

.ajax_close:hover, .ajax_close:focus {
	background: #eeeeee;
    border-color: lightgrey;
    color: #292929;
}

.ajax_close:after {
    content: "\f077";
    font-family: "fontAwesome";
    margin-left: 15px;
    color: #8d8c8c;
}

.top_posts .topics_holder {
	width: 49%;
}

.top_events {
	border-left: 1px dashed #77cbe7;
}

.top_events .new_event_holder {
	width: 100%!important;
}


.top_events input {
	display: none;
}

.home_fade {
	-webkit-box-shadow: inset 0px 6px 6px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 6px 6px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px 6px 6px -4px rgba(0,0,0,0.75);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+100 */
background: rgb(224,224,224); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



#groups {
	background-color: #39354e!important;
}

#groups h2 {
	color: white!important;
}

.designed_by {
        float: left;
    width: 100%;
    background: #104349;
    padding: 9px;
    box-sizing: border-box;
    font-size: 0.8em;
    color: #bdbdbd;
}

.designed_by p {
    float: left;
    margin: 0px;
    text-indent: 20px;
    margin-right: 40px;
	width: 100%;
}

.designed_by a {
    color: white!important;
}

.designed_by a:hover, .designed_by a:focus {
	color: white;
	text-decoration: underline;
}

.container .four.columns {
	width: 210px;
	border: 0px!important;
}

.fa-heart:before {
    color: white!important;
}


@media only screen and (max-width: 800px) {
	.designed_by p {
		float: left;
		margin: 0px;
		text-indent: 0px; 
		margin-right: 40px;
		text-align: left;
		margin-bottom: 10px;
	}
	
	
	.footer_link {
		padding-left: 0px;
		padding-right: 20px;
	}	
	
}


.css-events-list h3 {
	color: #dc4568!important;
}



#areas {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#areas a {
    float: left;
    margin-right: 1px;
    font-size: 0.85em;
    background: #dc4568;
    color: white;
    padding: 4px;
    /* border-radius: 35px; */
    padding-left: 13px;
    padding-right: 13px;
	margin-bottom: 1px;
}

#areas a:hover, #areas a:focus {
    background: #282727;
}

.group_clear {
	float: left;
	width: 100%;
	height: 30px;
}


.group_holder {
	float: left;
    width: 19%;
    position: relative;
    background: #130f26;
    color: white;
    margin-bottom: 70px;
    margin-right: 1%;
    margin-top: 25px;
	border-radius: 6px;
}

.group_holder img {
	object-fit: cover;
}

.group_holder:hover, .group_holder:focus {
	background: #77cbe7;
	color: white;
}


.group_logo {
	float: left;
    position: absolute;
    top: -71px;
    border-radius: 50%;
    left: 30%;
    width: 90px;
    height: 90px;
    border: 1px solid white;
    background: white;
}

.group_name {
	float: left;
    width: 100%;
    text-align: center;
    padding: 15px;
    font-size: 0.9em;
    box-sizing: border-box;
    font-weight: bold;
    min-height: 120px;
    padding-top: 25px
}


.group_image_holder {
    float: left;
    max-height: 132px;
    overflow: hidden;
}



/*Cardiff Gov app banner*/
#govapp {
    max-width: 450px;
    border-radius: 8px;
    background-image: url(/wp-content/uploads/2019/09/app_personnew.jpg);
    background-size: 125px;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 10px;
    margin-bottom: 15px;
    background-color: white;
    float: right;
    max-height: 100px;
	color: black!important;
}

#govapp a{color: #080808;}

#govapp:hover {-webkit-box-shadow: 0px 6px 5px 0px rgba(87,87,87,0.74);
-moz-box-shadow: 0px 6px 5px 0px rgba(87,87,87,0.74);
box-shadow: 0px 6px 5px 0px rgba(87,87,87,0.74);}

.appimg {
padding: 5px;
margin-right: 15px;}

#apptext {;
	line-height: 20px;
	margin-right: 20px;
	width: 90%;
}

#appimages {
    margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
#govapp {
background-size: 90px;
}
                
                .appimg {
                margin-right: 5px;}
                
}


.egb {
	float: left;
    width: 100%;
    background: white;
    border: 0px;
    border-top: 2px solid #dc4568;
    color: #dc4568;
    margin-top: 15px;
	text-align: left;
}


.egb:after {
	content: "\f078";
    font-family: FontAwesome;
	margin-left: 15px;
}


.egb:hover, .egb:focus {
	background: #f0f0f0;
    color: #080808;
    border-top: 2px solid #dc4568;
}




.left_column {
	width: 48%;
	float:left;
	margin-right: 2%;
	position: relative;
	z-index: 99;
}

.left_column h2 {
	color: #77cbe7!important;
    margin-top: 40px!important;
    border-top: 2px solid #77cbe7;
    padding-top: 20px;
}

.terms {
	background: whitesmoke;
	padding: 10px;
	border: 1px solid silver;
	font-size: 0.8em;
	float: left;
	margin-bottom: 30px;
}

.terms p {
	font-weight: 400!important;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    border: 1px solid #dddddd;
    padding: 15px;
}

input.wpcf7-form-control.wpcf7-submit {
    padding: 25px;
    background: #77cbe7;
}


.acceptance {
	background: #efefef;
    padding: 15px;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid silver;
}

.data_collection {
	font-size: small;
	padding: 20px;
	background: whitesmoke;
}

.footer_link {
	float: left;
	padding-left: 20px;
	padding-right: 10px;
}

.grecaptcha-badge {
    display: none !important;
}


.wpcf7-response-output {
  float: left;
  background: orange;
  padding: 20px;
  color: white;
}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	float:left;
	width: 100%;
}

.wpcf7-response-output {
	display: block!important;
	border: 0px!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	background: #cc4f12;
	color: white;
	padding: 20px !important;
	border: 0px;
	margin-bottom: 25px !important;
}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    float: left;
    width: 100%;
    background: #429a42;
    color: white;
    padding: 20px !important;
    margin-bottom: 25px !important;
}



.doggy_list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}


.doggy_list li {
  padding-left: 1.5em;
  text-indent: -1em;
	margin-bottom: 10px;
}


.doggy_list li:before {
	font-family: "FontAwesome";
	content: "\f1b0";
	font-weight: 600;
	color: #eb3962;
	left: -10px;
	position: relative;
}

.right_column {
    float: right;
    width: 35%;
    text-align: center;
    margin-top: 150px;
}

#lopc .wpcf7 {
    margin: 30px;
}

#lopc a {
	padding: 35px!important;
	text-indent: 20px;
	background: #77cbe7;
	color: white;
}

#lopc a:hover {
	background: #ff2c5d;	
}

.lopp_link {
	text-align: center!important;
}

.lopp_link span {
	width: 100%;
	text-align: center;
	float: left;
}

.wpcf7-form h3 {
	color: #77cbe7;
}

.litter_hero {
	display: none;
}

.add_hero {
	background: #77cbe7!important;
	border: 0px!important;
}

/*RD changes Feb 2023*/
.rd-custom-grid-title h2 {
    color: grey;
}
.rd-custom-grid-excerpt p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 30px;
    max-height: 242px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


/*RD changes May 2023 */

.the-big-help-out .col .span_12 {
    display: flex;
	x-justify-content: space-around;
	x-align-items: stretch;
	align-items: center;
	justify-content: center;
}

.the-big-help-out .tbho-col1 {
	width: 310px;
	flex: 0 0 250px;
}

.the-big-help-out .tbho-col2 {
	width: 530px;
	flex: 0 0 450px;
	padding-top: 4rem;
}

.the-big-help-out .tbho-col3 {
	width: 330px;
	flex: 0 0 250px;
	padding-top: 4.3rem;
}

.kct_home_post img.vc_single_image-img {
	width: 102px;
    border: solid green 1px;
    border-radius: 100px;
    height: 102px;
}

.kct_button .vc_btn3.vc_btn3-color-default, .kct_button .vc_btn3.vc_btn3-color-default.vc_btn3-style-flat {
	background-color: #1e85a7 !important;
	color: white;
}

.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-grey>.vc_grid-filter-item {
    background-color: #1e85a7 !important;
}
.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-grey>.vc_grid-filter-item>span {
	color: white !important;
	text-transform: uppercase;
}

.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active {
	background-color: black !important;
}

.vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat {
	background-color: #77cbe7 !important;
	color: white !important;
	text-transform: uppercase;
}

.accordion-row .vc_row.wpb_row.vc_inner.vc_row-fluid {
    margin: 0px !important;
    padding: 0px;
    display: flex;
    gap: 4rem;
	flex-direction: row;
}

.accordion-row h2, .accordion-row h3 {
	color: #015b66;
}

.booking-panel {
    background: #ddd;
    padding: 1rem;
}

.iconbox {
    display: flex;
}

@media screen and (max-width: 600px) {
	.accordion-row .vc_row.wpb_row.vc_inner.vc_row-fluid {
	display: flex;
    gap: 2rem;
	flex-direction: column;
		padding: 2rem;
		
	}
	span.vc_tta-title-text {
    margin-left: 30px;
	}
	.mobile_column .wpb_wrapper {
    display: flex;
    flex-direction: column;
	}
	.mobile_column .rr_box_link {
		width: 100%;
	}
	
}

/*Cookie notice*/
.cookie-notice-container a {color: #fff!important; text-decoration: underline;}
.cookie-notice-container a:hover {color: #ffff00!important;}

a#cn-accept-cookie:hover,a#cn-refuse-cookie:hover {background-color:#e1e23e!important;color:#000!important;}
a#cn-accept-cookie:focus,a#cn-refuse-cookie:focus {outline: 2px dashed #fff!important;}

#cookie-notice {
    font-size: 17px!important;
	border-bottom: 2px solid #e1e23e;
	text-align: left!important;
	top: -1px;
}

.cookie-notice-container {text-align: left!important;
    padding-top: 30px!important;
    padding-bottom: 45px!important;}

#cookie-notice h2 {color: #fff!important; margin-top:0px!important;margin-bottom:15px!important;text-align: left!important;}



/* END */

.event-tags {
    display: block;
    clear: both;
}

.event-tags a {
	padding: 0px;
	margin: 0px;
}


.vc_tta-accordion .wpb_wrapper {
    padding: 2rem;
}

.we-accept h2 {
    color: #d5295a;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.cardiff-recycles {
    margin: 0px !important;
}

.form.booking-details {
    border: 1px solid green;
    padding: 0px;
	margin-bottom: 1rem;
}

.form.booking-details h2 {
    background: green;
    width: fit-content;
    padding: 5px 10px;
    margin: 0px !important;
}

.form.booking-details p {
    padding: 1rem;
}

.blog-page .post h1,
.blog-page .post h2{ 
	color: #77cbe7!important;
}


/* April 2025 redesign */

.kct-redesign .em.em-list {
    display: flex;
    flex-direction: row;
}

.kct-redesign .new_event_bottom {
    background: white !important;
}

.kct-redesign  .date_holder {
	border: 0px;
	border-right: 2px solid #1e85a7;
}

.kct-redesign .kct_home_post img.vc_single_image-img {
	width: 100%;
	border-radius: revert;
	border: 0px;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.new_slider .wpb_column, .home-events .wpb_column {
		margin-bottom: 0px !important;
	}
}


.em.pixelbones a :hover {
    color: white !important;
    background-color: transparent !important;
}

.community_block {
	background-color: #6fa300;
}

.designed_by {
	background-color: #1e85a7;
}

.header-v1 #navigation > ul > li > a, #navigation .sub-menu li a {
    font-size: 18px !important;
}

.Location {
    float: left;
    background-color: #77cbe7;
    color: white;
    border-radius: 20px;
}

.em.pixelbones .Location a {
	color: white !important;
	text-decoration: none;
}

.event_detail_holder h2 {
	color: #77cbe7;
	font: 700 1.5em Quicksand, Arial, Helvetica, sans-serif;
}
/* */