/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
 
 /* this CSS file is used when the screen size is at least 481 px and less than 768 px */

/* Increase the body font size on tablet devices */
body {
  font-size: 93.8%;
}

header#header div#branding {
  float: left;
  margin: auto;
  text-align: center; 
}
header#header div.region-header {
  display: block;
  float: right;
  margin: 15px 20px 0 0;
  text-align: right;
  width: auto;
}
header#header div.region-header .block {
  clear: none;
  display: block;
  float:right;
  padding: 0 0 15px !important;
  text-align: left;
  width: auto;
}

/*move the login menu below the Find Mediator"*/
#block-superfish-2 {
	margin-top:40px;
	margin-right:-45px;
}

header#header div.region-header .block-inner {
  margin: 0 20px;
}
header#header div#logo,
header#header h1#site-name,
header#header h2#site-slogan {
  float: none;
  margin: 0;
  padding: 0 0 6px;
  text-align: center;
}
.hl-r #logo {
  padding: 0 3px 7px 10px;
}
.hl-l #logo {
  padding: 0 10px 7px 3px;
}
#site-name {
  font-size: 1.8em;
}
.region-secondary-content .block-content-inner  .image-right,
.region-secondary-content .block-content-inner  .image-left,
.region-secondary-content .block-content-inner  .field-type-image,
.region-secondary-content .block-content-inner  figure  {
  max-width: 50%;
}
.region-secondary-content .block-content-inner img {
  max-width: 100%;
}

#page-title {
	margin-top:10px;
}
/*profile view */


/*call-out buttons */



#tripanel .callout-text {
	line-height:1.7em;
	margin-top:50px;
 }

#tripanel .callout-button  {
	width:100%;
	height:165px;

}

a .callout-button {
	height:80px;
}

/* Find a Mediator adjustment */

.find-mediator-tiles {
	margin-left:30px;
	margin-right:15px;
}

.mediator-tile-middle {
	width:40%;
}

.find-mediator-tiles .views-row .views-field-directory-name-13 {
	overflow:hidden;
	height:1.4em;


.find-mediator-tiles .views-row .views-field-city-state {
	display:block;
	float:left;
	width:300px;
	margin-left:0px;
}

.find-mediator-tiles .views-row .views-field-phone {
	display:block;
	max-width:150px;
}

.find-mediator-tiles .views-row .views-field-phone-1 {
	display:none;
}