/*
Theme Name: IWantToChangeMyLife-Theme
Author: Steven Melemis
Author URI: http://www.stevenmelemis.com
Description: IWantToChangeMyLife-Theme based on the TwentySixteen theme.
Version: 8888
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: IWantToChangeMyLife-Theme
*/


/**
 * == Table of Contents ==
 * Normalize
 * Body Site
 * Two-Column Layout
 * Global Colors
 * Genericons
 * Global Typography
 * Global Links
 * Elements
 * Headers
 * Menu
 * Social Share Buttons
 * Content
 * Site-Main
 * Section-Homepage
 * Posts and Pages
 * Forms
 * Contact Form
 * Comments
 * Post Navigation
 * Widgets
 * Footer
 * Ads
 * Media
 * Alignments
 * Clearings
 * Accessibility
 */



/*=========================================================================================================================*/
/* >> Normalize << */
/* Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
/*=========================================================================================================================*/

html{font-family: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}abbr[title]{border-bottom:1px dotted}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{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}select{text-transform:none}button{overflow:visible}button,input,select,textarea{max-width:100%}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default;opacity:.5}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:.4375em;padding:0}input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-outer-spin-button,input[type="time"]::-webkit-inner-spin-button,input[type="time"]::-webkit-outer-spin-button,input[type="datetime-local"]::-webkit-inner-spin-button,input[type="datetime-local"]::-webkit-outer-spin-button,input[type="week"]::-webkit-inner-spin-button,input[type="week"]::-webkit-outer-spin-button,input[type="month"]::-webkit-inner-spin-button,input[type="month"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #d1d1d1;margin:0 0 1.75em;min-width:inherit;padding:.875em}fieldset>:last-child{margin-bottom:0}legend{border:0;padding:0}textarea{overflow:auto;vertical-align:top}optgroup{font-weight:bold}


/*=========================================================================================================================*/
/* >> Body << */
/*=========================================================================================================================*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
  position: relative;
  width: 100%;
  background: #ffffff;
  margin: 0 auto;
}

body-container {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0; 
  width: XXXpx; /*otherwise div defaults to page width*/
  margin: 0 auto;
}
/* >> Body end<< */
	


/*=========================================================================================================================*/
/* >> Site << */
/*=========================================================================================================================*/
  
.site{
  background-color: #ffffff;
  max-width: 1000px;
  margin: 0 auto;
}

.site-inner {
  position: relative;
  padding-right: 3%;
  padding-left: 3%;
}
.site-main {
  margin-bottom: 0;
/*	margin-bottom: 2em; */
}

.site-main > :last-child {
	margin-bottom: 0;
}
/* >> Site end. << */


/*=======================================================================================================================*/
/* >> Global Colors [For areas of color not text.]<< */
/*=======================================================================================================================*/
/* Site-Blue: Title, Menu button, Heading Border #007acc
/* Site-Lime-Green: Bottom border underlines #4CE633
/* Menu-Link: Hover Gray #C5C5C5
/* Light-Gray-Lines: Widget-Border, PostNavigation-Border #dddddd
/* Search-Submit, Comment-Submit: Gray #999999
/* Search-Submit, Comment-Submit Hover Gray; #666666
/* Site-Link Dark Blue #0000ee / #007acc / #0000cc
/* Table Alternating Row Light Blue #daeef3 / This is equivalent to MS Word Aqua 80% lighter.
/* Table Highlight Row Darker Blue #b6dde8
/* Next-Page-Link Blue #007acc 
/* H2, H3-Link #0000dd
/* Site-Footer-Background Gray #b7b3ae
/* Blue #007acc Link-Hover Lighter Blue #0099ff 

/* >> Colors end << */

/*=========================================================================================================================*/
/* >> Genericons << */
/*=========================================================================================================================*/

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/*=========================================================================================================================*/
/* >> Global Typography << */
/*=========================================================================================================================*/

body
{
    font-family: Verdana, Arial, Helvetica, "Helvetica Neue", sans-serif;
    font-size: 90%;
    line-height: 1.4rem;
    color: #444;
}
p {
margin: 0 0 1em 0;
}
.toc-table p {
    margin: 0;
    line-height: 1.9em;
}
.sectionpage-articlelist li p {
margin: 0 0 0.5em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-weight: bold;
  margin: 0;
  text-rendering: optimizeLegibility;
  color: #000;
}

h1 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  font-size: 1.7rem;
  line-height: 1.9rem;
  text-align: center;
  word-break: keep-all!important;
  word-wrap: normal!important;
  word-wrap: break-word!important;
 }
.big-h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.7rem;
  line-height: 1.9rem;
  text-align: center;
  word-break: keep-all!important;
  word-wrap: normal!important;
  word-wrap: break-word!important;
 }
h2 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  font-size: 1.45rem;
  line-height: 1.6rem;
  word-break: keep-all!important;
  word-wrap: normal!important;
  word-wrap: break-word!important;
  text-transform: none;
}
h3{
  margin-top: 1rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0.25rem;
  padding-left: 1rem;
  font-size: 1.15rem;
  line-height: 1.2;
}
h4,
h5,
h6 {
  margin: 1rem 0 1rem 0;
  padding-left: 7px;
	font-size: 1rem;
}
h6{ 
	font-style: italic;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	font-style: italic;
	margin: 0 0 1.8em;
}

/* == pre formatted fixed-width font == */
code,
kbd,
tt,
var,
samp,
pre {
	font-family: Courier, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-family: Courier, monospace;
	font-size: 100%;
	line-height: 1.4;
	margin: 0 0 1.8em;
	max-width: 100%;
	overflow: auto;
	padding: 1.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

/* == Temp Editing Fonts == */
.a-temp-highlight{
  font-size: 1.2rem;
  color: #ff0000;
  font-weight: bold;
}

/* == Mark Insert Delete== */
mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}
del {
	opacity: 0.8;
}

big {
	font-size: 125%;
}

/* == Blockquote == */
blockquote {
  margin: 0.25em 0;
  padding: 0.35em 40px;
  position: relative;
	border-left-width: 4px;
	color: #686868;
	font-family: Georgia, Times New Roman, times, serif;
	font-size: 1.1rem;
	font-style: italic;
	line-height: 1.4;
	overflow: hidden;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote p {
	margin-bottom: 1.5em;
}

blockquote:before {
  display: block;
  padding-left: 15px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #7a7a7a;
}

blockquote cite,
blockquote small {
	color: #1a1a1a;
	display: block;
	font-size: 1rem;
	line-height: 1.8;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote > :last-child {
	margin-bottom: 0;
}

blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
    content: "\2014 \2009";
}

/* >> Blockquote end. << */

/* >> Typography. end << */



/*=========================================================================================================================*/
/* >> Global Links << */
/*=========================================================================================================================*/
a {
  color: #0000cc;
  text-decoration: none;
  border-bottom: 0px;
  box-shadow: none;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}

a img {
  /* This selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

h2 a, h3 a,
h2 a:link, h3 a:link, 
h2 a:visited, h3 a:visited {
  text-decoration: none;
}
h2 a:hover, h3 a:hover,
h2 a:focus, h3 a:focus,
h2 a:active, h3 a:active { 
  color: #0000cc;
  text-decoration: underline;
}
.toc-table a:link,
.toc-table a:hover,
.toc-table a:focus,
.toc-table a:visited
{
    color: dimgray;
    font-size: 1.1em;
    line-height: 1.9em;
}
.next-page a:link,
.next-page a:visited{
  color:#007acc ;
}
.next-page a:hover,
.next-page a:active,
.next-page a:focus{
  text-decoration:underline;
}
/*
-- Deprecated --
.site-main h2 a:link, .site-main h2 a:visited {
color: black;
  text-decoration: none;	
}
.site-main h2 a:hover{
  color: red;
  text-decoration: none;	
}
*/

/*=========================================================================================================================*/
/* >> Elements << */
/*=========================================================================================================================*/
*,
*: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/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
.social-icons-list-item-container {
    text-align: center;
    height: 10px;
    display: inline-block;
}

.social-icons {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    text-align: right;
}

#book_block {
    display: block;
}


hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.8em;
}

ul,
ol {
	margin: 0 0 1.8em 1em;
	padding: 0;
}
ul {
	list-style-type: disc;
}
.social-icons-list   {
    list-style-type: none;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    margin-left: 0px;
}
.social-icons-list-item {
    margin-top: 0.25rem;
    margin-right: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
}


.toc-table ul{
	margin: 0 0 0 1em;
	padding: 0;	
}
#primary #main .section-toplist {
  margin-left: 0px;
  padding-left: 0px;
}

ol {
	list-style: decimal;
}
ul.contentlist {
  /* So that lists in the content pane do not have bullets hidden gbehind left float items eg navbar.*/
  overflow:hidden;	
}

.sectionpage-articles h2 {
  border-bottom: 2px solid #989797;
  padding-left: 1rem;
  text-transform: uppercase;
  font-size: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 0.25rem;
}

ul.sectionpage-articlelist{
  margin: 0 0 1.8em 0;
  list-style-type: none;
}
.sectionpage-articles .sectionpage-articlelist li {
  padding-top: 1rem;
  border-bottom: 1px solid #DBDBDB;
}
.sectionpage-article-header{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-weight: bold;
  font-size: 1.15rem;
  font-weight: bold;
  line-height: 1.15;
  text-rendering: optimizeLegibility;
}
.sectionpage-article-header a:link, .sectionpage-article-header a:visited{
  color: #004c93;
  text-decoration: none;
}
.sectionpage-article-header a:hover, .sectionpage-article-header a:focus, .sectionpage-article-header a:active{
  color: #004c93;
  text-decoration: underline;
}


li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.8em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.8em;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.8em;
	table-layout: auto;
	width: 100%;
}

tr:nth-child(odd) {
    background-color: #daeef3;
}

.manualcolor-table tr:nth-child(odd) {
    background-color: white;
}

.toc-table tr:nth-child(odd) {
    background-color: #F5F5F5;
}
.toc-heading{
    font-size: 1.3em;
    font-weight: bold;
    margin: .5em 0 .5em 0;
    padding-left: 1em;
    color: #6E6E6E;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4em;
}

::-webkit-input-placeholder {
	color: #686868;
  font-family: Verdana, Arial, sans-serif;
}

:-moz-placeholder {
	color: #686868;
  font-family: Verdana, Arial, sans-serif;
}

::-moz-placeholder {
  font-family: Verdana, Arial, sans-serif;
	color: #686868;
	opacity: 1;
}

:-ms-input-placeholder {
  font-family: Verdana, Arial, sans-serif;
	color: #686868;
}
/* >> Elements end<< */




/*=========================================================================================================================*/
/* >> Header << */
/*=========================================================================================================================*/


.site-header {
  clear: both;
}
.title-menu-container{
  overflow: hidden;
}
@media screen and (min-width:800px){
.title-menu-container{
}
}

.site-title {
clear: both;
    cursor: pointer;
    margin: auto;
    max-width: 500px;
    font-size: 260%;
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1.2;
}
.site-title a{
  display: block;
  cursor: pointer;
  text-align: center;
}

.site-description {
padding-bottom: .25rem;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 80%;
    font-weight: 400;
    line-height: 1.2;
    color: #686868;
    text-align: center;
    letter-spacing: .5px;
    border-bottom: 3px solid #4ce633;}

/*-- Deprecated --*/

/*
.site-header-main {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.site-branding {
  display: block;
  clear: both;
  overflow: hidden;
}
@media screen and (min-width: 800px) {
.site-branding {
  margin: 1.3em auto 1em auto;
}
}

.site-branding {
	margin: 0.9em auto 0.9em 0;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
}

.custom-logo-link {
	display: block;
}

.custom-logo {
	max-width: 180px;
}

.site-branding .site-title a {
	color: #1a1a1a;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: #000099;
}

.wp-custom-logo .site-title {
	margin-top: 0.6em;
}

.header-image {
	clear: both;
	margin: 0.9em 0;
}

.header-image a {
	display: block;
}

.header-image a:hover img,
.header-image a:focus img {
	opacity: 0.85;
}

/*-- Deprecated end --*/
/* >> Header end. << */



/*===========================================================================================================================*/
/* >> MENU << */
/*===========================================================================================================================*/
/* Only CSS. No Javacsript. 
Based on http://acasaprogramming.ro/pure-css-off-canvas-menu/
*/

.screen-overlay{
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 98;
  cursor: pointer;
  top:0;
  left:0;
}

/*----------  MENU-TOGGLE-BUTTON  ----------*/
.menu-checkbox{
  display: none;
}
.menu-checkbox:checked + .body-container > .menu-container {
  margin-left: 0;
}
.menu-checkbox:checked + .body-container > .site .screen-overlay {
  display: block;
  background: rgba(0,0,0,.5);
}

.menu-open-btn-container {
display: block;
    clear: both;
    float: right;
    padding: 4px 5px;
    margin-bottom: 5px;
    cursor: pointer;
    background-color: #007acc;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 90%;
    color: #fff;
    border-radius: 2px;
    z-index: 1000;
}
.menu-open-btn {
  display: block;
  float: right;
  cursor: pointer;
  z-index: 1000;
}
.menu-open-btn a{
  display: block;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 0px;
  box-shadow: none;
  z-index: 1000;
}
@media screen and (min-width: 650px) {
.menu-open-btn-container {
  font-size: 100%;
  padding: 5px 5px;
}
}

.menu-close-btn-container {
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.menu-close-btn {
  float: right;
  clear: both;
  display: block;
  padding: 4px 10px;
  margin-bottom: 0;
  cursor: pointer;
  background-color: #007acc;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 110%;
  color: #fff;
  border-radius: 2px;
}


/*----------  MENU CONTAINER  ----------*/
.menu-container {
  width: 100%;
  max-width: 400px;
  height: 100%;
  overflow-x: hidden;
  padding-top: 10px;
  margin-left: -100%;
  position: fixed;
  top: 0px;
  z-index: 99;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 110%;
  background: #FFFFFF;
  transition: margin 0.2s ease-in-out;
}
@media screen and (min-width: 480px) {
.menu-container {
  width: 90%;
  margin-left: -90%;
}
}
@media screen and (min-width: 630px) {
.menu-container {
  width: 70%;
  margin-left: -70%;
}
}
.menu-content {
  padding-bottom: 8em;
  padding-top: 2em;
}

/*----------  Search Form  ----------*/

.search-form-container {
  clear: both;
  display: inline;
}

.search-form {
  position: relative;
  height: 30px;
  margin: 1em 0 1.5em 0;
}
@media screen and (min-width:800px){
.search-form {
}
}

.search-field {
  position: relative;
  float: left;
  height: 30px;
  width: 125px;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}
@media screen and (min-width:800px){
.search-field {
  position: relative;
  float: left;
  height: 30px;
  width: 180px;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}
}
input[type="search"].search-field {
	border-radius: 2px 0 0 2px;
	width: -webkit-calc(100% - 29px);
	width: calc(100% - 29px);
}
.search-submit:before {
	content: "\f400";
  color: white;
  font-size: 180%;
  line-height: 29px;
	position: relative;
  width: auto;
  left: auto;
  right: auto;
  cursor: pointer;
}

.search-submit {
  position: absolute;
  height: 30px;
  padding: 0px 3px;
  right: 0;
  overflow: hidden;
  float: right;
  border-width: 0px;
  background:  #999999;
}
.search-submit:hover {
background:  #666666;
}
/* >> Search Form end. << */


/*----------  MENU LIST  ----------*/
.menu-heading {
    padding-top: 1rem;
    padding-right: 0rem;
    padding-left: 1.5rem;
    padding-bottom: 0rem;
    clear: both;
    font-family: Arial,Helvetica,sans-serif;
    font-variant: small-caps;
    font-size: 115%;
}
.menu-list{
  list-style-image:none;
  list-style-type:none;
}
.menu-content ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.menu-content li{
  margin: 0em;
  color: black;
  display: block;
}
.menu-content li a, .menu-list li heading1 {
  width: 100%;
  display: block;
  font-size: 100%;
  text-decoration: none;
  line-height: 1.3em;
}
@media screen and (min-width: 480px) {
.menu-content li a, .menu-list li heading1	{
  font-size: 100%;
}
}
.menu-list li heading1{
padding: 0.25em 0em 0.25em 0.8em;
}
.menu-content li a{
padding: 0.25em 0em 0.25em 0.25em;
color: #000000;
}
.menu-content li a:hover{
  background-color: #C5C5C5;
}

.menu-list input[type=checkbox]:checked + label + ul{
max-height:120em;
}

/*----------  SUB-MENU LISTS  ----------*/
.menu-content label{
  width: 100%;
  display: block;
  font-size: 100%;
  text-decoration: none;
  line-height: 1.3em;
  padding: 0.25em 0em 0.25em 0.25em;
  cursor: pointer;
}

.menu-list .sub-list{
  display: none;
  width: 100%;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
  font-size: 85%;
  line-height: 1.1em;
  padding-left: 1.5em;
}
.menu-content label:hover, .menu-list .sub-list a:hover, .menu-list .sub-list label:hover{
  color: #000;
  background-color: #C5C5C5;
}

/*----------  SUB-MENU TOOL TIP  ----------*/
.menu-content label .tooltip, .menu-content label:active .tooltip, .menu-content label:focus .tooltip  {
  visibility: hidden;
  margin-left: -0.5em;
  padding: 0.15em 0.5em ;
  font-size: 61%;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  z-index: 1;
}
.menu-content label:hover .tooltip {
    visibility: visible;
}

/*----------  SUB-MENU NAMES  ----------*/
.menu-content #book-menu, .menu-content #mbr-menu, .menu-content #ctg-menu, .menu-content #adg-menu, .menu-content #aar-menu{
  display:none;
}
.menu-container #book-menu:checked + .sub-list, .menu-container #mbr-menu:checked + .sub-list,
.menu-container #ctg-menu:checked + .sub-list,
.menu-container #adg-menu:checked + .sub-list, .menu-container #aar-menu:checked + .sub-list{
  display: block;
}

/*----------  MENU WORDPRESS-LISTS  ----------*/
.menu-content .widget-title {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}




/*=========================================================================================================================*/
/* >> Social Share Buttons << */
/*=========================================================================================================================*/

.social-buttons-list{
  display: block;
  float: left;
  clear: both;
}
.addthis_inline_share_toolbox {
display: block;
    clear: both;
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.5em;
    float: left;}



/*=========================================================================================================================*/
/* >> Site-Content << */
/*=========================================================================================================================*/

.site-content {
  word-break: keep-all;
  word-wrap: break-word;
  z-index: 1;
}

.site-content .hilite {
	font-weight: bold;
}
.site-content .image {
	padding: 18pt;
	text-align: center;
}
.site-content .marked {
    font-size: 16px;
    color: #FF0000;
    font-weight: bold;
    text-decoration: none;
}



/*=========================================================================================================================*/
/* >> Site-Main << */
/*=========================================================================================================================*/

.site-main > article {
/* >> Individuual Post << */
  padding-bottom: 1.5em;
  position: relative;
  border-bottom: 1px solid #dddddd;
}
.site-main > :last-child {
  margin-bottom: 0;
}

.site-main .image{
  padding:24px;
  text-align:center;
}

.site-main .marked{
  font-size: 16px;
  color: red;
  font-weight: bold;
  text-decoration: none
}



/*=========================================================================================================================*/
/* >> Section Homepage << */
/*=========================================================================================================================*/
.bordered-article {
  border-top: 1px solid #A0A0A0;
}





/*=========================================================================================================================*/
/* >> Posts and Pages << */
/*=========================================================================================================================*/

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.entry-header h2 a:link {
	color: #1a1a1a;
}

.entry-header h2 a:hover,
.entry-header h2 a:focus {
	color: #000099;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}

.entry-content,
.entry-summary {
	border-color: #d1d1d1;
}


.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 0;
}

.post-navigation .post-title,
.entry-title,
.comments-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

body:not(.search-results) .entry-summary {
	color: #686868;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 1.5em;
}

body:not(.search-results) .entry-header + .entry-summary {
	margin-top: -0.7em;
}

body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
	margin-bottom: 1.5em;
}

body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
	padding: 0.4em;
}

body:not(.search-results) .entry-summary fieldset {
	margin-bottom: 1.5em;
	padding: 0.4em;
}

body:not(.search-results) .entry-summary blockquote {
	border-color: currentColor;
}

body:not(.search-results) .entry-summary blockquote > :last-child {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary .alignleft {
	margin: 0.3em 1.5em 1.5em 0;
}

body:not(.search-results) .entry-summary .alignright {
	margin: 0.3em 0 1.5em 1.5em;
}

body:not(.search-results) .entry-summary .aligncenter {
	margin-bottom: 1.5em;
}

.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}

.more-link {
  white-space: nowrap;
  padding: 0 0 2em 0;
  font-size: 100%;
  font-weight: bold;
  color: black;
}

.sticky-post {
	color: #686868;
	display: block;
	font-size: 0.8rem;
	line-height: 1.6;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */
.updated:not(.published) {
	display: none;
}

.sticky .posted-on,
.byline {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

body.error404 .page-header,
body.search-no-results .page-header {
	border-top: 0;
	padding-top: 0;
}

.taxonomy-description {
	color: #686868;
	font-size: 0.8rem;
	line-height: 1.6;
}

.taxonomy-description p {
	margin: 0.5em 0 1.6em;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.8em;
}

.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-size: 0.8rem;
	height: 1.8em;
	line-height: 1.7em;
	margin-right: 0.3em;
	text-align: center;
	width: 1.8em;
}

.page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #0000EE;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.8em;
}

.entry-caption {
	color: #686868;
	font-size: 0.8rem;
	font-style: italic;
	line-height: 1.6;
	padding-top: 1em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}


/**
 * 11.3 - Post Formats
 */

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 1.5em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}




/*=========================================================================================================================*/
/* >> BookBar <<*/
/*=========================================================================================================================*/


/* -- Bookbar -- */
#bookbar{
    border: 1px none #000;
    float: left;
    text-align: center;
    padding: 0px;
    position: relative;
    z-index: 10;
    margin-right: 20px;
    margin-left: 20px;
}
#bookbar #book{
  height: 210px;
  line-height: 1;
}
#bookbar a:link,#bookbar a:visited{
  font-weight: 700;
  color: #000;
  text-decoration: underline;
}
#bookbar a:hover,#bookbar a:active,#bookbar a:focus{
  font-weight:700;
  color:red;
  text-decoration:none;
}
.site-content .bigbookbar {
  display: block;
  text-align: center;
}
@media screen and (min-width:800px){
.site-content .bigbookbar {
  text-align: center;
  float: right;
  padding-left: 1em;
  padding-bottom: 1em;
  padding-top: 1em;
}
} 



/*=========================================================================================================================*/
/* >> Forms << */
/*=========================================================================================================================*/

input {
	line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	padding: 0.5em 0.75em;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	background: #666666;
	background: #999999;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #007acc;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #686868;
	padding: 0.6em 0.4em;
	width: 100%;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #007acc;
	color: #1a1a1a;
	outline: 0;
}

.post-password-form {
	margin-bottom: 1.8em;
}

.post-password-form label {
	color: #686868;
	display: block;
	font-size: 0.8rem;
	line-height: 1.6;
	margin-bottom: 1.8em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}
/* >> Forms end << */

#feedbackform {
  background-color: #fafafa;
  border: 1px solid #4ce633;
}

/*=========================================================================================================================*/
/* >> Contact Form << */
/*=========================================================================================================================*/
.contact-form-comment {
height:12em;
}
.contact-form-error {
  color: red;
}
.contact-form-confirmation {
font-weight: bold;
color: red;
}

/*-- TEST Arctos = Bear --*/
.contact-form-arctos { 
position:fixed;
overflow: hidden;
bottom:0;
right:-19rem;
/*
z-index:-1 !important;
Place the field at the bottom of the page behind the header.
Position: fixed, means the position is relative to the browser window.
Bottom: 0 places the field at the bottom of the page, 
where it is covered by higher z-index elements.
*/
}
/* >> Contact Form end<< */


/*=========================================================================================================================*/
/* >> Post-Entry Footer << */
/*=========================================================================================================================*/

.author-info {
	border-color: inherit;
	border-style: solid;
	border-width: 1px 0 1px 0;
	clear: both;
	padding-top: 1.8em;
	padding-bottom: 1.8em;
}

.author-avatar .avatar {
	float: left;
	height: 42px;
	margin: 0 1.8em 1.8em 0;
	width: 42px;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.entry-content .author-title {
	clear: none;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.8;
	margin: 0;
}

.author-bio {
	color: #686868;
	font-size: 0.8rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	overflow: hidden;
}

.author-link {
	white-space: nowrap;
}

.entry-footer {
	margin-top: 1em;
  color: #686868;
	font-size: 0.8rem;
	line-height: 1.6;
}

.entry-footer:empty {
	margin: 0;
}

.entry-footer > span:not(:last-child):after {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.5em;
}

.entry-footer .avatar {
	height: 21px;
	margin: -0.2em 0.5em 0 0;
	width: 21px;
}

.continue-reading{
  padding: 0em 0em 0.75em 0em;
}



/*===========================================================================================================================*/
/* >> Comments << */
/*===========================================================================================================================*/


.comments-area {
  padding-bottom: 4em;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.8em;
}

.comments-title {
  padding: 0.75em 0 0.75em 0;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}

.site-main .comment-list {
	margin: 0;
	list-style: none;
}
.comment-list ol {
	list-style-type: none;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-bottom: 1px solid #dddddd;
	padding: 1.8em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 1.2em;
}

.comment-meta {
}

.comment-author {
	font-size: 80%;
  color: #666;
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: 0.9em;
	position: relative;
	width: 28px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 2px;
}

.comment-metadata,
.pingback .edit-link {
	margin-bottom: 2em;
	color: #686868;
	font-size: 0.75em;
	line-height: 1.6;
}

.comment-metadata a,
.pingback .comment-edit-link a {
	color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #0000CC;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.5em;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-title {
  margin-top: 1em;
  margin-bottom: 0;
  padding: 0px;
  font-size: 1.3em;
	font-weight: normal;
  color: black;
  border: none;
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #0000CC;
	display: inline-block;
	font-size: 0.8rem;
	line-height: 1;
	margin-top: 2em;
	padding: 0.5em 0.5em 0.5em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #0000CC;
	outline: 0;
}

.comment-form label {
	color: #686868;
	font-size: 0.7rem;
	line-height: 1.6;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.comment-list .comment-form {
	padding-bottom: 1.8em;
}

.comment-notes,
.comment-awaiting-moderation,
.form-allowed-tags {
	color: #686868;
	font-size: 0.8rem;
	line-height: 1.6;
	margin-bottom: 2em;
}

.no-comments {
	border-top: 1px solid #d1d1d1;
	font-weight: 700;
	margin: 0;
	padding-top: 1.8em;
}

.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}

.form-allowed-tags code {
	font-family: Courier, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #0000CC;
	font-family: Georgia, serif;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -5px;
}

.comment-form textarea{
  height: 6em;
}
.logged-in-as {
	font-size: 0.75em;
	margin-bottom: 0.5em;
}
.logged-in-as a {
	color: #666666;
}

.comment-form-comment {
  margin-bottom: 0px;
}

.comment-form .submit{ 
  display: block;
  float: right;
	padding: 0.5em;
  border: 1px solid #cccccc;
	border-radius: 2px;
	color: #999999;
	font-size: 0.7rem;
  font-weight: normal;
	line-height: 1;
	background: #ffffff;
}
.comment-form .submit:hover{ 
  color: #ffffff;
	background: #999999;
}



/*=========================================================================================================================*/
/* >> Post-Navigation << */
/*=========================================================================================================================*/

.post-navigation span {
	display: block;
}

.pagination {
	border-top: 1px solid #dddddd;
	font-size: 1.3rem;
	margin: 0 7.5% 7.5% 3em;
	min-height: 56px;
	position: relative;
}

.pagination:before,
.pagination:after {
	background-color: #1a1a1a;
	content: "";
	height: 52px;
	position: absolute;
	top:0;
	width: 52px;
	z-index: 0;
}

.pagination:before {
	right: 0;
}

.pagination:after {
	right: 54px;
}

.pagination a:hover,
.pagination a:focus {
	color: #1a1a1a;
}

.pagination .nav-links {
	padding-right: 106px;
	position: relative;
}

.pagination .nav-links:before,
.pagination .nav-links:after {
	color: #fff;
	font-size: 32px;
	line-height: 51px;
	opacity: 0.3;
	position: absolute;
	width: 52px;
	z-index: 1;
}

.pagination .nav-links:before {
	content: "\f429";
	right: -1px;
}

.pagination .nav-links:after {
	content: "\f430";
	right: 55px;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

.pagination .page-numbers {
	display: none;
	line-height: 1;
	margin: 0 0.7em 0 -0.7em;
	padding: 0.8em 0.7em 0.7em 0.4em;
	text-transform: uppercase;
}

.pagination .current {
	display: inline-block;
	font-weight: 700;
}

.pagination .prev,
.pagination .next {
	background-color: #1a1a1a;
	color: #fff;
	display: inline-block;
	height: 52px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 52px;
	z-index: 2;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 53px;
	line-height: 52px;
	position: relative;
	width: 53px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #007acc;
	color: #fff;
}

.pagination .prev:focus,
.pagination .next:focus {
	outline: 0;
}

.pagination .prev {
	right: 54px;
}

.pagination .prev:before {
	content: "\f430";
	left: -1px;
	top: -1px;
}

.pagination .next {
	right: 0;
}

.pagination .next:before {
	content: "\f429";
	right: -1px;
	top: -1px;
}

.image-navigation,
.comment-navigation {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #686868;
	font-size: 0.8125rem;
	line-height: 1.6;
	margin: 0 7.5% 7.5% 2em;
	padding: 1em 0;
}

.comment-navigation {
	margin-right: 0;
	margin-left: 0;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.5em;
}

/* >> My Post Navigation Styles << */
.post-navigation {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	clear: both;
}

.post-navigation .meta-nav {
	color: black;
	font-size: 1.2em;
  line-height: 1.5;
}

.post-navigation .post-title {
	display: block;
	padding-top: 0.5em;
  font-size: 1.2em;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
}

.post-navigation a .post-title{
	color: #0000FF;
}

.post-navigation a:hover .post-title{
  text-decoration: underline;
}

.post-navigation div + div {
	border-top: 1px solid #dddddd;
}

.post-navigation a {
	display: block;
	padding: 0.5em 0;
  text-decoration: none;
}
.post-navigation a:hover {
	display: block;
	padding: 0.5em 0;
  text-decoration: none;
}



/*=========================================================================================================================*/
/* >> Section-List << */
/*=========================================================================================================================*/


.section-list h2{
  margin: 1.5em 0 0.5em 0;
  color: #222;
  font-size: 80%;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.section-list ul{
  margin: 0px;
  list-style: none;
  list-style-type: none;
}


/*=========================================================================================================================*/
/* >> Next Page <<*/
/*=========================================================================================================================*/
/* -- Next Page -- */
.next-page{
  clear:both;
  padding-right:10%;
  padding-bottom:1.2em;
  padding-top:1.2em;
  font-size:125%;
  font-weight:700;
  text-align:right;
  background-color:#FFF;
}


/*=========================================================================================================================*/
/* >> Date Modified <<*/
/*=========================================================================================================================*/

#date-modified{
  padding-bottom: 1em;
  float: left;
  clear: both;
  margin-top: 1.5rem;
}


/*=========================================================================================================================*/
/* >> Page-Footer-Search-Terms <<*/
/*=========================================================================================================================*/

.page-footer-search-terms{
  color: #336699; /*#336699*/
  font-family: Verdana,Geneva,sans-serif;
  font-size: 75%;
  line-height: normal;
  text-align: left;
  border-top: 3px solid #4CE633;
  background-color: #999999;
  clear: both;
}


/*===========================================================================================================================*/
/* >> Footer << */
/*===========================================================================================================================*/


.site-footer .site-title {
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
}
.site-footer{
    margin-top: 3rem;
    clear: both;
    position: relative;
    color: #444;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 90%;
    line-height: 1rem;
    text-align: center;
    background-color: #b7b3ae;
    border-top: 3px solid #4ce633;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.site-footer a{
  color: #444;
}

.site-footer .footer-about {
    /* [disabled]padding-top: 1.5rem; */
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1rem;
    line-height: 1.3rem;
    clear: both;
}
.page-summary {
  clear: both;
  position: relative;
  margin-top: 12px;
  padding-bottom: 2rem;
  font-family: Times New Roman,Times,serif;
  font-size: 100%;
  line-height: normal;
  text-align: left;
  color: #19334d;
  clear: both;
}
/* >> Footer end<< */




/*=========================================================================================================================*/
/* >> Two-Column Layout << */
/*=========================================================================================================================*/

/** DEPRECATED **/
/* This layout is no longer used */ 

/* 800px is when two columns can be displayed.

.content-area{
  width: 100%;
}
@media screen and (min-width:800px){
.content-area{
  width: 69%;
  float: left;
}
}
.content-bottom-widgets{
  width: 100%;
}
@media screen and (min-width:800px){
.content-bottom-widgets{
  width: 28%;
  float: right;
}
}
.widget-area{
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width:800px){
.widget-area{
  padding-top: 6em;
  padding-bottom: 3em;
}
}
*/

/*===========================================================================================================================*/
/* >> Sidebar << */
/*===========================================================================================================================*/
/** DEPRECATED **/
/* This is part of the two column layout and is no loger used */
/*
.sidebar {
	margin-bottom: 3.5em;
}
*/


/*===========================================================================================================================*/
/* >> Widgets << */
/*===========================================================================================================================*/


.content-bottom-widgets{
  width: 100%;
}
.widget-area{
  padding-top: 0;
  padding-bottom: 0;
}
.widget {
	/* padding-bottom: 1em;
	border-bottom: 1px solid #dddddd; */
}
.widget h2 {
  margin: 1.5em 0 0.5em 0;
  color: #222;
  font-size: 80%;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.widget ul{
  margin: 0px 0px 0px 0px;
  list-style: none;
}
.widget li{
  font-size: 1em;
  line-height: 1.5em;
}
.widget-area > :last-child,
.widget > :last-child {
	margin-bottom: 0;
}

.widget .widget-title:empty {
	margin-bottom: 0;
}


/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.5;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
	font-weight: 900;
	margin-bottom: 1.75em;
}

.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	color: #686868;
	display: block;
	font-size: 0.8rem;
	line-height: 1.6;
	margin-bottom: 0.5em;
}

.widget_recent_entries li:last-child .post-date {
	margin-bottom: 0;
}

/* RSS widget */
.widget_rss .rsswidget img {
	margin-top: -0.375em;
}

.widget_rss .rss-date,
.widget_rss cite {
	color: #686868;
	display: block;
	font-size: 0.8rem;
	font-style: normal;
	line-height: 1.6;
	margin-bottom: 0.5em;
}

.widget_rss .rssSummary:last-child {
	margin-bottom: 2em;
}

.widget_rss li:last-child :last-child {
	margin-bottom: 0;
}

/* Tag Cloud widget */
.tagcloud a {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	line-height: 1;
	margin: 0 0 0.4em 0;
	padding: 0.5em 0.4em 0.5em;
}

.tagcloud a:hover,
.tagcloud a:focus {
	border-color: #0000CC;
	color: #0000CC;
	outline: 0;
}
/* Widgets end */




/*===========================================================================================================================*/
/* >> Ads << */
/*===========================================================================================================================*/

.ads {
	/* margin-top: 1em; */
}
/* Ads end */



/*===========================================================================================================================*/
/* >> Media << */
/*===========================================================================================================================*/


.site .avatar {
	border-radius: 50%;
}

.post-thumbnail {
	display: block;
	margin: 0 7.7% 1.8em;
}

.post-thumbnail img {
	display: block;
  max-width: 290px;
}

.no-sidebar .post-thumbnail img {
	margin: 0 auto;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}


/* -- Video -- */
.video-container {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.videoWrapper{
  box-sizing:content-box;
  position:relative;
  padding-bottom:56.25%;
  padding-top:25px;
  height:0;
  clear:both;
  word-wrap:normal;
  word-break:normal;
}
.videoWrapper iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7em;
}


/**
 * 12.1 - Captions
 */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 0.8rem;
	font-style: italic;
	line-height: 1.6;
	padding-top: 0.5em;
}


/**
 * 12.2 - Galleries
 */

.gallery {
	margin: 0 -1.2% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1% 2%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 0.8rem;
	font-style: italic;
	line-height: 1.6;
	padding-top: 0.5em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}



/*===========================================================================================================================*/
/* >> Alignments << */
/*===========================================================================================================================*/


.alignleft {
	float: left;
	margin: 0.4em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.4em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3em 1.5em 1.5em 0;
}

blockquote.alignright {
	margin: 0.3em 0 1.5em 1.5em;
}

blockquote.aligncenter {
	margin-bottom: 1.5em;
}



/*===========================================================================================================================*/
/* >> Clearings << */
/*===========================================================================================================================*/


.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}





/*===========================================================================================================================*/
/* >> Accessibility << */
/*===========================================================================================================================*/


/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-size: 90%;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}
