/*
Theme Name: DELUCKS
Theme URI: https://delucks.com/theme/
Author: DELUCKS
Author URI: https://delucks.com/
Description: Free WordPress theme optimized for the Gutenberg editor. Minimal styling with many Customizer options. GDPR (DSGVO in German) ready without Google Fonts and with Lazy Load function for embedded YouTube videos. Responsive and fast. Mobile first setup possible. Perfect in combination with the <a href="https://wordpress.org/plugins/delucks-seo/" target="_blank">DELUCKS WordPress SEO Plugin</a>. Check out our <a href="https://delucks.com/theme/" target="_blank">customization recommendations</a>!
Version: 1.0.2 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: delucks
Tags: custom-header,custom-colors,custom-background,two-columns 

(C) 2006-2018 DELUCKS GmbH
DELUCKS is distributed under the terms of the GNU GPL v2 or later.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Colors
# Forms 
# Mobile Navigation
# Header
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

body.admin-bar #masthead {
    top: 32px;
}

body.admin-bar {
    margin-top: 32px;
}

* {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	outline: 0;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

.site-header {
	position: fixed;
	top: 0;
    height: 70px; /* overrided by customizer height */
	width: 100%;
	z-index: 999;
	background: rgba(255, 255, 255, 0.95); /* overrided by customizer background */
}

.admin-bar .site-header {
	padding-top: 23px;
    height: 78px;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	-webkit-animation-delay: 2s;
    animation-delay: 2s;
	cursor: pointer;
}

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

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

b {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em auto;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

.clear {
	clear: both;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.sans-serif {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.serif {
	font-family: Georgia, "Times New Roman", Times, "serif";
}

body,
button,
input,
select,
textarea {
	font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

.content-area {
	line-height: 1.5;
}

h1 {
	font-size: 1.7em;
	line-height: 1.3em;
}

h2 {
    font-size: 1.4em;
	line-height: 1.3em;
}

h2.widget-title {
    margin-bottom: .5em;
}

h3,
.wp-block-latest-posts a,
.site h2.entry-title {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: normal;
	padding: 0 !important;
}

.site h2.entry-title a {
	text-decoration: underline;
}

.linksnotunderlined a {
	text-decoration: none;
}

.wp-block-gallery {
	padding: 0;
	margin: 0;
}

ul.wp-block-gallery {
    max-width: 100%;
	padding: 0;
}

.wp-block-cover-image.has-parallax {
    background-position: center;
}

h1 a,
h2 a,
h3 a {
    text-decoration: none;
}

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

address {
	margin: 0 0 1.5em;
}

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

code,
kbd,
tt,
var {
	font-family: Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

.bright,.darkbg {
	color: #fff;
}

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

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

blockquote:before,
q:before {
	position: absolute;
	font-size: 2em;
	opacity: .15;
	content: "»";
    margin-left: -.7em;
	line-height: 1.2em;
}


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

ul,
ol {
	margin-bottom: 1em;
	-webkit-padding-start: 0;
}

ul {
	list-style: disc;
	padding-left: 1em;
}

ol {
	list-style: decimal;
	padding-left: 1em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
}

.fullthumbnail {
    width: 100%;
    text-align: center;
	padding-bottom: 10px;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Gutenberg */
.wp-block-columns {
	display: flex;
}

p.has-background {
	width: 100%;
}


@media(max-width: 37.5em){
	.wp-block-column {
		width: 100% !important;
		margin: 0 !important;
	}

	.wp-block-text-columns, .wp-block-text-columns.aligncenter {
		display: block;
	}
}

/*--------------------------------------------------------------
# Forms & Paddings
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	padding: 10px;
	margin: -5px 0;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    filter:     alpha(opacity = 50);
	-ms-filter: "alpha(opacity = 50)";
	opacity:    .50;	
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 1px solid #cacaca75;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input,
textarea {
	padding: 8px 10px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/* Contact Form 7 */
.wpcf7 p {
	-webkit-margin-before: 0;
}

/* Gravity Forms */
.gform_wrapper {
	max-width: 75vw !important;
    margin: 0 auto !important;
    padding: 1vh 0;
    clear: both;
}

/* WooCommerce */
.woocommerce input,
input#coupon_code {
	border: 1px solid #cacaca75;
	padding: 10px;
}

table.shop_table.shop_table_responsive {
    display: -webkit-box;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
	width: 100%;
}

p.woocommerce-mini-cart__empty-message {
    display: none;
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
.menus, .site-footer {
    max-width: 100%;
    margin: 0 auto;
    width: inherit;
    position: relative;
    vertical-align: middle;
}

		
.menus, .site-footer, #header_right {
	padding: 5px 0;
}

#site-navigation-mobile {
	display: none;
}
.show-hamburger-desktop #mobileMenuToggle ul.menu {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.show-hamburger-desktop #mobileMenuToggle ul.menu .sub-menu {
	display: block !important;
	position: relative;
	background: transparent;
	left: 0;
	top: 0;
	margin: 0 0 -20px 20px;
}
.show-hamburger-desktop #site-navigation-mobile {
    display: inline-grid;
    float: right;
}
.show-hamburger-desktop #site-navigation {
	display: none;
}

.show-hamburger-desktop #mobileMenuToggle{
    font-size: 20px;
    background: none;
    border: none;
    z-index: 999;
	display: block;
	cursor: pointer;
	position: relative;
	-webkit-user-select: none;
  	user-select: none;
    right: 0;
    top: 2.5px;
	padding-top: 100%;
    float: right;
}
.show-hamburger-desktop #mobileMenuToggle input{
  	display: block;
  	width: 21px;
    height: 28px;
    position: absolute;
    top: -3px;
    left: -2px;
  	cursor: pointer;
  	opacity: 0; /* hide this */
  	z-index: 2; /* and place it over the hamburger */
  	-webkit-touch-callout: none;
}
.show-hamburger-desktop #mobileMenuToggle span{
  	display: block;
  	width: 25px;
  	height: 3px;
  	margin-bottom: 5px;
  	position: relative;
  	background: #000007;
  	border-radius: 0px;
  	z-index: 1;
  	transform-origin: 4px 0px;
  	-webkit-transform-origin: 4px 0px;
  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              	opacity 0.55s ease;
    -webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              	opacity 0.55s ease;
}

.show-hamburger-desktop #header_right {
    display: none;
}

.show-hamburger-desktop #mobile_header_right {
	display: block;
}

#menuToggle span:first-child{
  	transform-origin: 0% 0%;
  	-webkit-transform-origin: 0% 0%;
}
/*#mobileMenuToggle span:nth-last-child(2){ 1
	margin-bottom: 0;
  	transform-origin: 0% 100%;
  	-webkit-transform-origin: 0% 100%;
}*/
#mobileMenuToggle input:checked ~ span{
  	opacity: 1;
  	background: #232323;
  	
  	transform: rotate(45deg) translate(0, 0);
  	-webkit-transform: rotate(45deg) translate(0, 0);
  	-ms-transform: rotate(45deg) translate(0, 0);
	-moz-transform: rotate(45deg) translate(0, 0); 	
}
/*l#mobileMenuToggle input:checked ~ span:nth-last-child(2){
  	opacity: 0;
  	
  	transform: rotate(0deg) scale(0.2, 0.2);
  	-webkit-transform: rotate(0deg) scale(0.2, 0.2);
  	-ms-transform: rotate(0deg) scale(0.2, 0.2);
	-moz-transform: rotate(0deg) scale(0.2, 0.2);
}*/
#mobileMenuToggle input:checked ~ span:nth-last-child(2){
	transform: rotate(-45deg) translate(-4px, 2px);
	-webkit-transform: rotate(-45deg) translate(-4px, 2px);
	-ms-transform: rotate(-45deg) translate(-4px, 2px);
	-moz-transform: rotate(-45deg) translate(-4px, 2px);
}
#mobileMenuToggle #primary_menu{
  	position: absolute;
  	width: 300px;
  	height: 104vh;
	top: 100%;
  	margin: 0 0 0 100vw;
  	padding: 50px;
  	padding-top: 125px;
  	background: #ededed;
  	list-style-type: none;
  	-webkit-font-smoothing: antialiased;
  	transform-origin: 0% 0%;
  	-webkit-transform-origin: 0% 0%;
  	transform: translate(100%, 0%);
  	-webkit-transform: translate(100%, 0%);
  	-ms-transform: translate(100%, 0%);
	-moz-transform: translate(100%, 0%);
	
  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  	-webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#mobileMenuToggle #primary_menu li{
  	padding: 10px 0;
  	font-size: 22px;
	float: none;
}
#mobileMenuToggle .menu-hauptmenue-container {
    height: auto;
    padding: auto;
    filter: alpha(opacity = 1);
    -ms-filter: "alpha(opacity = 1)";
    opacity: 1;
}
#mobileMenuToggle input:checked ~ div ul#primary_menu {
    -webkit-transform: none;
    transform: none;
    margin: -111px 0 0 -231px;
}

nav#site-navigation-mobile.delucks-mobile-header-full #mobileMenuToggle input:checked ~ div ul#primary_menu {
    -webkit-transform: none;
    transform: none;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    left: 0px;
    max-width: 100vw;
}

.delucks-mobile-header-full ul li {
	text-align: center;
}

@media(max-width: 37.5em){
	#header_right {
	    display: none;
	}
	#mobile_header_right {
		display: block;
	}
	#mobileMenuToggle ul.menu {
		display: block;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	body .show-hamburger-desktop #mobileMenuToggle ul.menu .sub-menu, body #mobileMenuToggle ul.menu .sub-menu {
	   display: none !important;
	}

	#site-navigation-mobile {
	    display: block;
	    z-index: 99;
	}
	#site-navigation {
		display: none;
	}
	#header-image {
	    z-index: 99;
	    position: relative;
	    float: none;
	    max-width: 50%;
	}
	.menus, #content, .site-footer{
		padding: 0;
	}
	#mobileMenuToggle{
	    color: #000007;
	    font-size: 20px;
	    background: none;
	    border: none;
	    z-index: 999;
		display: block;
		cursor: pointer;
		padding: 10px 0;
		position: relative;
		-webkit-user-select: none;
	  	user-select: none;
	    right: 0;
	    top: 0;
	    float: right;
	}
	#mobileMenuToggle input{
	  	display: block;
	  	width: 54px;
	  	height: 63px;
	  	position: absolute;
	  	top: 0;
	  	left: -11px;
	  	cursor: pointer;
	  	opacity: 0;
	  	z-index: 2;
	  	-webkit-touch-callout: none;
	}
	#mobileMenuToggle span{
	  	display: block;
	  	width: 33px;
	  	height: 2px;
	  	margin-bottom: 9px;
	  	position: relative;
	  	background: #000007;
	  	border-radius: 0px;
	  	z-index: 1;
	  	transform-origin: 4px 0px;
	  	-webkit-transform-origin: 4px 0px;
	  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              	opacity 0.55s ease;
	    -webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	              	opacity 0.55s ease;
	}
}

/* TOC Table of Contents Plus */
#toc_container {
    position: fixed;
    left: 10px;
    top: 30%;
	z-index: 10;
}

ul.toc_list {
	padding: 0;
}

.toc_list li { 
	list-style: none;
	float: none !important;
}

.toc_list li:before { 
	content: '';
	width: 10px;
	height: 10px;
	background: black;
	display: inline-block;
	opacity: 1 !important; 
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.toc_list li a {
	opacity: 0;
	padding: 5px 10px 5px 30px;
	margin-left: -20px;
	color: #000;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.toc_list li.active:before {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.toc_list li:hover > a { 
	opacity: 1;
	color: #000 !important;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#masthead {
	position: fixed;
	padding: 0 20px;
	display: grid;
}

#masthead a {
	text-decoration: none;
}

#header-image {
    z-index: 99;
    position: relative;
    max-width: 50%;
	margin-right: 8px;
}

@media screen and (max-width: 37.49em) {		
	#header-image {
		max-width: 80%;
	}	
}

#header-image a {
    line-height: 0;
	padding: 5px 0;
}

#header-image,
#header_left,
#site-navigation,
#header_right {
	display: inline-grid;
	vertical-align: middle;
}

#header_left > div {
	padding: 0 0 0 15px;
}

#primary-menu a {
	padding: 8px 10px;
}


.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}


.main-navigation ul ul {
	background: rgba(255, 255, 255, 0.95); /* Overrided with Customizer header background color */
	position: absolute;
	margin-top: .5em;
	top: 85px; /* Overrided with Customizer header font size */
	left: -999em;
	z-index: 99999;
}

.scrolling .main-navigation ul ul {
	top: 54px;
}

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

.main-navigation ul ul a {
	min-width: 200px;
    line-height: 1.5em;
}

.main-navigation ul ul li {
	margin-top: 0px;
    padding: 0px 0 0px 19px;
	display: flex;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #ffae00;
}

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

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

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

/* Mobile menu */
button.menu-toggle {
	background: none;
	border: none;
	z-index: 999;
}

.toggled button.menu-toggle {
	background: none;
}

.menu-toggle { 
	position: absolute; 
	right: 10px; 
	top: 15px;
}

.menu-toggle { 
	cursor: pointer; 
	padding: 20px 35px 16px 0px;
}

.menu-toggle span, 
.menu-toggle span:before, 
.menu-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 35px;
	background: #000;
	position: absolute;
	display: block;
	content: '';
}

.scrolling .menu-toggle span,
.scrolling .menu-toggle span:before,
.scrolling .menu-toggle span:after,
.toggled .menu-toggle span,
.toggled .menu-toggle span:before,
.toggled .menu-toggle span:after { 
	background: #666;
}

.menu-toggle span:before {
  top: -10px; 
}

.menu-toggle span:after {
  bottom: -10px;
}

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
  transition: all 500ms ease-in-out;
}

.toggled .menu-toggle span {
  background: transparent;
}

.toggled .menu-toggle span:before, .toggled .menu-toggle span:after {
  top: 0;
}

.toggled .menu-toggle span:before {
  transform: rotate(45deg);
}

.toggled .menu-toggle span:after {
  transform: rotate(-45deg);
}

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

@media screen and (max-width: 37.49em) {		
	.main-navigation li {
		float: none;
		margin-top: 0;
	}
	.main-navigation li a {
		padding-left: 22px;
		display: block;
	}
	
	#site-navigation {
		margin-top: 0;
		padding-top: 0;
	}
	
	.menu-hauptmenue-container {
		height: 0;
		padding: 0;
		filter:     alpha(opacity = 0);
		-ms-filter: "alpha(opacity = 0)";
		opacity:    .0;
	}
	
	.toggled .menu-hauptmenue-container {
		height: auto;
		filter:     alpha(opacity = 100);
		-ms-filter: "alpha(opacity = 100)";
		opacity:    1;
	}
	
	.sub-menu {
		display: none !important;
	}
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

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

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
	text-align: left;
    line-height: 1.1em;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a {
	text-decoration: none;
}

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

.widget {
	margin: 0 0 10px;
}

.widget select {
	max-width: 100%;
}

/* --- Header Widgets --- */
#mobile_header_right {
	display: none;
}

div > #header_right {
    display: -webkit-inline-box;
}

#header_right p {
    padding: 3px 0;
}

#header_right li {
	list-style: none;
	float: left;
	margin: 0 5px 0 5px;
}

@media only screen and (max-width : 800px) {
	#header_right {
		display: none;
	}
} 

/* Blog Widgets */
#above_blog div {
    margin-bottom: 50px;
}

/* Footer Widgets */
.footermenu {
    display: flex;
    margin-top: 10px;
}

ul#footer-menu {
    list-style: none;
    padding: 0;
}

#footer-menu ul {
	padding: 0;
	margin: 0;
}

.footer-widgets li {
    width: auto;
    list-style: none;
    text-align: left;
}

#footer-menu li {
    list-style: none;
	display: inline;
    float: left;
    margin-right: 15px;
}
	
#footer-menu li:hover > a,
#footer-menu li.focus > a {
	color: #999;
}

	
/* Search Form Widget */
input[type=search] {
	width: 100%;
	cursor: pointer;
	background: none;
	border: none;
}

#header_right input[type=search]:focus {
	max-width: 250px;
}

input[type=search]:focus {	
	cursor: auto;
}

.search-submit {
	display: none;
}

.footer-widgets input.search-field,.content-area input.search-field {
	width: 100%;
}

.content-area input.search-field {
	padding: 5px 0;
}

/* DELUCKS Sharing Widget */
#header_right .dpc-btn-wrap {
	padding: 5px;
    margin: -8px;
	border: 0;
}

.dpc-btn.dpc-btn-share {
	margin: 0 !important;
}

.dpc-btn.dpc-btn-share .dpc-label {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* DELUCKS Rating Widget */
.dpc-rating-wrap a, div[itemprop="aggregateRating"] {
    text-decoration: none;
}

.comment-form-rating .rating-symbol {
    padding: 5px !important;
    margin-right: 5px;
}

.comment-form-rating .fa-dpc-unicode-star::before {
    padding: 5px;
}

.rating-symbol-foreground {
	left: 5px !important;
}

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

#overallfooter {
	background: #1a1a1a;
	padding: 10px 20px;
}

#footer_left,
#footer_right {
	width: 49%;
	margin-top: 10px;
}

#footer_right {
	text-align: right;
} 

@media screen and (max-width:75vw){
	#footer_left,
	#footer_right {
		width: 100%;
	}
	
	#footer_right{
		text-align: left;
	} 
}

#overallfooter a,
#overallfooter .breadcrumbs {
	color: #B2B0B0;
	text-decoration: none;
}

#overallfooter a:hover {
	filter:     alpha(opacity = 50);
	-ms-filter: "alpha(opacity = 50)";
	opacity:    .50;
}


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

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

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

/*.aligncenter {
    text-align: center;
} */

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

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

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


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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

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

.entry-meta {
    padding: 0 !important;
}

.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a {
	color: #6c7781 !important;
	text-decoration: none;
}

ul.wp-block-latest-posts.aligncenter {
    list-style: none;
}

a.readmore {
    background: none;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
    color: #ccc;
    border: #ccc 1px solid;
    float: right;
    border-radius: 24px;
    margin-right: -55px;
    margin-top: -25px;
}

a.readmore:hover {
	color: #000;
	border-color: #000;

}


.post-categories li, .tags-links a {
    list-style: none;
    float: left;
    margin: 0 5px 0 0;
}

.post-categories li a, .tags-links a, .edit-link a {
    padding: 5px;
    display: inline-block;
	text-decoration: none;
}

ul.post-categories {
	margin: 0;
	-webkit-padding-start: 0;
	padding: 0;
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-list {
    -webkit-padding-start: 0;
}

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

ol.children {
    list-style: none;
    margin-left: 20px;
}

.comments-area a {
	word-wrap: break-word;
	border-bottom: none;
}

.bypostauthor {
	display: block;
}

.dpc-alert {
	display: none !important;
}

@media (min-width: 1150px) {
	.comment-form-rating,
	p.comment-form-author, 
	p.comment-form-email, 
	p.comment-form-url {
	    margin-right: 1%;
		width: 23%;
		display: inline-block;
	}
	
	p.form-submit {
		text-align: right;	
	}
	
}

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

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

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

.wpb_single_image .vc_figure-caption {
    font-size: 1em !important;
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Youtube replacement
--------------------------------------------------------------*/

.youtube-player {
	position: relative;
	padding-bottom: 56.23%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	width: 100%;
	margin-left: 0;
}
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}
.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}
.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}
.youtube-player .play {
	height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: rgba(25,25,25,.8);
    cursor: pointer;
    border-radius: 50%;
}

.youtube-player .play:before {
	content: '►';
    color: #fff;
	position: absolute;
    top: 14px;
    left: 23px;
    font-size: 30px;
}