/* styles required for theproff of concept home page */

/* #block-homepagemain div.hometopimage img {width:50%} */

/* remove empty space for home page content */

/* make reach home page full width over sidebar */

.reach .contentPage.hasSidebar .contentMain {
	width: 100%
}
/*.reachTitle img { height:180px;} */

.reachHeader .reachBackToSite a i, .reachHeader .reachBackToSite a:hover {
	color: #46B1CC;
}
.sectionReach .blockAukcarThemeBreadcrumbs {
	display: none;
}
/*#block-homepagemain {background-color:#ffffff;}*/
.homeblock1 {
	background-color: #ffffff;
	margin-top: 0px;
	float: left;
	clear: both;
	width: 100%;
}
.homeblock1 .views-field-body {
	padding-top: 25px;
	margin-left: 600px;
}
.styleGuideWrap, .homeblock1 .wrapper {
	padding: 0;
}
.styleGuideWrap, .hr2left .wrapper {
	padding: 0;
}
.styleGuideWrap, .hr2right .wrapper {
	padding: 0;
}
.styleGuideWrap, .hr3left .wrapper {
	padding: 0;
}
.styleGuideWrap, .hr3right .wrapper {
	padding: 0;
}

.homeblock1 .views-field-field-image {
	margin-bottom: 0px;
}
body.reach .contentPage .contentMain .content .pageContent {
	padding: 0;
}
/*div.hometopimage {width:50%;float:left;}
div.hometopright {margin-left:55%;height:330px;}*/


.h2leftimg img, .h2rightimg img {
	width: 473px;
	height: 200px;
}
.h2lefttext, .h2righttext {
	background-color: #ffffff;
	padding: 15px;
}
span.bluebutton {
	padding: 10px;
	background-color: #46b1cc;
}
.views-field-field-link-to-content a {
	padding: 10px 20px;
	background-color: #46b1cc;

}
.views-field-field-link-to-content {
	margin: 10px;
}
#block-homepagerow2 {
	clear: both;
	width: 100%;
	margin: auto;
}
.views-field-field-image, .views-field-field-reach-home-video {
	float: left;
	margin-bottom: 20px;
}
.hr2left, .hr2right, .hr3left, .hr3right {
	width: 360px;
	float: left;
	background-color: #fff;
	margin-top: 5%;
	margin-left: 20px;
	min-height: 450px;
}
.hr2left .views-field-title, .hr2right .views-field-title, .hr3left .views-field-title, .hr3right .views-field-title {
	font-size: 1.4em;
	padding: 10px;
	font-weight: bold;
	margin-top: 20px;
}
.hr2left .views-field-body, .hr2right .views-field-body, .hr3left .views-field-body, .hr3right .views-field-body {
	padding: 10px;
}
#block-homepagerow3 {
	clear: both;
	width: 100%;
	margin: auto;
}
#block-homepagebottom {
	clear: both;
}

#block-registerforreach {
	margin-top: 20px;
}


.sectionReach .contentMain h2{
	color: #46B1CC;
}

/* raech menu items border underline and border colour */

.sectionReach .primaryMenu nav#block-reachmenu-2 ul li a {
    border-bottom: 4px solid;
}

.sectionReach .primaryMenu nav#block-reachmenu-2 ul li a {
    border-color: #46b1cc;
}



.sectionReach .primaryMenu nav#block-reachmenu-2 ul li a.is-active {
    border-color: #2fd373;
}


/*@media screen and (max-width:600px){
  #contentMain{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
  }

#block-homepagerow2{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width:50%;
}
#block-homepagerow3{
  width:50%;
}
#block-homepagebottom{
  width:50%;
}
img{
  width:100%;
}
}

@media all and (max-width:640px){
  #block-homepagerow2{
    width:100%;
  }
  #block-homepagerow3{
    width:100%;
  }
}


@media all and (max-width:320px){
  #block-homepagemain{
    width:320px;
  }
}

@media all (min-width:100px) and (max-width:800px){
  .reachHeader{
    height:10%;
    width:100%;
  }
}

@media all (min-width:400px) and (max-width:800px){
  .reachBackToSite{
    height:10%;
    width:10%;
  }
}*/

/*/////////////////////////////////////////////////   MEDIA QUERIES   ////////////////////////////////////////////////////////   */

/* //////Portrait phones and smaller/////// */
@media (max-width: 480px) {
.block-homepagemain {
	height: 80%;
	width: 100%;
	border: none;
}
.hometopimage {
	max-width: 100%;
	padding: 0%;
	margin-left: 0%;
	background-color: none;
	display: none;
}
.hometopright {
	max-width: 100%;
	padding: 0%;
	margin-left: 0%;
	background-color: none;
}
.ht_text {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	font-size: 0.7em;
	max-width: 100%;
	clear: both;
	padding: 0%;
	margin-right: 0%;
	background-color: none;
	width: 100%;
	height: auto;
}
.homeblock1 .views-field-body {
    margin-left: 0px;
    padding: 10px;
}
.hr2left, .hr2right, .hr3left, .hr3right {
    width: 100%;
	margin-left:0px;
}
.reachTitle {
	width: 70%;
}

}

/* ////////Landscape phones and portrait tablets/////// */
@media (max-width: 767px) {
.block-homepagemain {
	height: 80%;
	width: 100%;
	border: none;
}
.hometopimage {
	max-width: 100%;
	padding: 0%;
	margin-left: 0%;
	background-color: none;
	display: none;
}
.hometopright {
	max-width: 100%;
	padding: 0%;
	margin-left: 0%;
	background-color: none;
}
.ht_text {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	font-size: 0.7em;
	max-width: 100%;
	clear: both;
	padding: 0%;
	margin-right: 0%;
	background-color: none;
	width: 100%;
	height: auto;
}
.homeblock1 .views-field-body {
    margin-left: 0px;
    padding: 20px;
	float:left;
}
.reachTitle {
	width: 50%;
}
.reachBackToSite {
	width: 50%;
}


}

/* ///////Portrait tablets and small desktops//////// */
@media (min-width: 768px) and (max-width: 991px) {
.ht_text {
	font-size: 1.2em;
}
.reachTitle {
	width: 50%;
}
}

/*//////// Landscape tablets and medium desktops///////// */
@media (min-width: 992px) and (max-width: 1199px) {
.ht_text {
	font-size: 1.2em;
}
}

/* ///////Large desktops and laptops//////// */
@media (min-width: 1200px) {
}