/** 
 * Use this file to provide overrides to the main styles. This file always loads last
 * so you can override anything in the other style-sheets.
 * 
 * Usage
 * 1: Uncomment this file in the themes info file.
 * 2: Clear the sites cache. See /admin/config/development/performance
 * 3: Add you styles!
 */
 /* adjust the size of fields on the membership profile entry */
#mcfm-directory-practice-entry input#custom_13 {
	width:300px;
}

#mcfm-directory-practice-entry input#custom_14 {
	width:450px;
}
 
 /*additional styles */
 .h1-alternate {
	 font-family:"Crimson Text";
	 font-weight:700;
	 font-size: 2em;
	 
 }
 
 
 .h2-alternate {
	 font-family:"Open Sans";
	 font-weight: 300;
	 font-size: 1.2em;
 }
 
 
 .contact-phone {
	font-family:"crimson";
	font-size: 2.6em;
 }
 /* The BODY */
 
 #page-title {
	 margin-top:65px;
 }
 
 .page-user #page-title {	
	 margin-top:0px;
 }
 
 #body{
	 background-color:#ffffff;
 }

 
 .node-content p {
	 text-align:justify;
 }
 
 .bs-l #page {
	 box-shadow:none;
 }
 
 /*============ FOOTER ===============*/
 
 /*for the footer, kill the background gradient */
 #footer {
	 background-image:none;
 }
 
 /* over-ride the plain <a> formatting */
 /*#footer a:link {
	 color:#3087d1;
 }*/
 
 /*tighten up the gap below the front-page slider */
 .front .region-secondary-content {
	 margin:0px;
 }
 
 .region-secondary-content #block-views-slider-content
 .region-secondary-content #block-views-slider-content .block-content-inner {
	 margin-bottom:0px;
	 padding-bottom:0px;
	 margin-top:0px;
	 padding-top:0px;
 }
 
 .front-slider {
	 margin-bottom:0px;
 }
 
 #flexslider-1 {
	 margin:0px;
 }
 
 /*the highlight block/special announcement block */
 #block-block-15 {
	 margin-top:10px;
	 margin-bottom:10px;
	 padding-top:15px;
	 padding-bottom:15px;
	 border-top-color:#293e69;
	 border-bottom-color:#293e69;
	 border-bottom-style:solid;
	 border-top-style:solid;
	 border-bottom-width:1px;
	 border-top-width: 1px;
	 text-align:center;
 }
 
 .region-highlighted {
	 
 }
 /*hide the node title on a few pages */
.page-node-24 h1  {
	 display:none;
 }
 
 /*============== Collapsible region ==============*/
.js .region-collapsible,
.collapsible-toggle {
  display: none;
}
.region-collapsible-wrapper {
  display: none;
}
.toggle-active .region-collapsible-wrapper {
  display: block;
}
.section-collapsible {
    background: #fff;
    padding: .5em 0;
}

.js .section-collapsible {
  top: 0;
  height: 40%;
  height: auto !important;
  max-height: 50%;
  position: fixed;
  right: 0;
  z-index: 900;
}
.section-collapsible.toggle-active {
  overflow: auto;
  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
  box-shadow: 0 0 12px rgba(0,0,0,0.5);
}
.region-collapsible {
  padding: 15px 30px 15px 15px;
}
.region-collapsible  .block {
  margin: 0;
  padding: 0;
  z-index:100;
}
.js .collapsible-toggle {
  border: none;
  display: block;
  margin: 0;
  position: relative;
  text-transform: uppercase;
}

.js .collapsible-toggle a,
.js .collapsible-toggle a:hover,
.js .collapsible-toggle a:visited

 {
  font-weight: 600;
  color:white;
	
}
.collapsible-toggle a,
.collapsible-toggle a:visited {
  background: #ffba00 ;
  top: 0;
  display: inline-block;
  height: 20px;
  padding: .5em;
  position: fixed;
  right: 0;
  width: 175px;
  z-index: 100;
  -moz-border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  -moz-box-shadow: 0 0 12px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
  box-shadow: 0 0 12px rgba(0,0,0,0.5);
}
.toggle-active .collapsible-toggle a {
  background-position: 16px -390px;
  /*position: relative;*/
  float: right;
  -moz-border-radius: 0 0 0 4px;
  -webkit-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.collapsible-toggle a:hover,
.collapsible-toggle a:focus,
.collapsible-toggle a:active {
  background-image: url(images/transparent-overlay.png);
  outline: 0;
}

/* ========= adjustments of the webform displayed in the collapsible regoion =====  */
.webform-client-form-51 input#edit-submitted-zip {
	width:50px;
}

.webform-client-form-51 .webform-component--alternate {
	max-width:250px;
}

#block-webform-client-block-51 .block-title {
	display:none;
}

/* =============== END COLLAPSIBLE REGION =================== */

/*===============   MENU  ============== */
/*adjust the main menu */
#menu-bar-wrapper .nav{
	height:35px;
}

#block-superfish-1 {
		margin-top:7px;
}

#menu-bar #superfish-1 li a:hover {
	background-color:#e0e0d8;
}

#menu-bar #superfish-1 li ul li a:hover {
	background-color:#2b4a29;
	color:#ffffff !important;
}

#menu-bar.nav a.active {
	font-weight:700;
	background:transparent;
}

#superfish-1.sf-menu.sf-style-none li li {
	background:#e0e0d8;
	margin-left:20px;
}

#superfish-1.sf-menu.sf-style-none li ul li a{
	color:#2b4a29 !important;
}

/*and make sure the toggle stays in front of the menu and other header items */
#header, #menu-bar-wrapper {
	z-index:1
}
/* Special case the login block */
.region-collapsible #block-user-login {
  min-width: 220px;
}
.region-collapsible #block-user-login .item-list ul {
  list-style: none;
  margin: 0 0 0 2px;
  padding: 0;
  font-size: 0.9em;
}
.region-collapsible #block-user-login .form-submit {
  margin-left: 2px;
}

/*hide the node title on front page content */
body.front #page-title {
	display:none;
}

/*MCFM modifications to the user menu block, moving to the right */
.h1-1 .region-header {
	float:right;
	margin-right:-10px;
}

#block-superfish-2 {
	margin-top:45px;
	margin-bottom:0px;
	margin-right:0px;
		}

#menu-bar ul {
	float:right;
}

#block-superfish-2 .sf-menu.sf-horizontal a {
	color:#2b4a29 !important;
	background-color:#ffffff !important;
	font-size:.8em;
}

#superfish-2 a:hover {
	font-weight:600;
	background-color:#ffffff !important;
}


#logo {
	margin-bottom:-8px;
	height:84px;
	
}

#header {
	min-height:84px;	
}

/* the call out tiles on the front page */
#tripanel {
	margin:0px;
}

/*#tripanel.three-3x33 .region .block-inner {
	background-color:#e7fcff;
	text-align:center;

}*/

#tripanel .front-callout-tile {
	margin-bottom:0px;
}
		
.front-callout-tile p {
	display:none;
}

.front-callout-tile .block-first {
	margin-left:0px;
	
}

.front-callout-tile .block-second{
	margin-left:10px;
		
}

.callout-button {
	display:block;
	float:left;
	/*background-color:#C5FBFF;*/
	text-align: center;
	background-color:rgba(41, 62, 105,.2);
}

.callout-text {
	color:#293e69;
}

a .callout-button {
	width:auto;
	text-decoration:none;
}

a:hover .callout-button {
	background-color:#293e69;
	color:blue;
	text-decoration:none;
}

a:hover .callout-text {
	text-decoration:none;
	color:#ffffff;
}



/*the mediation area/specialty tiles */
/*.view-display-id-block_1 .views-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.area-tile {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background-color:#293e69;
	color: #ffffff;
	margin-left:17px;
	margin-top:17px;
	padding-left:10px;
	padding-right:10px;
	width:144px;
	height:144px;
	font-size: 1.1em;
    }
 */   

.area-tile {
	float:left;
	background-color:#293e69;
	color: #ffffff;
	text-transform:uppercase;
	text-align: center;
	margin-left:17px;
	margin-top:17px;
	padding-left:10px;
	padding-right:10px;
	width:144px;
	height:144px;
	font-size: 1.1em;
	display:flex;
	justify-content:center;
	align-items:center;

}

.area-tile a  {
	color:#ffffff;
}

a:hover .area-tile {
	background-color:#ffba00;
	color:#293e69;
}

.area-tile .views-field-title {
	padding-top:25px;
	}

.area-tile-text {
	font-family:'Opens Sans', Sans-Serif;
	vertical-align:middle;
}

/* footer blocks - the footer doesn't provide an easy way to columnize the blocks */
#footer {
	font-family:'Open Sans';
	font-size:.9em;
}

#footer .block-title {
	font-family:'Open Sans';
	font-size:1.1em;
	font-weight:600;
	color:#ffffff;
	background:none;
	padding-left:10px;
	}

#footer p {
	font-size:1.1em;
	font-family:'Open Sans';
}

#footer .block-inner {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#footer img {
	display:block;
}

/*fix the navigation button display in the flex slider  - too short otherwise.  And shrink the nav indicator */
.flex-direction-nav a {
	height:50px;
}

.flex-control-nav {
	bottom:10px;
	z-index:2;
}

.flex-control-paging li a {
	width:8px;
	height:8px;
}
/* FIND A MEDIATOR tiles/search results styling */

/*adjust the search dialog */
.view-Find-Mediator input#edit-last-name.form-text {
	width:90px;
}

.view-Find-Mediator .views-submit-button {
	margin-top:9px;
}

.view-Find-Mediator #edit-submit-find-mediator {
	margin-left:0;
	padding-right:0;
}

.find-mediator-tiles {
	margin-left:60px;
	margin-right:25px;
}

.view-Find-Mediator .mediator-tile-middle,
.view-mediator-proximity-search .mediator-tile-middle {
	display:block;
	float:left;
	max-width:80%;
}

.find-mediator-tiles label {
	font-size:1.1em;
	font-family:'Open Sans';
}

.find-mediator-tiles .views-field-views-conditional-1 {
	margin-top:5px;
	width:45px;
	display:block;
	float:left;
	margin-right:10px;
}

.find-mediator-tiles .views-row,
.view-mediator-proximity-search .views-row {
	/*background-color:#b6eff7;*/
	margin-left:-20px;
	padding-left:20px;
	margin-right:-20px;
	padding-right:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#293e69;
	height:65px;
	max-width:960px;
}

.find-mediator-tiles .views-row .views-field-directory-name-13,
.find-mediator-tiles .views-row .views-field-city-state {
	display:block;
	float:left;
} 

.find-mediator-tiles .views-row .views-field-phone,
.find-mediator-tiles .views-row .views-field-phone-1 {
	display:block;
	float:left;
}

.find-mediator-tiles .views-row .views-field-phone-1 {
	display:none;	
}	
.find-mediator-tiles .views-row .views-field-directory-name-13 {
  width: 250px;
}

.find-mediator-tiles .views-row .views-field-city-state {
	max-width:160px;
	min-width:100px;
}


.find-mediator-tiles .views-row .views-field-phone,
.find-mediator-tiles .views-row .views-field-phone-1 {
 	margin-left:10px;
}


.find-mediator-tiles .views-row .views-field-city-state {
	 margin-left:15px;
	 margin-right:15px;
	}

 
.find-mediator-tiles .views-row .views-field-picture {
	display:block;
	float:right;
	margin-left:10px;
}

.views-field-distance {
	display:block;
	float:left;
	clear:left;
	width:150px;
}


.find-mediator-tiles .views-field-picture img {
 height:65px;
 max-width:44px;
}

/*modifications to the Proximity Search filter display */

input#edit-field-geofield-distance-distance.form-text,
input#edit-field-geofield-distance-origin.geofield-proximity-origin.form-text {
	width:60px;
}

/*the name and location wrapper */
.find-mediator-tiles .views-row .name-wrapper {
	display:block;
	float:left;
}


.find-mediator-tiles .views-row .views-field-directory-name-13,
.view-mediator-proximity-search .views-row .views-field-dis-name {
	display:block;
	float:left;
	font-family:'Open Sans';
	font-weight:600;
	font-size:1.2em;
}

.find-mediator-tiles .views-row .views-field-directory-name-13 p {
	margin:0 0 0 0;
}


.find-mediator-tiles .views-row .views-field-directory-name-13 a:link,
.view-mediator-proximity-search .views-row .views-field-display-name a:link {
	font-weight:600;
	text-decoration:underline;
	color:#293e69;
}

.find-mediator-tiles .views-row .views-field-directory-name-13 .views-field-distance {
	font-weight:300;
	text-decoration:none;
	font-family:'Open Sans';
	font-size:.8em;
	
}
/*.find-mediator-tiles .views-row .views-field-nothing,*/
.find-mediator-tiles .views-row .views-field-phone,
.find-mediator-tiles .views-row .views-field-city-state,
.view-mediator-proximity-search .views-row .views-field-nothing,
.view-mediator-proximity-search .views-row .views-field-phone {
	font-size:1.1em;
}

/*hide the proximity search unit dropdown, it defaults to miles */
#edit-field-geofield-distance-unit {
	display:none;
}

/*Member Directory */
#main-content .member-directory .views-row {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#293e69;
	min-height:70px;
}

.member-directory .views-row .views-field-display-name, 
.member-directory .views-row .views-field-phone,
.member-directory .views-row .views-field-postal-code {
	display:block;
	float:left;
	 margin-left:10px;
	 margin-right:10px;
	 margin-top:20px;
} 


/*Find mediator profile display */
.block-premium-member-profile-block {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#293e69;
}

.mediator-profile-header .views-row .views-field-views-conditional {
	position:absolute;
	left:10;
	margin-top:40px;
	margin-right:5px;
}
.mediator-profile-header .views-row .views-field-views-conditional img {
		height:90px;
}

.mediator-profile-header .views-row .views-field-directory-name-13,
.mediator-profile-header .views-row .views-field-nothing,
.mediator-profile-header .views-row {
	display:block;
	float:left;
	margin-left:110px;
}

.mediator-profile-header .views-row .views-field-picture {
	float:right;
}
.mediator-profile-header .views-row .views-field-picture img {
	height:168px;
}

.mediator-profile-header .views-row .views-field-directory-name-13 {
	margin-top:20px;
	margin-bottom:-15px;
}

.mediator-profile-header .views-row .views-field-directory-name-13 h4 {
	text-align:center;
	line-height:50%;
}

.mediator-profile-header .views-row .profile-location-1,
.mediator-profile-header .views-row .profile-location-2 {
	font-size:1.5em;
	font-family:"crimson";
	display:block;
}

.mediator-profile-header .views-row .profile-electronic {
	margin:auto;
	width:100%;
	font-size:1.5em;
	display:block;
	float:left;
}

.mediator-profile-header .views-row .views-field-picture {
	clear:right;
}

/* *********************
 * BEGIN: Override mediator-profile-header views styling, only for
 * the Professional Spotlight block. (view-display-id-block_spotlight)
 */
.mediator-profile-header.view-display-id-block_spotlight .views-row .views-field-views-conditional {
	position:relative;
  float: left;
	left:auto;
	margin-top:auto;
	margin-right:auto;
  margin-left: 10px;
}

.mediator-profile-header.view-display-id-block_spotlight .views-row .views-field.spotlight-clear {
		clear: both;
}

.mediator-profile-header.view-display-id-block_spotlight .views-row .views-field-directory-name-13,
.mediator-profile-header.view-display-id-block_spotlight .views-row .views-field-nothing,
.mediator-profile-header.view-display-id-block_spotlight .views-row {
	display:block;
	float:none;
	margin-left:0px;
}

.mediator-profile-header.view-display-id-block_spotlight .views-row .views-field-picture {
	float:left;
}

.mediator-profile-header.view-display-id-block_spotlight .views-row .views-field-directory-name-13 {
	margin-top:0px;
	/* margin-bottom:-15px; */
}

.mediator-profile-header.view-display-id-block_spotlight .views-row .views-field-directory-name-13 h6 {
	text-align:left;
	line-height:normal;
  float: left;
  font-size: 24px;
}

.mediator-profile-header.view-display-id-block_spotlight .views-row .profile-location-1,
.mediator-profile-header.view-display-id-block_spotlight .views-row .profile-location-2 {
	font-size:1.5em;
	font-family:"crimson";
	display:block;
}

.mediator-profile-header.view-display-id-block_spotlight .views-row .profile-electronic {
	margin:auto;
	width:100%;
	font-size:1.5em;
	display:block;
	float:left;
}

.mediator-profile-header.view-display-id-block_spotlight .views-row .views-field-picture {
	clear:right;
}
/* 
 * END: Override mediator-profile-header views styling, only for
 * the Professional Spotlight block (view-display-id-block_spotlight)
 * *********************
 */

.mediator-profile-body .views-field {
	display:block;
	float:left;
	clear:both;
}

.views-row .profile-address-1,
.views-row .profile-address-2 {
	float:left;
	margin-bottom:10px;
}

.views-row .profile-address-2 {
	margin-left:20px;
}

.profile-contact-information-1,
.profile-contact-information-2 {
	width:70%;
	margin:auto;
}

.mediator-profile-body .views-row .views-field-tagline-14 {
	text-align:center;
}

.mediator-profile-body .views-row .views-field-tagline-14 p {
	font-size:2.4em;
	line-height:100%;
}

.mediator-profile-body .views-row p {
	font-size:1.1em;
}



/*content-type controls */

#main-content .field-name-field-interior-image {
	width:944px;
	margin-left:-65px;
	margin-right:0px;
}

.node-type-mediation-image-page  .region-sidebar-second,
.node-type-pro-image-page .region-sidebar-second {
	margin-top:360px;
}


/*alteration of the basic page display */
/* hide the title */
.node-type-mediation-image-page #page-title,
.node-type-pro-image-page #page-title {
	display:none;
}

/* FMQ search results */

.view-id-fmq_search .views-row {
	margin-bottom: 10px;
}

.view-id-fmq_search .views-field-title {
	font-weight:600;
}


/*==================================================
	ADR Court Referral Collection on Webform
==================================================== */

.adr-training, .adr-provider, .adr-date {
	float:left;
}

.adr-training, .adr-provider {
	margin-right:10px;
}

.adr-training {
	clear:left;
}

/*==================================================
	Tags block
==================================================== */
div#block-views-tags-block-block div.block-inner{
  margin: 0px;
}
div#block-views-tags-block-block div.block-content-inner{
  padding: 0px;
}
div#block-views-tags-block-block div.view-header,
div#block-views-tags-block-block div.view-content,
div#block-views-tags-block-block div.views-row {
  display: inline;
}
div#block-views-tags-block-block div.views-row span.field-content:after {
  content: ",";
}
div#block-views-tags-block-block div.views-row-last span.field-content:after {
  content: "";
}


/* Byline, as provided by submitted_by module. */
span.submitted-by {
  font-style: italic;
}

/* More header space between titles of blog posts on home page */
body.front section#block-views-blog-archive-blog-latest div.view-content h2 {
    margin-top: 2em;
}

/* Hide comment subject in forums */
div.forum-post-title {
    display: none;
}