/*
Theme Name: Autosoft Theme: Modena
Theme URI: https://www.autosoft.eu
Author: Autosoft - Automotive internet
Description: Modena Thema, Gebaseerd op TwentySeventeen. Dit thema heeft diverse theme options en maakt gebruik van Custom Posttypes. Fullscreen homepage video ondersteuning en diverse page-templates. Volledig geoptimaliseerd voor de Autocommerce occasion integratie. Tevens ondersteuning aanwezig voor het zelf wijzigen van kleuren, transparantie niveaus en lettertypen. Volledig responsive waardoor uw site ook geschikt is voor weergave op mobiele apparaten.
Version: 100.0
Text Domain: AS-Modena
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/





/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 AUTOSOFT
30.0 AUTOCOMMERCE

100.0 PRINT
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

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

abbr[title] {
    border-bottom: 1px #767676 dotted;
    text-decoration: none;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: 600;
}

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

dfn {
    font-style: italic;
}

mark {
    background-color: #eee;
    color: #222;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

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

img {
    border-style: none;
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

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

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none!important;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    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: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

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

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

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    padding-top: 0;
}

h1 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
}

h2,
.home.blog .entry-title {
    color: #666;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
}

h3 {
    color: #333;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
}

h4 {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 800;
}

h5 {
    color: #767676;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

h6 {
    color: #333;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 800;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
}

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

blockquote {
    color: #666;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.7;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

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

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

big {
    font-size: 125%;
}

blockquote {
    quotes: "" "";
}

q {
    quotes: "“" "”" "‘" "’";
}

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

:focus {
    outline: none;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
    font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
    font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
    font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
    font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
    font-weight: 700;
    line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
    font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
    font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
    font-weight: 700;
    line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
    font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
    font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
    font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
    font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
    font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
    font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
    font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
    line-height: 1.65;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
    line-height: 1.8;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
    letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
    /*color: #333;*/
    display: block;
    /*font-weight: 600;*/
    /*margin-bottom: 0.5em;*/
}

fieldset {
    margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0.7em;
    /*width: 100%;*/
}

input[type="search"] { width: 100% }

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

select {
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 3em;
    max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
    font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
    background-color: #222;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
    padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
    background-color: #ddd;
    color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
    background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
    margin: 0 0 1.5em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

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

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: left;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
    color: #222;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    color: #000;
    outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

a.zoomLink.cboxElement, a.zoomLink.cboxElement:hover,
.entry-content a[data-lbwps-width], .entry-content a[data-lbwps-width]:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
    text-decoration: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
    color: #000;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
    color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
    margin-bottom: 1em;
}

.post-thumbnail a img {
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
    opacity: 0.7;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
    background: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 16px;
    font-size: 1rem;
    position: relative;
}

.navigation-top .wrap {
    max-width: 1200px;
    padding: 0;
}

.navigation-top a {
    color: #222;
    font-weight: 600;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
    color: #767676;
}

.main-navigation {
    clear: both;
    display: block;
}

.main-navigation ul {
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0 1.5em;
    text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
    display: none;
}

.main-navigation > div > ul {
    border-top: 1px solid #eee;
    padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
    display: block;
}

.main-navigation ul ul {
    padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
    display: block;
}

.main-navigation ul ul a {
    letter-spacing: 0;
    padding: 0.4em 0;
    position: relative;
    text-transform: none;
}

.main-navigation li {
    border-bottom: 1px solid #eee;
    position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
    border: 0;
}

.main-navigation a {
    display: block;
    padding: 0.5em 0;
    text-decoration: none;
}

.main-navigation a:hover {
    color: #767676;
}

/* Menu toggle */

.menu-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    display: none;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 1px auto 2px;
    padding: 1em;
    text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
    display: block;
}

.main-navigation.toggled-on ul.nav-menu {
    display: block;
}

/*submenu mobiel fix */
@media screen and (max-width: 480px) {
ul ul.toggled-on li a { 
	line-height: 1.8em!important;
    font-size: 13px!important;
	}
}

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu-toggle:focus {
    /*outline: thin solid;*/
    outline: none;
}

.menu-toggle .icon {
    margin-right: 0.5em;
    top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
    display: none;
}

.toggled-on .menu-toggle .icon-close {
    display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    display: block;
    font-size: 16px;
    right: -0.5em;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0.5em;
    position: absolute;
    text-shadow: none;
    top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background: transparent;
}

.dropdown-toggle:focus {
    /*outline: thin dotted;*/
}

.dropdown-toggle .icon {
    transform: rotate(-90deg)!important;
    -ms-transform: rotate(-90deg)!important;
    -webkit-transform: rotate(-90deg)!important;
}

.dropdown-toggle.toggled-on .icon {
    -ms-transform: rotate(0deg)!important; /* IE 9 */
    -webkit-transform: rotate(0deg)!important; /* Chrome, Safari, Opera */
    transform: rotate(0deg)!important;
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
    display: none;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

#page {
    position: relative;
    /*word-wrap: break-word;*/
}

.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-left: 2em;
    padding-right: 2em;
}

.wrap:after {
    clear: both;
    content: "";
    display: block;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
    position: relative;
}

.site-header {
    background-color: #fafafa;
    position: relative;
}

/* Site branding */

.site-branding {
    padding: 1em 0;
    position: relative;
    -webkit-transition: margin-bottom 0.2s;
    transition: margin-bottom 0.2s;
    z-index: 3;
}

.site-branding a {
    text-decoration: none;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
    opacity: 0.7;
}

.site-title {
    clear: none;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.08em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.site-title,
.site-title a {
    color: #222;
    opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
    color: #fff;
}

.site-description {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
    color: #fff;
    opacity: 0.8;
}

.custom-logo-link {
    display: inline-block;
    padding-right: 1em;
    vertical-align: middle;
    width: auto;
}

.custom-logo-link img {
    display: inline-block;
    max-height: 80px;
    width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-height: 200px;
    max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
    opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
    display: inline-block;
    vertical-align: middle;
}

.custom-header {
    position: relative;
}

.has-header-image.autosoft-front-page .custom-header,
.has-header-video.autosoft-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
    display: table;
    height: 300px;
    height: 75vh;
    width: 100%;
}

.custom-header-media {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.custom-header-media:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0); /* IE6-9 */
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
    position: fixed;
    height: auto;
    left: 50%;
    max-width: 1000%;
    min-height: 100%;
    min-width: 100%;
    min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
    width: auto;
    top: 50%;
    padding-bottom: 1px; /* Prevent header from extending beyond the footer */
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
    background-color: rgba(34, 34, 34, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);
    height: 45px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 30px;
    top: 30px;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(34, 34, 34, 0.8);
    color: #fff;
}

.admin-bar .wp-custom-header-video-button {
    top: 62px;
}

.has-header-image:not(.autosoft-front-page):not(.home) .custom-header-media img {
    bottom: 0;
    position: absolute;
    top: auto;
    -ms-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
    .has-header-image .custom-header-media img,
    .has-header-video .custom-header-media video,
    .has-header-video .custom-header-media iframe,
    .has-header-image:not(.autosoft-front-page):not(.home) .custom-header-media img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        width: 100%;
    }
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
    display: none;
}

.has-header-image.autosoft-front-page .site-branding,
.has-header-video.autosoft-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.autosoft-front-page .site-content {
    padding: 0;
}

.autosoft-panel {
    overflow: hidden;
    position: relative;
}

.panel-image {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.panel-image:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    top: 100px;
}

.autosoft-front-page article:not(.has-post-thumbnail):not(:first-child) {
    border-top: 1px solid #ddd;
}

.panel-content {
    position: relative;
}

.panel-content .wrap {
    padding-bottom: 0.5em;
    padding-top: 1.75em;
}

/* Panel edit link */

.autosoft-panel .edit-link {
    display: block;
    margin: 0.3em 0 0;
}

.autosoft-panel .entry-header .edit-link {
    font-size: 14px;
    font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.autosoft-front-page .panel-content .recent-posts article {
    border: 0;
    color: #333;
    margin-bottom: 3em;
}

.recent-posts .entry-header {
    margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: none;
}

.autosoft-panel .recent-posts .entry-header .edit-link {
    color: #222;
    display: inline-block;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-left: 1em;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
    background-color: #fff;
    position: relative;
}

.site-content {
    padding: 2.5em 0 0;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
    position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
    display: none;
}

.sticky .icon-thumb-tack {
    display: block;
    height: 18px;
    left: -1.5em;
    position: absolute;
    top: 1.65em;
    width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.autosoft-front-page) .entry-title {
    color: #222;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.entry-header .entry-title {
    margin-bottom: 0.25em;
}

.entry-title a {
    color: #333;
    text-decoration: none;
    margin-left: -2px;
}

.entry-title:not(:first-child) {
    padding-top: 0;
}

.entry-meta {
    color: #767676;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 800;
    /*letter-spacing: 0.1818em;*/
    padding-bottom: 0.25em;
    text-transform: uppercase;
	float: right;
	margin-top: 6px;
}

.entry-meta a {
    color: #767676;
}

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

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

.pagination,
.comments-pagination {
    border-top: 1px solid #eee;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 2em 0 3em;
    text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
    width: 0.666666666em;
    height: 0.666666666em;
}

.comments-pagination {
    border: 0;
}

.page-numbers {
    display: none;
    padding: 0.5em 0.75em;
}

.page-numbers.current {
    color: #767676;
    display: inline-block;
}

.page-numbers.current .screen-reader-text {
    clip: auto;
    height: auto;
    overflow: auto;
    position: relative !important;
    width: auto;
}

.prev.page-numbers,
.next.page-numbers {
    background-color: #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background-color: #767676;
    color: #fff;
}

.prev.page-numbers {
    float: left;
}

.next.page-numbers {
    float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
    padding-bottom: 2em;
}

body:not(.autosoft-front-page) .entry-header {
    padding: 1em 0;
}

body:not(.autosoft-front-page) .entry-header,
body:not(.autosoft-front-page) .entry-content,
body:not(.autosoft-front-page) #comments {
    margin-left: auto;
    margin-right: auto;
}

body:not(.autosoft-front-page) .entry-header {
    padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
    color: #222;
    display: inline-block;
    margin-left: 1em;
    white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
    margin-left: 0;
    white-space: nowrap;
}

.taxonomy-description {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
    content: "";
    display: block;
    margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.autosoft-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 740px;*/
}

.single-featured-image-header {
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
    display: block;
    margin: auto;
}

.page-links {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 2em 0 3em;
}

.page-links .page-number {
    color: #767676;
    display: inline-block;
    padding: 0.5em 1em;
}

.page-links a {
    display: inline-block;
}

.page-links a .page-number {
    color: #222;
}

/* Entry footer */

.entry-footer {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 2em;
    padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 800;
    /*letter-spacing: 0.1818em;*/
    padding-left: 2.5em;
    position: relative;
    text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
    margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
    color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
    color: #767676;
    left: 0;
    margin-right: 0.5em;
    position: absolute;
    top: 2px;
}

.entry-footer .edit-link {
    display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
    background-color: #222;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    margin-top: 2em;
    padding: 0.7em 2em;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
    background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

.format-quote blockquote {
    color: #333;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    overflow: visible;
    position: relative;
}

.format-quote blockquote .icon {
    display: block;
    height: 20px;
    left: -1.25em;
    position: absolute;
    top: 0.4em;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    width: 20px;
}

/* Post Navigation */

.post-navigation {
    font-weight: 800;
    margin: 3em 0;
}

.post-navigation .nav-links {
    padding: 1em 0;
}

.nav-subtitle {
    background: transparent;
    color: #767676;
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    /*letter-spacing: 0.1818em;*/
    margin-bottom: 1em;
    text-transform: uppercase;
}

.nav-title {
    color: #333;
    font-size: 15px;
    font-size: 0.9375rem;
}

.post-navigation .nav-next {
    margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    margin-left: 0.5em;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
    padding-bottom: 2em;
}

.page .entry-header .edit-link {
    font-size: 14px;
    font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
    font-size: 11px;
    font-size: 0.6875rem;
}

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

.page:not(.home) #content {
    padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
    padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
    margin-bottom: 3em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
    border-top: 1px solid #eee;
}

.site-footer .wrap {
    padding-bottom: 0;
    padding-top: 2em;
}

/* Footer widgets */

.site-footer .widget-area {
    padding-bottom: 2em;
    padding-top: 2em;
}

/* Social nav */

.social-navigation {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1em;
}

.social-navigation ul {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
}

.social-navigation li {
    display: inline;
}

.social-navigation a {
    background-color: #767676;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    height: 40px;
    margin: 0 1em 0.5em 0;
    text-align: center;
    width: 40px;
}

.social-navigation a:hover,
.social-navigation a:focus {
    background-color: #333;
}

.social-navigation .icon {
    height: 16px;
    top: 12px;
    width: 16px;
    vertical-align: top;
}

/* Site info */

.site-info {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1em;
}

.site-info a {
    color: #666;
}

.site-info .sep {
    margin: 0;
    display: block;
    visibility: hidden;
    height: 0;
    width: 100%;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
    clear: both;
    padding: 2em 0 0.5em;
}

.comments-title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-list .children {
    margin-left: 25px;
    margin-top: -1em;
    margin-bottom: 1em;
}

.comment-list .children li {
    background: rgba(0, 0, 0, 0.04);
    padding: 10px 30px;
}

.comment-list .children li li {
    background: white;
}


.comment-list li:before {
    display: none;
}

.comment-body {
    margin-left: 65px;
}

.comment-author {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
}

.comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
    background: white;
}

.comment-author .says {
    display: none;
}

.comment-meta {
    margin-bottom: 1.5em;
}

.comment-metadata {
    color: #767676;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    /*letter-spacing: 0.1818em;*/
    text-transform: uppercase;
}

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

.comment-metadata a.comment-edit-link {
    color: #222;
    margin-left: 1em;
}

.comment-body {
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4em;
}

.comment-reply-link {
    font-weight: 800;
    position: relative;
    margin-left: 10px;
}

.comment-reply-link .icon {
    color: #222;
    left: -2em;
    height: 1em;
    position: absolute;
    top: 0;
    width: 1em;
}

.children .comment-author .avatar {
    height: 30px;
    left: -45px;
    width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    border: 1px solid #333;
    padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
    color: #767676;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
}

.comments-pagination {
    margin: 2em 0 3em;
}

.form-submit {
    text-align: right;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
    padding: 1em 0 2em;
}

.widget {
    padding-bottom: 3em;
}

h2.widget-title {
    color: #222;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    /*letter-spacing: 0.1818em;*/
    margin-bottom: 1.5em;
    text-transform: uppercase;
}

.widget-title a {
    color: inherit;
}

/* widget forms */

.widget select {
    width: 100%;
}


/* widget lists */

.widget ul {
    list-style: none;
    margin: 0;
}

.widget.widget_recent_entries ul li,
.widget.widget_nav_menu ul li {
    border-bottom: 1px solid #ddd;
    padding: 0.5em 0;
}
.widget.widget_recent_entries ul li:first-child,
.widget.widget_nav_menu ul li:first-child {
	border-top: 1px solid #ddd;
}

.widget.widget_recent_entries ul li a,
.widget.widget_nav_menu ul li a {
	display: block;
	padding-left: 6px;
	-webkit-transition: all 150ms ease-in-out!important;
    -moz-transition: all 150ms ease-in-out!important;
    -ms-transition: all 150ms ease-in-out!important;
    -o-transition: all 150ms ease-in-out!important;
    transition: all 150ms ease-in-out!important;
}

.widget.widget_recent_entries ul li a:hover,
.widget.widget_nav_menu ul li a:hover { padding-left: 12px;}

/*
.widget ul li + li {
    margin-top: -1px;
}
*/

.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-left: 24px;
    padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

.widget_rss ul li {
    padding-bottom: 1em;
    padding-top: 1em;
}

/* widget markup */

.widget .post-date,
.widget .rss-date {
    font-size: 0.81em;
}

/* Text widget */

.widget_text {
    word-wrap: break-word;
}

.widget_text ul {
    list-style: disc;
    margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
    list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
    border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}

.widget_text ul li ul {
    margin: 0 0 0 1.5em;
}

.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}

.widget_text ol li {
    list-style-position: inside;
}

.widget_text ol li + li {
    margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}

.widget_rss ul li {
    padding: 2.125em 0;
}

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss li .rsswidget {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
    color: #767676;
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.widget_rss .rss-date {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
    margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
    border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
    display: block;
}

/* Search */

.search-form {
    position: relative;
}

.search-form .search-submit {
    bottom: 3px;
    padding: 0.5em 1em;
    position: absolute;
    right: 3px;
    top: 3px;
}

.search-form .search-submit .icon {
    height: 24px;
    top: -2px;
    width: 24px;
}

/* Tag cloud widget */

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
    line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    float: left;
    font-size: 14px !important; /* !important to overwrite inline styles */
    font-size: 0.875rem !important;
    margin: 4px 4px 0 0 !important;
    padding: 4px 10px 5px !important;
    position: relative;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: auto;
    word-wrap: break-word;
    z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
    border-color: #bbb;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
    text-align: center;
}

.widget_calendar tfoot td {
    border: 0;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

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

img.alignleft,
img.alignright {
    float: none;
    margin: 0;
}

.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 {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption,
.gallery-caption {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    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;
}

/* Media Elements */

.mejs-container {
    margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
    background: transparent;
    border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
    border-color: #eee;
    color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
    color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
    color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
    border-bottom: 1px dotted #eee;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #767676;
    color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
    color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
    background: #222;
    border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
    background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
    color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
    color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
    color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
    background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
    border-bottom: 1px dotted #555;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #aaa;
    color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
    color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
    padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
    font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
    font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    /*letter-spacing: 0.1818em;*/
    text-transform: uppercase;
}

.site-content .wp-playlist-item {
    padding: 0 0.3125em;
    cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
    border-bottom: none;
}

.site-content .wp-playlist-item a {
    padding: 0.3125em 0;
    border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

.site-content .wp-playlist-item-length {
    top: 5px;
}

/* SVG Icons base styles */

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

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 50%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

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

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.autosoft-customizer.autosoft-front-page .autosoft-panel:after {
    border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
    bottom: 1em;
    content: "";
    display: block;
    left: 1em;
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 1;
}

.highlight-front-sections.autosoft-customizer.autosoft-front-page .autosoft-panel .panel-content {
    z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.autosoft-customizer.autosoft-front-page .autosoft-panel .autosoft-panel-title {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 3em;
    text-transform: uppercase;
    text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.autosoft-customizer.autosoft-front-page .autosoft-panel:nth-of-type(1):after {
    border: none;
}

.autosoft-front-page.autosoft-customizer #primary article.panel-placeholder {
    border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.autosoft-panel .customize-partial-edit-shortcut button {
    top: 30px;
    left: 30px;
}

/* Ensure that placeholder icons are visible. */
.autosoft-panel .customize-partial-edit-shortcut-hidden:before {
    visibility: visible;
}

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
    display: none;
}

.no-svg .svg-fallback {
    display: inline-block;
}

.no-svg .dropdown-toggle {
    padding: 0.5em 0 0;
    right: 0;
    text-align: center;
    width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    -ms-transform: rotate(180deg); /* IE 9 */
    transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    -ms-transform: rotate(0); /* IE 9 */
    transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
    content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
    background: transparent;
    color: #222;
    height: auto;
    width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
    clip: auto;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    position: relative !important; /* overrides previous !important styles */
    width: auto;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

    body.customize-partial-edit-shortcuts-shown .site-header .site-title {
        padding-left: 0;
    }
}

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

    /* Typography */
    body,
    button,
    input,
    select,
    textarea {
        font-size: 18px;
        font-size: 1.125rem;
    }

    h1 {
        font-size: 30px;
        font-size: 1.875rem;
    }

    h2,
    .home.blog .entry-title,
    .page .panel-content .recent-posts .entry-title {
        font-size: 26px;
        font-size: 1.625rem;
    }

    h3 {
        font-size: 22px;
        font-size: 1.375rem;
    }

    h4 {
        font-size: 18px;
        font-size: 1.125rem;
    }

    h5 {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    h6 {
        font-size: 16px;
        font-size: 1rem;
    }

    .entry-content blockquote.alignleft,
    .entry-content blockquote.alignright {
        font-size: 14px;
        font-size: 0.875rem;
    }

    /* Fix image alignment */
    img.alignleft {
        float: left;
        margin-right: 1.5em;
    }

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

    /* Site Branding */
    .site-branding {
        padding: 3em 0;
    }

    /* Front Page */
    .panel-content .wrap {
        padding-bottom: 2em;
        padding-top: 3.5em;
    }

    .page-one-column .panel-content .wrap {
        /*max-width: 740px;*/
    }

    .panel-content .entry-header {
        margin-bottom: 4.5em;
    }

    .panel-content .recent-posts .entry-header {
        margin-bottom: 0;
    }

    /* Blog Index, Archive, Search */
    .taxonomy-description {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .page-numbers.current {
        font-size: 16px;
        font-size: 1rem;
    }

    /* Site Footer */
    .site-footer {
        font-size: 16px;
        font-size: 1rem;
    }

    /* Gallery Columns */
    .gallery-item {
        max-width: 25%;
    }

    .gallery-columns-1 .gallery-item {
        max-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%;
    }
}

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

    /* Typography */
    body,
    button,
    input,
    select,
    textarea {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
    }

    .entry-content blockquote.alignleft,
    .entry-content blockquote.alignright {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    /* Layout */
    .wrap {
        max-width: 1200px;
        padding-left: 3em;
        padding-right: 3em;
    }

    .has-sidebar:not(.error404) #primary {
        float: left;
        width: 70%;
    }

    .has-sidebar #secondary {
        float: right;
        padding-top: 0;
        width: 25%;
    }

    .error404 #primary {
        float: none;
    }

    /* Site Branding */
    .site-branding {
        margin-bottom: 0;
    }

    .has-header-image.autosoft-front-page .site-branding,
    .has-header-video.autosoft-front-page .site-branding,
    .has-header-image.home.blog .site-branding,
    .has-header-video.home.blog .site-branding {
        bottom: 0;
        display: block;
        left: 0;
        height: auto;
        padding-top: 0;
        position: absolute;
        width: 100%;
    }

    .has-header-image.autosoft-front-page .custom-header,
    .has-header-video.autosoft-front-page .custom-header,
    .has-header-image.home.blog .custom-header,
    .has-header-video.home.blog .custom-header {
        display: block;
        height: auto;
    }

    .custom-header-media {
        height: 165px;
        position: relative;
    }

    .autosoft-front-page.has-header-image .custom-header-media,
    .autosoft-front-page.has-header-video .custom-header-media,
    .home.blog.has-header-image .custom-header-media,
    .home.blog.has-header-video .custom-header-media {
        height: 0;
        position: relative;
    }

    .has-header-image:not(.autosoft-front-page):not(.home) .custom-header-media,
    .has-header-video:not(.autosoft-front-page):not(.home) .custom-header-media {
        bottom: 0;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .custom-logo-link {
        padding-right: 2em;
    }

    .custom-logo-link img,
    body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
    body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
        max-width: 350px;
    }

    .title-tagline-hidden.home.has-header-image .custom-logo-link img,
    .title-tagline-hidden.home.has-header-video .custom-logo-link img {
        max-height: 200px;
    }

    .site-title {
        font-size: 36px;
        font-size: 2.25rem;
    }

    .site-description {
        font-size: 16px;
        font-size: 1rem;
    }

    /* Navigation */
    .navigation-top {
        bottom: 0;
        font-size: 14px;
        font-size: 0.875rem;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 3;
    }

    .navigation-top .wrap {
        max-width: 1200px;
        /* The font size is 14px here and we need 50px padding in ems */
        padding: 0.75em 3.4166666666667em;
    }

    .navigation-top nav {
        margin-left: -1.25em;
    }

    .site-navigation-fixed.navigation-top {
        bottom: auto;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 70;
    }

    .admin-bar .site-navigation-fixed.navigation-top {
        top: 32px;
    }

    /* Main Navigation */
    .js .menu-toggle,
    .js .dropdown-toggle {
        display: none;
    }

    .main-navigation {
        width: auto;
    }

    .js .main-navigation ul,
    .js .main-navigation ul ul,
    .js .main-navigation > div > ul {
        display: block;
    }

    .main-navigation ul {
        background: transparent;
        padding: 0;
    }

    .main-navigation > div > ul {
        border: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .main-navigation li {
        border: 0;
        display: inline-block;
    }

    .main-navigation li li {
        display: block;
    }

    .main-navigation a {
        padding: 1em 1.25em;
    }

    .main-navigation ul ul {
        background: #fff;
        border: 1px solid #bbb;
       /* left: -999em;*/
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 99999;
		display: none!important;
    }
	
	.main-navigation ul li:hover ul {
		display: block!important;
	}

    .main-navigation ul li.menu-item-has-children:before,
    .main-navigation ul li.menu-item-has-children:after,
    .main-navigation ul li.page_item_has_children:before,
    .main-navigation ul li.page_item_has_children:after {
        border-style: solid;
        border-width: 0 6px 6px;
        content: "";
        display: none;
        height: 0;
        position: absolute;
        right: 1em;
        bottom: -1px;
        width: 0;
        z-index: 100000;
    }

    .main-navigation ul li.menu-item-has-children.focus:before,
    .main-navigation ul li.menu-item-has-children:hover:before,
    .main-navigation ul li.menu-item-has-children.focus:after,
    .main-navigation ul li.menu-item-has-children:hover:after,
    .main-navigation ul li.page_item_has_children.focus:before,
    .main-navigation ul li.page_item_has_children:hover:before,
    .main-navigation ul li.page_item_has_children.focus:after,
    .main-navigation ul li.page_item_has_children:hover:after {
        display: block;
    }

    .main-navigation ul li.menu-item-has-children:before,
    .main-navigation ul li.page_item_has_children:before {
        border-color: transparent transparent #bbb;
        bottom: 0;
    }

    .main-navigation ul li.menu-item-has-children:after,
    .main-navigation ul li.page_item_has_children:after {
        border-color: transparent transparent #fff;
    }

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

    .main-navigation ul ul a {
        padding: 0.75em 1.25em;
        min-width: 17em;
		white-space: nowrap;
    }

    .main-navigation li li {
        -webkit-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }

    .main-navigation li li:hover,
    .main-navigation li li.focus {
        background: #767676;
    }

    .main-navigation li li a {
        -webkit-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

    .main-navigation li li.focus > a,
    .main-navigation li li:focus > a,
    .main-navigation li li:hover > a,
    .main-navigation li li a:hover,
    .main-navigation li li a:focus,
    .main-navigation li li.current_page_item a:hover,
    .main-navigation li li.current-menu-item a:hover,
    .main-navigation li li.current_page_item a:focus,
    .main-navigation li li.current-menu-item a:focus {
        color: #fff;
    }

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

    .main-navigation .menu-item-has-children > a > .icon,
    .main-navigation .page_item_has_children > a > .icon {
        display: inline;
        left: 5px;
        position: relative;
        top: -1px;
    }

    .main-navigation ul ul .menu-item-has-children > a > .icon,
    .main-navigation ul ul .page_item_has_children > a > .icon {
        margin-top: -9px;
        left: auto;
        position: absolute;
        right: 1em;
        top: 50%;
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
        -ms-transform: rotate(-90deg); /* IE 9 */
        transform: rotate(-90deg);
    }

    .main-navigation ul ul ul,
	.main-navigation ul li:hover ul ul {
        /*left: -999em;*/
        margin-top: -1px;
        top: 0;
		position: absolute;
        z-index: 99999;
		display: none!important;
    }
	
	.main-navigation ul ul li:hover ul {
		display: block!important;
	}

    .main-navigation ul ul li.menu-item-has-children.focus:before,
    .main-navigation ul ul li.menu-item-has-children:hover:before,
    .main-navigation ul ul li.menu-item-has-children.focus:after,
    .main-navigation ul ul li.menu-item-has-children:hover:after,
    .main-navigation ul ul li.page_item_has_children.focus:before,
    .main-navigation ul ul li.page_item_has_children:hover:before,
    .main-navigation ul ul li.page_item_has_children.focus:after,
    .main-navigation ul ul li.page_item_has_children:hover:after {
        display: none;
    }

    .site-header .site-navigation-fixed .menu-scroll-down {
        display: none;
    }

    /* Scroll down arrow */
    .site-header .menu-scroll-down {
        display: block;
        padding: 1em;
        position: absolute;
        right: 0;
    }

    .site-header .menu-scroll-down .icon {
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        -ms-transform: rotate(90deg); /* IE 9 */
        transform: rotate(90deg);
    }

    .site-header .menu-scroll-down {
        color: #fff;
        top: 2em;
    }

    .site-header .navigation-top .menu-scroll-down {
        color: #767676;
        top: 0.7em;
    }

    .menu-scroll-down:focus {
        outline: thin dotted;
    }

    .menu-scroll-down .icon {
        height: 18px;
        width: 18px;
    }

    /* Front Page */
    .autosoft-front-page.has-header-image .site-branding,
    .autosoft-front-page.has-header-video .site-branding,
    .home.blog.has-header-image .site-branding,
    .home.blog.has-header-video .site-branding {
        margin-bottom: 0px;
    }

    .autosoft-front-page.has-header-image .custom-header-media,
    .autosoft-front-page.has-header-video .custom-header-media,
    .home.blog.has-header-image .custom-header-media,
    .home.blog.has-header-video .custom-header-media {
        height: 1200px;
        height: 100vh;
        max-height: 100%;
        overflow: hidden;
    }

	
    .autosoft-front-page.has-header-image .custom-header-media:before,
    .autosoft-front-page.has-header-video .custom-header-media:before,
    .home.blog.has-header-image .custom-header-media:before,
    .home.blog.has-header-video .custom-header-media:before {
        height: 33%;
    }
	
	.autosoft-front-page .custom-header-media.has-slideshow { height: auto; } 

    .admin-bar.autosoft-front-page.has-header-image .custom-header-media,
    .admin-bar.autosoft-front-page.has-header-video .custom-header-media,
    .admin-bar.home.blog.has-header-image .custom-header-media,
    .admin-bar.home.blog.has-header-video .custom-header-media {
        height: calc(100vh - 32px);
    }

	.admin-bar .custom-header-media { margin-bottom: -30px;}
	.admin-bar.autosoft-front-page .custom-header-media.has-slideshow { height: auto; margin-top: -32px; margin-bottom: -30px;}
	
    .panel-content .wrap {
        padding-bottom: 4.5em;
        padding-top: 4em;
    }

    .panel-image {
        height: 100vh;
        max-height: 1200px;
    }

    /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
    .background-fixed .panel-image {
        background-attachment: fixed;
    }

    .page-two-column .panel-content .entry-header {
        float: left;
        width: 36%;
    }

    .page-two-column .panel-content .entry-content {
        float: right;
        width: 58%;
    }

    /* Front Page - Recent Posts */
    .page-two-column .panel-content .recent-posts {
        clear: right;
        float: right;
        width: 58%;
    }

    .panel-content .recent-posts article {
        margin-bottom: 4em;
    }

    .panel-content .recent-posts .entry-header,
    .page-two-column #primary .panel-content .recent-posts .entry-header,
    .panel-content .recent-posts .entry-content,
    .page-two-column #primary .panel-content .recent-posts .entry-content {
        float: none;
        width: 100%;
    }

    .panel-content .recent-posts .entry-header {
        margin-bottom: 1.5em;
    }

    .page .panel-content .recent-posts .entry-title {
        font-size: 26px;
        font-size: 1.625rem;
    }

    /* Posts */
    .site-content {
        padding: 3.5em 0 4.5em 0;
    }

    .single-post .entry-title,
    .page .entry-title {
        font-size: 26px;
        font-size: 1.625rem;
    }

    .comments-pagination,
    .post-navigation {
        clear: both;
    }

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

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

    .nav-next,
    .post-navigation .nav-next {
        margin-top: 0;
    }

    /* Blog, archive, search */
    .sticky .icon-thumb-tack {
        height: 23px;
        left: -2.5em;
        top: 1.5em;
        width: 32px;
    }

    body:not(.has-sidebar):not(.page-one-column) .page-header,
    body.has-sidebar.error404 #primary .page-header,
    body.page-two-column:not(.archive) #primary .entry-header,
    body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
        float: left;
        width: 36%;
    }

    .blog:not(.has-sidebar) #primary article,
    .archive:not(.page-one-column):not(.has-sidebar) #primary article,
    .search:not(.has-sidebar) #primary article,
    .error404:not(.has-sidebar) #primary .page-content,
    .error404.has-sidebar #primary .page-content,
    body.page-two-column:not(.archive) #primary .entry-content,
    body.page-two-column #comments {
        float: right;
        width: 58%;
    }

    .blog .site-main > article,
    .archive .site-main > article,
    .search .site-main > article {
        padding-bottom: 4em;
    }

    .navigation.pagination {
        clear: both;
        float: right;
        width: 58%;
    }

    .has-sidebar .navigation.pagination,
    .archive.page-one-column:not(.has-sidebar) .navigation.pagination {
        float: none;
        width: 100%;
    }

    .entry-footer {
        display: table;
        width: 100%;
    }

    .entry-footer .cat-tags-links {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .entry-footer .edit-link {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
    }

    .entry-footer .edit-link a.post-edit-link {
        margin-top: 0;
        margin-left: 1em;
    }

    /* Entry content */
    /* without sidebar */
    :not(.has-sidebar) .entry-content blockquote.alignleft {
        margin-left: -17.5%;
        width: 48%;
    }

    :not(.has-sidebar) .entry-content blockquote.alignright {
        margin-right: -17.5%;
        width: 48%;
    }

    /* with sidebar */
    .has-sidebar .entry-content blockquote.alignleft {
        margin-left: 0;
        width: 34%;
    }

    .has-sidebar .entry-content blockquote.alignright {
        margin-right: 0;
        width: 34%;
    }

    .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
        margin-right: -72.5%;
        width: 62%;
    }


    /* blog and archive */
    .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
    .autosoft-front-page.page-two-column .entry-content blockquote.alignleft,
    .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
    .page-two-column .entry-content blockquote.alignleft {
        margin-left: -72.5%;
        width: 62%;
    }

    .blog:not(.has-sidebar) .entry-content blockquote.alignright,
    .autosoft-front-page.page-two-column .entry-content blockquote.alignright,
    .archive:not(.has-sidebar) .entry-content blockquote.alignright,
    .page-two-column .entry-content blockquote.alignright {
        margin-right: 0;
        width: 36%;
    }

    /* Post formats */
    .format-quote blockquote .icon {
        left: -1.5em;
    }

    /* Pages */
    .page.page-one-column .entry-header,
    .autosoft-front-page.page-one-column .entry-header,
    .archive.page-one-column:not(.has-sidebar) .page-header {
        margin-bottom: 3em;
    }

    .page:not(.home) #content {
        padding-bottom: 3.25em;
    }

    /* Page with sidebar */
    .wrap.has-sidebar #primary {
        float: left;
        width: 70%;
    }

    .wrap.has-sidebar #secondary {
        width: 25%;
    }


    /* 404 page */
    .error404 .page-content {
        padding-bottom: 9em;
    }

    /* Comments */
    #comments {
        padding-top: 5em;
    }

    .comments-title {
        margin-bottom: 2.5em;
    }

    ol.children .children {
        padding-left: 2em;
    }

    /* Posts pagination */
    .nav-links .nav-title {
        position: relative;
    }

    .nav-title-icon-wrapper {
        position: absolute;
        text-align: center;
        width: 2em;
    }

    .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
        left: -2em;
    }

    .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
        right: -2em;
    }

    /* Secondary */
   
	/*#secondary {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.6;
    }*/

    /* Widgets */
    h2.widget-title {
        font-size: 11px;
        font-size: 0.6875rem;
        margin-bottom: 2em;
    }

    /* Footer */
    .site-footer {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.6;
        /*margin-top: 3em;*/
		padding-top: 1em;
        padding-bottom: 60px;
    }

    .site-footer .widget-column.footer-widget-1 {
        float: left;
        width: 36%;
    }

    .site-footer .widget-column.footer-widget-2 {
        float: right;
        width: 58%;
    }

    .social-navigation {
        clear: left;
        float: left;
        margin-bottom: 0;
        width: 44%;
    }

    .site-info {
        float: left;
        padding: 0.7em 0 0;
        width: 48%;
    }

    .social-navigation + .site-info {
        margin-left: 6%;
    }

    .site-info .sep {
        margin: 0 0.5em;
        display: inline;
        visibility: visible;
        height: auto;
        width: auto;
    }

    /* Gallery Columns */
    .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%;
    }
}

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


    /* Layout */
    /* Navigation */
    .navigation-top .wrap {
        padding: 0.75em 2.4em;
    }

    .navigation-top nav {
        margin-left: 0;
    }

    /* Sticky posts */
    .sticky .icon-thumb-tack {
        font-size: 32px;
        font-size: 2rem;
        height: 22px;
        left: -1.25em;
        top: 0.75em;
        width: 32px;
    }

    /* Pagination */
    .page-numbers {
        display: inline-block;
    }

    .page-numbers.current {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .page-numbers.current .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }

    /* Comments */
    .comment-body {
        margin-left: 0;
    }
}

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

    .has-sidebar .entry-content blockquote.alignleft {
        margin-left: -20%;
    }

    .blog:not(.has-sidebar) .entry-content blockquote.alignright,
    .archive:not(.has-sidebar) .entry-content blockquote.alignright,
    .page-two-column .entry-content blockquote.alignright,
    .autosoft-front-page .entry-content blockquote.alignright {
        margin-right: -20%;
    }
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

    .admin-bar .site-navigation-fixed.navigation-top,
    .admin-bar .site-navigation-hidden.navigation-top {
        top: 46px;
    }
}


/*--------------------------------------------------------------
20.0 AUTOSOFT
--------------------------------------------------------------*/


.entry-content {
    width: 100%!important;
}

.entry-content a:focus, .entry-content a:hover,
.entry-summary a:focus, .entry-summary a:hover,
.widget a:focus, .widget a:hover,
.site-footer .widget-area a:focus, .site-footer .widget-area a:hover,
.posts-navigation a:focus, .posts-navigation a:hover,
.comment-metadata a:focus, .comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus, .comment-reply-link:hover,
.widget_authors a:focus strong, .widget_authors a:hover strong,
.entry-title a:focus, .entry-title a:hover,
.entry-meta a:focus, .entry-meta a:hover,
.page-links a:focus .page-number, .page-links a:hover .page-number,
.entry-footer a:focus, .entry-footer a:hover,
.entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover,
.post-navigation a:focus, .post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus, .logged-in-as a:hover,
a:focus .nav-title, a:hover .nav-title,
.edit-link a:focus, .edit-link a:hover,
.site-info a:focus, .site-info a:hover,
.widget .widget-title a:focus, .widget .widget-title a:hover,
.widget ul li a:focus, .widget ul li a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media screen and (min-width: 48em) {
    .site-branding-text h1.site-title {
        min-width: 17em;
    }
}

@media screen and (min-width: 48em) {
    .custom-logo-link img,
    body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
    body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
        max-width: 450px;
    }

    .title-tagline-hidden.home.has-header-image .custom-logo-link img,
    .title-tagline-hidden.home.has-header-video .custom-logo-link img {
        max-height: 200px;
    }

    .navigation-top {
        z-index: 99;
    }
}

.custom-logo-link img {
    max-height: 80px;
}

.custom-header-media:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+76 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 76%, rgba(0, 0, 0, 0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 76%, rgba(0, 0, 0, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 76%, rgba(0, 0, 0, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0); /* IE6-9 */
}


.navigation-top {
    border-bottom: 1px solid rgba(30, 115, 190, 1);
    -webkit-box-shadow: 0 1px 30px 0 rgba(51, 51, 51, 0.3);
    box-shadow: 0 1px 30px 0 rgba(51, 51, 51, 0.3);
}

.navigation-top .custom-logo-link {
    display: none;
}

@media screen and (min-width: 1280px) {
    /* extra thumb logo in menu large screen */
    .navigation-top .custom-logo-link {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        padding: 0.65em 2em;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        filter: alpha(opacity=0);

        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);

        -webkit-transition: all 450ms ease-in-out;
        -moz-transition: all 450ms ease-in-out;
        -ms-transition: all 450ms ease-in-out;
        -o-transition: all 450ms ease-in-out;
        transition: all 450ms ease-in-out;
    }

    .site-navigation-fixed .custom-logo-link {
        opacity: 1.0;
        filter: alpha(opacity=100);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .navigation-top .custom-logo-link img {
        max-height: 50px !important;
    }
}


@media screen and (max-width: 764px) {
    /* fixed menu on mobile */
    .navigation-top {
        position: fixed;
        top: 0 !important;
        bottom: initial !important;
        z-index: 9999;
        width: 100%;
    }

    .menu-toggle {
        width: 100%;
    }

    .site-branding {
        padding-top: 70px;
    }
}


.site-title {
    text-shadow: 2px 2px 5px #3D3D3D;
}

.site-description {
    text-shadow: 1px 1px 4px #333333;
}


@media screen and (min-width: 48em) {
    /*Dit zet de navbar onder de slider*/
    .admin-bar .site-navigation-fixed.navigation-top {
        border: none;
        z-index: 9999;
        position: inherit;
        top: 0;
    }

    /*Laat het pijltje over de navbar zien door de display*/
    .site-header .navigation-top .menu-scroll-down {
        color: #767676;
        top: 0.7em;
        display: block;
    }
}

/*Maakt de site title en site description zichtbaar als er een slider op de vervolg pagina is*/
.sliderbranding .site-branding {
    padding: 1em 0;
    transition: margin-bottom 0.2s;
    z-index: 3000;
    position: absolute;
    width: 100%;
    transform: translate(0px, -100%);
	pointer-events: none;
}

.sliderbranding .site-branding a.custom-logo-link { pointer-events: all; }

@media screen and (min-width: 48em) {
    /* Sidebar fixes */
    .has-sidebar:not(.error404) #primary {
        float: right;
    }

    .wrap.has-sidebar #primary {
        float: right;
    }

    .has-sidebar #secondary {
        float: left;
    }
}

.widget {
    padding-bottom: 2.5em;
}

.page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header,
.blog .page-header {
    margin-bottom: 0.5em;
	padding-bottom: 0;
}

.autosoft-front-page.page-one-column .entry-header {
    margin-bottom: 2em;
}

/*.has-sidebar #secondary {
    padding-top: 1em;
}*/

/* Content extras */

#main ul, #main ol {
    padding-left: 2em;
}

.pre-title {
    display: block;
    padding-top: 0em;
}

.pre-title.center {
    text-align: center !important;
}

.panel-content h2.center {
    text-align: center !important;
}

.panel-content.white-text,
.panel-content.white-text p,
.panel-content.white-text h3,
.panel-content.white-text h2,
.panel-content.white-text .pre-title,
.panel-content.white-text a,
#main .panel-content.white-text .widget.AutoCommerceAvdwWidget,
#main .panel-content.white-text .widget.AutoCommerceAvdwWidget ul li,
#main .panel-content.white-text .widget.AutoCommerceAvdwWidget p,
#main .panel-content.white-text .widget.AutoCommerceAvdwWidget a {
    color: #ffffff !important;
}

.panel-content.white-text .pre-title {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.panel-content .recent-posts article {
    display: inline-block;
    box-sizing: border-box;
    width: 33%;
    padding: 4%;
    vertical-align: top;
}

@media screen and (max-width: 48em) {
    .panel-content .recent-posts article {
        width: 48.8%;
    }
}

@media screen and (max-width: 30em) {
    .panel-content .recent-posts article {
        width: 99.9%;
    }
}

.has-header-image .custom-header-media { background: #000000; }
.has-header-image .custom-header-media img {
    opacity: 0.6;
}

body.home.has-header-image .custom-header-media img {
    opacity: 1.0;
}

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

	.mobile-header {
        display: none !important;
    }

}

@media screen and (max-width: 480px) {
    .desktopslider {
        display: none !important;
    }

    .mobile-header {
        display: block !important;
    }

    .custom-header.mobile {
        height: 85vh!important;
    }

    .custom-header.mobile div#DivSiteBranding {
        padding-top: 100px;
    }

    .sliderbranding .site-branding {
        /* padding: 23em 0em !important; */
        transform: translate(0px, 0%);
    }

    h1.site-title {
        font-size: 30px!important;
    }

    p.site-title {
        font-size: 30px!important;
    }

    .home .custom-logo-link {
        margin-top: 100%;
    }
}

.single-featured-image-header {
    background-color: #fafafa;
    background: -moz-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 0) 100%);
    background: linear-gradient(to bottom, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#00fafafa', GradientType=0);
    max-width: 100%;
    margin: 0 auto;
    max-height: 50vh;
    height: 300px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.single-featured-image-header img {
    display: block;
    margin: auto;
    position: absolute;
    width: 100%;
    max-width: 1600px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
}

.panel-content .recent-posts article .entry-header {
    margin-bottom: 1.5em;
    text-align: center;
}

.panel-content .recent-posts article p.link-more {
    margin-top: 0.5em;
    text-align: center;
}

.panel-content .recent-posts article .post-thumbnail {
    text-align: center;
}

.panel-content .recent-posts article .post-thumbnail img,
.teammember img.post-thumbnail {
    border-radius: 50%;
    max-width: 80%;
    border: 2px solid transparent;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.panel-content .recent-posts article .post-thumbnail:hover img {
    margin-top: -0.4em;
    margin-bottom: 0.4em;
    -webkit-box-shadow: 0 0 10px 0 #666666;
    -moz-box-shadow: 0 0 10px 0 #666666;
    box-shadow: 0 0 10px 0 #666666;
    border: 2px solid white;
}

/* Team pages */
.single-medewerker span.label {
    width: 15%;
    display: inline-block;
    color: #595959!important;
    font-weight: 600;
}

.single-medewerker span {
    font-weight: 500;
    font-size: 20px;
    color: #8c8c8c!important;
}

.single-medewerker span a {
    color: #8c8c8c!important;
}

.teammember {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 4%;
}

.teammember {
    width: 33%;
    margin: 0 auto;
}

.teammember span a {
    box-shadow: none;
}

@media screen and (max-width: 48em) {
    .teammember {
        width: 48.8%;
    }
}

@media screen and (max-width: 30em) {
    .teammember {
        width: 99.9%;
    }
}

.teammember h5 {
    font-size: 18px !important;
}

.teammember .label {
    display: none;
}

.teammember .value {
    font-weight: bold !important;
}

.teammember a.thumb-link {
    display: block;
}

.teammember a.thumb-link, .teammember a.thumb-link:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.teammember img.post-thumbnail {
    border-radius: 50%;
    max-width: 80%;
    border: 2px solid transparent;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
    -webkit-box-shadow: 0 0 10px 0 transparent;
    -moz-box-shadow: 0 0 10px 0 transparent;
    box-shadow: 0 0 10px 0 transparent;
}

.teammember:hover img.post-thumbnail {
    -webkit-box-shadow: 0 0 10px 0 #666666;
    -moz-box-shadow: 0 0 10px 0 #666666;
    box-shadow: 0 0 10px 0 #666666;
    border: 2px solid white;
    cursor: pointer;
}

.site-footer {
}

#colophon {
    background: #efefef;
}

.footerlogos {
    background: #ffffff;
    border-bottom: 1px solid rgba(30, 115, 190, 1);
    -webkit-box-shadow: 0 -1px 30px 0 rgba(51, 51, 51, 0.15);
    box-shadow: 0 -1px 30px 0 rgba(51, 51, 51, 0.15);
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar,
.byline, .updated:not(.published), .single .byline, .group-blog .byline {
    display: none;
}

body.blog .post-thumbnail.excerpt,
body.search .post-thumbnail.excerpt,
body.archive .post-thumbnail.excerpt {
	display: inline-block;
	max-width: 20%;
	box-sizing: border-box;
	vertical-align: top;
}

body.blog .post-thumbnail.excerpt img,
body.search .post-thumbnail.excerpt img,
body.archive .post-thumbnail.excerpt img { border-radius: 50%; }

body.blog .entry-summary.excerpt,
body.search .entry-summary.excerpt,
body.archive .entry-summary.excerpt {
	display: inline-block;
	max-width: 78%;
	padding-left: 2%;
	box-sizing: border-box;
	vertical-align: top;
}


@media screen and (min-width: 801px) {
    .site-footer .widget-column.footer-widget-1,
    .site-footer .widget-column.footer-widget-2,
    .site-footer .widget-column.footer-widget-3 {
        float: left;
        width: 33.333333333%;
    }
}

@media screen and (min-width: 481px) and (max-width: 800px) {
    .site-footer .widget-column.footer-widget-1,
    .site-footer .widget-column.footer-widget-2,
    .site-footer .widget-column.footer-widget-3 {
        float: left;
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .fb_iframe_widget {
        margin-left: -10px;
    }
}


.site-info {
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-size: 0.8em;
}

.site-info .spacer {
    padding: 0 5px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}


.entry-content a:focus, .entry-content a:hover,
.entry-summary a:focus, .entry-summary a:hover,
.widget a:focus, .widget a:hover,
.site-footer .widget-area a:focus, .site-footer .widget-area a:hover,
.posts-navigation a:focus, .posts-navigation a:hover,
.comment-metadata a:focus, .comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus, .comment-reply-link:hover,
.widget_authors a:focus strong, .widget_authors a:hover strong,
.entry-title a:focus, .entry-title a:hover,
.entry-meta a:focus, .entry-meta a:hover,
.page-links a:focus .page-number, .page-links a:hover .page-number,
.entry-footer a:focus, .entry-footer a:hover,
.entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover,
.post-navigation a:focus, .post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus, .logged-in-as a:hover,
a:focus .nav-title, a:hover .nav-title,
.edit-link a:focus, .edit-link a:hover,
.site-info a:focus, .site-info a:hover,
.widget .widget-title a:focus, .widget .widget-title a:hover,
.widget ul li a:focus, .widget ul li a:hover {
    color: #000;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

/************ Menu hover ***************/
.menu-hoofdmenu-container .menu-item svg.icon {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.menu-hoofdmenu-container .menu-item:hover svg.icon {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

ul.sub-menu {
    transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -webkit-transition: all 100ms ease-in-out 100ms;
}

.main-navigation li li a:hover {
    padding-left: 30px;
	padding-right: 15px;
    transition: all 50ms ease-in-out 50ms;
    -o-transition: all 50ms ease-in-out 50ms;
    -ms-transition: all 50ms ease-in-out 50ms;
    -moz-transition: all 50ms ease-in-out 50ms;
    -webkit-transition: all 50ms ease-in-out 50ms;
}

/************ 404 page ***************/
.error-404 {
    display: grid;
    width: 100%;
    margin: 0 auto;
}

.error-404 .page-header {
    text-align: center;
    width: 100%!important;
}

.error-404 .page-header h1 {
    font-size: 25px;
}

.error-404 .page-content {
    width: 50%!important;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0em;
}

/************ FORM ***************/

/* Contactform */
form.wpcf7-form .clear {
    height: 1px;
    margin-bottom: 0px;
    display: block;
    clear: both;
}

form.wpcf7-form .label {
    display: block;
    float: left;
    width: 25%;
    line-height: 26px;
    padding: 0.3em 0;
}

form.wpcf7-form .wpcf7-form-control-wrap { display: block; padding-right: 5px;}

form.wpcf7-form input, form.wpcf7-form textarea, form.wpcf7-form select {
    /*
	border: 1px solid #cccccc;
	background: #efefef;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	*/
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border-left: 4px solid #cccccc !important;
    padding: 0.3em 0.7em;
    border-radius: 0 5px 5px 0;
    width: 73%;
}

form.wpcf7-form select {
    padding: 1.1em 1.5em;
    height: 2em;
}

form.wpcf7-form .wpcf7-not-valid-tip {
    display: none !important;
}

form.wpcf7-form input.wpcf7-not-valid, form.wpcf7-form textarea.wpcf7-not-valid {
    border-left: 4px solid #ff0000 !important;
}

form.wpcf7-form input:focus, form.wpcf7-form textarea:focus, form.wpcf7-form select:focus,
form.wpcf7-form input.wpcf7-not-valid :focus, form.wpcf7-form textarea.wpcf7-not-valid :focus, form.wpcf7-form select.wpcf7-not-valid:focus {
    border-left: 4px solid #1e73be !important;
    background: #ffffff;
}

form.wpcf7-form input[type="checkbox"], form.wpcf7-form input[type="radio"] {
    width: auto;
}

form.wpcf7-form textarea {
    width: 100%;
}

form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
    float: left;
    min-width: 220px;
    display: block;
    margin: 3px;
    margin-left: 10px;
}

form.wpcf7-form .captcha {
    width: 120px;
    display: block;
    float: left;
}

form.wpcf7-form input.wpcf7-captchar {
    width: 80px;
    float: left;
    margin-left: 10px;
    margin-top: -2px;
}


form.wpcf7-form input.wpcf7-submit {
    display: inline-block;
    width: auto;
    float: left;
    margin-left: 15px;
    margin-top: -4px;
    padding: 0.75em 2em;
}

form.wpcf7-form input.wpcf7-submit:hover, form.wpcf7-form input.wpcf7-submit:focus {
    cursor: pointer;
    border-left: 4px solid #1e73be !important;
    padding: 0.75em 2.4em;
    background: #666666;
}

form.wpcf7-form img {
    border: 0px;
    padding: 0.3em 0;
    float: left;
}

form.wpcf7-form .links {
    display: block;
    float: left;
    width: 50%;
}

form.wpcf7-form .label,
form.wpcf7-form .links .label {
    width: 140px;
}

form.wpcf7-form .links input, form.wpcf7-form .links textarea,
form.wpcf7-form .links select {
    /*max-width: 92%;*/
}

form.wpcf7-form .links input[type="checkbox"], 
form.wpcf7-form .links input[type="radio"],
form.wpcf7-form .links input[type="file"]{
    width: auto;
}

@media screen and (max-width: 940px) {

    form.wpcf7-form .links {
        display: block;
        float: none;
        width: 100%;
    }

    form.wpcf7-form .label, form.wpcf7-form .links .label {
        width: 100%;
    }

    form.wpcf7-form input, form.wpcf7-form textarea, form.wpcf7-form select,
    form.wpcf7-form .links input, form.wpcf7-form .links textarea, form.wpcf7-form .links select {
        width: 100%;
    }
	
	form.wpcf7-form .captcha { width: 120px; display: block; float: left; }
	form.wpcf7-form input.wpcf7-captchar { width: 80px; float: left; margin-left: 10px; margin-top: -2px;}
	form.wpcf7-form input.wpcf7-submit { width: 120px; margin-top: -6px; }
}

/* POPUP BUILDER */
#sgcboxContent, #sgcboxLoadedContent {
    background: transparent !important;
}

/* AUTO VAN DE WEEK WIDGET */
.AutoCommerceAvdwWidget li {
    display: none!important;
}

ul#autovandeweek { padding-left: 0em; }

#autovandeweek li:first-child {
    display: inline-block!important;
}

#autovandeweek li:nth-child(2) {
    display: inline-block!important;
}

#autovandeweek li:nth-child(3) {
    display: inline-block!important;
}

#autovandeweek li:nth-child(4) {
    display: inline-block!important;
}


/***** ***** ***** AVDWSCROLLLER ***** ***** *****/
/* AUTO VAN DE WEEK WIDGET */

.site-content .slider ul {
    padding: 0;
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 0;
}

.site-content .slider ul {
    margin-left: 0px;
    padding-left: 0px;
}

.site-content .slider ul li.voertuig {
    margin-left: 0px;
    list-style: none;
    display: inline-block;
    width: 1px;
    width: 24%;
    max-width: 300px!important;
    margin: 0% 0.3%;
    overflow: hidden;
    padding: 2px;
    padding-left: 0px;
    box-sizing: border-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    vertical-align: top;
    font-size: 0;
}

.site-content .slider ul li.voertuig {
    max-height: none!important;
    margin-bottom: 20px!important;
}

.site-content .slider ul li.voertuig:hover {
    margin-top: -4px;
    margin-bottom: 4px;
    cursor: pointer;
}

.site-content .slider ul li.voertuig .sliderfoto {
    display: block;
    width: 100%;
    height: auto!important;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    margin-left: 0;
    box-sizing: border-box;
}
.site-content slider ul li.voertuig .sliderfoto br {
    display: none;
}

.site-content .slider ul li.voertuig .sliderfoto img {
    max-width: 100%!important;
    width: 100%!important;
    height: auto!important;
    margin-top: 0px;
}

.site-content .slider ul li.voertuig .slidergegevens {
    display: block;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #cccccc;
}

.site-content .slider ul li.voertuig .slidergegevens br {
    display: none;
}

.site-content .slider ul li.voertuig .slidergegevens  .slidermerkmodel strong {
    font-size: 1.1em;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
    padding: 0px 4px;
    margin-top: 0.5em;
    margin-bottom: 0;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-weight: normal;
}
.site-content .slider ul li.voertuig .slidergegevens .slideruitvoering {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 4px;
}

.site-content .slider ul li.voertuig .slidergegevens .slideruitvoering em {
    font-size: 0.9em;
    line-height: 1.8em;
    font-style: normal;
}

.site-content .slider ul li.voertuig .slidergegevens .sliderbouwjaar  {
    display: none;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
    padding: 0px 4px;
}

.slider ul li.voertuig .slidergegevens .sliderkmstand {
    display: none;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
    padding: 0px 4px;
}

.site-content .slider ul li.voertuig .slidergegevens .sliderprijs strong  {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 4px;
    margin-top: 0em;
    margin-bottom: 0;
}

.site-content .slider ul li.voertuig .slidergegevens .sliderprijs strong em {
    font-style: normal;
}

.site-content .slider ul li.voertuig .slidergegevens .sliderprijs .prijslabel {
    display:none;
}
/** Carousel **/

.site-content .slider ul.slick-slider {
    padding-bottom: 20px;
    overflow: hidden;
}

.site-content .slider ul.slick-slider li.slick-slide {
    float: none!important;
    vertical-align: middle!important;
}


.site-content .slider ul.slick-slider ul.slick-dots {
    display: inline-block;
    font-size: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    margin-left: 0;
}

.site-content .slider ul.slick-slider ul.slick-dots li {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 14px;
    padding-left: 0px;
    margin: 20px 5px;
    width: auto;
}

.site-content .slider ul.slick-slider ul.slick-dots li button {
    display: block;
    background: #cccccc;
    opacity: .35!important;
    text-decoration: none;
    width: 14px; height: 14px;
    border-radius: 50%;
    color: transparent;
    text-align: center;
    padding: 0; border: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.site-content .slider ul.slick-slider ul.slick-dots li.slick-active button {
    background: #343434;
    pointer-events: none;
    opacity: 1!important;
}

.site-content .slider ul.slick-slider ul.slick-dots li button:hover{
    background: #343434;
    opacity: 1!important;
}

.site-content .slider ul.slick-slider ul.slick-dots li button:before,
.site-content .slider ul.slick-slider ul.slick-dots li button:hover:before
.site-content .slider ul.slick-slider ul.slick-dots li.slick-active button:before,
.site-content .slider ul.slick-slider ul.slick-dots li.slick-active button:hover:before {
    display: none!important;
    content: ''!important;
}

.slick-prev, .slick-next {
    width: 35px;
}
.slick-prev:before, .slick-next:before {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #cccccc!important;
    opacity: .35!important;
    line-height: 0px!important;
    z-index: 500;
    position: relative;
}

.slick-prev:hover:before, .slick-next:hover:before {
    color: #343434!important;
    opacity: 1!important;
}

.slick-prev:before {
    content: '\2329'!important;
    font-size: 3rem!important;
}

.slick-next:before {
    content: '\232A'!important;
    font-size: 3rem!important;
}

.slider div {
    outline: none;
}

.entry-content section.AutoCommerceAvdwWidget {
    padding: 0;
    width: 100%;
    clear: both;
    text-align: center;
}

.entry-content section.AutoCommerceAvdwWidget ul {
    margin-left: 0px;
    padding-left: 0px;
}

.entry-content section.AutoCommerceAvdwWidget ul li {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    display: inline-block;
    padding: 0;
    width: 23.5%;
    margin: 0% 0.5%;
    overflow: none;
    border: 0px solid transparent;
    padding: 2px;
    box-sizing: border-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.entry-content section.AutoCommerceAvdwWidget ul li:hover {
    -webkit-box-shadow: 0 0 10px 0 #666666;
    box-shadow: 0 0 10px 0 #666666;
}

.entry-content section.AutoCommerceAvdwWidget ul li .avdwfoto {
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    margin-left: 0;
    position: relative;
}

.entry-content section.AutoCommerceAvdwWidget ul li .avdwfoto img {
    max-width: 100% !important;
    height: auto !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.entry-content section.AutoCommerceAvdwWidget ul li .avdwgegevens {
    display: block;
    float: left;
    width: 100%;
}


.entry-content section.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwmerkmodel {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 4px;
}

.entry-content section.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwuitvoering {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 4px;
}

.entry-content section.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwbouwjaar {
    display: none;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
    padding: 0px 4px;
}

.entry-content section.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwkmstand {
    display: none;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
    padding: 0px 4px;
}

.entry-content section.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2em;
    padding: 0px 4px;
}

.entry-content section.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs .prijslabel {
    display: none;
}

@media screen and (max-width: 1024px) {
    .entry-content section.AutoCommerceAvdwWidget ul li {
        padding: 0;
        width: 48.5%;
        max-height: none;
        margin-bottom: 10px;
    }

    .entry-content section.AutoCommerceAvdwWidget ul li .avdwfoto {
        height: 210px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 700px) {
    .entry-content section.AutoCommerceAvdwWidget ul li .avdwfoto {
        height: 180px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 510px) {
    .entry-content section.AutoCommerceAvdwWidget ul li {
        padding: 0;
        width: 98.5%;
        max-width: 240px;
        max-height: none;
    }

    .entry-content section.AutoCommerceAvdwWidget ul li .avdwfoto {
        height: 160px;
        margin-bottom: 10px;
    }
}

/* Logoscroller in footer */
.owl-carousel .owl-item {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

#lcs_logo_carousel_wrapper {
    margin-top: -1em;
    margin-bottom: 1em;
}

#lcs_logo_carousel_wrapper .owl-nav div {
    background: rgba(255, 255, 255, 0.75) !important;
    border-radius: 50% !important;
    margin: 2px;
    padding: 0;
    width: 32px !important;
    height: 32px !important;
    line-height: 26px !important;
    font-size: 32px !important;
    color: #000 !important;
    border: 1px solid #efefef !important;
    opacity: 1;
    z-index: 999;
}

#lcs_logo_carousel_wrapper .owl-nav div:hover {
    background: rgba(250, 250, 250, 1) !important;
}

/* misc */
a.post-edit-link {
    font-size: 14px;
    font-size: 0.875rem;
    position: fixed;
    bottom: 10px;
    left: 10px;
    border: 1px solid black;
    z-indeX: 9999;
    padding: 6px 20px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    font-weight: normal !important;
    color: #333333 !important;
    margin-left: 0 !important;
    text-transform: none !important;
}

/*lightbox fixes */
.entry-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 0px #fff;
    box-shadow: 0 0 0 0px #fff;
}

a.zoomLink.cboxElement, a.zoomLink.cboxElement:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media screen and (max-width: 640px) {
    a.zoomLink.cboxElement {
        display: block !important;
        float: none !important;
    }

    a.zoomLink.cboxElement img {
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
}

/* SMOOTH SCROLL */
a#scroll-to-top {
    width: 35px;
    height: 35px;
    position: fixed;
    right: 20px;
    bottom: 60px;
    cursor: pointer;
    outline: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    z-index: 9999;
}

a#scroll-to-top .icon {
    height: 2.4em;
    left: 8px;
    width: 1.10em;
}

body.rtl a#scroll-to-top {
    left: 30px;
}

/* Responsive Design Support */
@media only screen and (max-width: 480px) {

    .entry-header span.pre-title {
        font-size: 18px !important;
    }

    h1.entry-title {
        font-size: 26px !important;
    }

    a#scroll-to-top {
        right: 10px;
        bottom: 60px;
    }

    body.rtl a#scroll-to-top {
        left: 10px;
        bottom: 60px;
    }

    .site-info .spacer.first {
        display: block;
        clear: both;
        height: 1px;
        visibility: hidden;
    }
	
	#colophon { padding-bottom: 60px;}
}

#cookie-law-info-again {
    right: -70px !important;
    top: 50% !important;
    bottom: auto !important;
    display: block;
    width: 160px;
    border-top: 1px solid rgb(30, 115, 190) !important;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
}

#cookie-law-info-bar {
    border-top: 1px solid rgb(30, 115, 190) !important;
    border-bottom: 1px solid rgb(30, 115, 190) !important;
}

/* CONTACT TABS */

ul.ctatabs {
  position: fixed;
  right: 0px;
  top: 28%;
  z-index: 1000;
  -ms-transform: translate(0%, -50%); /* IE 9 */
  -webkit-transform: translate(0%, -50%); /* Safari */
  transform: translate(0%, -50%);

}

ul.ctatabs li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
   -webkit-box-shadow: 0 8px 46px 0 rgba(0,0,0,0.15);
  box-shadow: 0 8px 46px 0 rgba(0,0,0,0.15);
}

ul.ctatabs li a {
  display: block;
  width: 50px;
  height: 50px;
}  

ul.ctatabs li:hover {
  margin-left: -3px;
}  

ul.ctatabs li a { text-indent: -9000px; }	  
ul.ctatabs li.bellentab a { z-index: 9001; background: url('assets/images/contacttabs.jpg') 50% 0 no-repeat #e10000; }
ul.ctatabs li.emailtab a { z-index: 9002; background: url('assets/images/contacttabs.jpg') 50% -50px no-repeat #4caae0; }
ul.ctatabs li.facebooktab a { z-index: 9003; background: url('assets/images/contacttabs.jpg') 50% -100px no-repeat #3f5898;}
ul.ctatabs li.whatsapptab a { z-index: 9004; background: url('assets/images/contacttabs.jpg') 50% -150px no-repeat #53be18;}

ul.ctatabs li.whatsapptab.mobiel { display: none; }


@media screen and (max-width: 820px) {
	 ul.ctatabs {
      top: 100%;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50px;
      font-size: 0;
      -ms-transform: translate(0%, -100%); /* IE 9 */
      -webkit-transform: translate(0%, 100%); /* Safari */
      transform: translate(0%, -100%);
	  display: flex;
    }
		  
    ul.ctatabs li {
      display: inline-block;
      text-align: center;
	  /*width: 25%;*/
	  flex: 1 0;
    }

  
    ul.ctatabs li:hover {
      margin-left: 0px;
    }

    ul.ctatabs li a {
      display: block;
      width: 100%;
      height: 50px;
    }
}

/* SMALLER TABLETS */
@media screen and (max-width: 600px) {
 ul.ctatabs li.whatsapptab.mobiel { display: inline-block; }
 ul.ctatabs li.whatsapptab.desktop { display: none; }
}

.cookie-bar-block #catapult-cookie-bar span { font-size: 13px; }
button#catapultCookie { font-size: 14px; font-weight: normal; }
#catapult-cookie-bar a { display: inline-block; }


/* =fotogallery
-------------------------------------------------------------- */
.entry-content .gallery {  
	margin-left: 0px;
	margin-right: 0px; 
	margin-bottom: 1.5em; 
	clear: both; 
	display: block;
	/*
	-webkit-column-count:5;
	   -moz-column-count:5;
	        column-count:5;
	-webkit-column-gap: 6px;
	   -moz-column-gap: 6px;
	        column-gap: 6px;
	*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	    -ms-flex-pack: left;
	        justify-content: left;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.entry-content .gallery-item {
	flex-basis: 25%;
	flex-grow: 0;
	font-size: 0;
	padding: 2px;
    max-width: 100%;
	text-align: center;
}

.gallery-columns-1 .gallery-item { flex-basis: 100%; }
.gallery-columns-2 .gallery-item { flex-basis: 50%; }
.gallery-columns-3 .gallery-item { flex-basis: 33.333%; }
.gallery-columns-4 .gallery-item { flex-basis: 25%; }
.gallery-columns-5 .gallery-item { flex-basis: 20%; }
.gallery-columns-6 .gallery-item { flex-basis: 16.666%; }
.gallery-columns-7 .gallery-item { flex-basis: 14.125%; }
.gallery-columns-8 .gallery-item { flex-basis: 12.5%; }
.gallery-columns-9 .gallery-item { flex-basis: 11.111%; }

@media only screen and (max-width: 820px) {
	.gallery-columns-5 .gallery-item { flex-basis: 25%!important; flex-grow: 1!important;  max-width: 50%; }
	.gallery-columns-6 .gallery-item { flex-basis: 25%!important; flex-grow: 1!important;  max-width: 50%; }
	.gallery-columns-7 .gallery-item { flex-basis: 25%!important; flex-grow: 1!important;  max-width: 50%; }
	.gallery-columns-8 .gallery-item { flex-basis: 25%!important; flex-grow: 1!important;  max-width: 50%; }
	.gallery-columns-9 .gallery-item { flex-basis: 25%!important; flex-grow: 1!important;  max-width: 50%; }
}

@media only screen and (max-width: 480px) {
	.entry-content .gallery-item { flex-basis: 50%!important; flex-grow: 1!important; }
}

.entry-content .gallery br {   
	display: inline;
  	content: ' ';
  	padding: 0; 
}

.entry-content .gallery .gallery-caption { display: none;}
.entry-content .gallery-icon a img { 
	margin: 0px 0px!important; 
	height: auto!important;
	min-width: 100%!important;
	position: relative;
}

.pswp__bg {
	background: rgba(0,0,0,0.7)!important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}



/*--------------------------------------------------------------
30.0 AUTOCOMMERCE
--------------------------------------------------------------*/

/* ----- ----- ----- OCCASIONLIJST ----- ----- ----- */

#occasionlijstwrapper {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#occasionlijstwrapper a {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(30, 115, 190, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(30, 115, 190, 1);
}

#occasionlijstwrapper a img {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(30, 115, 190, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(30, 115, 190, 1);
}

#occasionlijstwrapper div.nav {
    display: block;
    margin-top: 8px;
    text-align: center;
}

#occasionlijstwrapper div.nav {
    font-weight: normal;
    font-style: italic;
    color: #cccccc;
    text-decoration: none;
}

#occasionlijstwrapper div.nav b {
    font-weight: bold;
    font-style: normal;
    color: #1e73be;
    text-decoration: none;
    padding: 3px 5px;
    display: inline-block;
}

#occasionlijstwrapper div.nav a.nav {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
    padding: 3px 5px;
    border: 1px solid #666666;
    background: #f3f3f3;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 2px;
}

#occasionlijstwrapper div.nav a.nav:hover {
    color: #333333;
    background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png');
}

#occasionlijstwrapper form {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#occasionlijstwrapper select {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #666;
    color: #333;
    margin: 2px;
    width: 24%;
    padding: 2px 5px;
    height: 2em;
}

#occasionlijstwrapper a {
    text-decoration: none;
}

/* --- --- --- VERSIE 2 met 320 foto --- --- --- */
#occasionlijstwrapper .occasionresultV2 {
    display: inline-block;
    width: 280px;
    text-align: left;
    margin: 0px 10px 28px 10px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border: 1px solid #efefef;
    vertical-align: middle;
    padding: 4px;
}

#occasionlijstwrapper .occasionresultV2:hover {
    cursor: pointer;
    border-top: 1px solid #1e73be;
    border-bottom: 1px solid #1e73be;
    -webkit-box-shadow: 0 0 6px 0 #C9C9C9;
    box-shadow: 0 0 6px 0 #C9C9C9;
}

#occasionlijstwrapper .occasionresultV2 .merkmodel {
    color: #1e73be !important;
    width: 270px;
    padding: 3px 5px;
    padding-right: 0px;
    font-size: 16px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#occasionlijstwrapper .occasionresultV2:hover .merkmodel {
    color: #1e73be !important;
}

#occasionlijstwrapper .occasionresultV2 .merkmodel .model {
    color: #666666 !important;
}

#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering {
    white-space: nowrap;
    display: block;
    margin: 3px 0px;
    font-size: 12px;
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    height: 20px;
    color: #999999 !important;
}

#occasionlijstwrapper .occasionresultV2:hover .merkmodel .uitvoering {
    color: #000000 !important;
}

#occasionlijstwrapper .occasionresultV2 .foto {
    margin-bottom: 6px;
    margin-right: 0px;
    height: 220px;
    width: 278px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#occasionlijstwrapper .occasionresultV2 .foto a img {
    padding: 0px;
    width: 278px !important;
    height: auto !important;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#occasionlijstwrapper .occasionresultV2:hover .foto a img {
    border: 1px solid transparent;
}

#occasionlijstwrapper .occasionresultV2 .gegevens {
    float: none;
    width: 280px;
    padding: 5px;
}

#occasionlijstwrapper .occasionresultV2 .gegevens .basics {
    font-size: 10px;
    line-height: 1.5em;
    text-transform: uppercase;
    float: left;
    width: 190px;
    color: #999;
    margin-top: 2px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    text-shadow: none;
}

#occasionlijstwrapper .occasionresultV2:hover .gegevens .basics {
    color: #000;
}

#occasionlijstwrapper .occasionresultV2 .gegevens .basics .label {
    display: inline-block;
    width: 100px;
}

#occasionlijstwrapper .occasionresultV2 .gegevens .basics .value {
    display: inline-block;
    width: 90px;
}

#occasionlijstwrapper .occasionresultV2 .prijs {
    float: right;
    width: 130px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    text-align: right;
    height: 22px;
    vertical-align: bottom;
    padding-top: 34px;
    margin-bottom: 10px;
    margin-top: -60px;
    color: #1e73be !important;
}

#occasionlijstwrapper .occasionresultV2 .prijs span {
    font-size: 11px;
    line-height: 12px;
    text-align: right;
    font-weight: normal;
    position: absolute;
    display: inline-block;
    width: 110px;
    margin-top: -10px;
    margin-left: -110px;
    color: #ccc;
    text-shadow: none;
}

/* ----- ----- ----- DETAILPAGINA ----- ----- ----- */
#occasioncontent {
    margin: 0 auto;
    margin-top: 5px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;*/
}

#occasioncontent a {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(30, 115, 190, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(30, 115, 190, 1);
}

#occasioncontent a img {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(30, 115, 190, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(30, 115, 190, 1);
}

#occasioncontent h1 {
    font-size: 20px;
    padding-top: 10px;
    display: block;
    letter-spacing: 0px !important;
}

#occasioncontent h1 span {
    font-size: 18px;
    font-weight: normal;
    display: block;
    color: #999999 !important;
}

#occasioncontent p {
   /* text-align: justify;*/
}

#occasioncontent a {
    color: #666666;
    font-style: italic;
    text-decoration: underline;
}

#occasioncontent a:hover {
    color: #000000;
}

#occasioncontent .navbuttons {
    float: left;
    text-align: left;
    line-height: 20px;
	font-size: 12px!important;
    display: block;
   /* width: 340px;*/
}

#occasioncontent .navbuttons {
    font-weight: normal;
    font-style: italic;
    color: #cccccc;
    text-decoration: none;
}

#occasioncontent .navbuttons span {
    text-decoration: none;
    margin-right: 18px;
    padding: 2px 5px;
    border: 1px solid transparent;
    white-space: nowrap;
    display: inline-block;
}

#occasioncontent .navbuttons a {
    text-decoration: none;
    margin-right: 18px;
    padding: 3px 5px;
    border: 1px solid #666666;
    background: #f3f3f3;
    white-space: nowrap;
    display: inline-block;
}

#occasioncontent .navbuttons a:hover {
    text-decoration: none;
    /*background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png');*/
}

#headerbuttons {
    float: right;
    width: 300px;
    text-align: right;
    margin-bottom: 0px;
}

#occasioncontent #headerbuttons a img {
    width: 20px;
    border: 0px;
    background: transparent;
    margin: 0px;
}

/* ---------- ---------- Tabs ---------- ---------- */

#occasiontabs {
    border-bottom: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

#occasiontabs a:link, #occasiontabs a:visited {
    display: block;
    min-width: 10px;
    float: left;
    border: 1px solid #cccccc;
    text-decoration: none;
    border-bottom: 0px;
    padding: 4px 20px;
    /*background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png');*/
	background: none;
    margin-right: 10px;
    margin-bottom: -1px;
    cursor: pointer;
    color: #333333;
    font-style: normal;
}

#occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
    border-bottom: 0px;
    /*background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradienthover.png');*/
	background: none;
    border: 1px solid #333333;
    border-bottom: 1px solid #ffffff;
}

/* ---------- ---------- LAYERS ---------- ---------- */

#overzicht, #details, #optiesextras, #media, #auto360, #contact {
    display: none;
    width: 100%;
    margin-bottom: 30px;
}

img {
    border: 0px;
}

.occasionblock {
    display: block;
    width: 50%;
    float: left;
}

.occasionblock.mainfoto {
    background: none;
    min-height: 260px;
	padding-bottom: 10px;
}

#intro p.title,
#overzicht p.title,
#details p.title,
#media p.title,
#optiesextras p.title,
#auto360 p.title,
#contact p.title {
    font-size: 13px;
    color: #000000;
    font-weight: bold!important;
    margin-bottom: 10px;
}

#intro td, #intro p,
#overzicht td, #overzicht p,
#details td, #details p,
#media td, #media p,
#optiesextras td, #optiesextras p,
#auto360 td, #auto360 p,
#contact td, #contact p {
    /*font-size: 12px;
    color: #333333;*/
    margin-bottom: 10px;
}

/* ---------- ---------- INTRO ---------- ---------- */

#intro img {
    float: left;
    margin-top: 2px;
    width: 98%;
}

#intro table.voertuiggegevens {
    width: 95%;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
}

#intro td.label {
    border-bottom: 1px solid #ebebeb;
    width: 40%;
    padding: 2px;
   /* color: #333333;*/
    font-weight: bold;
    /*line-height: 18px;*/
}

#intro td.details {
    border-bottom: 1px solid #ebebeb;
    width: 60%;
    padding: 2px;
   /* line-height: 18px;*/
}

#intro table.labels {
    margin-top: 40px;
}

#intro #youtube_kl_container {
    width: 420px;
    height: 260px;
    border: 1px solid #cccccc;
    margin: 0 auto;
    margin-bottom: 10px;
    display: none
}

/* UITGESCHAKELD */
#intro #youtube_kl {
    width: 420px;
    height: 260px;
    position: absolute;
    z-index: 1;
}

#intro #youtube_kl_overlay {
    width: 420px;
    height: 235px;
    margin: 0 auto;
    background: url('//list.auto-commerce.eu/templates/autocommercepro/images/blank.gif');
    cursor: pointer;
    position: absolute;
    z-index: 10;
}

/* ---------- ---------- OVERZICHT ---------- ---------- */
#overzicht #contactbuttons {
    display: block;
    min-width: 10px;
    float: right;
    margin-right: 10px;
    margin-left: 40px;
    min-height: 290px;
    width: 200px;
    text-align: left;
}

#overzicht #contactbuttons p.title {
    text-align: left;
}

#overzicht #overzichtgegevens {
}

#overzicht #contactbuttons a.callmeback {
    display: block;
    min-width: 10px;
    border: 1px solid #cccccc;
    text-decoration: none;
    padding: 4px 20px;
    text-align: center;
    /*background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png');*/
	background: none;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333333;
    font-style: normal;
}

#overzicht #contactbuttons a.callmeback:hover {
    /*background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradienthover.png');*/
	background: none;
}


/* ---------- ---------- DETAILS ---------- ---------- */
#details table.voertuiggegevens {
    width: 95%;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
}

#details td.label {
    border-bottom: 1px solid #ebebeb;
    width: 50%;
    padding: 2px;
    /*color: #333333;*/
    font-weight: bold;
    /*line-height: 18px;*/
}

#details td.details {
    border-bottom: 1px solid #ebebeb;
    width: 50%;
    padding: 2px;
    /*line-height: 18px;*/
}

#details table.labels {
    margin-top: 40px;
}

#details #youtube_kl_container {
    width: 420px;
    height: 260px;
    border: 1px solid #333333;
    margin: 0 auto;
    margin-bottom: 10px;
}

#details #youtube_kl {
    width: 420px;
    height: 260px;
    position: absolute;
    z-index: 1;
}

#details #youtube_kl_overlay {
    width: 420px;
    height: 235px;
    margin: 0 auto;
    background: url('//list.auto-commerce.eu/templates/autocommercepro/images/blank.gif');
    cursor: pointer;
    position: absolute;
    z-index: 10;
}

#details td.bottomborder {
    border-bottom: 1px solid #ebebeb;
}

#details td.topborder {
    border-top: 1px solid #ebebeb;
}

/* ---------- ---------- OPTIES EXTRAS ---------- ---------- */

#optiesextras p.subtitle {
    margin-top: 20px;
    clear: both;
    color: #000000;
    font-weight: bold;
}

#optiesextras ul {
    display: block;
}

#optiesextras li {
    float: left;
    width: 30%;
    font-style: italic;
    color: #333333;
    list-style: square;
    margin-left: 5px;
    padding: 0px;
    padding-left: 0px;
}

#optiesextras table.techniekgegevens {
    width: 95%;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
}

#optiesextras td.label {
    width: 18%;
    padding: 2px;
}

#optiesextras td.details {
    width: 30%;
    padding: 2px;
}

#optiesextras td.spacer {
    border-bottom: 0px;
    width: 4%;
}

/* ---------- ---------- MEDIA / Auto360 ---------- ---------- */

#media, #auto360 {
    text-align: left;
}

#media img {
    display: inline;
    margin: 10px;
    margin-top: 2px;
    height: 100px;
}

#youtube {
    width: 660px;
    height: 394px;
    border: 1px solid #cccccc;
    margin: 0 auto;
}

/* ---------- ---------- CONTACT ---------- ---------- */

#contact #form {
    float: left;
    width: 460px;
}

#contact #form #autocommercecontactframe {
    width: 450px !important;
    height: 650px !important;
}

#contact span.formlabel {
    display: block;
    width: 150px;
    float: left;
}

#contact span.formlabel.verplichtveld {
    font-style: italic;
    font-size: 10px;
    color: #666666;
}

#contact span.verplicht {
    margin-left: 5px;
    color: #ff0000;
    font-weight: bold;
}

#contact input {
    display: block;
    width: 200px;
    float: left;
    margin-bottom: 5px;
    color: #333333;
}

#contact select {
    display: block;
    width: 205px;
    float: left;
    margin-bottom: 5px;
    color: #333333;
}

#contact textarea {
    display: block;
    width: 300px;
    height: 100px;
    float: left;
    color: #333333;
}

#contact input.button {
    color: #000000;
    width: 100px;
    text-align: center;
}

#contact input.checkbox {
    width: 20px;
    float: left;
    margin-bottom: 5px;
    color: #333333;
}


#contact #contactbuttons {
    display: block;
    min-width: 10px;
    float: right;
    margin-right: 10px;
    margin-left: 40px;
    margin-top: 5px;
    width: 200px;
    text-align: left;
}

#contact #contactbuttons p.title {
    text-align: left;
}


#contact #contactbuttons a.callmeback {
    display: block;
    min-width: 10px;
    border: 1px solid #cccccc;
    text-decoration: none;
    padding: 4px 20px;
    text-align: center;
    /*background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png');*/
	background: none;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333333;
    font-style: normal;
}

#contact #contactbuttons a.callmeback:hover {
    /*background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradienthover.png');*/
	background: none;
}

#facebook iframe {
    height: 35px;
    margin-top: 5px;
    width: 300px;
    float: left;
}

#occasioncontent #copyright {
    float: right;
    line-height: 40px;
    font-size: 11px;
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Large */
@media screen and (min-width: 1024px) {

}

/* Basic */
@media screen and (max-width: 1024px) {
    #occasionlijstwrapper {
        width: 940px;
    }

    /*#occasionlijstwrapper select { width: 190px; margin: 2px;}*/
    #occasionlijstwrapper .occasionresultV2 {
        width: 290px;
        margin: 0px 6px 28px 6px;
    }

    #occasionlijstwrapper .occasionresultV2 .merkmodel {
        width: 280px;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens {
        width: 280px;
    }

    #occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering {
        width: 270px;
    }

    #occasionlijstwrapper .occasionresultV2 .prijs {
        width: 280px;
    }

    #occasionlijstwrapper .occasionresultV2 .foto {
        width: 290px;
    }

    #occasionlijstwrapper .occasionresultV2 .foto img {
        width: 264px;
    }
}

/* Tablet */
@media screen and (max-width: 800px) {
    #occasionlijstwrapper {
        width: 620px;
        margin: 0 auto;
    }

    /*#occasionlijstwrapper select { width: 240px; margin: 2px;}*/
    #occasionlijstwrapper .occasionresultV2 {
        width: 290px;
    }

    #occasionlijstwrapper .occasionresultV2 .merkmodel {
        width: 280px;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens {
        width: 280px;
    }

    #occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering {
        width: 270px;
    }

    #occasionlijstwrapper .occasionresultV2 .prijs {
        width: 280px;
    }

    #occasionlijstwrapper .occasionresultV2 .foto {
        width: 290px;
    }

    #occasionlijstwrapper .occasionresultV2 .foto img {
        width: 264px;
    }

    #occasionlijstwrapper form {
        margin: 0 auto;
        margin-bottom: -20px;
        width: 100%;
        text-align: center;
    }

    #occasioncontent {
        width: 620px;
        margin: 0 auto;
    }

    #headerbuttons {
        width: 200px;
    }

    #occasioncontent a {
        padding: 0px;
    }

    .occasionblock.mainfoto {
        height: auto !important;
        margin-bottom: 10px;
    }

    #intro .occasionblock.mainfoto {
        width: 40%;
    }

    #intro img {
        float: left;
        margin-top: 2px;
        width: 250px;
    }

    #intro .occasionblock {
        width: 60%;
    }

    #occasioncontent .tab, #occasiontabs a:link, #occasiontabs a:visited {
        margin-top: 10px;
    }

    #occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
        border: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    #overzicht, #details, #optiesextras, #media, #auto360, #contact {
        display: none;
        width: 620px;
        margin-bottom: 10px;
    }

    #overzicht #overzichtgegevens {
        width: 620px;
    }

    #optiesextras li {
        width: 46%;
        margin-left: 0px;
        padding-left: 10px;
    }

    #occasioncontent #contactbuttons {
        display: none;
    }

    #contact #contactbuttons {
        float: none;
        display: block;
        clear: both;
        padding-top: 0px;
        margin-left: 0px;
        text-align: center;
        width: 100%;
    }

    #contact #contactbuttons p.title, #contact #contactbuttons p {
        text-align: center;
    }

    #occasioncontent #copyright {
        float: none;
        text-align: center;
        margin-bottom: -20px;
    }

    #occasioncontent #media a {
        padding: 0px;
    }

    #occasioncontent #media a img {
        float: left;
        margin: 6px;
        margin-top: 2px;
        height: 86px !important;
        width: auto !important;
    }

    #occasioncontent #media a.zoomLink.cboxElement {
        display: inline-block !important;
    }

    #youtube {
        width: 440px !important;
        height: 157px;
        border: 1px solid #cccccc;
        margin: 0 auto;
    }

    #youtube iframe {
        width: 440px !important;
        height: 157px !important
    }

    #contact #form {
        float: none;
        width: 430px;
    }

    #facebook iframe#facebookframe {
        height: 35px !important;
        margin-top: 5px;
        width: 300px;
        float: left;
    }
}

/* Mobile */
@media screen and (max-width: 480px) {

    #occasionlijstwrapper div.nav {
        display: block;
        margin-top: 8px;
        text-align: center !important;
    }

    #occasionlijstwrapper div.nav a.nav {
        margin-bottom: 5px;
    }

    #occasionlijstwrapper {
        width: 280px;
        margin: 0 auto;
    }

    #occasionlijstwrapper .occasionresultV2 {
        width: 270px;
    }

    #occasionlijstwrapper .occasionresultV2 .merkmodel {
        box-sizing: border-box;
        width: 260px;
    }

    #occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering {
        box-sizing: border-box;
        width: 260px;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens {
        box-sizing: border-box;
        width: 260px;
    }

    #occasionlijstwrapper .occasionresultV2 .foto {
        height: auto;
        width: 270px;
        margin-bottom: 8px;
        text-align: center;
    }

    #occasionlijstwrapper .occasionresultV2 .foto a img {
        width: 268px !important;
        height: auto !important;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens .basics {
        width: 150px
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens .basics .label {
        display: inline-block;
        width: 80px;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens .basics .value {
        display: inline-block;
        width: 70px;
    }

    #occasionlijstwrapper .occasionresultV2 .prijs {
        float: left;
        width: 100px;
        margin-right: 0px;
        margin-top: -26px;
    }

    #occasionlijstwrapper form {
        margin: 0 auto;
        margin-bottom: -10px;
        width: 100%;
    }

    #occasionlijstwrapper select {
        width: 120px;
        margin-left: 0px
    }

    #occasioncontent {
        width: 290px;
        margin-top: 5px;
    }

    .occasionblock {
        display: block;
        float: none;
        width: 100%;
    }

    #intro .occasionblock.mainfoto {
        width: 100%;
        float: none;
    }

    #intro img {
        float: none;
        width: 290px;
    }

    #intro table.voertuiggegevens {
        margin: 0 0 0 0;
        padding: 0;
        width: 100%;
    }

    #intro .occasionblock {
        width: 100%;
        float: none;
    }

    #overzicht, #details, #optiesextras, #media, #auto360, #contact {
        display: none;
        width: 290px;
        margin-bottom: 30px;
    }

    #overzicht #overzichtgegevens {
        width: 290px;
    }

    #intro td.label {
        padding: 0px;
    }

    #intro td.details {
        padding: 0px;
    }


    #occasioncontent .navbuttons {
        display: block;
        float: none;
        line-height: 20px;
        text-align: center;
        width: 300px;
    }

    #occasioncontent .navbuttons a {
        margin-right: 4px;
    }

    #details table.voertuiggegevens {
        margin: 0 0 0 0;
        padding: 0;
        width: 100%;
    }

    #headerbuttons {
        float: none;
        width: 310px;
        text-align: center;
        margin-bottom: 4px;
        margin-top: 20px;
    }

    #occasioncontent #headerbuttons img {
        width: 20px !important;
        border: 0px;
        background: transparent;
        margin: 0px;
        height: auto !important;
    }

    #occasioncontent #headerbuttons a {
        padding: 0px;
    }

    #occasiontabs {
        margin-top: 0px;
        margin-bottom: 10px;
        border-bottom: 0px;
    }

    #occasiontabs a:link, #occasiontabs a:visited {
        margin-top: 10px;
        border-bottom: 1px solid #cccccc;
        width: 95%;
        margin-left: 5px;
        line-height: 30px;
        font-size: 16px;
        text-align: center;
        padding: 0px;
        background: #efefef;
    }

    #occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
        border: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    #occasioncontent #contactbuttons {
        display: none;
    }

    #optiesextras ul {
        margin-left: 0px;
        padding-left: 0px;
    }

    #optiesextras li {
        width: 80%;
        margin-left: 20px;
        padding-left: 0px;
    }


    #media, #auto360 {
        text-align: center;
    }

    #occasioncontent #media a {
        padding: 0px;
    }

    #occasioncontent #media a img {
        float: left;
        margin: 10px;
        margin-top: 2px;
        height: 80px !important;
    }

    #youtube {
        width: 290px !important;
        height: 364px;
        border: 0px solid #cccccc;
        margin: 0 auto;
    }

    #youtube iframe {
        width: 290px !important;
        height: 364px !important
    }


    #contact #form {
        float: none;
        width: 260px;
        margin: 0 auto;
        text-align: center;
    }

    #contact #form p.title {
        display: none;
    }

    #contact #form:after {
        /*content:"Bezoek onze website op een tablet of desktop computer voor meer contact mogelijkheden.";*/
        font-weight: normal;
        font-style: italic;
    }

    #occasioncontent #contact #contactbuttons {
        display: block;
        text-align: center;
    }

    #contact #autocommercecontactframe {
        display: none;
    }

    #cboxTitle {
        display: none !important
    }

}

/* huge */
@media screen and (min-width: 1200px) {

    /*#occasionlijstwrapper select { width: 260px; }*/
    #occasionlijstwrapper .occasionresultV2 {
        width: 340px;
    }

    #occasionlijstwrapper .occasionresultV2 .merkmodel {
        width: 330px;
    }

    #occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering {
        width: 320px;
    }

    #occasionlijstwrapper .occasionresultV2 .foto {
        width: 338px;
        height: 260px;
    }

    #occasionlijstwrapper .occasionresultV2 .foto a img {
        width: 338px !important;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens {
        width: 100%;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens .basics {
        width: 100%;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens .basics .label {
        width: 130px;
    }

    #occasionlijstwrapper .occasionresultV2 .gegevens .basics .value {
        width: 180px;
    }

    #occasionlijstwrapper .occasionresultV2 .prijs {
        width: 190px;
    }

    #occasionlijstwrapper .occasionresultV2 .prijs span {
        width: 170px;
        margin-left: -170px;
    }
}


/* Large */
@media screen and (min-width: 1025px) and (max-width: 1199px) {

    /*#occasionlijstwrapper select { width: 220px; }*/
}

/*--------------------------------------------------------------
100.0 Print
--------------------------------------------------------------*/

@media print {

    /* Hide elements */
    form,
    button,
    input,
    select,
    textarea,
    .navigation-top,
    .social-navigation,
    #secondary,
    .content-bottom-widgets,
    .header-image,
    .panel-image-prop,
    .icon-thumb-tack,
    .page-links,
    .edit-link,
    .post-navigation,
    .pagination.navigation,
    .comments-pagination,
    .comment-respond,
    .comment-edit-link,
    .comment-reply-link,
    .comment-metadata .edit-link,
    .pingback .edit-link,
    .site-footer aside.widget-area,
    .site-info {
        display: none !important;
    }

    .entry-footer,
    #comments,
    .site-footer,
    .single-featured-image-header {
        border: 0;
    }

    /* Font sizes */
    body {
        font-size: 12pt;
    }

    h1 {
        font-size: 24pt;
    }

    h2 {
        font-size: 22pt;
    }

    h3 {
        font-size: 17pt;
    }

    h4 {
        font-size: 12pt;
    }

    h5 {
        font-size: 11pt;
    }

    h6 {
        font-size: 12pt;
    }

    .page .panel-content .entry-title,
    .page-title,
    body.page:not(.autosoft-front-page) .entry-title {
        font-size: 10pt;
    }


    /* Layout */
    .wrap {
        padding-left: 5% !important;
        padding-right: 5% !important;
        max-width: none;
    }

    /* Site Branding */
    .site-header {
        background: transparent;
        padding: 0;
    }

    .custom-header-media {
        padding: 0;
    }

    .autosoft-front-page.has-header-image .site-branding,
    .autosoft-front-page.has-header-video .site-branding,
    .home.blog.has-header-image .site-branding,
    .home.blog.has-header-video .site-branding {
        position: relative;
    }

    .site-branding {
        margin-top: 0;
        margin-bottom: 1.75em !important; /* override styles added by JavaScript */
    }

    .site-title {
        font-size: 25pt;
    }

    .site-description {
        font-size: 12pt;
        opacity: 1;
    }

    /* Posts */
    .single-featured-image-header {
        background: transparent;
    }

    .entry-meta {
        font-size: 9pt;
    }

    /* Colors */
    body,
    .site {
        background: none !important; /* Brute force since user agents all print differently. */
    }

    body,
    a,
    .site-title a,
    .autosoft-front-page.has-header-image .site-title,
    .autosoft-front-page.has-header-video .site-title,
    .autosoft-front-page.has-header-image .site-title a,
    .autosoft-front-page.has-header-video .site-title a {
        color: #222 !important; /* Make sure color schemes don't affect to print */
    }

    h2,
    h5,
    blockquote,
    .site-description,
    .autosoft-front-page.has-header-image .site-description,
    .autosoft-front-page.has-header-video .site-description,
    .entry-meta,
    .entry-meta a {
        color: #777 !important; /* Make sure color schemes don't affect to print */
    }

    .entry-content blockquote.alignleft,
    .entry-content blockquote.alignright {
        font-size: 11pt;
        width: 34%;
    }

    .site-footer {
        padding: 0;
    }
}