/***********************************************************

Developer:  Web Tech Plus - Insert Date - Insert Team Member Initials

Date Created: 

Last Edited: 

Last Edited: 

***********************************************************/



/****************************************************************************/

/*                                                  TEMPLATE & MENU NAVIGATION EDITS                                         */

/****************************************************************************/







/****************************************************************************/

/* GENERAL TEMPLATE POSITION STYLING - MOSTLY BACKGROUND COLOURS AND PADDING*/

/****************************************************************************/

.header-type-preset1 #rt-top-surround {
  background: none;
}


/* Changing colour of the menu */

/*.gf-menu, .gf-menu-device-container {

  background-image: none; /* Background was oiginally an image

  background-color: rgba(225,225,255,0.5);

  box-shadow: 0 0 2px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.08)

}*/



.rt-light .gf-menu, .rt-light .gf-menu-device-container {

  box-shadow: 0 0 2px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(255, 255, 255, 0.08)

}



#rt-header .gf-menu a{

  color: #0B2A56;

}



.rt-light .gf-menu li:hover .item, .rt-light .gf-menu li.parent:hover > .item:after, .rt-light .gf-menu li.parent.active > .item:after, .rt-light .gf-menu .active .item, .rt-light .gf-menu .dropdown .item, .rt-light .gf-menu .dropdown li.parent > .item:after, .rt-light .gf-menu .dropdown li.parent.active > .item:after, .rt-light .gf-menu-device-container li:hover .item, .rt-light .gf-menu-device-container li.parent:hover > .item:after, .rt-light .gf-menu-device-container li.parent.active > .item:after, .rt-light .gf-menu-device-container .active .item, .rt-light .gf-menu-device-container .dropdown .item, .rt-light .gf-menu-device-container .dropdown li.parent > .item:after, .rt-light .gf-menu-device-container .dropdown li.parent.active > .item:after {

  color: #ffffff !important;

}

/*#rt-top-surround {
  height: 400px;
}*/

#rt-top-surround {
  padding-bottom: 0px;
}

#rt-header .rt-grid-3, .rt-grid-9 {
  z-index: 1000;
}

#rt-feature .rt-grid-12 {
	z-index: 2000;
}

#rt-showcase, #rt-showcase .rt-grid-12 {
  margin-top: -150px;
}

#rt-showcase .rt-container,  #rt-showcase .rt-container .rt-grid-12, #rt-showcase .rt-block, 
#rt-showcase .module-surround, #rt-showcase .module-content{
  height: auto;
  width: 100%;
}

#rt-showcase .rt-block {
  margin: 0;
  padding: 0;
}

#rt-feature {

  background-image: url(../../../images/site-images/feature-background.jpg);
  background-size: 100%;
  background-repeat: repeat-y;

}

#rt-feature .rt-block {
  margin: 0px;
  padding: 0px;
}

#rt-maintop {
  background-color: #e6e7e8;
}

/* Remove box shadow */
#rt-mainbody {
  box-shadow: none;
}

#rt-mainbottom {

  background-image: url(../../../images/site-images/news-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;

}

#rt-copyright {

  background-image: url(../../../images/site-images/footer-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;

  margin-top: 40px;

}

#rt-footer-surround .button, #rt-footer-surround button.validate, #rt-footer-surround p.readmore a, #rt-footer-surround #member-profile a, #rt-footer-surround #member-registration a, #rt-footer-surround .formelm-buttons button, #rt-footer-surround .controls .btn, #rt-footer-surround .logout-button .btn, #rt-footer-surround #gantry-totop, #rt-footer-surround .rt-popupmodule-button button, #rt-footer-surround .sprocket-mosaic-header li.active, #rt-footer-surround.roksearch_results a.clr {
  background: none repeat scroll 0 0 #5ab53c;
}





/*** Footer Legal ***/
.bp-legal p{
	padding:0px;
	margin:0px;
}





/****************************************************************************/

/*                                                ROKSPROCKET EDITS AND FORMATTING                                           */

/****************************************************************************/



/* *********** Features *********** */

/* Move content up */
#rt-showcase .sprocket-features-content, .arrow .next, .arrow .prev{
  bottom: 50px;
}

/* Move arrows up */ 
.layout-slideshow2 .sprocket-features-pagination li, .layout-slideshow2 .sprocket-features-arrows .arrow {
  bottom: 80px !important;
}

/* Change size of title text */

#rt-showcase .sprocket-features-title {

  font-size: 24px;
	color: #ffffff;
}

.wtp-feature-circles {
  margin-right: 40px;
  margin-left: 40px;
}

.wtp-supplier-logos {
  margin-left: 80px;
}
/* ************* Tabs ************ */

/* Add padding to news boxes */

.fp-roksprocket-strips .sprocket-strips-content {
  padding: 15px;
}

.layout-slideshow2 .sprocket-features-content:before {
  content: none !important;
}

/* ************* Strips *********** */



/* ********** Headlines *********** */



/* ************ Mosaic *********** */


/* Remove ordering selection */

.sprocket-mosaic-order {

 display: none; 

}

/* Change the colour of the title */

#rt-mainbody-surround a, #rt-drawer a, #rt-debug a {
	color: #2f327a;
}


/* Change font size of description text */

#rt-showcase .sprocket-features-desc {

  font-size: 1em;

  line-height: 20px;

}



/* ************* Lists ************ */



/****************************************************************************/

/*                                                    RESPONSIVE DESIGN OVERRIDES                                                    */

/****************************************************************************/



/******** Smartphones ********/

@media (max-width: 480px) {

  #rt-showcase {
    display: none;
  }
  
.sprocket-features-content {
    display: none;
  }
  
  .layout-slideshow2 .sprocket-features-pagination li, .layout-slideshow2 .sprocket-features-arrows 	  .arrow {
 		display: none !important;
	}
  
  #rt-mainbottom {
    display: none;
  }
  
}

/******** Smartphones to Tablets ********/

@media (min-width: 481px) and (max-width: 767px) {

  #rt-showcase .sprocket-features-content {
  		bottom: 0px;
	}
  
.layout-slideshow2 .sprocket-features-pagination li, .layout-slideshow2 .sprocket-features-arrows 	  .arrow {
 		bottom: 40px !important;
	}
  
  /* ************ Mosaic *********** */

  .sprocket-mosaic .sprocket-mosaic-item {
  height: 470px;
}

}

@media (max-width: 767px) {
	#rt-mainbottom .sprocket-strips-text {
		display: none;
	}

	#rt-mainbottom .sprocket-strips-item {
		height: 75px;
	}
  
  	#rt-feature {
    	display: none;
  	}
  
}

@media (max-width: 824px) {
  #rt-showcase .sprocket-features-desc {
    display: none;
  }
}

@media (min-width: 768px) {
  /* ************ Mosaic *********** */

  .sprocket-mosaic .sprocket-mosaic-item {
  height: 470px;
}
}

/******** Tablets******* */

@media (min-width: 768px) and (max-width: 959px) {

.wtp-supplier-logos {
  margin-left: 20px;
}
  
  #rt-showcase .sprocket-features-content {
  		bottom: 0px;
	}
  
  .layout-slideshow2 .sprocket-features-pagination li, .layout-slideshow2 .sprocket-features-arrows 	  .arrow {
 		bottom: 40px !important;
	}
  #rt-showcase .layout-slideshow2 .sprocket-features-padding {
    padding: 0px
  }

}



/******** Desktop ********/

@media (min-width: 960px) and (max-width: 1199px) {
	#rt-showcase .sprocket-features-content {
  		bottom: 0px;
	}
  
  	.layout-slideshow2 .sprocket-features-pagination li, .layout-slideshow2 .sprocket-features-arrows 	  .arrow {
 		bottom: 40px !important;
	}
 
  
}



/******** Large Display ********/

@media (max-width: 1200px) {

#rt-copyright {
    
  background-size: auto;

}
  
.wtp-feature-circles {
	display: none;  
}

}