/**
 * Theme Name:  1-Euro-Business
 * Theme URI:   https://affiliarena.com/lp/1-euro-business
 * Description: Dieses Theme ist für eine Nischen-Website optimiert worden, welche mit Erfahrungsberichten einfaches Affiliate-Marketing bei monatlichen Kosten (Webspace und Domain) von nur einem Euro ermöglichen kann.
 * Version:     1.4.13
 * Author:      Niels Wagner
 * Author URI:  https://affiliarena.com
 * Tags:        one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, left-sidebar, post-formats, responsive-layout, right-sidebar, rtl-language-support, theme-options, threaded-comments, translation-ready
 * Text Domain: 1-euro-business
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/********************************************************************************************************
 * Please do not make edits directly to this file.  You will lose all modifications when the theme is
 * next updated if you do so.  Please use a child theme.  This theme's styles will automatically be
 * loaded for you.  You can then overwrite specific style rules in your child theme's `style.css` file.
 *
 * This file is only loaded if `SCRIPT_DEBUG` is set to `TRUE` in your `wp-config.php` file.  Otherwise,
 * the `style.min.css` file is loaded.
 *
 * TABLE OF CONTENTS:
 * 	1 - Danger Zone (things to not modify in your child theme)
 * 		1.1 - Font Face
 * 		1.2 - Layout
 * 		1.3 - Defaults
 * 		1.4 - Genericons
 * 		1.5 - Header and Footer
 * 		1.6 - Main and Content
 * 		1.7 - Media
 * 		1.8 - Sidebars and Widgets
 * 		1.9 - Comments Template
 * 		1.10 - Menus
 * 		1.11 - Plugins
 * 	2 - Fun Zone (things you can modify in your child theme)
 * 		2.1 - Font Family Definitions
 * 		2.2 - Color Definitions
 ********************************************************************************************************/

/********************************************************************************************************
 * 1 - Danger Zone
 *
 * This section of the CSS is something I wouldn't recommend overwriting.  It can and most likely will
 * be changed in the future as the theme receives updates.  Overwriting the below in your child theme
 * is what I consider dangerous territory and might leave you with some broken styles in a future update.
 * Basically, do it if you must.  Just be aware of  the consequences.
 *
 * The items you'll most likely want to modify (those things dealing with more stylistic elements like
 * fonts and colors) are located at the bottom of this file.
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.1 Font Face
 *
 * This section loads additional fonts needed by the theme.
 ********************************************************************************************************/

@font-face {
    font-family: 'Open Sans';
    src: url('./assets/img/OpenSansRegular.eot');
    src: url('./assets/img/OpenSansRegular_1.eot') format('embedded-opentype'),
    url('./assets/img/OpenSansRegular.woff2') format('woff2'),
    url('https://marketingchecker.de/wp-content/themes/1-euro-business/fonts/OpenSansRegular') format('woff'),
    url('https://marketingchecker.de/wp-content/themes/1-euro-business/fonts/OpenSansRegular') format('truetype'),
    url('https://marketingchecker.de/wp-content/themes/1-euro-business/fonts/OpenSansRegular') format('svg');
    font-weight: 400;
}
@font-face {font-family: "Lexend";
    src: url('./assets/img/LexendSemiBold.eot'); /* IE9*/
    src: url('./assets/img/LexendSemiBold_1.eot') format("embedded-opentype"), /* IE6-IE8 */
    url('./assets/img/LexendSemiBold.woff2') format("woff2"), /* chrome firefox */
    url('./assets/img/LexendSemiBold.woff') format("woff"), /* chrome firefox */
    url('./assets/img/LexendSemiBold.ttf') format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url('./assets/img/LexendSemiBold.svg') format("svg"); /* iOS 4.1- */
    font-weight: 700;
}
@font-face {
    font-family: 'Open Sans';
    src: url('./assets/img/OpenSansSemibold.eot');
    src: url('./assets/img/OpenSansSemibold_1.eot') format('embedded-opentype'),
    url('./assets/img/OpenSansSemibold.woff') format('woff'),
    url('./assets/img/OpenSansSemibold.ttf') format('truetype'),
    url('./assets/img/OpenSansSemibold.svg') format('svg');
    font-weight: 600;
}
@font-face {
	font-family: 'Genericons';
	font-weight: normal;
	font-style:  normal;

	src: url('./assets/img/genericons-regular-webfont.eot');
	src: url('./assets/img/genericons-regular-webfont_1.eot') format('embedded-opentype'),
	     url('./assets/img/genericons-regular-webfont.woff') format('woff'),
	     url('./assets/img/genericons-regular-webfont.ttf') format('truetype'),
	     url('./assets/img/genericons-regular-webfont.svg') format('svg');
}

/********************************************************************************************************
 * ====== End Font Face ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.2 - Layout
 *
 * This section of the stylesheet defines the overall layout of the theme's major structural elements. It
 * is essentially the foundation for the entire design.
 ********************************************************************************************************/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary, time, mark, audio, video {
    font-family: 'Open Sans',Arial,sans-serif;
}

body {
    overflow-x: hidden;
    line-height: 1.5;
}

		/* === Descendants of #container === */

		#container     > .wrap,
		#footer        > .wrap,
        #sidebar-subsidiary        > .wrap,
		#menu-primary > .wrap,
        .sticky-cta > .wrap {
			max-width: 1024px;
			margin:    0 auto;
            padding-left:1rem;
            padding-right:1rem;
			box-sizing: border-box;
		}

        @media (min-width: 1070px) {
            #container>.wrap,
            #footer>.wrap,
            #sidebar-subsidiary>.wrap,
            #menu-primary>.wrap,
            .sticky-cta > .wrap {
                padding-left:0;
                padding-right:0;
            }
        }

			#menu-primary > .wrap { position: relative; }

			.custom-background #container > .wrap {
				max-width:     1175px;
				margin-top:    50px;
				margin-bottom: 50px;
			}

			.layout-1c-narrow #container > .wrap {
				max-width: 800px;
			}

			.layout-1c-narrow #footer        > .wrap,
			.layout-1c-narrow #menu-primary > .wrap {
				max-width: 850px;
			}

			.custom-background.layout-1c-narrow #container > .wrap { max-width: 950px; }

		.header-image {
			display:   block;
			max-width: 100%;
			height:    auto;
			margin:    0 auto;
		}

		/* === Adjustments when there's a custom background defined. === */

		.custom-background #header,
		.custom-background #main,
		.custom-background #sidebar-subsidiary {
			padding-left:  25px;
			padding-right: 25px;
		}

			/* === Descendants of #main === */

			.breadcrumb-trail { margin: 0 0 0.5rem; }

			/* Make sure sidebar doesn't appear in customizer. */
			.layout-1c #sidebar-primary,
			.layout-1c-narrow #sidebar-primary { display: none; }

				/* Layout adjustments when the screen width is 950+. */

				@media only screen and ( min-width: 950px ) {

					.custom-background #header,
					.custom-background #main,
					.custom-background #sidebar-subsidiary {
						padding-left:  75px;
						padding-right: 75px;
					}

					#sidebar-primary {
						width:     29.27%;
						max-width: 100%;
					}

					.layout-2c-l #content,
					.layout-2c-r #content { width: 66%; }

					.layout-2c-l #content,
					.layout-2c-r #sidebar-primary { float: left; }

					.layout-2c-r #content,
					.layout-2c-l #sidebar-primary { float: right; }
				}

	/* === Widget layouts. === */

	@media only screen and ( min-width: 700px ) and ( max-width: 950px ) {

		#sidebar-primary .widget { width: 47.5%; }

			.ltr #sidebar-primary .widget {
				float: left;
				margin-right: 5%;
			}

			.rtl #sidebar-primary .widget {
				float: right;
				margin-left: 5%;
			}

		#sidebar-primary .widget:nth-of-type( 2n ) { margin-right: 0; margin-left: 0; }

		#sidebar-primary .widget:nth-of-type( 2n + 1 ) { clear: both; }
	}

	@media only screen and ( min-width: 700px ) {

		.sidebar-col-2 .widget,
		.sidebar-col-3 .widget { width: 47.5%; }

			.ltr .sidebar-col-2 .widget,
			.ltr .sidebar-col-3 .widget { float: left; margin-right: 5%; }

			.rtl .sidebar-col-2 .widget,
			.rtl .sidebar-col-3 .widget { float: right; margin-left: 5%; }

		.sidebar-col-2 .widget:nth-child( 2n ),
		.sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 0; margin-left: 0; }

		.sidebar-col-2 .widget:nth-child( 2n + 1 ),
		.sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: both; }
	}

	@media only screen and ( min-width: 800px ) {

		.sidebar-col-3 .widget { width: 30%; }

		.ltr .sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 5%; }
		.rtl .sidebar-col-3 .widget:nth-child( 2n ) { margin-left: 5%; }

		.sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: none; }

		.sidebar-col-3 .widget:nth-child( 3n ) { margin-right: 0; margin-left: 0; }

		.sidebar-col-3 .widget:nth-child( 3n + 1 ) { clear: both; }
	}

/********************************************************************************************************
 * ====== End Layout ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.3 - Defaults
 *
 * This section handles the default style rules for the majority of possible HTML elements and other
 * WordPress-specific classes.
 ********************************************************************************************************/

/* === Body === */

body .top-border:before {
    content: ' ';
    display: block;
    height: 0.3rem;
}

/* === Links === */

a {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	      -o-transition:  all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

a:hover,
a:focus { text-decoration: underline; }

.entry-content a,
.entry-summary a,
.comment-content a {
    padding-bottom: 2px;
}

a.img-hyperlink,
a.img-hyperlink:hover,
a.img-hyperlink:focus,
.entry-content a.permalink,
.entry-content a.comments-link {
    padding: 0;
    border:  none;
}
.img-hyperlink:hover,
.img-hyperlink:focus {
    opacity: 0.8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition:  all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* === Headers === */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.2;
}

	h1,
	h2 {
        padding-bottom: 0;
		margin-bottom:  1rem;
		border-bottom:  1px solid;
	}

	h1 { font-size: 2rem;    }
	h2 { font-size: 1.5rem;      }
	h3 { font-size: 1.4rem; }
	h4 { font-size: 1.4rem;  }
	h5 { font-size: 1.3rem; }
	h6 { font-size: 1.1rem;   }

h1,
h2 {
    border-bottom: none;
}

/* === Blockquotes, quotes, and cites === */

blockquote {
    margin: 1.5rem 0;
	padding:    1.5rem 1.5rem 0;
	font-size:  1em; /* relative to parent */
	font-style: normal;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
}
blockquote::before {
    content: '\F106';
    display: inline;
    font-size: 60px!important;
    position: absolute;
    z-index: 0;
    opacity: 0.3;
    margin-left: -1rem;
    margin-top: -1.5rem;
}
blockquote cite {
    font-size:    0.8em;
    margin-top: 0.5rem;
    display: block;
}
blockquote p {
    position: relative;
    z-index: 1;
}

	.twitter-tweet {
		width:           100%;
		-moz-box-sizing: border-box;
		     box-sizing: border-box;
	}

	/* U.S. English quotes. */

	.en-us blockquote p { quotes: '\201C' '\201D'; }

		.en-us blockquote p::before,
		.en-us blockquote p:first-child::before { content: '\201C';  }

		.en-us blockquote p:last-child::after,
		.en-us blockquote p.is-last-child::after { content: '\201D'; }

		.en-us blockquote p.has-cite:last-child::after,
		.en-us blockquote p.has-cite:last-child::before,
		.en-us blockquote p.has-cite-only:last-child::after,
		.en-us blockquote p.has-cite-only:last-child::before { content: ''; }

/* === Mark === */

mark {
	padding:     3px;
	font-size:   1.125rem;
	font-style:  normal;
}

/* === <hr> tag === */

hr {
	height:        0px;
	border-top:    1px solid;
}

/* === Code and Preformatted text === */

code {
	display:     inline-block;
	padding:     2px;
	font-size:   1rem;
	font-weight: 400;
	border:      1px solid;
}

body pre,
body code {
	font-family: Monaco, Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
}

pre,
.form-allowed-tags code {
	padding:     1.875rem 1.5rem;
	font-size:   1.125rem;
	line-height: 1.875rem;
	border:      1px solid;

	-webkit-background-size: 3.75rem 3.75rem;
	   -moz-background-size: 3.75rem 3.75rem;
	        background-size: 3.75rem 3.75rem;

	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

	pre code {
		padding:    0;
		font-size:  1em; /* relative to parent */
		background: transparent;
		border:     none;
	}

/* === Lists === */

	.ltr .widget ul { margin:  0; }
	.rtl .widget ul { margin-right: 1.5rem; }

	dt { font-weight: 700; }

    .entry-content li {
        margin-bottom: 0.25rem;
    }

    .entry-content ul ul, .entry-content ol ul, .entry-content ul ol, .entry-content ol ol {
        margin-top: 0.25rem;
    }

/* === Tables === */

table {
	width:           100%;
	border-collapse: collapse;
}

	caption {
		margin:       0 0 5px;
		font-variant: small-caps;
	}

	tr,
	thead { border-bottom: 1px solid; }

		tr:last-child { border: none; }

	tfoot { border-top: 1px solid; }

	th,
	td {
		padding:         10px;
		-moz-box-sizing: border-box;
		     box-sizing: border-box;
	}

	th {
		font-size:      0.8125rem;
		font-weight:    700;
		text-transform: uppercase;
	}

		.ltr th { text-align: left;  }
		.rtl th { text-align: right; }

	td { border: 1px solid; }

		th:empty,
		td:empty,
		th.pad,
		td.pad { opacity: 0; }

	/* wp-calendar <table> */

		.wp-calendar th { font-size: 0.75rem; }

		.wp-calendar td,
		.wp-calendar th {
			padding:        5px 2%;
			vertical-align: middle;
			text-align:     center;
		}

		.wp-calendar th { padding: 10px 2%; }

		/* .has-posts added via jQuery. */

		.wp-calendar tbody td.has-posts {
			padding:  0;
		}

			.wp-calendar td.has-posts a {
				display:         block;
				padding:         5px 2%;
				font-weight:     700;
				-moz-box-sizing: border-box;
				     box-sizing: border-box;
			}

/* === Forms === */

	fieldset {
		margin:  0 0 1.5rem;
		padding: 1.5rem 1.5rem 0;
		border:  1px solid;
	}

		legend {
			padding:      0.375rem 1.5rem;
			border:       1px solid;
			font-size:    1rem;
			font-weight:  600;
		}

		label {
			font-weight:    400;
			cursor:         pointer;
		}

		input { display: block; }

        input[type=text], input[type=button], input[type=submit], button {
            -webkit-border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-animation-fill-mode: none;
            outline: none;
            outline-width: 0;
            -webkit-user-select: none;  /* Chrome all / Safari all */
            -moz-user-select: none;     /* Firefox all */
            -ms-user-select: none;      /* IE 10+ */
            user-select: none;          /* Likely future */
        }

		input[type="checkbox"],
		input[type="radio"] {
            display: inline-block;
            margin: 0 5px 0 0;
        }

		input[type="number"],
		input[type="date"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="email"],
		input[type="month"],
		input[type="password"],
		input[type="search"],
		input[type="tel"],
		input[type="text"],
		input[type="time"],
		input[type="url"],
		input[type="week"],
		textarea,
		select {
            border-radius: 5px;
			padding:   10px 1.5rem;
			font-size: 1.125rem;
			border:    1px solid;

			-moz-box-sizing: border-box;
			     box-sizing: border-box;

			-webkit-transition: all 0.5s ease-in-out;
			   -moz-transition: all 0.5s ease-in-out;
			      -o-transition:  all 0.5s ease-in-out;
			        transition: all 0.5s ease-in-out;
		}

		input[type="date"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="email"],
		input[type="month"],
		input[type="password"],
		input[type="search"],
		input[type="tel"],
		input[type="text"],
		input[type="time"],
		input[type="url"],
		input[type="week"],
		textarea,
		select { width: 100%; }

        label input[type="checkbox"] {
            padding: 0;
            margin: 0 5px 0 0;
        }


		input[name="post_password"] { margin-bottom: 25px; }

		input[type="date"]:focus,
		input[type="datetime"]:focus,
		input[type="datetime-local"]:focus,
		input[type="email"]:focus,
		input[type="month"]:focus,
		input[type="number"]:focus,
		input[type="password"]:focus,
		input[type="search"]:focus,
		input[type="tel"]:focus,
		input[type="text"]:focus,
		input[type="time"]:focus,
		input[type="url"]:focus,
		input[type="week"]:focus,
		textarea:focus,
		select:focus {
			opacity:      1;
		}

		input[type="submit"],
		input[type="reset"],
		input[type="button"],
		button {
			display:        inline-block;
			padding:        0.75rem 1rem;
			font-weight:    400;
			border:         none;

			-moz-box-sizing: border-box;
			     box-sizing: border-box;

			-webkit-transition: all 0.2s ease-in-out;
			   -moz-transition: all 0.2s ease-in-out;
			      -o-transition:  all 0.2s ease-in-out;
			        transition: all 0.2s ease-in-out;
		}

		input[type="submit"]:focus,
		input[type="reset"]:focus,
		input[type="button"]:focus,
		button:focus,
		.media-info-toggle:hover {
			text-decoration: underline;
		}
    .menu-toggle button:hover {
        text-decoration: underline!important;
    }

		select {
			padding:   7px;
		}

		textarea {
			min-height:  300px;
			padding:     1.5rem;
		}

/* === Clearing Floats === */

.clearfix::after,
#header::after,
#branding::after,
#menu-secondary::after,
#menu-primary::after,
#menu-primary .wrap::after,
#menu-secondary .wrap::after,
#main::after,
#sidebar-subsidiary::after,
#footer::after,
.comment-respond::after,
.entry::after,
.entry-content::after,
.entry-summary::after,
.archive-header::after,
li.comment::after,
li.comment > article::after,
li.ping::after,
.loop-nav::after,
.attachment-meta::after,
.media-info::after,
.media-info ul li::after,
.media-shortcode-extend::after,
.wp-playlist-current-item::after,
.widget::after,
.whistles::after,
.whistle-content::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}

/********************************************************************************************************
 * ====== End Defaults ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.4 - Genericons
 *
 * This section defines the CSS rules for handling Genericons, the icon font used in this theme.
 ********************************************************************************************************/

/* Links */
a[href^="mailto:"]::before,
a[href^="tel:"]::before,

/* Breadcrumbs */
.breadcrumb-trail li::after,

/* Quotes. */
blockquote::before,

/* Lists */
.widget ul li::before,
.entry-content ul li::before,
.comment-content ul li::before,

/* Media player */
.mejs-controls .mejs-button button::after,
.mejs-overlay-button::after,
.media-info-toggle::after,

/* Playlists */
.wp-playlist-playing .wp-playlist-caption::before,
.wp-playlist-item-meta::before,

/* Posts */
.entry-author a::before,
.entry-author span::before,
.entry-published::before,
.comments-link::before,
.post-edit-link::before,
.entry-permalink::before,
.post-format-link::before,
.entry-terms::before,
.image-sizes::before,
.chat-author cite::before,
.entry-views::before,

/* Menus */
#menu-social li a::before,

/* Plugins */
.whistles-toggle .whistle-title::after,
.whistles-accordion .whistle-title::after,

/* Comments */
.comment-published::before,
.comment-edit-link::before,
.comment-author::before,
.comment-permalink::before,
.comment-reply-link::before,
.comment-reply-login::before,

/* Search form */
#menu-primary .search-form .search-toggle::before,

/* Sub-terms list. */
#menu-sub-terms-items::before,

/* Widgets */
.widget-title > .wrap::before,
.widget-widget_rss .widget-title > .wrap a:first-child::before,

/* Comments */
#comments-number .wrap::before,

/* Respond */
#reply-title > .wrap::before,
#respond label[for="author"]::before,
#respond label[for="email"]::before,
#respond label[for="url"]::before,
#respond label[for="comment"]::before,
.loop-nav .prev a::before,
.loop-nav .next a::after,
.navigation .prev::before,
.navigation .next::after {
	display:        inline-block;
	font-family:    'Genericons';
	font-size:      16px;
	font-style:     normal;
	font-weight:    normal;
	font-variant:   normal;
	line-height:    1;
	vertical-align: middle;

	-webkit-font-smoothing: antialiased;
}

	/* General padding. */

	.ltr a[href^="mailto:"]::before,
	.ltr a[href^="tel:"]::before,
	.ltr .entry-author a::before,
    .ltr .entry-author span::before,
	.ltr .chat-author cite::before,
	.ltr .entry-published::before,
	.ltr .comments-link::before,
	.ltr .post-edit-link::before,
	.ltr .entry-permalink::before,
	.ltr .post-format-link::before,
	.ltr .entry-terms::before,
	.ltr .image-sizes::before,
	.ltr .entry-views::before,
	.ltr .comment-published::before,
	.ltr .comment-edit-link::before,
	.ltr .comment-author::before,
	.ltr .comment-permalink::before,
    .ltr .loop-nav .prev a::before,
    .rtl .loop-nav .prev a::before,
    .ltr .navigation .prev::before,
    .rtl .navigation .prev::before { padding-right: 3px; padding-bottom: 2px; }

	.rtl a[href^="mailto:"]::before,
	.rtl a[href^="tel:"]::before,
	.rtl .entry-author a::before,
    .rtl .entry-author span::before,
	.rtl .chat-author cite::before,
	.rtl .entry-published::before,
	.rtl .comments-link::before,
	.rtl .post-edit-link::before,
	.rtl .entry-permalink::before,
	.rtl .post-format-link::before,
	.rtl .entry-terms::before,
	.rtl .image-sizes::before,
	.rtl .entry-views::before,
	.rtl .comment-published::before,
	.rtl .comment-edit-link::before,
	.rtl .comment-author::before,
	.rtl .comment-permalink::before,
    .rtl .loop-nav .next a::after,
    .ltr .loop-nav .next a::after,
    .rtl .navigation .next::after,
    .ltr .navigation .next::after { padding-left: 3px; padding-bottom: 2px; }

	/* Links */
	a[href^="mailto:"]::before { content: '\f410'; }
	a[href^="tel:"]::before    { content: '\f437'; }

	/* Posts */
	.entry-author a::before,
    .entry-author span::before,
	.chat-author cite::before                  { content: '\f304'; }
	.entry-published::before                   { content: '\f307'; }
	.comments-link::before                     { content: '\f300'; }
	.post-edit-link::before                    { content: '\f411'; }
	.entry-permalink::before                   { content: '\f107'; }
	.entry-terms.post_tag::before              { content: '\f302'; }
	.entry-terms.category::before              { content: '\f301'; }
	.entry-terms.portfolio::before             { content: '\f460'; }
	.entry-terms.literary_form::before         { content: '\f100'; }
	.entry-terms.literary_technique::before    { content: '\f411'; }
	.entry-terms.literary_genre::before        { content: '\f302'; }
	.format-standard .post-format-link::before { content: '\f100'; }
	.format-aside .post-format-link::before    { content: '\f101'; }
	.format-audio .post-format-link::before    { content: '\f109'; }
	.format-chat .post-format-link::before     { content: '\f108'; }
	.format-gallery .post-format-link::before  { content: '\f103'; }
	.image-sizes::before,
	.format-image .post-format-link::before    { content: '\f102'; }
	.format-link .post-format-link::before     { content: '\f107'; }
	.format-quote .post-format-link::before    { content: '\f106'; }
	.format-status .post-format-link::before   { content: '\f105'; }
	.format-video .post-format-link::before    { content: '\f104'; }

	/* Entry Views plugin. */
	.entry-views::before { content: '\f403'; }

	/* Comments */
	.comment-published::before    { content: '\f303'; }
	.comment-author::before       { content: '\f304'; }
	.ping .comment-author::before { content: '\f107'; }
	.comment-edit-link::before    { content: '\f411'; }
	.comment-permalink::before    { content: '\f107'; }

	/* Social menu */

	#menu-social li a::before        { content: '\f408'; padding: 0 3px; }
	#menu-social li a:hover::before,
	#menu-social li a:focus::before  { opacity: 0.75; }

	#menu-social li a[href*="codepen.io"]::before      { content: '\f216'; color: #fff;    }
	#menu-social li a[href*="digg.com"]::before        { content: '\f221'; color: #fff;    }
	#menu-social li a[href*="dribbble.com"]::before    { content: '\f201'; color: #ea4c89; }
	#menu-social li a[href*="dropbox.com"]::before     { content: '\f225'; color: #007ee5; }
	#menu-social li a[href*="facebook.com"]::before    { content: '\f203'; color: #3b5998; }
	#menu-social li a[href*="/feed"]::before           { content: '\f413'; color: #cc4a00; }
	#menu-social li a[href*="flickr.com"]::before      { content: '\f211'; color: #ff0084; }
	#menu-social li a[href*="plus.google.com"]::before { content: '\f206'; color: #dd4b39; }
	#menu-social li a[href*="github.com"]::before      { content: '\f200'; color: #4183c4; }
	#menu-social li a[href*="instagram.com"]::before   { content: '\f215'; color: #3f729b; }
	#menu-social li a[href*="linkedin.com"]::before    { content: '\f208'; color: #0e76a8; }
	#menu-social li a[href*="pinterest.com"]::before   { content: '\f210'; color: #c8232c; }
	#menu-social li a[href*="polldaddy.com"]::before   { content: '\f217'; color: #bc0b0b; }
	#menu-social li a[href*="getpocket.com"]::before   { content: '\f224'; color: #ee4056; }
	#menu-social li a[href*="reddit.com"]::before      { content: '\f222'; color: #336699; }
	#menu-social li a[href*="skype.com"]::before,
	#menu-social li a[href*="skype:"]::before          { content: '\f220'; color: #00aff0; }
	#menu-social li a[href*="stumbleupon.com"]::before { content: '\f223'; color: #ff2618; }
	#menu-social li a[href*="tumblr.com"]::before      { content: '\f214'; color: #34526f; }
	#menu-social li a[href*="twitter.com"]::before     { content: '\f202'; color: #33ccff; }
	#menu-social li a[href*="vimeo.com"]::before       { content: '\f212'; color: #1AB7EA; }
	#menu-social li a[href*="wordpress.org"]::before,
	#menu-social li a[href*="wordpress.com"]::before   { content: '\f205'; color: #21759b; }
	#menu-social li a[href*="youtube.com"]::before     { content: '\f213'; color: #c4302b; }

	/* Breadcrumb Trail. */

	.breadcrumb-trail li::after {
		content:     '\f431';
		margin:      -3px 3px 0;
		font-weight: normal;
        color: #222222;
        font-size: 0.75rem;
	}

		.breadcrumb-trail li:last-of-type::after {
			display: none;
		}

	.ltr .breadcrumb-trail li::after {
		-webkit-transform: rotate(-90deg);
		   -moz-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		     -o-transform: rotate(-90deg);
		        transform: rotate(-90deg);
	}

	.rtl .breadcrumb-trail li::after {
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}

	/* Comments */

	#reply-title > .wrap::before {
		content: '\f412';
		padding: 0 3px 0 0;
	}

		.rtl #reply-title > .wrap::before {
			-webkit-transform: scaleX(-1);
			   -moz-transform: scaleX(-1);
			     -o-transform: scaleX(-1);
			        transform: scaleX(-1);

			-ms-filter: "FlipH";
			    filter: FlipH;
		}

	.comment-reply-link::before,
	.comment-reply-login::before {
		content:       '\f412';
		margin-bottom: 3px;
		padding-right: 3px; /* Flip below causes padding to flip. */
	}

	/* flip icons */
	.rtl #reply-title > .wrap::before
	.rtl .comment-reply-link::before,
	.rtl .comment-reply-login::before {
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);

		-ms-filter: "FlipH";
		    filter: FlipH;
	}

	.comment-respond label[for="author"]::before,
	.comment-respond label[for="email"]::before,
	.comment-respond label[for="url"]::before,
	.comment-respond label[for="comment"]::before {
		margin-bottom: 3px;
		padding:       0 3px 0 0;
		color:         #555;
	}

	.comment-respond label[for="author"]::before  { content: '\f304'; }
	.comment-respond label[for="email"]::before   { content: '\f410'; }
	.comment-respond label[for="url"]::before     { content: '\f409'; }
	.comment-respond label[for="comment"]::before { content: '\f300'; }

	/* Media info toggle */

	.media-info-toggle::after {
		content:        '\f431';
		color:          #f5f5f5;
		vertical-align: top;
	}

	.ltr .media-info-toggle::after { padding-left: 3px;  }
	.rtl .media-info-toggle::after { padding-right: 3px; }

	.media-info-toggle.active::after { content: '\f432'; }

	/* Media player */

	.mejs-button button::after { color: #fff; }
	.mejs-unmute button::after { color: #454545; }

	.mejs-fullscreen-button button::after { content: '\f474'; }
	.mejs-play button::after              { content: '\f452'; }
	.mejs-pause button::after             { content: '\f448'; }
	.mejs-volume-button button::after     { content: '\f109'; }

	/* Media playlist */
	.wp-playlist-playing .wp-playlist-caption::before          { content: '\f452'; }
	.wp-playlist-current-item .wp-playlist-item-title::before  { content: '\f109'; }
	.wp-playlist-current-item .wp-playlist-item-album::before  { content: '\f460'; }
	.wp-playlist-current-item .wp-playlist-item-artist::before { content: '\f304'; }

	.wp-playlist-playing .wp-playlist-caption::before,
	.wp-playlist-item-meta::before                     { padding-bottom: 2px; }
	.ltr .wp-playlist-item-meta::before                { padding-right:  3px; }
	.rtl .wp-playlist-item-meta::before                { padding-left:   3px; }

	/* Whistles plugin */

	.whistles-toggle .whistle-title::after,
	.whistles-accordion .whistle-title::after {
		content: '\f431';
		padding: 3px 0 0;
	}

	.ltr .whistles-toggle .whistle-title::after,
	.ltr .whistles-accordion .whistle-title::after { float: right; }

	.rtl .whistles-toggle .whistle-title::after,
	.rtl .whistles-accordion .whistle-title::after { float: left; }

	.whistles-toggle .whistle-title[aria-selected="true"]::after,
	.whistles-accordion .whistle-title[aria-selected="true"]::after { content: '\f432'; }

	/* Widgets */

	.widget-title > .wrap::before { content: '\f408'; }

	.ltr .widget-title > .wrap::before { padding-right: 3px; margin-top: -3px; }
	.rtl .widget-title > .wrap::before { padding-left:  3px; }

	/* WP RSS widget */
	.widget_rss .widget-title > .wrap::before {
		content: '';
		padding: 0;
	}

	.widget_rss .widget-title > .wrap a:first-child::before {
		content:   '\f413';
		padding:   0 0 1px;
		font-size: 16px;
	}

		.ltr .widget_rss .widget-title > .wrap a:first-child::before { padding-right: 3px; }
		.rtl .widget_rss .widget-title > .wrap a:first-child::before { padding-left:  3px; }

	/* WP nav menu widget */
	.widget_nav_menu .widget-title > .wrap::before { content: '\f419'; font-size: 14px; }

	.ltr .widget_nav_menu .widget-title > .wrap::before { padding-right: 5px; }
	.rtl .widget_nav_menu .widget-title > .wrap::before { padding-left:  5px; }

	/* WordPress / Widgets Reloaded widgets. */
	.widget_archive .widget-title > .wrap::before         { content: '\f303'; }
	.widget_calendar .widget-title > .wrap::before        { content: '\f307'; }
	.widget_categories .widget-title > .wrap::before      { content: '\f301'; }
	.widget_links .widget-title > .wrap::before           { content: '\f107'; }
	.widget_meta .widget-title > .wrap::before            { content: '\f455'; }
	.widget_pages .widget-title > .wrap::before           { content: '\f443'; }
	.widget_recent_comments .widget-title > .wrap::before { content: '\f300'; }
	.widget_recent_entries .widget-title > .wrap::before  { content: '\f411'; }
	.widget_search .widget-title > .wrap::before          { content: '\f400'; }
	.widget_tag_cloud .widget-title > .wrap::before       { content: '\f302'; }
	.widget_text .widget-title > .wrap::before            { content: '\f100'; }

	/* Widgets Reloaded widgets */
	.widget-authors .widget-title > .wrap::before         { content: '\f304'; }

	/* bbPress widgets */
	.bbp_widget_login .widget-title > .wrap::before       { content: '\f427'; }
	.widget_display_forums .widget-title > .wrap::before  { content: '\f301'; }
	.widget_display_replies .widget-title > .wrap::before { content: '\f412'; }
	.widget_display_topics .widget-title > .wrap::before  { content: '\f425'; }
	.widget_display_views .widget-title > .wrap::before   { content: '\f403'; }

	/* Members widgets */
	.widget-login .widget-title > .wrap::before,
	.widget.login .widget-title > .wrap::before           { content: '\f427'; }

	.widget-users .widget-title > .wrap::before,
	.widget.users .widget-title > .wrap::before           { content: '\f304'; }

	/* Series plugin. */
	.widget.series-list-posts .widget-title > .wrap::before,
	.widget.series-list-related .widget-title > .wrap::before { content: '\f411'; }

	/* Entry Views plugin. */
	.widget-entry-views .widget-title > .wrap::before { content: '\f403'; }

/********************************************************************************************************
 * ====== End Genericons ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.5 - Header and Footer
 *
 * Handles the output of the main site header and footer content.
 ********************************************************************************************************/

/* Skip link at the top of the page. */
.skip-link .screen-reader-text:focus {
	z-index:     100;
	top:         34px;
	width:       200px;
	padding:     0.75rem 0;
	text-align:  center;
}
	.ltr .skip-link .screen-reader-text:focus { left: 50%;  margin-left:  -100px; }
	.rtl .skip-link .screen-reader-text:focus { right: 50%; margin-right: -100px; }

	@media screen and ( max-width: 782px ) {
		.skip-link .screen-reader-text:focus { top: 48px; }
	}


/**
 * Handles the output of the header content.
 */

#header,
#branding { position: relative; }

#branding .site-title:before {
    content: '\f300';
    font-family: 'Genericons';
    display: inline-block;
    margin-right: 5px;
}

.display-header-text #header, .wp-custom-logo #header {
	border-bottom: 1px solid;
}

	     #branding { width: 100%; margin-top: 1.5rem; margin-bottom: 1.5rem; }
	.ltr #branding { float: left; }
	.rtl #branding { float: right; }

	@media only screen and (min-width: 800px) {

		#branding { width: 100%; max-width: 500px; }
	}

		.custom-logo {
            display: block;
            margin-bottom: 0;
        }

		.ltr .custom-logo { float: left; }
		.rtl .custom-logo { float: right; }

		.ltr.display-header-text .custom-logo { margin-right: 0.75rem; }
		.rtl.display-header-text .custom-logo { margin-left: 0.75rem; }

		#site-title {
			margin:    0;
			padding:   0;
			font-size: 2.2rem;
			border:    none;
		}
        #site-title a {
            text-decoration: none!important;
            font-family:  'Lexend', Arial, sans-serif;
        }

		#site-description {
			padding:      0;
			font-size:    0.9rem;
			font-weight:  400;
			border:       none;
            color: #222222;
            text-align: left;
            margin-bottom: 0;
		}

			.en #site-description { font-style: italic; }

.header-image { opacity: 1; }


/**
 * Handles the output of the footer content.
 */

#footer {
	overflow:    hidden;
	padding:     1.5rem 0 0;
	font-family: 'Open Sans', sans-serif;
	text-align:  center;
}

#sidebar-subsidiary {
    padding:     1.5rem 0 0 0;
    margin: 0;
    background: #222222;
}


	@media only screen and ( min-width: 950px ) {

		.layout-1c   #footer .credit,
		.layout-2c-l #footer .credit,
		.layout-2c-r #footer .credit { max-width: 60%; }

		.ltr.layout-1c   #footer,
		.ltr.layout-2c-l #footer,
		.ltr.layout-2c-r #footer { text-align: left;  }

		.rtl.layout-1c   #footer,
		.rtl.layout-2c-l #footer,
		.rtl.layout-2c-r #footer { text-align: right; }
	}

/********************************************************************************************************
 * ====== End Header and Footer ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.6 - Main and Content
 *
 * This section deals with the #main section of the site, which wraps the content and primary sidebar.
 * Sidebars have their own section in this stylesheet.
 ********************************************************************************************************/

.main {
	padding-top: 3rem;
	word-wrap:   break-word;
	word-break:  normal;
}

/**
 * Breadcrumbs
 */

.breadcrumb-trail {
	margin-top: 0;
	font-size:  0.75rem;
}

	.breadcrumb-trail ul { list-style: none; margin: 0; }

		.breadcrumb-trail ul li { display: inline-block; }

	.breadcrumb-trail .trail-end { color: #222222; }

	.breadcrumb-trail .sep {
		display: inline-block;
		padding: 0 5px;
		opacity: 0.75;
	}

	.breadcrumb-trail a {
		display: inline-block;
	}

	.breadcrumb-trail a:hover,
	.breadcrumb-trail a:focus { opacity: 1; }

/**
 * Posts
 */

.entry  {
	margin:        0 0 3rem;
	padding:       0 0 3rem;
	border-bottom: 1px solid;
}

.post-edit-link {
    margin-top: 1rem;
}
.entry-byline .post-edit-link, .entry-footer .post-edit-link {
    margin-top: 0;
}

.entry:last-of-type {
	margin:  0 0 3rem;
	padding: 0;
	border:  none;
}

	.plural .content .entry-title {
		margin:  0 0 0.5rem;
		padding: 0;
		border:  none;
	}

	.plural .content .entry-byline { margin: 0 0 1rem; }

	.entry-byline,
	.entry-footer { font-size: 0.75rem; }

	.entry-byline,
	.entry-footer,
	.comment-meta {
		margin:      0 0 1.5rem;
		font-weight: 400;
		font-style:  normal;
	}

    .entry-footer {
        margin:      0;
    }
    article .entry-footer {
        margin-top:      1.5rem;
    }

    .singular .entry-byline {
        margin-top: -0.5rem;
    }

	.entry-footer,
	.comment-meta { clear: both; }

		.image-sizes a { margin: 0 3px; }

		/* Elements */
		.ltr .entry-author,
		.ltr .entry-published,
		.ltr .comments-link,
		.ltr .post-edit-link,
		.ltr .entry-permalink,
		.ltr .entry-terms,
		.ltr .post-format-link,
		.ltr .entry-views { margin-right: 5px; display: inline-block; }

		.rtl .entry-author,
		.rtl .entry-published,
		.rtl .comments-link,
		.rtl .post-edit-link,
		.rtl .entry-permalink,
		.rtl .entry-terms,
		.rtl .post-format-link,
		.rtl .entry-views { margin-left: 5px; display: inline-block; }

		/* Output from comments_popup_link() when no comments are found or off. */
		.ltr span.comments-link,
		.rtl span.comments-link { display: none; }

	/* === Asides === */

	.format-aside .entry-content a.permalink { font-weight: bold; }

	/* === Chats === */

	.format-chat .chat-text { margin-left: 1.125rem; }

	.format-chat .chat-author {
		margin-top:  -12px;
		padding-top: 12px;
		border-top:  1px dotted;
	}

	.format-chat .chat-row:first-child .chat-author {
		margin:  0;
		padding: 0;
		border:  none;
	}

		.format-chat cite {
			font-size:   1rem;
			font-style:  normal;
			font-weight: 700;
		}

	/* === Images === */

	.format-image > img,
	.format-image > a img,
	.format-image > .wp-caption { margin-bottom: 1.5rem; }

/**
 * Loop Meta
 *
 * This displays the archive, blog, and search title + description.
 */

.archive-header { margin: 0 0 1.5rem; }

	.archive-description {
		margin:  0 0 1.5rem;
		padding: 1.5rem 1.5rem 0;
		border:  1px solid;
	}

/**
 * Pagination
 */

/* === Single posts using <!--nextpage--> === */

.page-links {
	clear:     both;
	font-size: 1rem;
}
.nav-links {
    margin: 0 -5px 1.5rem -5px;
}

	.nav-links .page-numbers,
	.page-links .page-numbers,
	.page-links a {
		display:   inline-block;
		margin:    0 5px;
	}

	.nav-links .dots { margin: 0; }

	.page-links a {
		padding: 0 10px;
		border:  none;
	}

/* === Single post navigation (between different posts) === */

.navigation,
.loop-nav {
	margin:     0 0 3rem 0;
	padding:    3rem 0 0;
	font-size:  1rem;
	border-top: 1px solid;
}

.loop-nav > div {
    float: left;
    width: 50%;
}
.loop-nav .next {
    text-align: right;
}
.loop-nav .next a:after, .navigation .next:after {
    content: '\F429';
}
.loop-nav .prev a:before, .navigation .prev:before {
    content: '\F430';
}

/********************************************************************************************************
 * ====== End Main ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.7 - Media
 *
 * This section deals with handling media and the output of media-related elements.
 ********************************************************************************************************/

/********************************************************************************************************
 * ====== End Media ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.8 - Sidebars and Widgets
 *
 * This section handles the output of sidebars and widgets.  Note that the layout of sidebars is handled
 * in the layout section.  There's also a few style rules for non-sidebar elements that have the same
 * design.
 ********************************************************************************************************/

.sidebar {
    font-size: 1.0675rem;
    margin-bottom: 3rem;
}

#sidebar-subsidiary {
	padding-top: 3rem;
    padding-bottom: 1rem;
	border-top:  1px solid;
}
#sidebar-primary{
    float: left;
}
#sidebar-primary:after {
    content: ' ';
    display: block;
    float: left;
    clear: both;
    height: 0px;
}

	.widget {
		margin:  0;
		padding: 0 0 1.5rem;
	}

    .sidebar-primary .widget:last-child {
        padding:  0;
    }

    .widget p:last-child {
        margin:  0;
    }

		.widget-title,
		#comments-number,
		#reply-title,
		.attachment-meta-title { border-bottom: 1px solid #e3e3e3; }

			.widget-title > .wrap,
			#comments-number > .wrap,
			#reply-title > .wrap,
			.attachment-meta-title > .wrap {
				display:        inline-block;
				vertical-align: bottom;
				padding:        0.75rem 1.5rem 0.625rem;
				font-size:      0.8rem;
				font-weight:    700;
				line-height:    16px;
				text-transform: uppercase;
			}

			.widget-title > .wrap a { text-decoration: underline; }

	/* Recent posts widget and Entry Views plugin. */
	.widget_recent_entries .post-date,
	.widget-entry-views .entry-view-count {
		font-size: 0.875em; /* relative */
	}

	/* Tags widget (core WP wraps in a `<div>` instead of `<p>`). */
	.widget .tagcloud,
	.widget select#cat.postform,
	.widget select[name="archive-dropdown"] { margin-bottom: 1.5rem; }

	/* Search widget. */
	.widget_search > .search-form {
		padding: 1.5rem;
		margin:  0;
        border-radius: 5px;
	}

		.widget_search input[type="search"] {
			display: block;
			width:   100%;
			padding: 0.5rem;
			border:  none;
			opacity: 1;
			box-sizing: border-box;
		}

		.widget_search input[type="submit"] { display: none; }

	/* Members login widget */
	.widget-login form,
	.widget.login form { clear: both; }

	.widget-login img + p,
	.widget.login img + p { padding-top: 0.75rem; }

/********************************************************************************************************
 * ====== End Sidebars and Widgets ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.9 - Comments Template
 *
 * This section handles the output of the comments template.  In particular, it styles the output of the
 * comments section (comments list) and the respond section (comment form).
 ********************************************************************************************************/

/**
 * Comments
 *
 * Handles the output of the comments list and related elements.
 */

#comments { padding: 0 0 1.5rem; }

	#comments-number > .wrap::before {
		content: '\f300';
		padding: 0 0 1px;
	}

		.ltr #comments-number > .wrap::before { padding-right: 3px; }
		.rtl #comments-number > .wrap::before { padding-left:  3px; }

	/* === Comment list === */

	.ltr .comment-list,
	.rtl .comment-list {
		list-style: none;
		margin:     0 0 1.5rem;
	}

		.comment-list li > .children,
		.comment-list .children li > .children { list-style: none; }

		.ltr .comment-list li > .children,
		.ltr .comment-list .children li > .children { margin: 0 0 0 1.5rem; }

		.rtl .comment-list li > .children,
		.rtl .comment-list .children li > .children { margin: 0 1.5rem 0 0; }

		/* === Individual comments */

		li.comment,
		li.ping { clear: both;}

			/* === Avatars === */

			.ltr li.ping .avatar { float: right; margin-left: 1.5rem;  }
			.rtl li.ping .avatar { float: left;  margin-right: 1.5rem; }

			/* === Meta === */

			.comment-meta {
				padding:   5px 0 0;
				font-size: 1rem;
			}

				.has-avatar.comment .comment-author { margin-top: 10px; }

				.comment-author {
					font-size:   1rem;
					font-weight: 700;
					font-style:  normal;
				}

				.ltr .comment-author,
				.ltr .comment-published,
				.ltr .comment-permalink,
				.ltr .comment-edit-link { display: inline-block; margin-right: 5px; }

				.rtl .comment-author,
				.rtl .comment-published,
				.rtl .comment-permalink,
				.rtl .comment-edit-link { display: inline-block; margin-left: 5px; }

			/* === Comment text/content === */

			li.ping,
			.comment-content {
				clear:   both;
				margin:  0 0 1.5rem;
				padding: 1.5rem 1.5rem 0;
				border:  1px solid;
			}

			/* === Reply link === */

			.comment-reply-link,
			.comment-reply-login {
				display:        inline-block;
				margin-top:     -1.5rem;
				padding:        0.5rem 1rem;
				font-size:      0.875rem;
				font-weight:    400;
			}

			.ltr .comment-reply-link,
			.ltr .comment-reply-login { float: right; margin-right: 0.75rem; }

			.rtl .comment-reply-link,
			.rtl .comment-reply-login { float: left;  margin-left:  0.75rem; }

	.comments-closed { margin: -1.5rem 0 3rem; }

/**
 * Respond
 *
 * Handles the output of the comment form.
 */

.comment-respond { padding: 0 0 1.5rem; }

	.comment-respond .required { font-weight: 700; }

	#reply-title small {
		font-size:      1em;
		font-weight:    400;
	}

	#reply-title small a {
		display:        inline-block;
		padding:        0.8125rem;
		text-transform: none;
	}

	.ltr #reply-title small a { margin: -0.75rem -1.5rem -0.625rem 1.5rem; }
	.rtl #reply-title small a { margin: -0.75rem 1.5rem -0.625rem -1.5rem; }

	.form-allowed-tags {
		margin:     -0.75rem 0 1.1875rem;
		font-size:  1rem;
	}

		.form-allowed-tags code {
			margin-top:     1.1875rem;
			padding-top:    0;
			padding-bottom: 0;
			font-size:      14px;
		}

/********************************************************************************************************
 * ====== End Comments Template ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.10 - Menus
 *
 * This section of the CSS is for handling the design of the various menus used within the theme.
 ********************************************************************************************************/

/**
 * Sub-terms menu
 *
 * This menu is shown along with the description on term archives if the taxonomy is hierarchical (like
 * categories).  It displays the child terms if the current term has any.
 */
	#menu-sub-terms-items {
		list-style: none;
		margin:     0 0 1.5rem;
	}

		.ltr #menu-sub-terms-items { margin-left:  0.75rem; }
		.rtl #menu-sub-terms-items { margin-right: 0.75rem; }

		#menu-sub-terms-items::before {
			content:      '\f412';
			margin-right: 0.3125rem;
		}

			.rtl #menu-sub-terms-items::before {
				-webkit-transform: scaleX(-1);
				   -moz-transform: scaleX(-1);
				     -o-transform: scaleX(-1);
				        transform: scaleX(-1);

				       -ms-filter: "FlipH";
				           filter: FlipH;
			}

		#menu-sub-terms li { display: inline-block; }

			#menu-sub-terms li a {
				display:     inline-block;
				padding:     0.5rem 0.75rem;
				font-size:   0.8125rem;
				font-weight: 400;
			}

				.ltr #menu-sub-terms li a { margin-right: 5px; }
				.rtl #menu-sub-terms li a { margin-left:  5px; }

/**
 * Social menu
 *
 * The social menu is displayed in the footer next to the credit links.
 */

	#menu-social ul {
		list-style: none;
		margin:     0 0 0.875rem;
		text-align: center;
	}

		#menu-social ul li {
			display:       inline-block;
			margin-bottom: 0.625rem;
		}

			#menu-social li a {
				position:        relative;
				display:         inline-block;
				text-decoration: none;
			}

	@media only screen and ( min-width: 950px ) {

		.layout-1c   #menu-social,
		.layout-2c-l #menu-social,
		.layout-2c-r #menu-social { max-width: 37.5%; }

		.ltr.layout-1c   #menu-social,
		.ltr.layout-2c-l #menu-social,
		.ltr.layout-2c-r #menu-social { float: right; }

		.rtl.layout-1c   #menu-social,
		.rtl.layout-2c-l #menu-social,
		.rtl.layout-2c-r #menu-social { float: left;  }

		.ltr.layout-1c   #menu-social ul,
		.ltr.layout-2c-l #menu-social ul,
		.ltr.layout-2c-r #menu-social ul { text-align: right; }

		.rtl.layout-1c   #menu-social ul,
		.rtl.layout-2c-l #menu-social ul,
		.rtl.layout-2c-r #menu-social ul { text-align: left;  }
	}

/**
 * Primary and Secondary menus
 *
 * The primary menu is shown at the top of the page.  The secondary menu is shown in the header if the
 * user has selected to display header text.
 */


#menu-primary { padding: 10px 0 0; }
#menu-primary li a { font-weight: 400; }

#menu-primary .search-field {
    background: #FFF;
}

@media only screen and (max-width: 1023px) {

	#menu-primary > .wrap { padding: 0 1rem; }

	.menu-toggle {
		position:       relative;
		display:        inline-block;
		margin:         0;
		cursor:         pointer;
		font-size:      0.8125rem;
		line-height:    24px;
		vertical-align: middle;
	}

	.menu-toggle button {
		position: relative;
		top:      0;
	}

		.ltr .menu-toggle button { left: 0; }
		.rtl .menu-toggle button { right: 0; }

	#menu-primary .menu-toggle button {
		margin:  0 0 10px;
		padding: 0;
	}

		#menu-primary .menu-toggle button::before {
			content:        '\f419';
			display:        inline-block;
			font-family:    'Genericons';
			font-size:      24px;
			vertical-align: middle;

			-webkit-font-smoothing: antialiased;
		}

		.ltr #menu-primary .menu-toggle button::before { padding: 0 0.75rem 0 0; }

		.rtl #menu-primary .menu-toggle button::before,

	#branding {
        z-index: 1;
    }

	#menu-secondary {
		display: none;
	}

	#menu-secondary .wrap {
		position: relative;
		z-index:  2;
	}

	#menu-primary .wrap,
	#menu-secondary .wrap { display: none; }

	#menu-primary ul,
	#menu-secondary ul {
		margin:     0;
		list-style: none;
	}

		#menu-primary li,
		#menu-secondary li { width: 100%; display: block; }

		#menu-primary li a {
			display:    block;
			width:      100%;
			padding:    0.75rem 0rem;
			border-top: 1px solid;
			box-sizing: border-box;
		}

		.ltr #menu-primary li li a { padding-left: 1rem; }

		.rtl #menu-primary li li a { padding-right: 1rem; }

		.ltr #menu-primary li li li a { padding-left: 2rem; }

		.rtl #menu-primary li li li a { padding-right: 2rem; }

		.ltr #menu-primary li li li li a { padding-left: 3rem; }

		.rtl #menu-primary li li li li a { padding-right: 3rem; }

	/* Search form */

	#menu-primary .search-form input[type="search"] {
		padding:   0.75rem 1.5rem;
		font-size: 1rem;
		opacity:   1;
        border: none;
	}

	#menu-primary .search-toggle,
	#menu-primary .search-form input[type="submit"] { display: none; }

    #menu-primary .search-form {
        display: block;
        margin-bottom: 1rem;
    }

    #menu-primary .label-search {
        display: block!important;
    }
}

/* === MAX-WIDTH 540PX === */

@media only screen and ( max-width: 540px ) {

	.header-image {
		position: absolute;
		top:      -9999em;
	}
	.ltr .header-image { left: -9999em; }
	.rtl .header-image { right: -9999em; }

	.custom-background #container > .wrap {
		margin-top: 0;
	}

	.display-header-text #header,
	.custom-header #header { margin-bottom: 0; }

	#branding {
		text-align: left;
	}

	#site-title,
	#site-description {
		max-width: 100%;
		width: 100%;
		margin-bottom: 0;
	}

	.ltr #branding,
	.rtl #branding {
	}

	#header { clear: both; }

	#menu-primary { width: 100%; float: left; }

	#menu-secondary {
		position: initial;
		clear: both;
		width: calc( 100% + 3rem + 2px );
		margin-top: -1.5rem;
		margin-left: calc( -1.5rem - 1px );
	}

		#menu-secondary .menu-toggle,
		#menu-secondary .menu-toggle button {
			width: 100%;
			margin: 0;
		}
}

.ltr #menu-primary .menu-toggle button,
.rtl #menu-primary .menu-toggle button {
    margin-left: 0;
    margin-right: 0;
}
.ltr #menu-primary .menu-toggle button { margin-left:  1rem; }
.rtl #menu-primary .menu-toggle button { margin-right: 1rem; }

/* === MIN-WIDTH 800PX === */

@media only screen and (min-width: 1024px) {

	.menu > .wrap { display: block !important; }

	.menu-toggle { position: absolute; }

		.ltr .menu-toggle { left: -9999em; }
		.rtl .menu-toggle { right: -9999em; }

		.menu ul {
			list-style: none;
			margin:     0;
		}

		.menu-items { zoom: 1; }

			.menu-items::before,
			.menu-items::after {
				content: "";
				display: table;
			}

			.menu-items::after { clear: both; }

			.menu-items > ul {
				width:  100%;
				margin: 60px auto;
			}

			.menu ul ul {
				opacity:    0;
				visibility: hidden;
				position:   absolute;
				z-index:    1;

				-webkit-transition: all 0.4s ease-in-out;
				   -moz-transition: all 0.4s ease-in-out;
				      -o-transition:  all 0.4s ease-in-out;
				        transition: all 0.4s ease-in-out;
			}

			.menu li:hover > ul,
			.menu li:focus > ul,
			.menu li.focus > ul {
				opacity:    1;
				visibility: visible;
			}

			.menu li > ul::before {
				content:       '';
				position:      absolute;
				top:           -6px;
				border-width:  6px;
				border-style:  solid;
				border-top:    none;
			}

				.ltr .menu li > ul::before { left: 24px; }
				.rtl .menu li > ul::before { right: 24px; }

				.menu li li > ul::before {
					top:              22px;
					border-top-width: 6px;
					border-top-style: solid;
				}

					.ltr .menu li li > ul::before {
						left:         -6px;
						border-right-width: 6px;
						border-right-style: solid;
						border-left:  0;
					}

					.rtl .menu li li > ul::before {
						right:        -6px;
						border-right:  0;
						border-left-width: 6px;
						border-left-style: solid;
					}

			.menu li {
				display:  inline-block;
				position: relative;
			}

				.menu li li { display: block; }

				.menu-items li li a {
					-webkit-transition: all 0 ease 0;
					   -moz-transition: all 0 ease 0;
					      -o-transition:  all 0 ease 0;
					        transition: all 0 ease 0;
				}

					.menu li > a::after {
						content:        '\f431';
						display:        inline-block;
						margin:         3px 0 0;
						font:           normal 14px/1 'Genericons';
						vertical-align: top;

						-webkit-font-smoothing: antialiased;
					}

						.ltr .menu li > a::after { padding-left: 5px; }
						.rtl .menu li > a::after { padding-right: 5px; }

						.menu li li > a::after {
							position:       absolute;
							vertical-align: middle;
							margin:         3px 0 0;
						}

							.ltr .menu li li > a::after {
								right: 5px;

								-webkit-transform: rotate(-90deg);
								   -moz-transform: rotate(-90deg);
								    -ms-transform: rotate(-90deg);
								     -o-transform: rotate(-90deg);
								        transform: rotate(-90deg);
							}

							.rtl .menu li li > a::after {
								left: 5px;

								-webkit-transform: rotate(90deg);
								   -moz-transform: rotate(90deg);
								    -ms-transform: rotate(90deg);
								     -o-transform: rotate(90deg);
								        transform: rotate(90deg);
							}

						.menu li a:only-child::after { content: ''; }


	/* ====== Primary and Secondary Menus ====== */

	#menu-secondary {
		max-width:  25rem; /* 600 */
		margin:     35px 0 0 0;
	}

		.ltr.display-header-text #menu-secondary,
		.ltr.display-header-text #menu-secondary ul,
		.ltr #menu-secondary,
		.ltr #menu-secondary ul { float: right; text-align: right; }

		.rtl.display-header-text #menu-secondary,
		.rtl.display-header-text #menu-secondary ul,
		.rtl #menu-secondary,
		.rtl #menu-secondary ul { float: left; text-align: left; }

			.ltr.display-header-text #menu-secondary ul ul,
			.ltr #menu-secondary ul ul { text-align: left;  }

			.rtl.display-header-text #menu-secondary ul ul,
			.rtl #menu-secondary ul ul { text-align: right; }

		/* Lists */

			#menu-primary ul ul,
			#menu-secondary ul ul {
				width:  230px;
				margin: 20px 0 0;
			}

			#menu-primary ul ul   { top: 43px; }
			#menu-secondary ul ul { top: 40px; }

			#menu-primary   .menu-items li:hover > ul,
			#menu-primary   .menu-items li:focus > ul,
			#menu-primary   .menu-items li.focus > ul,
			#menu-secondary .menu-items li:hover > ul,
			#menu-secondary .menu-items li:focus > ul,
			#menu-secondary .menu-items li.focus > ul { margin: 0; }

				.ltr #menu-primary   ul ul,
				.ltr #menu-secondary ul ul,
				.ltr #menu-primary   li:hover > ul,
				.ltr #menu-primary   li:focus > ul,
				.ltr #menu-primary   li.focus > ul,
				.ltr #menu-secondary li:hover > ul,
				.ltr #menu-secondary li:focus > ul,
				.ltr #menu-secondary li.focus > ul { margin-left: -10px; }

				.rtl #menu-primary   ul ul,
				.rtl #menu-secondary ul ul,
				.rtl #menu-primary   li:hover > ul,
				.rtl #menu-primary   li:focus > ul,
				.rtl #menu-primary   li.focus > ul,
				.rtl #menu-secondary li:hover > ul,
				.rtl #menu-secondary li:focus > ul,
				.rtl #menu-secondary li.focus > ul { margin-right: -10px; }

				#menu-primary.menu   li li:hover > ul,
				#menu-primary.menu   li li:focus > ul,
				#menu-primary.menu   li li.focus > ul,
				#menu-secondary.menu li li:hover > ul,
				#menu-secondary.menu li li:focus > ul,
				#menu-secondary.menu li li.focus > ul { margin: 0; }

				#menu-primary   ul ul ul,
				#menu-secondary ul ul ul {
					top:    0;
					margin: 0;
				}

					.ltr #menu-primary   ul ul ul,
					.ltr #menu-secondary ul ul ul { left: 236px; margin-left: 20px; }

					.rtl #menu-primary   ul ul ul,
					.rtl #menu-secondary ul ul ul { right: 236px; margin-right: 20px; }

			/* List items */

			.ltr #menu-secondary li { margin-left: 5px; }
			.rtl #menu-secondary li { margin-right: 5px; }

				.ltr #menu-secondary li li { margin-left: 0; }
				.rtl #menu-secondary li li { margin-right: 0; }


			/* List item links */

				#menu-primary   li a,
				#menu-secondary li a {
					display:         block;
				}

				#menu-primary li a { padding: 0.75rem 0 1.25rem; }

					.ltr #menu-primary li a { margin-right: 1rem; }
					.rtl #menu-primary li a { margin-left:  1rem; }

				nav#menu-secondary li a {
					margin:          0;
					padding:         0.5rem 1rem;
                    font-size:      1rem!important;
					font-weight:     600;
                    border-radius: 5px;
                    color: #FFF;
				}
                #menu-secondary li a:after {
                    display: none;
                }

					#menu-primary   li li a,
					#menu-secondary li li a {
						position:       relative;
						display:        block;
						width:          180px;
						padding:        10px 10px;
						font-size:      0.75rem;
						font-weight:    400;
						line-height:    1.5;
						border-top:     1px solid;
					}

	/* === Search form === */

    #menu-primary .search-form {
        float: right;
    }
        #menu-primary .label-search {
            display: none;
        }

		.ltr #menu-primary .search-form { right: 0; }
		.rtl #menu-primary .search-form { left:  0; }

		#menu-primary .search-toggle {
			height:      43px;
			padding:     0 10px;
			line-height: 43px;
			box-sizing:  border-box;
		}

			.ltr #menu-primary .search-toggle { float: left; }
			.rtl #menu-primary .search-toggle { float: right; }

			#menu-primary .search-toggle:before {
				content:     '\f400';
				font-size:   20px;
				cursor:      pointer;
				padding:     0 0 1px;
				vertical-align: top;
			}

				#menu-primary .search-field {
					display:     inline-block;
					padding:     7px 8px;
					width:       200px;
					height:       43px;
					border: none;
					font-size:   0.9375rem;
					opacity:     1;
					box-sizing:  border-box;
				}

					.ltr #menu-primary .search-field { margin-left:  -2px; }
					.rtl #menu-primary .search-field { margin-right: -2px; }

				#menu-primary .search-form input[type="submit"] { display: none; }
}

/********************************************************************************************************
 * ====== End Menus ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 1.11 - Plugins
 *
 * This section handles the output of specific plugins that the theme supports.  The theme isn't limited
 * to these plugins.  It merely gives some extra love to these plugins.
 ********************************************************************************************************/

/**
 * Clean My Archives
 * @link http://themehybrid.com/plugins/clean-my-archives
 */

	.clean-my-archives .month-year a { border: none; }

	.clean-my-archives ul { list-style: none; }

		.ltr .clean-my-archives ul { margin-left:  10px; }
		.rtl .clean-my-archives ul { margin-right: 10px; }

		.clean-my-archives li {
			position:    relative;
			line-height: 1.75;
		}

			.ltr .clean-my-archives li { padding-left:  40px; }
			.rtl .clean-my-archives li { padding-right: 40px; }

			.clean-my-archives .day {
				position:    absolute;
				display:     inline-block;
				font-weight: 600;
			}

			.ltr .clean-my-archives .day { left:  0; }
			.rtl .clean-my-archives .day { right: 0; }

			.clean-my-archives .comments-number {
				display:    inline-block;
				font-size:  1rem;
				font-style: italic;
			}

			.clean-my-archives .day-duplicate .day {
				text-indent: -9999em;
				border-left: 1px solid;
			}

			.ltr .clean-my-archives .day-duplicate .day { margin-left:  12px; }
			.rtl .clean-my-archives .day-duplicate .day { margin-right: 12px; }

/**
 * Whistles
 * @link http://themehybrid.com/plugins/whistles
 */

.whistles {
	width:       100%;
	margin:      0 0 1.5rem;
}

	.whistle-title:hover { cursor: pointer; }

	.whistle-content { overflow: hidden; }

/* === Tabs === */

	/* Unordered list. */
	.whistles-tabs .whistles-tabs-nav {
		position: relative;
		z-index: 1;
		list-style: none;
		margin: 0;
	}

		/* Individual list item. */
		.whistles-tabs-nav li { display: inline; }

		.rtl .whistles-tabs-nav li { float: right; }

			/* Link within list item. */
			.whistles-tabs-nav li a {
				display:     inline-block;
				padding:     0.75rem 1.5rem;
				font-size:   0.9375rem;
				font-weight: 700;
				border:      1px solid;
			}

			.ltr .whistles-tabs-nav li a { border-right-width: 0; }
			.rtl .whistles-tabs-nav li a { border-left-width:  0; }

			.ltr .whistles-tabs-nav li:last-child a { border-right-width: 1px; }
			.rtl .whistles-tabs-nav li:last-child a { border-left-width:  1px; }

	/* Wraps all of the tab content panels. */
	.whistles-tabs .whistles-tabs-wrap {
		position: relative;
		clear:    both;
		top:      -1px;
		padding:  1.5rem 1.5rem 0;
		border:   1px solid;
	}

/* === Toggle / Accordion === */

	/* Title for individual section. */
	.whistles-toggle    .whistle-title,
	.whistles-accordion .whistle-title {
		margin:      0;
		padding:     0.75rem 1.5rem;
		font-size:   0.9375rem;
		font-weight: 700;
		border:      1px solid;
		border-top-width: 0;
	}

	.whistles-toggle    .whistle-title:first-child,
	.whistles-accordion .whistle-title:first-child { border-top-width: 1px; }

	/* Individual toggle section content. */
	.whistles-toggle .whistle-content,
	.whistles-accordion .whistle-content {
		margin:  -1px 0 0;
		padding: 1.5rem 1.5rem 0 1.5rem;
		border:  1px solid;

		-moz-box-sizing: border-box;
		     box-sizing: border-box;
	}

/********************************************************************************************************
 * ====== End Plugins ======
 ********************************************************************************************************/

/********************************************************************************************************
 * 2 - Fun Zone
 *
 * This section of the stylesheet is what I call the fun area.  For the most part, you should feel free
 * to overwrite the following in your child theme's `style.css` file if your design calls for it.
 * Specifically, this deals with fonts and colors.  Those things are really the things that give your
 * child theme its uniqueness.  Have fun with it.  Go wild!
 ********************************************************************************************************/

/**
 * 2.1 - Font Family Definitions
 *
 * This theme operates with three dinstinct font rules.  The "primary" font is used for the majority of
 * text throughout the theme.  The "secondary" font is used for handling secondary use cases.  The
 * "headlines" font is specific to h1-h6 headers (with the exception of #site-description).
 *
 * If building a child theme for public release with custom fonts, the child theme should define only the
 * font rules it needs.  Copy the specific section below that you want to overwrite into the child theme.
 * Make sure to include the `.font-*` class as this will maintain forward compatibility with future
 * changes in the parent theme.
 */

/* ====== Primary Font ====== */

.font-primary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#site-description,
#reply-title small {
    font-family:  'Lexend', Arial, sans-serif;
}

/* ====== Secondary Font ====== */

.font-secondary,
dt,
th,
legend,
label,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select,
option,
.wp-caption-text,
.gallery-caption,
.mejs-controls,
.wp-playlist-item-meta,
.entry-byline,
.entry-footer,
.chat-author cite,
.chat-author,
.comment-meta,
.menu,
.breadcrumb-trail,
.media-info .prep,
.comment-reply-link,
.comment-reply-login,
.clean-my-archives .day,
.whistle-title {
	font-family:  'Open Sans', Arial, sans-serif;
}

/* ====== Headlines Font ====== */

.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a {
	font-family:  'Lexend', Arial, sans-serif;
}

/**
 * 2.2 - Color Definitions
 *
 * The following are all of the colors defined by the theme.  The only other colors are part of the theme
 * customizer options and should not be overwritten.  If needed, copy the specific sections below into
 * your child theme and make the necessary changes there.
 */

/*
 * Fun Zone: The colors below are safe to overwrite depending on what you need to do.  Have at it!
 */

/* ====== color: #656565 ====== */

body,
.media-shortcode-extend .media-info,
.wp-playlist-dark .wp-playlist-item {
	color: #656565;
}

/* ====== border-color: #e3e3e3 ====== */

h1,
h2,
hr,
code,
pre,
.form-allowed-tags code,
fieldset,
legend,
input,
select,
textarea,
.gallery .gallery-icon a img,
.avatar,
.display-header-text #header,
.wp-custom-logo #header,
#header,
.entry,
.format-chat .chat-author,
.media-info li,
.wp-playlist-tracks,
.wp-playlist-item,
.archive-description,
.navigation,
.loop-nav,
#sidebar-subsidiary,
li.ping,
.comment-content,
.clean-my-archives .day-duplicate .day,
.whistles-tabs-nav li a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-tabs .whistles-tabs-wrap,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.whistles-toggle .whistle-content,
.whistles-accordion .whistle-content {
	border-color: #e3e3e3;
}

/* ====== color: #858585 ====== */

caption,
td,
label,
input,
textarea,
select,
.gallery .gallery-caption,
.page-links,
.navigation,
.loop-nav,
.widget_recent_entries .post-date,
.widget-entry-views .entry-view-count,
.gallery-count,
.comment-respond .must-log-in,
.comment-respond .logged-in-as,
.comments-closed,
.comment-notes,
.form-allowed-tags,
.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.wp-playlist-dark .wp-playlist-item-meta {
	color: #222222;
}

/* ====== background: #252525 ====== */

#menu-primary .search-form > div,
.audio-shortcode-wrap,
.media-shortcode-extend .media-info,
.media-info-toggle,
.entry-content .media-info-toggle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.wp-audio-shortcode.mejs-container,
.mejs-controls,
.mejs-volume-button .mejs-volume-slider,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark {
    background:#222222
}

/* ====== background: transparent ====== */

hr,
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-overlay-button,
.mejs-controls > .mejs-button button:hover,
.mejs-controls > .mejs-button button:focus,
#menu-primary .menu-toggle button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary .search-toggle,
#menu-primary .search-toggle:hover,
#menu-primary .search-toggle:focus  {
	background: transparent;
}
#menu-primary .search-toggle {
    transition: none;
    box-shadow: none;
}

/* ====== background: #fff ====== */

html,
#container > .wrap,
#reply-title small a,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
	background: #fff;
}

/* ====== Other colors ====== */

h1 { color: #222222; }
h2 { color: #222222; }
h3 { color: #222222; }
h4 { color: #222222; }
h5 { color: #222222; }

code {
	color:        #000;
	background:   #f6f6f6;
}

tr,
thead,
tfoot,
td { border-color: #f3f3f3; }

td { background: #fcfcfc; }

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
    background: #f9f9f9;
}

input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
	color:        #222222;
}

.wp-caption .wp-caption-text {
	color:      #FFFFFF;
	background: rgba( 0, 0, 0, 0.75 );
}

#menu-primary .menu-toggle button {
    color: rgba( 255, 255, 255, 0.75 );
    box-shadow: none;
}

#menu-primary li a,
#menu-secondary li li a,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus { color: rgba( 255, 255, 255, 0.75 ); }

@media only screen and (max-width: 1023px) {

	#menu-secondary .wrap,
	#menu-primary .search-form > div { background: #1f1f1f; }
}

#site-title a:hover,
#site-title a:focus { border-bottom-color: #d3d3d3; }

.image-sizes .sep { color: #e3e3e3; }

.format-chat .chat-speaker-1 .chat-author,
.format-chat .chat-speaker-11 .chat-author { color: #3498db; }
.format-chat .chat-speaker-2 .chat-author,
.format-chat .chat-speaker-12 .chat-author  { color: #f1c40f; }
.format-chat .chat-speaker-3 .chat-author,
.format-chat .chat-speaker-13 .chat-author  { color: #e74c3c; }
.format-chat .chat-speaker-4 .chat-author,
.format-chat .chat-speaker-14 .chat-author  { color: #2ecc71; }
.format-chat .chat-speaker-5 .chat-author,
.format-chat .chat-speaker-15 .chat-author  { color: #f39c12; }
.format-chat .chat-speaker-6 .chat-author,
.format-chat .chat-speaker-16 .chat-author  { color: #9b59b6; }
.format-chat .chat-speaker-7 .chat-author,
.format-chat .chat-speaker-17 .chat-author  { color: #95a5a6; }
.format-chat .chat-speaker-8 .chat-author,
.format-chat .chat-speaker-18 .chat-author  { color: #16a085; }
.format-chat .chat-speaker-9 .chat-author,
.format-chat .chat-speaker-19 .chat-author  { color: #e67e22; }
.format-chat .chat-speaker-10 .chat-author,
.format-chat .chat-speaker-20 .chat-author  { color: #1abc9c; }

.archive-description {
	color:      #757575;
	background: #f9f9f9;
    margin-top: 1.5rem;
    font-size: 0.9rem;
    border-radius: 5px;
}

li.ping,
.comment-content {
    background: #f9f9f9;
    border-radius: 5px;
}

#footer a { color: rgba( 255, 255, 255, 0.75 ); }

.clean-my-archives .comments-number { color: #aaa; }

.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title { background: #f3f3f3; }

.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus { background: #efefef; }

.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
	border-bottom-color: #fff;
}

.media-shortcode-extend .audio-info     { border-color: #202020; }
.media-shortcode-extend .media-info li,
.wp-playlist-dark .wp-playlist-item     { border-color: #222222; }
.wp-video-shortcode .mejs-controls,
.wp-playlist-dark .mejs-controls        { border-color: #151515; }
.mejs-time-rail .mejs-time-float        { border-color: #454545; }
.mejs-time-rail .mejs-time-float-corner { border-top-color: #fff; }

.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title:focus,
.whistles-accordion .whistle-title[aria-selected="true"] {
	background: #efefef;
}

.mejs-time-rail .mejs-time-total,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	background: #454545;
}

.mejs-time-rail .mejs-time-current { background: rgba( 255, 255, 255, 0.35 ); }

.mejs-overlay-play .mejs-overlay-button::after { text-shadow: 1px 1px 2px #151515; }

.mejs-button button:focus { outline-color: #555; }

	/* Menu colors */

	@media only screen and (min-width: 1024px) {

		.menu li > ul::before {
			border-right-color:  transparent;
			border-bottom-color: #252525;
			border-left-color:   transparent;
		}

		.menu li li > ul::before {
			border-top-color:    transparent;
			border-bottom-color: transparent;
		}

		.ltr .menu li li > ul::before { border-right-color: #252525; }
		.rtl .menu li li > ul::before { border-left-color:  #252525; }

		#menu-primary   li li a,
		#menu-secondary li li a {
			background:   #1f1f1f;
			border-color: #1d1d1d;
		}

		#menu-primary   ul ul li a:hover,
		#menu-secondary ul ul li a:hover,
		#menu-primary   ul ul li a:focus,
		#menu-secondary ul ul li a:focus { background: #191919; }

		#menu-primary .search-form .search-toggle::before {
			color: rgba( 255, 255, 255, 0.75 );
            font-size: 1.2rem;
            transition: all 0.5s ease-in-out;
		}

		#menu-primary .search-toggle:hover::before,
		#menu-primary .search-toggle:focus::before { color: #fff; }

	}

/* =/=/=/=/=/= End fun zone. =/=/=/=/=/= */

/*
 * Colors Danger Zone: The white color is used in contrast to the 'primary' theme color. It's not recommended to
 * overwrite this specific color section. If overwriting, it should be a very light color.
 */

::selection {
	color: #fff; /* Don't combine with other elements. Breaks Firefox. */
}

.entry-content blockquote a:hover,
.entry-content blockquote a:focus,
.wp-calendar td.has-posts a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary   li.current-menu-item > a,
#menu-primary   li a:hover,
#menu-primary   li a:focus,
#menu-secondary li li a:hover,
#menu-secondary li li a:focus,
#menu-sub-terms li a,
.page-links a,
.page-links a:hover,
.page-links a:focus,
.widget-title > .wrap,
.widget-title > .wrap a,
#comments-number > .wrap,
#reply-title > .wrap,
.attachment-meta-title > .wrap,
.comment-reply-link,
.comment-reply-login,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-login:hover,
.comment-reply-login:focus,
.media-shortcode-extend a,
.media-shortcode-extend a:hover,
.media-shortcode-extend a:focus,
.media-info-toggle,
.entry-content .media-info-toggle,
.mejs-time .mejs-currenttime,
.mejs-time .mejs-duration,
.mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.mejs-volume-button .mejs-volume-slider .mejs-volume-handle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark .wp-playlist-playing,
.wp-playlist-dark .wp-playlist-caption:hover,
.wp-playlist-dark .wp-playlist-caption:focus,
.wp-playlist-dark .wp-playlist-item:hover
.wp-playlist-dark .wp-playlist-item:focus,
.skip-link .screen-reader-text:focus {
	color: #fff;
}

pre,
.form-allowed-tags code {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, 0.5)), color-stop(.5, transparent), to(transparent));
	background-image: -webkit-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
	background-image:    -moz-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
	background-image:      -o-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
	background-image:         linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
}

/* =/=/=/=/=/= End colors danger zone. =/=/=/=/=/= */

/********************************************************************************************************
 * This concludes the fun area for making your child theme unique.
 ********************************************************************************************************/

.media-shortcode-extend .media-info,
.wp-playlist-dark .wp-playlist-item,
body {
    color:#222222;
}

#reply-title small, #site-description, .font-primary, .label-checkbox, .label-radio, .required, body, input, textarea {
    font-family: 'Open Sans',Arial,sans-serif;
}

#menu-secondary .menu-toggle button {
    margin:0rem;
}

@media only screen and (max-width: 1023px) {
    #menu-primary a,
    #menu-secondary a,
    #menu-primary button,
    #menu-secondary button {
        color: #FFF !important;
    }
}

@media only screen and (max-width:1024px) {
    #menu-primary .search-form>div,
    #menu-secondary .wrap {
        background:#222222
    }
    #menu-primary li a {
        border-color:#FFF
    }
}

#menu-primary li a {
    text-transform:none!important;
    font-size: 1rem;
}

fieldset {
    padding:1.5rem 1.5rem 1.5rem;
}

.archive-header h1, .archive-header h2 {
    margin: 0;
}

a img {
    opacity: 1;
}

#menu-social ul li {
    display: inline-block;
    margin-bottom: 0rem;
    margin-left: 1rem;
}
#menu-social ul li a:hover {
    text-decoration: underline;
}
#menu-social li a::before, #menu-social li a::after {
    display: none;
}
.menu-items .screen-reader-text,
.menu-items .assistive-text {
    position:static;
}

#footer {
    background: #000000;
    font-size: 0.75rem!important;
}
#footer *, #sidebar-subsidiary * {
    font-size: 0.75rem!important;
}
#footer .credit, #sidebar-subsidiary * {
    color: #FFF;
}
#footer>.wrap,
#sidebar-subsidiary>.wrap,
#menu-primary>.wrap {
    max-width:1024px;
}

.button, input[type='submit'], input[type='reset'], input[type='button'], button, .page-links a, .comment-reply-link, .comment-reply-login, .wp-calendar td.has-posts a, #menu-sub-terms li a, #menu-secondary li a {
    border-radius: 5px;
    font-size: 1.2rem!important;
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.4);
}
.button, input[type='submit'], input[type='reset'], input[type='button'], button, .comment-reply-link, #menu-secondary li a {
    text-decoration: none!important;
    font-family:  'Lexend', Arial, sans-serif;
}
.button {
    text-align: center;
    color: #fff;
    display:        block;
    padding:        0.75rem 1rem!important;
    font-weight:    400;
    border:         none!important;
    border-radius: 5px;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition:  all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.button:focus,
.button:hover {
    text-decoration: none;
    color: #fff;
}

.ltr .comment-reply-link,
.ltr .comment-reply-login { float: none; margin-right: 0rem; }

.widget-title>.wrap, #comments-number > .wrap, #reply-title > .wrap, .attachment-meta-title > .wrap {
    padding-left: 0;
}
.widget-title > .wrap,
.widget-title > .wrap a {
    background-color: transparent;
}

.comment-list .comment-respond {
    margin-top: 3rem;
    padding-bottom: 0;
}

.comment-list .comment-respond .form-submit {
    margin: 0;
}

#reply-title small a {
    margin: 0;
    padding: 0;
}
.ltr .comment-list li>.children {
    margin: 1.5rem 0 0 1.5rem;
}
.comment-respond label {
    margin-bottom: 0.25rem;
    display: inline-block;
}
.loop-nav, .navigation {
    font-size: 1rem;
}

.box {
    clear:   both;
    margin:  0 0 1.5rem;
    padding: 1.5rem;
    border:  1px solid #e3e3e3;
    background: #f9f9f9;
    overflow: auto;
    border-radius: 5px;
}
.box.box-shadow {
    border: none;
    background: #FFF;
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.4);
}
.box .left-col {
    width: 30%;
    float: left;
}
.box .right-col {
    width: 70%;
    float: left;
}
.box .progress:last-child {
    margin: 0;
}
.box .rating {
    padding-right: 1rem;
}
.box > div img {
    box-shadow: none;
}

.progress {
    width: 100%;
    display: block;
    background-color: #FFFFFF;
    height: 5px;
    border:  1px solid #e3e3e3;
    margin: 0.25rem 0 0.5rem 0;
    border-radius: 5px;
    overflow: hidden;
}
.progress-inner {
    display: block;
    float: left;
    height: 0.5rem;
}

.previews {
    margin: 0 -15px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: -1.5rem;
}
.previews .preview-outer {
    padding: 0 15px;
    float: left;
    box-sizing: border-box;
    margin-bottom: 1.5rem;
    width: 100%;
}
@media only screen and ( min-width: 700px ) {
    .previews {
        margin-bottom: -1rem;
    }
    .previews .preview-outer {
        margin-bottom: 2rem;
    }
    .previews .preview-outer {
        width: 50%;
        margin-bottom: 1rem;
    }
}
.previews .preview {
    border-radius: 5px;
    background: #FFF;
    padding: 15px;
    overflow: hidden;
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.4);
}
.previews .preview .thumbnail-wrapper {
    display: block;
    margin: -15px -15px 1rem -15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition:  all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.previews .preview .thumbnail-wrapper a {
    display: block;
    margin-bottom: 0;
}
.previews .preview .thumbnail-wrapper .cover {
    border-radius: 0;
    box-shadow: none;
}
.previews .preview .thumbnail-wrapper:hover, .previews .preview .thumbnail-wrapper:focus {
    opacity: 0.8;
}
.previews .preview img, .previews .preview .cover .cover-inner {
    width: 100%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
    display: block;
}
.previews .preview:last-child {
    margin: 0;
}
.previews .preview .cover .cover-inner {
    padding: 1rem;
}
.previews .preview .cover .cover-header h2 {
    font-size: 18px;
}
.previews .preview .cover .cover-icon {
    bottom: 1rem;
    transform: scale(0.5);
    transform-origin: 0% 100%;
}
.previews .preview h5 {
    margin-bottom: 0.75rem;
}
.previews .preview p {
    margin: 0;
}
.widget ul li {
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
    list-style-type: none;
    border-bottom: 1px solid #e3e3e3;
}
.widget ul li:last-child {
    margin-bottom: 0;
}
.widget ul li a {
    font-size: 0.9rem;
}
.transition {
    transition: all .2s ease;
}
.button.transition:hover, .button.transition:focus {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px, rgba(51, 51, 51, 0.2) 0px 0px 0px 9px;
}

.entry img {
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.4);
    border-radius: 5px;
    overflow: hidden;
}
.widget_sp_image-image-link img {
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.4);
    border-radius: 5px;
    overflow: hidden;
    display: block;
}

.lyte-wrapper {
    margin: 0 0 1.5rem 0!important;
}

.orderform-link {
	text-align: center;
}


.slider-wrapper {
    margin-bottom: 1.5rem;
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.4);
    border-radius: 5px;
    overflow: hidden;
    transform: translateZ(0);
}
.slider .slick-slide {
    position: relative;
}
.slider .slider-thumb {
    overflow: hidden;
    padding-bottom: 56.25%;
}
.slider img {
    display: block;
    margin: 0;
    width: 100%;
    position: absolute;
    border-radius: 0;
}
.slider .slider-content {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 1rem;
    box-sizing: border-box;
}
@media only screen and ( min-width: 700px ) {
    .slider .slider-content {
        padding: 1.5rem 1rem;
    }
}
.slider .slider-content h2 {
    margin-bottom: 0.75rem;
}
.slider .slider-content h2, .slider .slider-content p {
    color: #FFF;
}
@media only screen and ( max-width: 540px ) {
    .slider .slider-content h2 {
        font-size: 1.2rem;
    }
    .slider .slider-content p {
        font-size: 0.8rem;
    }
}
.slider a:hover, .slider a:focus {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.3);
}
#toc_container {
    clear: both;
    margin: 0 0 1.5rem;
    padding: 1.5rem;
    border: 1px solid #e3e3e3;
    background: #f9f9f9;
    overflow: auto;
    border-radius: 5px;
    box-sizing: border-box;
}
.toc_title {
    font-weight: bold;
    margin: 0;
}
.toc_list {
    margin: 1.5rem 0 0 1.5rem;
}
.toc_list li {
    margin-bottom: 0.25rem;
}
.toc_list li a {
    margin-bottom: 0;
}
.affiliarena-credit {
    font-size: 0.9rem;
}
.mt0 {
    margin-top: 0!important;
}
.mb0 {
    margin-bottom: 0!important;
}
.mt5 {
    margin-top: 5px!important;
}
.mb5 {
    margin-bottom: 5px!important;
}

.cover {
    margin-bottom: 1.5rem;
    transform: translateZ(0);
    padding-bottom: 56.25%!important;
    display: block;
}
.cover .cover-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    background: #FFF;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.4);
}
.cover .cover-inner:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: ' ';
    left: 0;
    top: 0;
    background: linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
}
.cover .cover-header {
    position: relative;
    z-index: 1;
    width: 70%;
}
.cover .cover-header h2 {
    color: #FFF;
    font-size: 24px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.cover .cover-header h2 span {
    font-family:  'Lexend', Arial, sans-serif;
}
.cover .cover-icon {
    position: absolute;
    bottom: 1rem;
    z-index: 0;
}
.cover .cover-emotional {
    position: absolute;
    z-index: 0;
    top: 1rem;
    right: 1rem;
    height: 100%;
    display: block;
    bottom: 0;
}
.cover .cover-emotional img {
    position: relative;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    display: block;
    height: 100%;
    width: auto;
    float: right;
}
@media only screen and ( min-width: 700px ) {
    .cover .cover-inner {
        padding: 2rem;
    }
    .cover .cover-header h2 {
        font-size: 36px;
    }
    .cover .cover-icon {
        bottom: 2rem;
    }
}
.shariff {
    margin: 0 -3px 1.5rem -3px;
}
.shariff .shariff-buttons li {
    border-radius: 5px!important;
    margin: 0 3px!important;
}
.shariff .shariff-buttons li a {
    border-radius: 0!important;
}
.sticky-cta {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.95rem 0 0.95rem 0;
    background: #FFF;
    z-index: 999;
    box-sizing: border-box;
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.4);
}
body.scrolled .sticky-cta {
    display: block;
}
.sticky-cta .button {
    width: auto;
    display: inline-block;
    float: right;
    padding: 0.5rem 1rem!important;
    font-size: 1rem!important;
    transition: all 0.2s ease-in-out;
    margin: 0;
}
.sticky-cta h6 {
    float: left;
    margin: 0.6rem 0 0 0;
}

.stargazer-widget ul li {
    border: none;
}
.stargazer-widget.socials p {
    margin-bottom: 1rem;
}
.socials-buttons, .trust-badges {
    padding: 0;
    margin: 0;
}
.stargazer-widget ul .social-button, .trust-badges li {
    list-style-type: none;
    padding: 0!important;
    margin-bottom: 0!important;
    float: left;
    margin-right: 10px;
}
.social-button a {
    display: block;
    transition: all 0.2s ease-in-out;
}
.social-button a svg {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
}
.social-button a:hover, .social-button a:focus {
    transform: scale(1.1);
}
.trust-badges img {
    width: 60px;
}