/* Custom CSS additions to Genesis: Focus theme */

/* Links */

.focus-gray a,
.focus-gray a:visited,
.focus-gray h2 a:hover {
  color: #B22222;
  }

/* Hiding things */

.no-title .entry-title {
  display: none;
  }

a.post-edit-link {
  display: none;
  }

h1.entry-title {
  display: none;
  }

.focus-gray #header {
  border-top: none;
  }

.focus-gray #wrap {
  border-left: none;
  border-right: none;
  background: none;
  background-color: #f9ffe8;
  }

/* Body */

body, p, select, textarea {
  font-size: 13px;
  }

body.focus-gray {
  background: #d7f2ae;
  }

body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  }

body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
  color: #444;
  }

.focus-gray h1,
.focus-gray h2,
.focus-gray h2 a,
.focus-gray h2 a:visited,
.focus-gray h3,
.focus-gray h4,
.focus-gray h5,
.focus-gray h6 {
  font-family: "Archivo Narrow", Arial, sans-serif;
  color: #594239;
  }

.maybe {
  background: #DCCF89;
  padding: 10px 25px;
  display: inline-block;
  color: #594239;
  border-radius: 8px;
  margin-bottom: 30px;
  font-size: 36px;
  border: 2px solid #C1BA8C;
  }


/* Header Area */

#header {
  background-color: #c3e5f2;
  border-bottom: none;
  min-height: inherit;
  }

#header .wrap {
  border-bottom: none;
  min-height: inherit;
  padding: 10px 0 20px;
  }

/* Header Title & Description */

#title-area {
  width: 600px;
  }

#title {
  font-family: "Archivo Narrow", Arial, sans-serif;
  font-size: 40px;
  text-transform: none;
  }

#wrap #title a, #title a:hover {
  color: #594239;
  }

#wrap #description {
  font-size: 17px;
  color: #594239;
  }

/* Header Widget (phone and email) */

#header .header-widget-area {
  width: 200px;
  margin: 10px 15px 0 0;
  }

#header .header-widget-area span {
  display: block;
  text-align: right;
  font-size: 14px;
  color: #594239;
  }

#header .header-widget-area span.header-phone {
  font-size: 22px;
  font-weight: bold;
  }


#header .header-widget-area a {
  color: #594239;
  text-decoration: none;
  }

/* Primary Navigation */

.focus-gray .breadcrumb .inner,
.focus-gray #header .wrap {
  border-bottom: none;
  }

.focus-gray .menu li a:active,
.focus-gray .menu li a:hover,
.focus-gray .menu .current_page_item a,
.focus-gray .menu .current-cat a,
.focus-gray .menu .current-menu-item a {
  background-color: #866457;
  color: #fff;
  }

#menu-primary {
  border-bottom: none;
  color: #fff;
  background-color: #594239;
  }

#menu-primary a {
  color: #fff;
  }

  /* Primary nav submenu */

#menu-primary ul {
  border-left: 1px solid #594239;
  border-bottom: 4px solid #594239;
  border-right: 1px solid #594239;
  }

#menu-primary ul li a {
  color: #866457;
  }

#menu-primary ul li a:hover {
  font-weight: bold;
  }

/* Services Menu */

#menu-services {
  background-color: transparent;
  }

#sidebar a {
  color: #594239;
  }

#sidebar a:hover {
  background-color: inherit;
  color: #594239;
  }

.sidebar.widget-area ul li {
  border: none;
  margin: 0 0 0 1em;
  }

/* Photo frame effect */

.focus-gray .frame {
  padding: 10px;
  border: 1px solid #ddd;
  background: white;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1);
  }

.focus-gray img.frame {
  padding: 10px;
  border: 1px solid #ddd;
  background: white;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1);
  margin: 3px;
  }

.focus-gray img.frame.alignright {
  margin: 10px 5px 20px 20px;
  }

/* Footer area */

#footer {
  background-color: #333;
  }

#footer p {
  color: #ddd;
  }

.footer .verification {
  float: right;
  margin: 8px;
  }

.footer-widgets-3 .textwidget {
  margin-left: 20px;
  }

#footer-widgets .footer-widgets-3 .social_stickers_widget {
  margin-left: 20px;
  }

/* Contact form */

.entry-content .wpcf7 {
  background-color: #eee;
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 30px;
  width: 490px;
  }

.wpcf7 input[type="submit"] {
  border: none;
  background: #594239;
  padding: 15px 30px;
  border-radius: 8px;
  }

.wpcf7 input[type="submit"]:hover {
  border: none;
  background: #a2534c;
  }

#wpcf7-f425-p14-o1 textarea {
  width: 375px;
  }

/* Associates */

.associate {
  display: inline-block;
  margin: 4px; }

.associate.frame { padding: 10px 15px 0 15px;
    text-align: center;
    width: 35%;
    margin-bottom: 25px; }
.associate.frame h3 { margin-bottom: 2px; font-size:20px; }

  .associate.frame a {
  font-size: 12px;
  color: #333;
  font-style: italic;
  }

.associate img.alignleft {
  margin: 0;
  }
.entry-content .associate p {margin-bottom:0;}
/* Flexible iFrame */
/* http://niklausgerber.com/blog/responsive-google-or-bing-maps/ */

.flexible-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  margin-bottom: 40px;
  height: 0;
  overflow: hidden;
  }

.flexible-container iframe,
.flexible-container object,
.flexible-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

.focus-gray input,
.focus-gray textarea,
.focus-gray .enews #subbox,
.focus-gray .post-info,
.focus-gray .post-meta,
.focus-gray .reply a,
.focus-gray .says,
.focus-gray #description {
  color: #555;
  }

/* More custom CSS additions */

body.page-id-10 .entry-content p:nth-child(2) {
  margin-top: -1em;
  }

.focus-gray ::selection {
  background-color: #333;
  }

.google-maps-embed {
  clear: both;
  border: 1px solid #ddd;
  }

a.button {
  color: white;
  text-decoration: none;
  display: inline-block;
  }

/* Call to action button */

.button-cta {
  font-size:16px;
  font-family:Arial;
  font-weight:normal;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:2px solid #268a16;
  padding:11px 23px;
  text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77d42a), color-stop(100%, #5cb811) );
  background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
  background:-ms-linear-gradient( top, #77d42a 5%, #5cb811 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
  background-color:#77d42a;
  color:#fff;
  display:inline-block;
  -webkit-box-shadow:inset 1px 1px 0px 0px #caefab;
  -moz-box-shadow:inset 1px 1px 0px 0px #caefab;
  box-shadow:inset 1px 1px 0px 0px #caefab;
  }

.button-cta:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5cb811), color-stop(100%, #77d42a) );
  background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
  background:-ms-linear-gradient( top, #5cb811 5%, #77d42a 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
  background-color:#5cb811;
  }

.button-cta:active {
  position:relative;
  top:1px;
}

#sidebar a.button-cta {
  color: white;
  }

#sidebar a.button-cta:hover {
  text-decoration: none;
  }

.focus-gray #footer-widgets .widget-area ul li {
  background: none;
  margin: 0;
  padding: 0;
}
