/*
Theme Name: Toolbox
Theme URI: https://wordpress.org/extend/themes/toolbox
Author: Automattic
Author URI: https://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.more {
  float: right;
  text-decoration: none;
}
.entry-summary a:hover {
  text-decoration: none;
}
#nav-below {
  border-top: 1px solid #f2f2f2;
  padding-top: 0.5em;
}

.page-id-10 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.blog-footer {
  max-width: 960px;
  margin: 0 auto;
}
footer.entry-meta {
  display: none;
}
.single-post #content {
  margin: 0;
  padding: 5% 15% 0 15%;
}
.wp-image-684 {
  width: 22px;
  height: 6px;
  margin-bottom: 3em;
}
a {
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;

  /* Non standard for webkit */
  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* ---  --- */

.mappin {
  float: right;
  width: 48%;
}

.sep,
.form-allowed-tags {
  display: none;
}
div.slides {
  text-align: center;
}
blockquote {
  width: 66%;
  margin: 0 auto;
}
/*
blockquote:before {
	content:url('https://www.danth.com/wp-content/uploads/2013/09/leftquote.png');
	margin-left: -30px;
	height: 300px;

}
blockquote:after {
	content:url('https://www.danth.com/wp-content/uploads/2013/09/rightquote.png');
	float: right;
	margin-top: -50px;
	margin-right: -20px;
}
*/

/*----------------------------------BLOG SIDEBAR--------------------*/

#secondary.widget-area {
  padding: 0 10px 10px 10px;
}
h1.widget-title {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 7px;
  color: #777;
  padding-top: 20px;
  padding-bottom: 10px;
  border-top: 5px solid #ddd;
  border-bottom: 5px solid #ddd;
  font-family: "Playfair Display", "Baskerville Old Face", Baskerville, serif;
  text-transform: none;
}
#secondary.widget-area a,
#secondary.widget-area li {
  text-decoration: none;
  color: #08088a;
  line-height: 1.8em;
  font-size: 0.9em;
  padding: 0.2em;
  list-style-type: none;
}
#secondary.widget-area a:hover {
  text-decoration: underline;
}
#secondary.widget-area #icons {
  margin-left: 45px;
}
body.single #secondary.widget-area {
  margin-bottom: 20px;
}
a.twtr-join-conv {
  color: #d8d8d8;
}
a.twtr-user {
  color: black;
  font-size: 14px;
}
div.twtr-hd {
  margin-top: 10px;
}
#latest-twitter-widget-pic {
  margin-right: 20px !important;
  margin-top: -52px !important;
  float: right !important;
}
#tertiary .widget_recent_entries ul {
  margin: 0 auto;
}
#secondary .widget_recent_entries li,
#tertiary .widget_recent_entries li {
  border-top: 1px solid #ddd;
  margin: 0.5em 0;
  padding: 0.5em 0;
}
#tertiary .widget_recent_entries li {
  list-style-type: none;
  padding: 1em 0;
}
#tertiary .widget_recent_entries li a {
  color: #08088a;
}
#tertiary .widget_recent_entries {
  border-bottom: 5px solid #ccc;
}
#tertiary .widget-title {
  border-top: none;
  border-bottom: 5px solid #ddd;
  padding-bottom: 2em;
  font-size: 1.17em;
}

/*----------------------------------BLOG ARTICLE--------------------*/

.blog article,
div#content article.post {
  padding: 2em 0 3em 0;
  border-top: 1px solid #f2f2f2;
}
.pageHeader {
  border: 1px solid #eeeeee;
  background: #fbfbfb;
  padding: 0 1.5em 1.5em 1.5em;
  margin-bottom: 1em;
  border-bottom: 5px solid #ddd;
  border-right: 5px solid #ddd;
}
.pageHeader p {
  width: 83%;
}
article header.entry-header div.entry-meta,
article header.entry-header div.entry-meta a {
  color: #ddd;
  text-decoration: none;
  font-size: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
  font-weight: 100;
}
div.entry-meta {
  border-bottom: 5px solid #f2f2f2;
}
article header.entry-header div.entry-meta,
article header.entry-header span {
  color: #000000;
}
article header.entry-header h1.entry-title a,
article header.entry-header h1.entry-title {
  font-weight: bold;
  color: #1533ad;
  text-decoration: none;
  margin-bottom: 1em;
}
article footer.entry-meta {
  text-decoration: none;
  font-size: 0.6em;
  text-transform: uppercase;
  padding: 5px;
}
article footer.entry-meta a {
  color: #000000;
  text-decoration: underline;
}
article footer.entry-meta a:hover {
  text-decoration: none;
}
.journal-entry-text .body p {
  color: #f2f2f2;
}
.pageTitle,
.entry-content h1 {
  color: #777;
  font-weight: bold;
  font-size: 2em;
  font-family: "Playfair Display", "Baskerville Old Face", Baskerville, serif;
  font-weight: 100;
  border-bottom: 5px solid #f2f2f2;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  padding-top: 1em;
}
.border > h2 {
  border-top: 1px solid #fbfbfb !important;
}
div > .entry-content h2 {
  border-top: 1px solid #f2f2f2;
}
.entry-content h2 {
  font-weight: 100;
  color: #777;
  font-size: 1.5em;
  font-family: "Playfair Display", "Baskerville Old Face", Baskerville, serif;
  margin-bottom: 1em;
  padding: 1em 0;
  border-bottom: 3px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  text-align: center;
}
h3 {
  font-weight: 900;
  text-align: center;
  font-size: 1.17em;
  margin-bottom: 1.5em;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content,
p,
#content p,
.spanGroup span {
  line-height: 1.8em;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 1em;
}
.Apple-style-span,
.entry-content ul li span {
  font-size: 1em !important;
}
.entry-content ul,
.entry-content ol {
  margin-left: 30px;
}
.entry-content a,
footer a {
  color: #ff8000;
  text-decoration: underline;
}
.entry-content a:hover,
footer a:hover {
  text-decoration: none;
}

nav#nav-below {
  padding-bottom: 20px;
}
nav#nav-above,
nav#nav-below {
  /*border-bottom: 1px solid #ff8000;
	padding: .5em 0;*/
}
nav#nav-above a {
  display: none;
}
.single-post nav#nav-below a {
  display: none;
}
nav#nav-below a {
  color: #ff8000;
  padding-bottom: 20px;
  font-size: 14px;
  text-decoration: none;
  margin: 0.5em 0;
}
nav#nav-above a:hover,
nav#nav-below a:hover {
  text-decoration: none;
}
.single img {
  box-shadow: 0 0 0 #dfdfdf;
}

/* --------------------------------------------------------------
= Structure
-------------------------------------------------------------- */
* {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
    Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: 0;
  padding: 0;
}
.entry-summary a {
  color: #ff8000;
}
body {
  background: #eeeeee;
  font-size: 16px;
}

#page {
  background: #ffffff;
  display: block;
  margin: 0 auto;
  max-width: 960px;
}

#primary {
  float: left;
  margin: 0 -240px 0 0;
  width: 100%;
}
#content {
  background: #ffffff;
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0 270px 0 0;
  border-bottom: 5px solid #ddd;
  border-right: 5px solid #ddd;
}
#content p,
#maint h1,
#main h2,
#content ul,
#content ol {
  margin-bottom: 1.5em;
}
.border {
  border: 1px solid #eeeeee;
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #fbfbfb;
}
.circle {
  width: 10px;
  height: 10px;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  line-height: 100px;
  text-align: center;
  margin: 0 auto;
  background: #1533ad;
  margin-bottom: 1em;
}
#main .widget-area {
  float: right;
  overflow: hidden;
  width: 220px;
}
#colophon {
  clear: both;
  display: block;
  width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
  margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* --------------------------------------------------------------
= H's and such
-------------------------------------------------------------- */

h4 /* this is the initial paragraph with blocks of text, think about page*/ {
  font-size: 1.1em;
  font-weight: 700 !important;
  line-height: 1.8em;
  font-weight: normal;
  letter-spacing: 0;
  margin: 0.5em 0 1.5em 0;
}
h5 {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  padding: 0 0 1.5em 0;
  font-weight: 300 !important;
  font-size: 1.2em;
  color: #1533ad;
  letter-spacing: 1px;
  line-height: 1.8em;
  font-weight: normal;
  letter-spacing: 0;
}
h6 {
  padding-left: 3em;
  padding-right: 3em;
  line-height: 1.8em;
  font-weight: normal;
  letter-spacing: 0;
  margin: 0 0 1em 0;
  font-size: 1em;
}
p {
  margin: 0 0 1em 0;
}

.list li {
  font-weight: 700;
}
#content li {
  width: 66%;
  margin-bottom: 0.5em;
  margin-left: 10%;
  padding: 0.3em 0;
  font-size: 1em;
  list-style-type: square;
  line-height: 1.8em;
}
#content ul {
  padding: 1em 0;
}

/* --------------------------------------------------------------
= Alignment
-------------------------------------------------------------- */

.alignleft {
  display: inline;
  float: left;
}
.alignright {
  display: inline;
  float: right;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* --------------------------------------------------------------
= Header
-------------------------------------------------------------- */

#header {
  border: 4px solid #ffa448;
  -webkit-box-shadow: 0 8px 6px -6px #7a7a7a;
  -moz-box-shadow: 0 8px 6px -6px #7a7a7a;
  box-shadow: 0 8px 6px -6px #7a7a7a;
}

#site-title {
  background: #ff8000;
  padding-top: 20px;
  padding-left: 25px;
  /*text-align: center;
	margin-left: -710px;*/
}
#site-title a {
  color: #000000;
  font-family: "Playfair Display", "Baskerville Old Face", Baskerville, serif;
  font-size: 1.5em;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  text-decoration: none;
  text-shadow: 2px 1px #ffa448;
}
#site-description {
  font-family: "Playfair Display", "Baskerville Old Face", Baskerville, serif;
  background: #ff8000;
  color: #f6f6f6;
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  padding: 10px 0 20px 0;
  text-shadow: 1px 1px #525252;
  letter-spacing: 1px;
  padding-left: 25px;
}

/* --------------------------------------------------------------
= Menu
-------------------------------------------------------------- */

#access {
  display: block;
  background: #eee;
  padding: 0.75em 0;
}
#access ul {
  list-style: none;
  padding-left: 25px;
}
#access li {
  line-height: 1.2em;
  position: relative;
  display: inline !important;
}
#access a {
  color: #000;
  line-height: 2em;
  padding: 10px;
  margin: 5px 0;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
}
#access ul ul {
  background: #fff;
  opacity: 0.9;
  display: none;
  text-align: left;
  position: absolute;
  top: 2em;
  z-index: 99999;
  margin-left: 3em;
  width: 275px;
  text-align: center;
  padding: 0 0.5em 0 0.25em;
  border: 5px solid #ddd;
  left: -3em;
}
#access ul ul ul {
  left: 100%;
  top: 0;
}
#access ul ul a {
  line-height: 1.5em;
  margin-left: 0.5em;
  height: auto;
}
#access .current_page_item a {
  background: #fff;
  color: #1533ad;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  /*#1533ad;
	color: #fff;*/
}
#access .current_page_item ul.sub-menu a {
  background: #ffffff;
  color: #000;
}
#access .current_page_item ul.sub-menu a:hover {
  background: #eee;
  color: #000;
  text-decoration: none;
}
#access li:hover > a {
  background: #fff;
}
#access ul ul :hover > a {
  text-decoration: underline;
}
#access ul ul a {
  width: 90%;
}
#access ul li:hover > ul {
  display: block;
}
#menuIcons {
  float: right;
  padding-right: 25px;
  margin-top: -3.9em;
}
#access #menu-item-24 ul.submenu {
  width: 120px;
}
#access #menu-item-28 ul.submenu {
  width: 155px;
}
#access #menu-item-24 ul.submenu {
  width: 120px;
}
#access #menu-item-284 ul.submenu {
  width: 155px;
}

/*--------------------------------------------------------------
 =Content
-------------------------------------------------------------- */

.entry-meta {
  clear: both;
  display: block;
}
.single-author .entry-meta .byline {
  display: none;
}
#content nav {
  display: block;
  overflow: hidden;
}
#content nav .nav-previous {
  float: left;
  width: 50%;
}
#content nav .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
#content #nav-above {
  display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
  display: block;
}
#nav-below {
  margin: 1em 0 0;
}
.page-link {
  clear: both;
  margin: 0 0 1em;
}
.page .edit-link {
  clear: both;
  display: block;
}

/* 404 page */
.error404 .widget {
  float: left;
  width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
  margin-right: 1em;
}
.error404 .widget_tag_cloud {
  clear: both;
  float: none;
  width: 100%;
}

/* --------------------------------------------------------------
= Notices
------------------------------------------------------------- */

.post .notice,
.error404 #searchform {
  background: #eee;
  display: block;
  padding: 1em;
}

/* -------------------------------------------------------------
= Image Attachments
------------------------------------------------------------- */

.image-attachment div.entry-meta {
  float: left;
}
.image-attachment nav {
  float: right;
  margin: 0 0 1em 0;
}
.image-attachment .entry-content {
  clear: both;
}
.image-attachment .entry-content .entry-attachment {
  background: #eee;
  margin: 0 0 1em;
  padding: 1em;
  text-align: center;
}
.image-attachment .entry-content .attachment {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* -------------------------------------------------------------
= Aside Posts
------------------------------------------------------------- */

.format-aside .entry-header {
  display: none;
}
.single .format-aside .entry-header {
  display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
  padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
  padding-top: 0;
}

/* -------------------------------------------------------------
= Gallery Posts
-------------------------------------------------------------*/

.format-gallery .gallery-thumb {
  float: left;
  margin: 0 1em 0 0;
}

/* -------------------------------------------------------------
= Image Posts
------------------------------------------------------------- */

.format-image .entry-header {
  display: none;
}
.single .format-image .entry-header {
  display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
  padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
  padding-top: 0;
}

/* -------------------------------------------------------------
 = Images
-------------------------------------------------------------- */

a img {
  border: none;
}
p img {
  margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}

/* -------------------------------------------------------------
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
------------------------------------------------------------- */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
  max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
  margin-right: 1em;
}
img.alignright {
  margin-left: 1em;
}
.wp-caption {
  padding: 0.5em;
  text-align: center;
}
.wp-caption img {
  margin: 0.25em;
}
.wp-caption .wp-caption-text {
  margin: 0.5em;
}
.gallery-caption {
}
.wp-smiley {
  margin: 0;
}

/* -------------------------------------------------------------
= Forms
-------------------------------------------------------------- */

#searchform label {
  display: none;
}
#searchform input#s {
  width: 60%;
}
input[type="text"],
input#s {
  margin-bottom: 1em;
  padding: 0.3em 0;
  width: 30%;
}
/* -------------------------------------------------------------
= Class for labelling required form items
-------------------------------------------------------------*/

form.wpcf7-form {
  width: 48%;
  text-align: left;
}
textarea.wpcf7-form-control,
input.wpcf7-form-control,
input[type="text"].wpcf7-form-control {
  border: 1px solid #dfdfdf;
  background: #f2f2f2;
  padding: 1.5em 1em;
  margin-bottom: 1em;
  padding: 0.3em 0;
  width: 98%;
}
input.wpcf7-form-control.wpcf7-submit {
  background-color: #aaa;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  padding: 7px 30px;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}
input.wpcf7-form-control.wpcf7-submit:hover {
  background: #777;
  text-decoration: none;
}

/* -------------------------------------------------------------
= Comments
-------------------------------------------------------------- */
#comments {
  border-top: 5px solid #f2f2f2;
  padding-bottom: 3em;
}

article.comment {
  display: block;
}
#respond input[type="text"] {
  background: #f2f2f2;
  box-shadow: 4px 4px 10px #dfdfdf;
  border: 1px solid #dfdfdf;
  display: block;
  width: 60%;
}
#respond textarea {
  width: 100%; /*max-width: 630px; */
  background: #f2f2f2;
  border: 1px solid #dfdfdf;
  display: block;
  padding: 5px;
}
#respond .form-allowed-tags {
  clear: both;
  color: #000000;
  text-decoration: none;
  font-size: 9px;
  border: 1px dotted #bdbdbd;
  text-transform: uppercase;
  background: #fbfbfb;
  padding: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 4px 4px 5px #dfdfdf;
  width: 630px;
}
#respond .form-allowed-tags code,
#respond .form-allowed-tags a {
  display: block;
  font-size: 9px;
}
#respond input#submit {
  padding: 7px 30px;
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  background: #aaa;
  width: 50%;
  border: none;
  margin-left: 25%;
}
#respond input#submit:hover {
  background: #777;
}
h3#reply-title {
  border-top: 1px solid #f2f2f2;
  padding-top: 1.5em;
  margin-top: 0.5em;
}
.comment-form-comment label {
}
/*-------------------------------------------------------------
 = Widgets
-------------------------------------------------------------- */

.widget {
  display: block;
}
.widget-area .widget_search {
  overflow: hidden;
}
.widget-area .widget_search input {
  float: left;
}

/* -------------------------------------------------------------
= Footer
-------------------------------------------------------------- */

#colophon {
  padding: 20px 0;
  text-align: center;
}

.copyright {
  color: #ccc;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.8em;
  padding: 5px;
}
#icons a img {
  margin: 10px;
}
.page-id-35 .address,
.page-id-35 .totop,
.page-id-10 .address,
.page-id-10 .totop {
  display: none;
}
.address,
.totop {
  padding: 1.5em 0 0.5em 0;
}

/* -------------------------------------------------------------
= HOME
------------------------------------------------------------- */

.slider {
  float: right !important;
  width: 50% !important;
  height: auto !important;
  margin: 0 0 1.5em 1.5em !important;
  border-bottom: 5px solid #ff8000;
}
.welcome {
  min-height: 325px;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #f2f2f2;
}
.map {
  width: 100%;
  height: auto;
}
.spanGroup {
  text-align: center;
  margin: 0 auto;
}
.spanGroup span {
  vertical-align: middle;
  display: inline-block;
  width: 32%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}
.buttonz a {
  background-color: #aaa;
  border-radius: 4px;
  color: #ffffff !important;
  cursor: pointer;
  padding: 7px 30px;
  font-size: 15px;
  text-decoration: none !important;
  font-weight: bold;
  text-transform: uppercase;
}
.buttonz a:hover {
  background: #777;
  text-decoration: none;
}
#mc_embed_signup input.button {
  text-transform: uppercase;
}

#mc_embed_signup {
  background: #fbfbfb !important;
  text-align: center !important;
  font: 14px Helvetica, Arial, sans-serif;
}
#mc_embed_signup input.email {
  margin: 0 auto !important;
}
#mc_embed_signup input.button {
  margin: 10px auto !important;
}
#mc_embed_signup label {
  padding-bottom: 20px !important;
  margin-top: -20px;
}

/* -------------------------------------------------------------
= STYLE GUIDE
------------------------------------------------------------- */

.style-guide {
  color: #000 !important;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #000;
  border-bottom: 5px solid #000 !important;
}
.emphasis {
  background: url(https://www.danth.com/wp-content/uploads/2013/09/brillantlightblue.png)
    repeat;
}
.box {
  height: 3em;
  width: 50%;
  margin-bottom: 1.5em;
}

/* --- MEDIA QUERRIES --- */

@media only screen and (max-width: 93.75em) {
  #access {
    font-size: 0.9em;
    margin: 10px 0;
    padding: 0.5em 0;
  }
  #menuIcons {
    margin-top: -4.2em;
  }
}
@media only screen and (max-width: 85em) {
  #access {
    text-align: center;
  }
  #menuIcons {
    margin-top: -9.5em;
  }
}
@media only screen and (max-width: 74.375em) {
  #access {
    margin: 0;
  }
  #access a {
    width: 24%;
    padding: 3px 0;
    text-align: center;
    margin: 2px 0;
  }
  #access ul {
    width: 960px;
    margin: 0 auto;
    padding-left: 0;
  }
  #menuIcons {
    margin-top: -9.5em;
  }
  #menuIcons a {
    width: 38px;
  }
  #menuIcons ul {
    width: 30px;
  }
  .mappin {
    width: 40%;
  }
  form.wpcf7-form {
    width: 60%;
  }
}
@media only screen and (max-width: 59.38em) {
  #access ul {
    width: 100%;
  }
  #access {
    font-size: 0.8em;
  }
  #access a {
    padding: 6px 0;
  }
  h5 {
    width: 65%;
  }
  #main .widget-area {
    float: right;
    margin-right: 25%;
    overflow: hidden;
    width: 50%;
  }
  #content {
    margin: 0;
  }
  .single-post #content {
    margin: 0;
    padding: 0 12%;
  }
  .pageHeader p {
    margin: 0 auto;
  }
  .blog .entry-content {
    padding: 0 12%;
  }
  #menuIcons {
    margin-top: -11.5em;
  }
}
@media only screen and (max-width: 51.25em) {
  #site-title a {
    font-size: 1.3em;
  }
  #site-description {
    font-size: 1.3em;
  }
  #access {
    font-size: 0.75em;
  }
  h5 {
    width: 70%;
  }
  h6 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .mappin {
    padding: 0 12%;
    width: 75%;
  }
  form.wpcf7-form {
    width: 100%;
  }
  #menuIcons {
    margin-top: -12em;
  }
}
@media only screen and (max-width: 47.5em) {
  #site-description {
    font-size: 0.9em;
  }
  #access {
    font-size: 0.85em;
  }
  #access li a {
    width: 100%;
    padding: 3px 0;
  }
  .pageTitle,
  .entry-content h1 {
    font-size: 1.4em;
    margin: 0 auto;
    margin-bottom: 1em;
  }
  #menuIcons {
    display: none;
  }
  #main .widget-area {
    float: right;
    margin-right: 0;
    overflow: hidden;
    width: 60%;
    padding: 20%;
  }
  .slider {
    display: none;
    border-bottom: none;
  }
  .spanGroup span {
    width: 60%;
    padding: 0.75em 0;
  }
  #content {
    padding: 0 0.5em 0.5em 0.5em;
  }
  #content li {
    width: 100%;
    margin-left: 0;
    text-align: center;
    list-style-type: none;
  }
  .list ul {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
  }
  .welcome {
    padding: 0 0;
  }
  h4 {
    font-size: 1em;
  }
  h5 {
    width: 85%;
    font-size: 1em;
  }
  h6 {
    padding-left: 0 !important;
    padding-right: 0;
  }
  .single-post #content {
    margin: 0;
    padding: 0 5%;
  }
  .pageHeader p {
    margin: 0 auto;
  }
  .blog .entry-content {
    padding: 0 5%;
  }
  #mc_embed_signup input.email {
    width: 100% !important;
  }
  .spanGroup span {
    width: 90%;
  }
  .entry-content ul,
  .entry-content ol {
    margin-left: 0;
  }

  header.entry-header h1.entry-title a {
    font-size: 1em;
  }
  .pageHeader p {
    width: 100%;
  }
  .single-post {
    overflow: scroll;
  }
  .single-post img {
    max-width: 600px !important;
  }
  .entry-content img,
  .entry-content a img {
    max-width: 100%;
  }
}