/******************************************************************
Site Name: ScalleyLaw.com
Author: Web Image Designs

Stylesheet: Main Stylesheet

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  	font-size: 1.875em; /** 30 px **/
 	 margin: 0em 0em 0.67em 0; 
  }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
     /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }
  
 

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix, .cf, .comment-respond {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after, .comment-respond:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

p {
  -ms-word-break: normal;
  -ms-word-wrap: normal;
  word-break: normal;
  word-break: normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  }

.last-col {
  float: right;
  padding-right: 0; }
  
/************   Start of Grids ********************/

/******************************
small mobile Grid Max width 601 PX -- Grid 1
******************************/
@media (max-width: 601px) {
  .s-all {
    float: left;
    padding-right: 0.75em;
    width: 100%; }

  .s-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .s-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .s-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .s-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .s-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; } 
    
    .s-none {
    	display:none;
    }
    
    .s-center {
    	text-align: center;
    }
    /** end of max width 601 grid **/
   	/** do not delete **/}

/******************************
Medium mobile  Grid min width 602px and Max width 767 PX -- Grid 2
******************************/
@media (min-width: 602px) and (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%; }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; } 
    
    .m-none {
    	display:none;
    }
    
    .m-center {
    	text-align: center;
    }
    /** end of min width 602px and Max width 767 PX**/
   	/** do not delete **/}

/******************************
Tablet Grid Min width 768 PX to max-width 1029 -- Grid 3
******************************/
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%; }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; }
    
    .t-clear {
    	clear:both;
    }
/* End of min width 768 to max width 1029 grid*/
/** do not delete **/ }

/******************************
Desktop Grid Min width 1030px -- Grid 4
******************************/
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%; }

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%; }

  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%; }

  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%; }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%; }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%; }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%; }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%; }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%; }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%; }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%; }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%; }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%; }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%; }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%; }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%; }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%; }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%; }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%; }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%; }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%; }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%; } 
   /** END Desktop Grid Min width 1030px -- Grid 3 **/
    /** do not delete **/}

/************   END of Grids ********************/

/***************************************************************************/
/*********  Begin mobile first code here ***********************************/
/*************************************************************************/

/*** contact form on the contact page **/
.page-topper .wpcf7 {
	background-color:#d7e8eb;
	padding:1em;
	border:2px solid #4c2432; /** brown **/
}
 /*** End Contact page  contact form styling ***/

 /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 0em; 
    margin-bottom:1.250em; /** 20 px **/
   	padding-right:0.75em;
 	padding-left:0.75em;
   	}
    
    /** sidebar1 - contains the Practice Area Menu **/
 
 #sidebar1 {
 	margin-bottom:1.250em; /** 20 px  - space between widgets**/  
 	}
#sidebar1 .widget_nav_menu {
	padding:0;
	background-color:#d7e8eb; /** light bleu **/
	padding-bottom:1.250em; /** 20 px  - provides blue room at the bottom of the nav **/
}
 
 #sidebar1 .widget_nav_menu .widgettitle {
 	background-color:#4c2432; /** brown **/
 	padding:0 .5em 0 .5em; /** 8px **/
  	margin:0;
  	color:#ffffff;
  	font-size:1.3em;
  	font-weight:normal;
 	font-family: 'Droid Serif', serif;
 	 }
 
.menu-side-menu-container {
	background-color:#d7e8eb; /** light bleu **/
	margin-top:0;
	padding-top:0;
	padding-left:2.5em; /** 32 px **/
}

  .widget {
    padding: 0 10px;
    margin: 0 0; }
    
   .widget ul li { /** top leve menu items **/
      margin-bottom: 0.75em;
      list-style:disc;
       }
      
   .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em; }
  
    #menu-side-menu li ul.sub-menu li {
  	line-height:0.875em;
  	 list-style:circle;
  }
    #menu-side-menu li a,
  #menu-side-menu li ul.sub-menu li a {
  	font-size:1em; /* 16 px */  	
  	color:#4c2432; /* brown*/
} 
#menu-side-menu li a:hover,
 #menu-side-menu li ul.sub-menu li a:hover{
 	 color:#379396;
 }     
 

 
  /** Contact form in sidebar2 widget and page-front col-1 contact form **/
 	
 .contact-title {
  	font-size:0.750em;
  	  }
  
  .captcha-description {
  	font-size:0.750em;
  }
    
  .form-title {
  	font-size:1.25em;
  	font-weight:bold;
  }

p span.your-message textarea {
	min-height:40px;
}

p span.wpcf7-form-control-wrap input {
	height:20px;
	line-height:20px;
	background-color:#ffffff;
} 	
 	
.column .wpcf7,
#sidebar2 .widget .textwidget .wpcf7 {
	background-color:#d7e8eb; /** light blue **/
	padding:1px 10px 5px 10px;
	color:#4c2432; /** brown **/
} 

#sidebar2 .widget {
	background-color:#d7e8eb; /** light blue **/
	border:1px solid #4c2432; /** brown **/
}

#sidebar2 .widget .textwidget .wpcf7 P {
	margin:3px;
}

.form-title {
	text-align:center;
	border-bottom:1px solid #63563B;
}

/** end contact form on front-page and sidebar **/
 

/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #5c6b80;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: 'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif; 
  background-color: #ffffff;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #f7f8fa; 
    background-color: #ffffff; 
    }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    color: #fbe3e4;
    border-color: #fbe3e4;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #fbe3e4; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: white;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #d5edf8; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }

/*********************
GENERAL STYLES
*********************/
body {
  font-size: 100%;
  line-height: 1.5;
 color: #4c2432; /** brown **/
  -webkit-font-smoothing: antialiased;
  font-family:'Helvetica Neue', 'Open Sans', Helvetica, Arial, sans-serif; 
   }

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto; }

/*********************
LINK STYLES
*********************/
a {
 color: #379396; /** logo blue **/
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
   color: #4c2432; /** brown **/
    }
  a:link, a:visited:link {
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
 font-size: 1.875em; /** 30 px **/
  line-height: 1.333em; 
  font-family: 'Droid Serif', serif;
  }

h2, .h2 {
  font-size: 1.6em;
  line-height: 1.4em;
  margin-bottom: 0.375em; 
  color:#379396;
  font-family: 'Droid Serif', serif;
  }

h3, .h3 {
  font-size: 1.125em; 
  font-weight:bold;
  	color:#4c2432; /** brown **/
  font-family: 'Droid Serif', serif; 
  margin-top:0px;   
  }
  
 h3 a , .h3 a {
 	color:#4c2432; /** brown **/
    text-decoration:underline;
 }
 
  h3 a:hover, 
  .h3 a:hover {
 	color:#379396 !important; /** blue **/
 }



h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }
  
 div.column.col-2 a h2 {
  	text-decoration:none;
  }

/*********************
HEADER STYLES
*********************/

.header-top {
	background-color: #4C2432; /*brown */
}
.header {
 background-color:#d7e8eb; /* light blue */
}

#inner-header {
	background-color:#ffffff;
	padding:0 1.5em 0 1.5em;
}

 /*** web site Logo **/   
.scalley-logo {
	float:left;
	margin:0.500em 0em 0.500em 0; /*8px*/
}

.sidebar-right-header-area {
	float:right;
	color:#ffffff;
	}

.sidebar-right-header-area .widget {
	margin-top:0.313em; /* 5 px*/
	margin-bottom:0.313em; /* 5 px*/
}

.sidebar-right-header-area .widget .textwidget a{
	color:#ffffff;
	text-decoration: none;
}

.sidebar-right-header-area .widget .textwidget a:hover{
	color:#9dc6ca; /*medium blue */
	text-decoration: none;
}


.sidebar-right-header-area .widget .textwidget .th-phone{
	color:#ffffff;
	font-size:1.5em; /*24 px */
	padding-right:0.938em /* 15 px */
}

.sidebar-right-header-area .widget .textwidget .th-street{
	color:#ffffff;
	font-size:1em; /*20 px */
	padding-right:0.938em /* 15 px */
	font-family: 'Droid Serif', serif;
}

.sidebar-right-header-area .widget .textwidget .th-city{
	color:#ffffff;
	font-size:1em; /*20 px */
	font-family: 'Droid Serif', serif;
}



/*********************
NAVIGATION STYLES   *** mobile first design  ***
*********************/

.nav {
  	border-bottom: 0;
  	margin: 0;
 	float:left; /** makes the nav float under the logo **/
 	margin-bottom:10px;
 }
  
  .primary-nav .nav {
  	display:none;  /** hide menu for mobile when jquery NOT toggle-on  **/
  }
  
  .primary-nav.toggled-on .nav {
  	display:block; /** show menu for mobile when  jquery = toggle-on **/
  }
  
  .btn-menu {   /** the menu button for the mobile view **/
  margin-right: 20px;    
  background: #4c2432 !important; /** brown **/
  float: left; 
  padding: 12px 12px;
  margin: 12px 0;
  display: block;
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-bar {  /** makes one of the three lines in the menu icon **/
 display: block; /** makes it a rectangle **/
 width: 18px;  /** width plus height sets the size of the bar **/
  height: 2px;
  background-color: #ffffff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  margin-bottom:3px;
}
  
  /** WID code to control the look of the smaller device menu ***/   
  .nav li {
  		background-color:#4c2432; /** light blue ** color of the li for the top level menu items for smaller devices **/
   }
    .nav li a {
      display: block;
      color:#ffffff; /** color of menu options when it drops down for a smaller device **/
      text-decoration: none;
      padding: 0.75em; /*12 px */
    }
    .primary-nav ul li {
  		  	border-bottom:1px groove #422432; /** brown ** color of divider between to & sub menu items on small device **/
 }
   
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
    	padding-left: 30px;     /** indentents sub-menu items **/
    	 background-color:#d7e8EB; /** light blue  ** color of sub-menu items on small device **/
   		 color:#4c2432; /** borwn ** color of text on sub-menu **/
      }
   
	 .primary-nav ul li.current-menu-item, /** current top level menu item **/
	 .nav li ul.sub-menu li.current-menu-item a /** current sub-menu item **/
	{
		  background-color:#37939b; /* logo blue   - highlights  the current menu selection*/
	 }
		  
	 .primary-nav ul li a:hover, /** hover for top level menu **/
	 .nav li ul.sub-menu li a:hover /** hover for top level menu **/
  {
		  	background-color:#EBE6AD; /* yellowish tan  */		  
	 }
		  
	/*** do not show sub-menu **/
  .primary-nav ul li ul.sub-menu {
		  display:none;
		  overflow:hidden;
       }
       		  
   /*** display sub-menu on hover**/
  .primary-nav ul li:hover ul.sub-menu {
         	display:block; 
         	color:#7d0849;      
      }
   /** End WID code to control the look of the smaller device menu ***/   
/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
#content {
	background-color:#d7e8eb;
   }
 
#inner-content {
	background-color:#ffffff;
}
 

.hentry {
  background-color: white;
  border-radius: 3px;
  margin-bottom: 1.5em;
 }
  
  .hentry header {
    border-bottom: 1px solid #f8f9fa;
    padding: 1.5em; }
    
  .hentry footer {
    padding: 1.5em;
    border-top: 1px solid #f8f9fa; }
    .hentry footer p {
      margin: 0; }

/* end .hentry */
.single-title,
.page-title,
.entry-title {
  margin: 0; }
  
  .none {
  	display:none;
  }


.byline {
  color: #9fa6b4;
  font-style: italic;
  margin: 0; }

/* entry content */
.entry-content {
  padding: 0em 1.5em 0 1.5em;
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  .entry-content p {
    margin: 0 0 1.5em; }
  .entry-content table {
    width: 100%;
    border: 1px solid #eaedf2;
    margin-bottom: 1.5em; }
    .entry-content table caption {
      margin: 0 0 7px;
      font-size: 0.75em;
      color: #9fa6b4;
      text-transform: uppercase;
      letter-spacing: 1px; }
  .entry-content tr {
    border-bottom: 1px solid #eaedf2; }
    .entry-content tr:nth-child(even) {
      background-color: #f8f9fa; }
  .entry-content td {
    padding: 7px;
    border-right: 1px solid #eaedf2; }
    .entry-content td:last-child {
      border-right: 0; }
  .entry-content th {
    background-color: #f8f9fa;
    border-bottom: 1px solid #eaedf2;
    border-right: 1px solid #eaedf2; }
    .entry-content th:last-child {
      border-right: 0; }
  .entry-content blockquote {
    margin: 0 0 1.5em 0.75em;
    padding: 0 0 0 0.75em;
    border-left: 3px solid #2980b9;
    font-style: italic;
    color: #9fa6b4; }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
  .entry-content .size-auto,
  .entry-content .size-full,
  .entry-content .size-large,
  .entry-content .size-medium,
  .entry-content .size-thumbnail {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #323944;
    color: #f8f9fa;
    font-size: 0.9em;
    padding: 1.5em;
    margin: 0 0 1.5em;
    border-radius: 3px; }
    
   .entry-content ul li {
  	list-style-type:disc;
  	list-style:disc;
  	list-style-position:outside;
  	margin-left:1.5em;
  }
  
  .entry-content ol li {
  	list-style:decimal;
   	list-style-position:outside;
  	margin-left:1.5em;
  }
  
  .entry-content.blog img {
  	float:right;
  }
  
  h1.archive-title {
  	margin-left:1em;
  }
  /** entry content for default page page.php and page-contact.php **/
.page-topper h1 {
	background-color:#69A9B0;
	color:#4c2432;
	padding-left:0.625em; /** 10 px **/
	font-size:1.5em;
}
 
#blogsidebar .widget ul {
	padding-left:25px;
}
 /* end .entry-content */
 
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
  margin: 0; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.5em 0; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    background-color: white;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px; }
  .pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    border-right: 1px solid #eaedf2; }
  .pagination a, .pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.75em;
    min-width: 1em;
    display: block;
    color: #2980b9; }
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
      background-color: #2980b9;
      color: white; }
  .pagination .current {
    cursor: default;
    color: #5c6b80; }
    .pagination .current:hover, .pagination .current:focus {
      background-color: white;
      color: #5c6b80; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa;
  /* number of comments span */ }

.commentlist {
  margin: 0;
  list-style-type: none; }

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa;
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes */ }
  .comment .comment-author {
    padding: 7px;
    border: 0; }
  .comment .vcard {
    margin-left: 50px; }
    .comment .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .comment .vcard time {
      display: block;
      font-size: 0.9em;
      font-style: italic; }
      .comment .vcard time a {
        color: #9fa6b4;
        text-decoration: none; }
        .comment .vcard time a:hover {
          text-decoration: underline; }
    .comment .vcard .avatar {
      position: absolute;
      left: 16px;
      border-radius: 50%; }
  .comment:last-child {
    margin-bottom: 0; }
  .comment .children {
    margin: 0;
    /* variations */
    /* change number for different depth */ }
  .comment[class*=depth-] {
    margin-top: 1.1em; }
  .comment.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .comment:not(.depth-1) {
    margin-top: 0;
    margin-left: 7px;
    padding: 7px; }
  .comment.odd {
    background-color: white; }
  .comment.even {
    background: #f8f9fa; }

/* comment meta */
/* comment content */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
  font-size: 0.9em;
  float: right; }

/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em; }

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa; }

#reply-title {
  margin: 0; }

.logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0; }
  .logged-in-as a {
    color: #5c6b80; }

.comment-form-comment {
  margin: 1.5em 0 0.75em; }

.form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em; }

/* comment submit button */
#submit {
  float: right;
  font-size: 1em; }

/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul li {
  /* deep nesting */ }

.no-widgets {
  background-color: white;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #cccccc;
  border-radius: 2px;
  margin-bottom: 1.5em; }
  

/** ***************************/
/** page-front   front page                      mobile first section **/
/****************************/

/** page-front graphic area **/
.scalley-graphic-area	 {
	float:left;
	background-color:#d7e8eb; /** light blue ** the background graphic only appears on the desktop **/
}
.sidebar-graphic-area {
	float:left;
	background-color:#4c2432; /*brown */
	padding:2.313em 1.250em 0em 1em ; /*37px 20px 36px*/
}

/** proces that scrolls through the lis in the widget area **/
.flip-intro {
	color:#96c6ca; /* medium blue */
	font-size:1.438em; /*23px */
	font-family: 'Droid Serif', serif;
}

.flipli ul li,
.flipli ul li a,
.flipli ul li a:link {
	color:#96c6ca; /* medium blue */
	font-size:1.438em; /*23px */
	font-family: 'Droid Serif', serif;
	text-decoration: none;	
	list-style:none;
	padding-bottom:0em;
}

/** flib bottom text area - text is in a widget **/
	.sidebar-front-text {
		padding: 1.250em;
		margin:0;	
		font-size:1.125em; /*18px */	
		background-color:#4c2432;	/** brown **/
	}

.flip-bottom-text {
	color:#ffffff;
	font-size:1.563em; /*25px */
	font-family: 'Droid Serif', serif;
	
}


/** End page-front graphic area **/
	
.page-front-entry-content { /** reduces the space between the graphic area and the start of the col content **/
	padding-top:1.250em; /**20px**/
}
	
/*** custom Fields used on the page-front (home page) ***/
.column {
	float:left;
}

.col-1 {
	margin-right:3%;
}

.col-2 {
	margin-right:3%;
}

.col-3 {
}

.col-1 h1 {
	font-size:1.750em; /*28px */
	margin-top:0;
}

.col-2 h2 {
	font-size:1.563em; /*25px */
	margin-top:0;
	color:#4c2432; /** brown **/
}

.col-2 h2 a {
	color:#4c2432; /** brown **/
}

.col-2 h2 a:hover {
	color:#379396; /** logo blue **/
	text-decoration: underline;
}

.col-2 p,
.col-3 p {
margin-bottom:0.500em; /** 9 px **/
}

.fp-heading  {
	font-size:1.750em; /*28px */
	font-family: 'Droid Serif', serif;
	margin-top:0;
	color:#379396;
}
/*** End custom Fields used on the page-front (home page) ***/


/*********************
FOOTER STYLES - Footer Links Menu  *** mobile view ***
*********************/
.footer {
  clear: both;
  color: #ffffff;
  background-color:#69a9B0; /** greenish blue **/
    }

.footer-bar-wrapper
{
    width: 100%;
    clear:both; 
  }
.footer-bar 
{
    padding: 10px 0;
 }
 
 ul.footer-links {
 	margin:auto 2em auto 2em;
 }

.footer-links ul 
{
    /* sets color of non-image bullets */
    color: #ffffff; /*white*/
    font-size: 12px; 
          
    /* sets indent between levels */
    padding: 0 0 0 1em;
    
    /* sets space between menu columns*/
    margin: 0 16px 0 0;

    /* top-level menu has no bullet */
    list-style: none;
    list-style-image: none;
  }

.footer-links li 
{
    /* top-level menu items float left to form columns */
    display:block;
    float: left;
    position: relative;
    padding-right: 1em;
    border:none;  
}

 .footer-links li ul.sub-menu {
		 display:block;  /*** displays the sub-menu items **/
	       }

.footer-links .sub-menu li
{
    /* affects 2nd level and below */
      display:none;    /** do not display sub-menu items in mobile view **/
  }

.footer-links li a, 
.footer-links li a:visited
{
    /* color of text (links) in footer */
    text-decoration: none;
    color: #ffffff; /* white */
    padding:5px;
}
.footer-links li a:hover, 
.footer-links li a:focus,
.footer-links li.current-menu-item > a
{
    /* hover color of text (links) in footer */
    text-decoration: underline;
   background-color:#37939b; /*logo blue*/
}

/**
 *     Sub-Footer below Links Menu ** mobile **
 */
.subfooter-bar-wrapper
{
    /* wrapper to center .subfooter-bar on screen */
    width: 100%;
    background-color:#37939b; /*logo blue*/
    clear:both;   
}
.subfooter-bar 
{
    /* center .subfooter-bar on screen */
    width:100%;
    margin: auto;
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
}
.subfooter-bar div
{
    /* make all <div>s in subfooter act like <span> to keep them inline */
   display: inline;
   padding: 0;
   margin: 0;
}

.subfooter-bar a,
.subfooter-bar a:visited
.subfooter-bar .wid a,
.subfooter-bar .wid a:visited
{
   /* make links to WID discrete */
   color: #4c2432; /* Primary Text color */
   text-decoration: none;    
}

.subfooter-bar a:hover,
.subfooter-bar a:focus,
.subfooter-bar .wid a:hover,
.subfooter-bar .wid a:focus
{
    color: #58595b; /* color */
   text-decoration: underline;    
}
/** end footer links menu and sub-footer *** mobile view *** **/

@media only screen and (max-width: 384px) {
/******************************************************************
    ** 384px and below iphone 5 in portrait  & nexus 4 portrait **
 *****************************************************************/
	
	/** li text from the widget that is flipped  through **/
	.flip-bottom-text,
	.flipli ul li,
	.flipli ul li a,
	.flipli ul li a:link 
	{
		font-size:1.125em; /*18px *  font is made smaller to fit longer flip li text on one line  and make the bottom text  the same size**/
		}	
    
    .sidebar-graphic-area {
    	padding-bottom:0em;
    }

	
/***** end of media query max-width 384 PX ****/
 /*** do not delete this ***/ }

@media only screen and (min-width: 481px) {
  /******************************************************************
    ** 481px and up - next break point it s767 PX **
 *****************************************************************/
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */ }
    .entry-content .alignleft, .entry-content img.alignleft {
      margin-right: 1.5em;
      display: inline;
      float: left; }
    .entry-content .alignright, .entry-content img.alignright {
      margin-left: 1.5em;
      display: inline;
      float: right; }
    .entry-content .aligncenter, .entry-content img.aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block;
      clear: both; }

/***** end of media query mid-width 481 PX ****/
 /*** do not delete this ***/ }



@media only screen and (min-width: 768px) {
/**************************************************************************************/
/** devices iPad portrait at 786 to 1029  - this includes the ipad landscape at 1024 **/
/************************************************************************************/
  
  .wrap {
    width: 760px; }
    
 .sidebar-right-header-area {
 	margin-right:2em;
 }
    
.scalley-graphic-area	 {
	float:left;
	margin-left:1.5em;
	background-image:url('../images/front-graphic-bg.png'); /** background image displayed on the tablet & desktop view **/
	background-repeat:no-repeat;
    background-position: 0px 20px; /** sets backgrond down to provide white space behind the photo image **/
   background-color:#ffffff; /** overrides the background color set in the mobile first section **/
   height:206px;
}

.sidebar-graphic-area {
	margin-top:20px; /** set so div begins in-line with photo background image **/
	height:186px;
	margin-left:10px;
	width:59%;
	padding:3em 3em 3em 5em;
}

.flipli ul li,
.flipli ul li a,
.flipli ul li a:link {
	font-size:23px; /*16px */
	}
/** flib bottom text area test is in a widget **/
	.sidebar-front-text {
		border-top:8px solid #ffffff;	
		margin-left:1.5em;
		margin-right:1.5em;
	}
  /*********************
 NAVIGATION STYLES    /** min-width: 768px to 1029 **/
  /*********************/
  .nav {
    border: 0;    
    padding-top:2.188em; /** 35px ** positions the top level menu from the top of the page **/
   	padding-left:3em; /**adds space between logo and top level menu */
   }
   
   .primary-nav .nav {
  	display:block;  /** always show the nav in tablet and desktop view **/
  }
  
.btn-menu {
	display:none;
}
  
  .nav ul {
      margin-top: 0;
   }
    .nav li {
      float: left;
      position: relative;
      background-color:#ffffff; /** background color of top nav on larger devices **/
      }
       
     .primary-nav ul li {
       	  border-bottom:none; /** overrides the border that is set on the mobile menu **/
       }
    
      .nav li a {
       	 border-bottom: 0;
      	 color:#4c2432; /* brown */
      	 font-family: 'Droid Serif', serif;
     	 font-size: .9em; /** size of menu names **/
     	 font-weight:bold;
     	 padding:0.60em; 
      }
      .primary-nav ul li a:hover,   /** sets the hover color on the desktop view **/
        .nav li a:hover, 
        .nav li a:focus {
            text-decoration: none;
             color:#4c2432; /* brown */
            background-color:#37939b; /* logo blue ** overrides the hover color  that is set on the mobile menu- */
         }
         
        .primary-nav ul li a:hover {
        	color:#ffffff; /* white */
            background-color:#4c2432; /* brown ** overrides the hover color  that is set on the mobile menu- */        	
        }
          
      .nav li ul.sub-menu,
      .nav li ul.children {
        margin-top: 0;
        border: 1px solid #ccc;
        border-top: 0;
        position: absolute;
        overflow: hidden;
        visibility: hidden;
        z-index: 8999;
        /* highlight sub-menu current page */ 
        }
        
        .nav li.current_page_parent {
        	background-color:#37939b; /** logo blue ** highlights the top menu parent when a sub-menu page is the current page **/
        }
        .nav li ul.sub-menu li,
        .nav li ul.children li {
        	background-color: #d7e8eb; /* light blue */        
          }
          
          .nav li ul.sub-menu li a,
          .nav li ul.children li a {
            padding-left: 10px;
            border-right: 0;
            display: block;
            width: 180px;
            color:#4c2432; /* brown */
            }
            
           .nav li ul.sub-menu li a:hover {
            	 background-color:#37939b; /* logo blue */
            }
            
          .nav li ul.sub-menu li:last-child a,
          .nav li ul.children li:last-child a {
            border-bottom: 0; 
          }
      .nav li:hover ul {
        top: auto;
        overflow: visible;
        visibility: visible; }

  /* end .nav */
 
 .col-1,
 .col-2,
 .col-3 {
 	width:30%; /** put the custom fields from the front page 3-wide for the desktop view **/
 }
 

 .sidebar {
 	padding-left:0px;  /** eliminates the padding set on the sidebars for the smaller devices ***/
 	padding-right:1.5em; /** balances the left and right padding on the larger devices. **/
 }
 /*** makes the sidebar2 float right to line up with sidebar1 ***/
#sidebar2.last-col {
	float:right;	
}
 
 
  /*** End media query min width 768 PX to 1029 px***/ 
  /** do not delete **/}
  	
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Desktop size
  ******************************************************************/
  .wrap {
    width: 1040px; }
    
    .nav {
    	   padding-top:3.500em; /** 56 px ** positions the top level menu from the top of the page **/
    }
    
   /** where the photo & graphic background appears **/
    .scalley-graphic-area	 {
	float:left;
	margin-left:1.5em;
	background-image:url('../images/front-graphic-bg.png'); /** background image displayed on the desktop view **/
	background-repeat:no-repeat;
    background-position-y: 75%;
   background-color:#ffffff; /** overrides the background color set in the mobile first section **/
   height:100%; /** makes the background the full height **/
}

/** where flip li appears **/
 .sidebar-graphic-area {
	width:60%;  /** set width so it will set next to scalley photo on the desktop view **/
	margin-left:0; /** removes the margin that was set in mobile view **/
	height:100%; /** overrides height that is defined for smaller viewing devices **/
	padding-top:1.875em; /** 30 px **/
	padding-bottom:0em;
	padding-left:1.250em; /** 20 px **/
	}
	
.sidebar-front-text {
	border:none;   /** overrides the border set on mobile view **/
	margin-left:0px;
    margin-right:0px;
   	width:60%;    /** same width as the flip li area **/
   	height:154px; /** required by IE **/
	}

/** text that filps the li are in a widget **/	
.flipli ul li,
.flipli ul li a,
.flipli ul li a:link {
	font-size:1.438em; /*23px */
}

.flip-bottom-text {
	color:#ffffff;
	font-size:23px; /*23px */
	padding-bottom:7px;
	}
	
  /*** makes the sidebar2 float right to line up with sidebar1 ***/
#sidebar2.last-col {
	float:right;	
}
 
	
/*********************
FOOTER STYLES - Footer Links Menu at bottom (All Pages)  ******* Desktop ********
*********************/
.footer {
  clear: both;
  color: #ffffff;
  background-color:#69a9B0; /** greenish blue **/
    }

.footer-bar-wrapper
{
    clear:both; 
  }
.footer-bar 
{
    padding: 10px 0;
    }
.footer-links ul 
{
     color: #ffffff; /*white*/
    font-size: 12px; 
    /* sets indent between levels */
    padding: 0 0 0 1em;
    list-style: none;
    list-style-image: none;
     margin: auto auto;
}

.footer-links li 
{
    /* top-level menu items float left to form columns */
    display:block;
    float: left;
    position: relative;
    padding-right: .6em;
    border:none;   
}

 .footer-links li ul.sub-menu {
		 display:block;  /*** displays the sub-menu items **/
}

.footer-links .sub-menu li
{
    /* affects 2nd level and below */
    float: none;
    padding: 0;
    display: list-item; 
    list-style-image: none;
    list-style-type: disc;
    text-transform: none;   
   margin-left:10px; /** line the bullet up with the top footer line **/
  }

.footer-links li a, 
.footer-links li a:visited
{
    /* color of text (links) in footer */
    text-decoration: none;
    color: #ffffff; /* white */
   padding:5px;
}
.footer-links li a:hover, 
.footer-links li a:focus,
.footer-links li.current-menu-item > a
{
    /* hover color of text (links) in footer */
   background-color:transparent;
    text-decoration: underline;
    color: #ffffff; /* white */
 
 }

/**
 *     Sub-Footer below Links Menu at bottom (All Pages) 
 */
.subfooter-bar-wrapper
{
    /* wrapper to center .subfooter-bar on screen */
    width: 100%;
    background-color:#37939b; /*logo blue*/
    clear:both;   
}
.subfooter-bar 
{
    /* center .subfooter-bar on screen */
    width: 960px;
    margin: auto;
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
}
.subfooter-bar div
{
    /* make all <div>s in subfooter act like <span> to keep them inline */
   display: inline;
   padding: 0;
   margin: 0;
}

.subfooter-bar a,
.subfooter-bar a:visited
.subfooter-bar .wid a,
.subfooter-bar .wid a:visited
{
   color: #ffffff; 
   text-decoration: none;    
}

.subfooter-bar a:hover,
.subfooter-bar a:focus,
.subfooter-bar .wid a:hover,
.subfooter-bar .wid a:focus
{
    color: #ffffff; /* color */
   text-decoration: underline;    
}


    /** end min width 1030 px ** do not delete **/ }

@media only screen and (min-width: 1240px) {
  /******************************************************************
 Very large size
  ******************************************************************/
/** end min width 1240px ** do not delete **/ 
	
	}
	
	

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
 /*********************
RETINA (2x RESOLUTION DEVICES)
*********************/
  /** end retina media query ** do not delete **/}
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  .primary-nav {
    display: none; }
/** end print media query ** do not delete **/}