/*
Theme Name: Z-Axis
Theme URI: http://npw.uk.com
Author: Tania Hebel
Author URI: http://npw.uk.com
Description: <em><strong>Theme</strong> for educational establishments</em>
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zaxis
Tags:

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.

zaxis is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
        ## Other Navigation
# Accessibility
# Alignments
# Clearings
# Header
# Widgets
# Content
        ## Global
        ## Indexes
	## Posts and pages
	## Comments
# Infinite scroll
# Media
        ## Slideshows
        ## Images
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/


@import url("editor-style.css");

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	font-family: Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #fff;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1rem;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

td,
th {
  line-height: initial;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #ccc;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial,Helvetica,sans-serif;
    clear: both;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
    letter-spacing: -0.5px;
}

h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

p {
	margin: 1em 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
        background-size: 500px auto !important;
}

/*
@media screen and (min-width: 768px) {
    body { background-position: 140% bottom !important; background-size: 413px auto; }
}

@media screen and (min-width: 1024px) {
    body { background-position: 130% bottom !important; }
}

@media screen and (min-width: 1200px) {
    body { background-position: 95% bottom !important; }
} 
*/

#page {
    width: 100%;
    margin: 0 auto;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

blockquote {
    line-height: 1.3em;
    margin: 1.5em 0 1.5em 2em;
    position: relative;
}

blockquote::before {
    font-family: 'FontAwesome';
    content: "\f10d";
    position: absolute;
    left: -2em;
    color: #999;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1em 0.5em;
	padding-left: 0.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul {
	margin-bottom: 0;
	margin-left: 0.5em;
        padding-left: 0.5em;
}

li > ol {
    margin-left: 0.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    table-layout: fixed;
}

@media screen and (max-width: 600px) {
    table { 
        width: 100% !important;
    }
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 3px solid;
	border-color: #fff;
	border-radius: 0;
	background: #fff;
	color: #fff;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
        padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #000;
        color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #000;
        color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #fff;
}

a:link {
    color: #fff;
    text-decoration: underline;
}

a:hover,
a:focus,
a:active,
a:visited {
    color: #fff;
    text-decoration: underline;
}

a:hover,
a:active {
	outline: 0;
}

.read-more {
    font-size: 1.17em;
    font-weight: normal;
    font-style: italic;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/    

/*--------------------------------------------------------------
    ## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: 300;
    font-size: .9rem;
    background-color: #000;
  	margin-top: 0;
    position: fixed;
    z-index: 999;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}

.main-navigation ul a::before {
    font-family: fontawesome;
    content: "";
    margin-right: .9em;
    text-decoration: underline;
    display: inline-block;
    font-size: 9px;
    vertical-align: top;
    padding-left: 1.5em;
}

.main-navigation ul a::before, .main-navigation ul a:hover::before {
    text-decoration: none;
    }
    

.main-navigation li {
	float: none;
	position: relative;
        display: block;
        clear: both;
        border-top: solid 1px rgba(255,255,255,0.3);
  			text-align: right;
}

.main-navigation a {
    position: relative;
    display: block;
    font-family: 'Century Gothic', 'Muli', Arial, sans-serif;
    color: #fff;
    padding: .6em 0.8em;
    text-decoration: none;
}

.main-navigation a:hover,
.main-navigation a:focus {
        background: #333;
        text-decoration: none;
}

.main-navigation ul ul {
	float: left;
	position: static;
	top: 100%;
	left: -999em;
	z-index: 99999;
        width: 100%;
}

.main-navigation ul ul li {
        background-color: transparent;     
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a::before {
    font-family: fontawesome;
    content: "\f068";
    margin-right: .8em;
    text-decoration: underline;
    display: inline-block;
    font-size: 0.6em;
}

.main-navigation ul ul a::before, .main-navigation ul ul a:hover::before {
    text-decoration: none;
    }

.main-navigation ul ul a {
	display: block;
        width: 100%;
        padding-left: 3em;
}

.main-navigation ul ul ul a {
       padding-left: 4em;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
    background: #333;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	/*left: auto;*/
  visibility: visible;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

/* keep current page and parent highlighted while active */
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  	
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

button.menu-toggle {
    color: #ababab;
    text-align: right;
    border: none;
    width: 100%;
    padding: 8px;
    font-size: 1.5em;
    background-color: transparent;
}

button.menu-toggle:hover {
    color: #fff;
}

button.menu-toggle::before {
    font-family: fontawesome ;
    content: "\f0c9";
    margin-right: .5em;
    text-decoration:underline;
    display:inline-block;
    font-size: 1.2em;
}

button.menu-toggle::before {
    text-decoration: none;
}

@media screen and (min-width: 680px) {
    
        .main-navigation {
            padding: 0 0;
            margin-top: 0;
            position: fixed;
            z-index: 999;
        }
        
        .main-navigation a:hover,
        .main-navigation a:focus {
            background: transparent;
        }
        
      .menu-toggle {
        display: none;
      }
        
      .main-navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
        	-webkit-box-pack: flex-end;
        		-ms-flex-pack: flex-end;
        			justify-content: flex-end;
        border-bottom: none;
      }
  
        .main-navigation ul ul {
          display: block;
        }

            /* Position the menu in the header */
      .main-navigation,
      .main-navigation.toggled {

      }

      .nav-menu {
        padding: 0;
        background-color: transparent;
      }

      .main-navigation ul,
      .main-navigation.toggled ul {
        max-height: none;
        padding-left: 0;
        text-align: right;
      }

      .main-navigation.toggled ul {
        overflow-y: visible;
      }
        
	
      /* Display the menu items in a horizontal order */
      .main-navigation li {
        display: inline-block;
            clear: none;
                    border-top: none;
      }
        
        .main-navigation .nav-menu > li {
            text-align: center;
            margin: 0;
            overflow: visible;
            background-color: #000;
						padding: 0.6em 0;
        }
        
        .main-navigation .nav-menu > li > a {
            padding: .3em 1.8em;
            margin: 0;
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            box-shadow: 0 0 1px transparent;
            position: relative;
            -webkit-transition-property: color;
            transition-property: color;
            -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
        }
        
        .main-navigation .nav-menu > li > a::before {
             content: "";
             margin-right: 0;
             padding: 0;  
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #333;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }
        
        .main-navigation .nav-menu > li > a:hover, .main-navigation .nav-menu > li > a:focus, .main-navigation .nav-menu > li > a:active {
          /*color: white;*/
        }
        .main-navigation .nav-menu > li > a:hover:before, .main-navigation .nav-menu > li > a:focus:before, .main-navigation .nav-menu > li > a:active:before {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
        
        .main-navigation .nav-menu > li:nth-of-type(2) > a, .main-navigation .nav-menu > li:nth-of-type(3) > a {
            border-left: solid 1px #333;
        }
        
        .main-navigation ul ul li, .main-navigation ul ul ul li {
            border: none;
        }
        
        .main-navigation ul ul {

        }

        .main-navigation ul ul li {
            background-color: #666;
            margin-top: 2px;
            transition: background .2s;
            width: 180px;
        }
        
        .main-navigation ul ul li:hover {
            background-color: #000;
        }
        
      /* Left-align drop-down menu items */
      .main-navigation li li {
                display: block;
                text-align: left;
      }

      .main-navigation a,
      .main-navigation ul ul li:last-child a {
                border-bottom: none;
      }

      /* Add an outline on hovered and focused menu items */
      .main-navigation a:hover,
      .main-navigation a:focus {

      }

      /* Create hover and focus contrast on drop-down items */
      .main-navigation li li:hover,
      .main-navigation li li:focus {

      }

            /* Create hover and focus contrast on drop-down items */
      .main-navigation li li a:hover,
      .main-navigation li li a:focus {;
        text-decoration: none;
      }
        
        .main-navigation ul ul {
            position: absolute;
            width: auto;
            left: 50%;
/*            top: 2.9em;*/
            margin-left: -90px;
            width: 180px;
            visibility: hidden;
            border-top: solid 0.65em rgba(255,255,255,0);
        }
        
        .main-navigation ul ul a {
            padding: .7em 1em;
            font-size: 0.9em;
            border-left: none;
            line-height: 1.6em;
        }
        
        .main-navigation ul ul a::before {
            content: "";
            margin-right: 0;
        }
	
      /* Position drop-down menus absolutely */
      .main-navigation ul ul.toggled-on {
        position: absolute;
        width: 12em;
        display: block;
        z-index: 10;
        margin-left: 0;
        background: #000;
      }

      .main-navigation ul ul ul.toggled-on {
        position: relative;
      }

      /* Indent 3rd level drop-down menus */
      .main-navigation ul ul ul a {
        padding-left: 2em;
      }
        
        /* keep current page and parent highlighted while active */
        .main-navigation .current_page_item > a,
        .main-navigation .current-menu-item > a,
        .main-navigation .current_page_ancestor > a,
        .main-navigation .current-menu-ancestor > a {
            text-decoration: none;
        }

}

@media screen and (min-width: 1024px) {
        .main-navigation .nav-menu > li > a {
            padding: .3em 2.5em;
        }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
## Other Navigation
--------------------------------------------------------------*/
.comment-navigation,
.post-navigation,
.paging-navigation {
	padding: 2em 0;
	text-align: left;
	overflow: hidden;
}

@media screen and (min-width: 900px) {
    .comment-navigation,
    .post-navigation,
    .paging-navigation {
		padding: 2em 3em;
	}
}

.nav-links {
	max-width: 45em;
	margin: 0 auto;
	padding: 0 .4em;
}

.comment-navigation a,
.post-navigation a,
.paging-navigation a {
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 1em;
	border: 1px solid #c3c3c3;
}

.comment-navigation a:hover,
.comment-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:focus,
.paging-navigation a:hover,
.paging-navigation a:focus {
	border-color: #000;
}

.post-navigation .post-title {
	font-size: 1.2em;
	font-weight: 700;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	text-decoration: underline;
}

.nav-previous {
	padding-bottom: 1em;
}

@media screen and (min-width: 30em) {

	.nav-links {
		display: flex;
                -webkit-justify-content: space-between;
		justify-content: space-between;
                -webkit-align-items: stretch;
		align-items: stretch;
		padding: 0;
	}

        .comment-navigation .nav-previous,
	.post-navigation .nav-previous {
		display: flex;
                -webkit-align-items: stretch;
		align-items: stretch;
		float: left;
		width: 48%;
	}

	.nav-previous {
		padding-bottom: 0;
	}
        
        .comment-navigation .nav-next,
	.post-navigation .nav-next {
		display: flex;
                -webkit-align-items: stretch;
		align-items: stretch;
		float: right;
		text-align: right;
		width: 48%;
	}
}

.post-navigation .meta-nav {
	display: block;
}

@media screen and (min-width: 30em) {
	.post-navigation .meta-nav {
		padding-bottom: 1em;
	}
}

.paging-navigation {
	margin-top: -2em;
	text-align: center;
}

.paging-navigation ul {
	display: inline-block;
	padding: 0;
	list-style-type: none;

}

.paging-navigation li {
	display: inline-block;
}

.paging-navigation li a {
	padding: .3em 1em;
	margin: .4em .2em;
}

.paging-navigation .current {
	padding: .8em 1.1em;
	font-weight: 700;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.clear_float {
  display: block;
  clear: both;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
    width: 100%;
    background-color: #fff;
    margin-top: 0;
  	border-bottom: solid 1px #222;
    /*position: fixed;
    z-index: 999;*/
}

#search-area .search-form {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px;
    width: 100%;
    background-color: #fff;
    text-align: left;
    max-width: 240px;
    float: none;
    margin: 0 auto;
}

input[type="search"].search-field {
    color: #666;
    border: none;
    border-radius: 0;
    background-color: transparent;
    width: calc(100% - 26px);
    margin: 0;
    padding: 0 0 0 3px;
}

.search-form .search-submit {
    background: #fff url("images/search.svg") center top/19px no-repeat ;
    border: none;
    color: transparent;
    font-size: 0;
    overflow: hidden;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    position: relative;
    top: -4px;
}
.search-form .search-submit:hover {
    border-color: transparent;
    color: transparent; 
}

@media screen and (min-width: 420px) {
  
    .site-description {
        display: block;
    }

    #search-area { 
        width: 48%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 680px) {

        #header-right {              
            width: 200px;
            min-height: 120px;
        }
        
        #search-area { 
            width: 98%;
            float: right;
            display: block;
            margin: 0.5em 0;
        }
        
        #search-area .search-form {
            float: right;
            min-width: 160px;
        }
}

.site-branding {
    width: 100%;
    margin: 48px auto 0;
    min-height: 205px;
    padding: 0.625em;
    overflow: hidden;
}

.site-logo {
    width: 100%;
  	max-width: 300px;
		height: 261px;
    margin: 0.5em auto;
    text-align: center;
  	background: transparent url(images/GD-logo.svg) center/cover no-repeat;
}

.no-svg .site-logo {
  background: transparent url(images/GD-logo.png) center/cover no-repeat;
}

.site-logo a {
    z-index: 10;
    top: 1em;
    left: 1em;
    text-decoration: none;
}

#title-wrap {
    padding: 0.6em;
		width: 100%;
}

.site-title::before {
    content: ". . . ";
    color: #fff;
}

.site-title {
    font-family: 'Century Gothic', 'Muli', Arial, sans-serif;
    font-size: 2.5em;
    line-height: 1.2em;
    color: #fff;
    text-align: right;
  	margin: 0;
  	font-style: italic;
}

.site-title a {
    text-decoration: none;
    color: inherit;
}

.site-title a:hover,
.site-title a:focus {
    text-decoration: none;
}

.site-description {
    font-family: 'Century Gothic', 'Muli', Arial, sans-serif;
    margin: 0 auto;
    font-size: 1.3em;
    line-height: 1.5em;
    color: #1a346a !important;
    display: none;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
        .site-branding {
          min-height: 170px;
        }
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

#secondary {
    position: relative;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 1em;
    max-width: 300px;
    margin: 0 auto;
}

.widget {
    float: left;
    width: 230px;
    padding: 0;
    margin-bottom: 2em;
    position: relative;
}

.widget-title {
    width: 100%;
    color: #fff;
    font-size: 1.2em;
    font-family: 'Century Gothic', 'Muli', Arial, sans-serif;
    height: 40px;
    line-height: 38px;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color: #1a346a;
    margin-bottom: 10px;
  	background: url(images/white-stripes.png) 95% repeat-y, url(images/blue-stripes.png) right top repeat;
}

.widget ul,
.widget ol {
    padding: 0;
    margin: -1px 0 0 0;
}

.widget-area img.aligncenter, .widget-area .centered-image {
    margin-top: 5px;
    margin-bottom: 2px;
}

.site-content .widget li {
	padding: 0;
  margin-bottom: 10px;
  display: block;
  background-color: #d8deea;
  transition: background 200ms ease;
}

.site-content .widget li:hover {
    background-color: rgba(0, 42, 133, 0.3);
}
.site-content .widget .child-sidebar-menu li,
.site-content .widget .grandchild-sidebar-menu li {
    padding: 0;
}

.widget li ul,
.widget li ol {
	margin-left: .5em;
}

.widget li:last-child {
	padding-bottom: .35em;
}

@media screen and (min-width: 480px) {
	.widget li ul,
	.widget li ol {
            margin-left: 1em;
	}
        
        .widget li ul.child-sidebar-menu, .widget li ul.grandchild-sidebar-menu  {
            margin-left: 0;
        }
}

.widget a {
	font-weight: normal;
	text-decoration: none;
	font-size: 0.8rem;
  color: #005f12;
}

.widget a:hover,
.widget a:focus {
	
}

/* Make sure select elements fit in widgets. */
.widget select {
	width: 100%;
	padding: .5em;
}

/* Archive and Categories widgets */

.widget_archive li {
	color: #808080;
}

.widget_categories .children {
	padding-top: 0;
	padding-bottom: .5em;
}


/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/* Pages and Menu widgets */

.widget_pages .children,
.widget_nav_menu .sub-menu {
	padding-top: 0;
	padding-bottom: .5em;
}

.widget_pages a,
.widget_nav_menu a,
.child-sidebar-menu > li > a,
.grandchild-sidebar-menu > li > a {
    padding: 0.5em 0.8em;
    display: block;
    font-family: 'Century Gothic', 'Muli', sans-serif;
    text-decoration: none;
    color: #1a346a;
    font-weight: normal;
    font-size: 0.9rem;
}

.grandchild-sidebar-menu > li > a {
    padding-left: 1em;
}

.widget_pages a:hover, 
.widget_nav_menu a:hover {
   
}

.widget ul.rss-items, .widget ul li.rss-item {
  padding: 0;
  margin: 0;
  border: none;
}

.widget ul.rss-items {
  margin-top: -2em;
}

.widget ul li.rss-item a {
  display: none;
}
	
.widget ul li.rss-item {
    font-size: 1.3em;
    color: #555;
    font-weight: 400;
    margin: 0;
    padding: 5px 0 10px;
    line-height: 1.2em;
    text-align: center;
}
	
.widget ul li.rss-item .rss-date {
    color: #aaa;
    margin: 0;
    padding: 0;
    line-height: 2.6em
}

#entry_date.updated:not(.published) {
	display: block;
}

/* Meta widget */
.site-content .widget_meta li {
	padding: .3em 0;
}

/* RSS widget */


.widget_rss li {
	margin-bottom: 1em;
}
.widget li a.rsswidget {
	padding-right: .5em;
	font-size: 1em;
	line-height: 1.4em;
}

.rss-date,
.widget_rss cite {
	color: #333;
	font-size: .8em;
}

.rssSummary {
	padding: .5em 0;
	font-family: sans-serif;
	font-size: .8em;
        line-height: 1.4em;
}

/* Search widget */

.widget_search input[type="search"] {
	box-sizing: border-box;
	width: 100%;
	padding: .5em 1em;
	border: 1px solid #c3c3c3;
	border-radius: 0;
}

/* Calendar widget */

.widget_calendar {
	
}

.widget_calendar caption {
	padding: .5em 0;
	font-size: 1em;
	font-weight: 700;
	text-align: left;
}

.widget_calendar thead {
	background: #333;
	color: #fff;
}

.widget_calendar thead th {
	border-bottom-width: 2px;
}

.widget_calendar td {
	padding: .2em;
	font-size: .8em;
	text-align: center;
	background: #d6d6d6;
	border: 3px solid white;
}

.widget_calendar th {
	border: none;
}

.widget_calendar .pad {
	background: #eaeaea;
}

/* Text widget */

.textwidget {
    font-size: .8em;
    line-height: 1.6em;
    margin: 0;
    border: solid 1px #cdcdcd;
    padding: 8px;
}

.textwidget  p {
    margin: 2px 0;
}

/* Custom Recent Comments and Recent Posts widgets */

.widget_recent_comments ul,
.widget_recent_posts ul {
	margin-top: 2em;
	margin-bottom: 0;
	padding-bottom: 0;
}
.site-content .widget_recent_comments li,
.site-content .widget_recent_posts li {
	position: relative;
	padding: 0 0 1em 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #c3c3c3;
}

.widget_recent_comments li:last-child,
.widget_recent_posts li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.widget_recent_comments a,
.widget_recent_posts a {
	display: block;
	font-size: 1em;
}

.widget_recent_comments a:hover,
.widget_recent_comments a:focus,
.widget_recent_posts a:hover,
.widget_recent_posts a:focus {
	text-decoration: none;
	border-bottom: none;
}
.widget_recent_comments .post-icon,
.widget_recent_posts .post-icon {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
}

.widget_recent_comments .post-icon img {
	border-radius: 50px;
}

.widget_recent_comments .title,
.widget_recent_comments .original-title{
	margin-top: 0;
	margin-bottom: .8em;
	font-size: .7em;
	line-height: 1.4em;
}

.widget_recent_comments .excerpt {
	margin-top: 0;
	margin-bottom: .8em;
	font-size: .8em;
	line-height: 1.4em;
}

.widget_recent_comments .excerpt::before {
	content: "“";
}

.widget_recent_comments .excerpt::after {
	content: "”";
}

.widget_recent_comments .original-title {
	color: #808080;
	font-weight: 500;
}

.widget_recent_comments .original-title span {
	font-weight: normal;
	font-style: italic;
}

.widget_recent_comments a:hover .original-title,
.widget_recent_comments a:focus .original-title {
	color: #fff;
	text-decoration: underline;
}

/* Custom Recent Posts widget */

.widget_recent_posts .post-icon {
	width: 50px;
	height: 50px;
	font-size: 1.3em;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #333333;
}

.widget_recent_posts .title {
	margin: 0;
	font-size: .9em;
	line-height: 1.4em;
}

.widget_recent_posts .meta {
	margin: 0 0 .8em;
	font-size: .7em;
	text-transform: uppercase;
	color: #808080;
}

.widget_recent_posts a:hover .title,
.widget_recent_posts a:focus .title {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/

.site-content {
    width: 100%;
    margin: 0 auto;
    line-height: 1.2rem;
    max-width: 1200px;
    padding: 20px 16px 16px;
}

.home .site-content {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.content-area {
    background: transparent;
    margin-top: 20px;
    min-height: 500px;
}

.home .content-area {
    margin-top: 0;
}

/* No sidebar layout */

.no-sidebar #secondary {
        display: none;
}

.no-sidebar .content-area {
    	width: 100%;
}
 .no-sidebar .site-main {
     	max-width: 1200px;
}

/* Rules for sidebar left and sidebar right */
@media screen and (min-width: 1040px) {
	/* Unified styles */
	.sidebar-right .widget::after,
	.sidebar-left .widget::after {
/*		display: block;
		width: 33%;
		margin: 4em auto;
		content: "";
		border-bottom: 1px solid #c3c3c3;*/
	}

	.sidebar-right #secondary,
	.sidebar-left #secondary {
		background-color: transparent;
		padding: 1em 0 0;
	}

	/* Sidebar Right layouts */
	.sidebar-right .content-area {
		float: left;
		width: calc(100% - 270px);
	}
	.sidebar-right #secondary {
		margin: 20px 10px;
	}
  
  	.sidebar-right .site-main {
            min-height: 500px;
  	}

	.sidebar-right .site-content .widget-area {
		float: right;
		width: 240px;
		padding: 0 1.5em;
	}

	/* Sidebar Left layouts */
	.sidebar-left .content-area {
		float: right;
		width: calc(100% - 270px);
	}

	.sidebar-left #secondary {
		margin: 5px 10px 20px 10px;
	}
  
        .sidebar-left .site-main {
            min-height: 500px;
        }

	.sidebar-left .site-content .widget-area {
		float: left;
		/*overflow: hidden;*/
		width: 240px;
		padding: 0 1.5em;
	}

}

.site-main {
    margin: 0 0.5em 1em;
}

.home .site-main {
    width: 100%;
    max-width: 100%;
    margin: 0;
}


/*--------------------------------------------------------------
## Indexes
--------------------------------------------------------------*/

.page-header::after {
	display: block;
	content: "";
	width: 3.5em;
	border-bottom: 1px solid #c3c3c3;
	margin: 2em auto;
}

.archive-description {
    margin-top: 1.5em;
    border: 1px solid #c3c3c3;
    padding: .5em 1.8em 0;
    text-align: center;
    font-style: italic;
}

.entry-title.index-excerpt {
    margin-top: 0;
		margin-bottom: .5em;
		font-size: 1.2em;
}

.sticky .entry-title.index-excerpt {
    display: none;
}

.home .entry-title {
  display: none;
}

.entry-header .index-entry-meta {
	font-size: .8em;
}

.entry-content {
  margin: 0;
}

.entry-content.index-excerpt {
	margin-top: 0;
}

.index-content {
  float: none;
  width: 98%;
}

.category-sticky .index-entry-meta, .sticky .index-entry-meta {
  display: none;
}

.sticky .index-content {
        width: 100%;
}

@media screen and (min-width: 30em) {

	.index-entry-meta .byline,
	.index-entry-meta .posted-on,
	.index-entry-meta .comments-link {
		display: inline-block;
	}

	.index-entry-meta .byline::after,
	.index-entry-meta .comments-link::before {
		content: "|";
		padding: 0 1em;
	}
}

.continue-reading {
	text-align: center;
  display: block;
  clear: both;
}

.continue-reading a,
.entry-content .continue-reading a {
	display: inline-block;
	margin: 0 auto;
	padding: .5em 1em;
}

.continue-reading a:hover,
.continue-reading a:focus,
.entry-content .continue-reading a:hover,
.entry-content .continue-reading a:focus {
		text-decoration: underline;
		box-shadow: none;
}

.continue-reading a::after {
	content: "…"
}
.continue-reading::after {
	/*display: block;
    content: "";
    width: 100%;
    border-bottom: 1px solid #c3c3c3;
    margin: 4em auto 0;*/
}

.entry-content .continue-reading::after {
	display: none;
}

.search-results .continue-reading {
    text-align: center;
  	padding-bottom: 1.5em;
}

.search-results .hentry {
  padding-bottom: 0;
}

.search-highlight {
    background: #BED6FF;
}

.error404 .page-content, .search-no-results .page-content {
  text-align: center;
  min-height: 300px;
}

.error404 .page-content input[type="search"],
.search-no-results .page-content input[type="search"] {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0.5em 2em 0.5em 0.8em;
  width: 50%;
  background-color: #fff;
  text-align: left;
  margin: 0 auto;
}

.error404 .page-content .search-submit,
.search-no-results .page-content .search-submit {
	/*clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;*/
  right: 30px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.home-panel {
    
}

.home-panel-1, .home-panel-2, .home-panel-3 {
    background-color: transparent;
    min-height: 250px;
    color: #fff;
  	border-bottom: solid 1px #222;
  	font-size: 2em;
}

.home-panel-4 {
  display: none;
}

.home-panel-title {
  display: none;
}

.home-panel-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
		min-height: 250px;
}

.home-panel-content .textwidget {
    margin: auto;
    border: none;
}

.home-panel-3 .home-panel-content .textwidget {
    padding: 200px 0;
}

.home-panel-3 .home-panel-content .textwidget {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center; 
}
 
.home-panel-3 .home-panel-content .textwidget div {
  margin: 0 30px;
}

.home-panel-3 .home-panel-content .textwidget div:nth-of-type(1)::after,  .home-panel-3 .home-panel-content .textwidget div:nth-of-type(2)::after {
    font-size: 0.4em;
    margin-left: 60px;
    text-decoration: none;
    display:inline-block;
  	font-family: fontawesome ;
    content: "\f0c8";
}

@media screen and (max-width: 500px) {
  		.home-panel-3 .home-panel-content .textwidget {
    			padding: 100px 0;
			}
      .home-panel-3 .home-panel-content .textwidget div {
        display: block;
        width: 100%;
        text-align: center;
      }
      .home-panel-3 .home-panel-content .textwidget div:nth-of-type(1)::after,  .home-panel-3 .home-panel-content .textwidget div:nth-of-type(2)::after {
        font-size: 0;
        margin-left: 0;
        text-decoration: none;
        display:inline-block;
        font-family: fontawesome ;
        content: "";
    	}
}

.entry-content a,
.entry-summary a {
    text-decoration: underline;
    color: #314979;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus {

}

.entry-meta a,
.entry-footer a {
	text-decoration: none;
}

.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus {
	border-bottom: 2px solid #000;
}

.posts-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.posts-wrap > article.hentry {
    padding: 1em;
    width: 250px;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 0.5em 1em;
    border: solid 1px #bbb;
}

.posts-wrap > article.category-sticky, .posts-wrap > article.sticky {
    background-color: transparent;
    display: block;
    width: 100%;
    padding: 0;
    border: none;
}

.hentry {
	margin: 0 0 1.5em;
	padding-bottom: 2em;
/*        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;*/
}

.single .hentry,
.page .hentry {
	padding-bottom: 0;
}

.entry-title, .page-title {
    font-size: 2em;
    text-align: center;
    color: #999;
    font-family: 'Century Gothic', 'Muli', Arial, sans-serif;
    margin: 0.5em 0;
    word-wrap: break-word; /* Catch and wrap very long words on small screens */
}

.entry-title a {
	color: inherit;
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
	text-decoration: underline;
}


.deck {
	margin-bottom: 2.5em;
}

.deck p {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: 600;
}

/* Post Meta */

.entry-meta {
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
        padding: 10px 0 0;
}


@media screen and (min-width: 900px) {
	.entry-meta {
		position: relative;
		left: 0;
		overflow: hidden;
	}
}

.author-avatar {
	height: 50px;
	width: 50px;
	margin: 0 auto 1em;
}

.author-avatar img {
	border-radius: 50%;
}

@media screen and (min-width: 900px) {

	.has-avatar {
		display: inline-block;
		text-align: left;
		width: 20em;
	}
	
	.author-avatar {
		height: 70px;
		width: 70px;
		float: left;
		margin-right: 1.5em;
		margin-bottom: 0;
	}
	
}

.byline,
.posted-on,
.entry-meta .comments-link {
	display: block;
	padding:  0;
}

.entry-meta a {
	font-weight: 700;
}

.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: .5em 0 0;
}

/*.entry-content ul {
  	list-style: none;
}*/

.entry-content ul li {
  	margin: 0.25em 0 0.25em 15px;
        padding: 0px 0px 0px 10px;
        background: url(images/bullet.gif) no-repeat left 0.6em;
}

.entry-content hr {
  color: #c9d1e0;
	background-color: #c9d1e0;
	height: 1px;
	border: none;
	margin: 0 0 1.2em 0;
	padding: 0px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.site-content li {
	line-height: 1.6em;
	padding-bottom: .3em;
}

.site-content li > ul {
	margin-bottom: 0;
}

.site-content li:last-child {
	margin-bottom: 0;
}

.deck {
	margin: .5em 0 0;
}

@media screen and (min-width: 900px) {
        .blog .entry-content {
            min-height: 100px;
	}
}

.entry-footer::before,
.entry-footer::after {
	display: block;
	content: "";
	width: 7em;
	border-bottom: 1px solid #c3c3c3;
	margin: 2em auto;
}

.entry-footer::before {
	width: 3.5em;
}

.entry-footer,
.index-entry-meta {
    font-size: 0.9em;
    font-style: italic;
    text-align: center;
}

@media screen and (min-width: 640px) {
	.entry-footer {
		padding: 0 1.5em;
	}
}

.entry-footer span {
	margin: .5em 0;
}

.entry-footer span::after {
	content: "|";
	padding: 0 1em;
}

.entry-footer span:last-of-type::after {
	content: "";
	padding: 0;
}

.entry-footer span a,
.index-entry-meta a {
	font-weight: 700;
	text-decoration: none;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	margin: 4em 0;
}

@media screen and (min-width: 40em) {
	.comments-area {
		margin: 4em 1em;
	}
}

.comments-title {
	margin-bottom: 2em;
	font-size: 2em;
	text-align: center;
}

.comment-list {
	padding: 0;
	margin: 0;
}

.comment-list,
.comment-list ol {
	list-style-type: none;
}

.comment-body {
	border-bottom: 1px solid #c3c3c3;
	margin-bottom: 3em;
}

.comment-meta {
	position: relative;
	margin-left: 70px;
	font-style: italic;
	font-size: 80%;
}

.comment .avatar {
	position: absolute;
	left: -70px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
}

.children {
	margin-left: 1em;
	padding-left: 0;
}

.comment .avatar {
	top: -5px;
}

@media screen and (min-width: 30em) {

	.children {
		margin-left: 2em;
	}

	.comment-meta {
		margin-left: 80px;
		font-size: 90%;
	}

	.comment .avatar {
		top: -7px;
		left: -80px;
		width: 60px;
		height: 60px;
	}

	.comment-content {
		margin-left: 80px;
	}

}
@media screen and (min-width: 900px) {

	.children {
		margin-left: 3em;
	}

	.comments-area {
		margin: 4em 3em;
		font-size: 1.1em;
	}

	.comment-meta {
		margin-left: 90px;
	}

	.comment .avatar {
		top: -8px;
		left: -90px;
		width: 70px;
		height: 70px;
	}

	.comment-content {
		margin-left: 90px;
	}
}

.comment-meta a {
	text-decoration: none;
}

.comment-meta a:hover,
.comment-meta a:focus {
	border-bottom: 2px solid #000;
}

.comment-metadata a:hover,
.comment-metadata a:focus {
	border-color: #c3c3c3;
}

.comment-author {
	font-size: 1.4em;
	line-height: 1.3em;
}

.says {
	font-size: 80%;
}

.comment-metadata {
    margin-top: .2em;
	padding-bottom: .5em;
	font-size: .8em;
	line-height: 1em;
}

.comment-metadata a {
	color: #808080;
}

.reply {
	margin-bottom: 1.5em;
	text-align: right;
}

.reply a {
	display: inline-block;
	padding: .5em 1.4em;
	font-size: 85%;
	color: #333;
	line-height: 1.3em;
	text-decoration: none;
	border: 1px solid #c3c3c3;
}

.reply a:hover,
.reply a:focus {
	background: #000;
	color: #fff;
	border-color: #000;
}

.comment-content ol {
	list-style-type: decimal;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor .avatar {
	box-sizing: content-box;
	border: 5px solid #c3c3c3;
	margin-top: -5px;
	margin-left: -5px;
        background-color: #c3c3c3;
}

/* Comment Form */

.comment-respond::after {
	display: block;
	margin: 2em auto 4em;
	content: "";
	width: 5em;
	border-bottom: 1px solid #c3c3c3;
}

.comment-reply-title {
	margin-bottom: 1em;
	text-align: center;
}

.comment-list .comment-reply-title {
	text-align: left;
}

.comment-form {
	line-height: 1.3em;
}

.comment-form a {
	font-weight: 500;
}

.comment-form .form-submit {
	margin-top: 3em;
}

.comment-form .form-submit input {
	padding: .5em 1.4em;
	font-size: 85%;
        color: #333;
        line-height: 1.3em;
        text-decoration: none;
        border: 1px solid #c3c3c3;
}

.comment-form .form-submit input:hover,
.comment-form .form-submit input:focus {
	border-color: #000;
	color: #fff;
	background-color: #000;
}

.comment-form label {
	width: 33%;
}
.comment-form .required {
	color: #D54E21;
}

.comment-form label {
	display: block;
	font-style: italic;
	padding-bottom: .4em;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}


/*--------------------------------------------------------------
## Slideshows
--------------------------------------------------------------*/

.slideshow-wrap {
    display: none;
}

.home .slideshow-wrap {
    display: block;
  	width: 100%;
   	max-width: 1200px;
  	margin: 1.5em auto 0;
    /*height: auto;*/
    height: 300px;
    max-height: 590px;
    text-align: center;
    border: solid 1px black;
}

/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/

img.aligncenter {
	margin-top: 1em;
	margin-bottom: 1.5em;
}

img.alignright,
img.alignleft {
  display: block;
  float: none;
  margin: 0 auto 1em auto;
  clear: both;
}

@media screen and (min-width: 480px) {
    img.alignleft {
      float: left;
      margin: 0 1em 1em 0;
    }
    img.alignright {
      float: right;
      margin: 0 0 1em 1em;
    }
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	font-style: italic;
	max-width: 100%;
}

.wp-caption .aligncenter {
	margin-top: 2em;
	margin-bottom: 2em;
}

.wp-caption.alignright,
.wp-caption.alignleft {
	margin-top: 0;
	margin-bottom: 1.5em;
}

.wp-caption em {
	font-style: normal; /* Inverse emphasis because of all italics */
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
	display: block;
	position: relative;
	margin: 0 0 2em;
	padding: 0 1em .5em;
	font-size: 0.9em;
	color: #333;
	border-bottom: 1px solid #c3c3c3;
  text-align: center;
}


.aligncenter .wp-caption-text,
.alignnone .wp-caption-text {
	margin-left: 30%;
	margin-bottom: 2em;
}

.alignright .wp-caption-text,
.alignleft .wp-caption-text {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin: 1.5em 0;
  display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
        	-webkit-box-pack: center;
        		-ms-flex-pack: center;
        			justify-content: center;
}

.gallery-item {
	text-align: center;
	vertical-align: top;
	padding: 1em;
  float: none;
	width: auto;
}

.gallery-item img {
	width: 100%;
}

.gallery-item a {
	border-bottom: none;
}

.gallery-item a:hover,
.gallery-item a:focus {
	border-bottom: none;
	box-shadow: none;
}

.gallery-item a img {
	padding: .5em;
	margin: 0 auto;
	border: 1px solid #333;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	border-color: #c3c3c3;
}

.gallery-columns-2 .gallery-item {
	max-width: 400px;
}

.gallery-columns-3 .gallery-item {
	max-width: 266px;
}

.gallery-columns-4 .gallery-item {
  max-width: 200px;
}

.gallery-columns-5 .gallery-item {
  max-width: 160px;
}

.gallery-columns-6 .gallery-item {
	max-width: 133px;
}

.gallery-columns-7 .gallery-item {
	max-width: 114px;
}

.gallery-columns-8 .gallery-item {
	max-width: 100px;
}

.gallery-columns-9 .gallery-item {
	max-width: 88px;
}

.gallery-caption {
/* 	display: none; */
	margin: 0;
	border: none;
	width: 168px;
	color: #bbb;
	font-size: 0.8em;
}


.home .gallery-caption {
	display: none;
}

.gallery-caption::before {
	content: "";
}

/* Carousel */
.compact-theme.wp-posts-carousel .wp-posts-carousel-created-date {
    text-align: center;
}

.compact-theme.wp-posts-carousel .wp-posts-carousel-title {
  font-size: 1.1em !important;
}

/* Lightbox */

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: rgba(0,0,0,0.75) !important;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
    border: 5px solid #fff;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#colophon {
    padding: 0;
    width: 100%;
    overflow: hidden;
  	border-top: solid 1px #222;
}

.footer-content {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0.7em 1em;
}

.footer-content {
    
} 

.site-info {
    padding: 0;
    width: 100%;
    max-width: 1200px;
    color: #fff;
    line-height: 1.6em;
}

.site-info {
    margin: 0 auto 10px auto;
    padding: 0;
    font-size: 0.7em;
    text-align: center;
}

.site-info a {
    text-decoration: underline;
    color: #fff;
}

.divider {
    padding: 0 1em;
}

/*--------------------------------------------------------------
## Icons
--------------------------------------------------------------*/
/* SVG Icons base styles */
.icon {
	display: inline-block;
	fill: currentColor;
	height: 1.5em;
	position: relative;
	/* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1.5em;
}


/*--------------------------------------------------------------
SVG Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
    display: inline-block;
    margin-right: 0;
    height: auto;
    width: auto;
}

.no-svg .nav-links .svg-fallback {
	padding: 0 .5em;
	color: inherit;
	background: inherit;
}

.no-svg .svg-fallback.icon-arrow-long-left:before {
	content: "←";
}

.no-svg .svg-fallback.icon-arrow-long-right:before {
	content: "→";
}

.no-svg .svg-fallback:before {
    font-family: 'FontAwesome';
    content: "\f111"; 
    float: left;
    font-size: 1.2em;
    position: absolute;
    top: 0;
    left: 1em; 
}

.no-svg .svg-fallback.icon-envelope:before {
    content: "\f0e0";
}

.no-svg .svg-fallback.icon-phone:before {
    content: "\f095";
}

.no-svg .svg-fallback.icon-email:before {
    content: "\f095";
}

.no-svg .svg-fallback.icon-fax:before {
    content: "\f1ac";
}

.no-svg .svg-fallback.icon-location:before {
    content: "\f041";
}

/* Social Menu fallbacks */
.no-svg .social-menu a {
	height: auto;
	width: auto;
}

.no-svg .social-menu li a .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important;
	/* overrides previous !important styles */
	width: auto;
}

.no-svg .search-form .search-submit {
    background: #fff url("images/search-bg.png") center top/15px no-repeat ;
}

.no-svg .footer-links .svg-fallback::before {
    font-size: 1em;
}
.no-svg .footer-links .icon {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
}

/*--------------------------------------------------------------
## Plugin specific styles
--------------------------------------------------------------*/

/* WP Posts Carousel */

.compact-theme.wp-posts-carousel {
    margin: -1em 0 0;
}

.compact-theme.wp-posts-carousel .wp-posts-carousel-created-date {
  text-align: center;
}

.compact-theme.wp-posts-carousel .wp-posts-carousel-title {
    font-size: 14px !important;
}
.wp-posts-carousel-more-button {
  text-transform: uppercase;
	font-size: 0.8em;
}

.wp-posts-carousel-buttons {
  margin: 0.6em auto;
}

/* Responsive Lightbox */

.tos-desktop .tos-wrapper.tos-fixed {
    background-color: rgba(0,0,0,1) !important;
}