/*
Theme Name: Musicland Oxford 2017
Author: Winter Design
Author URI: https://www.malago.co.uk/
Version: 1

/*--------------------------------------------------------------
>>> 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

15.0 Widgets
16.0 Media
 16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

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

html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; letter-spacing: 0.03em; font-family: 'Yantramanav', sans-serif;}

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: 700; }

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; }

/*--------------------------------------------------------------
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; }


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

body,
button,
input,
select,
textarea {font-family:'Yantramanav'. arial, sans-serif; font-size: 15px; font-size: 0.9375rem; font-weight: 300; line-height: 1.5; }

nav { 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; font-weight: 300;  font-family: 'Bree Serif', serif;}

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 { font-size: 18px; font-size: 1.125rem; font-weight: 300; }

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

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

h6 {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; }


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

:focus {outline: none; }

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


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

.wrap .um_label_top { font-weight: 300;}

label {color: #333; display: block; 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="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: #9da8ac; border: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; padding: 1.4em 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: #de6327; }

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 {font-family: 'Yantramanav'. arial, sans-serif; }

:-moz-placeholder {font-family: 'Yantramanav'. arial, sans-serif; }

::-moz-placeholder {font-family: 'Yantramanav'. arial, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {font-family: 'Yantramanav'. 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 1.5em; padding: 0; }
ul {list-style: disc; }
ol {list-style: decimal; }

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

dt { }
dd {margin: 0; padding: 0;}

/*--------------------------------------------------------------
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: #ee9223; text-decoration: none; }/* #de6327 */

a:focus {outline: thin dotted; }

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

/* 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 {font-size: 16px; font-size: 1rem; letter-spacing: 0.05em; position: relative; bottom: auto; width: 100%; background-color: #fff; margin-bottom: 20px;}
.main-navigation.toggled-on {background-color: #fff; height: 100vh; max-height: 100vh; overflow-x: auto; overflow-y: scroll;}

.navigation-top li a {-webkit-transition: color 0.2s; transition: border 0.2s;  font-family: 'Bree Serif', serif; font-size: 1.4em; border-bottom: 2px solid #fff;}

.navigation-top li.current-menu-item > a,
.navigation-top li.current-page-parent > a,
.navigation-top li:hover > a {border-bottom: #de6327 solid 2px;}

.navigation-top li .current-menu-item > a,
.navigation-top li .current_page_item > a {}

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

.main-navigation ul {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 {padding: 0.75em 1.695em; }

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

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

.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 #de6327; position: relative; }
.main-navigation.toggled-on li {border-bottom: none; }

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

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

.main-navigation a:hover { }

.main-navigation .sub-menu a:hover, .secondaryNav .sub-menu a:hover { background-color: #ededef;}


/* Menu toggle */
.menu-toggle {background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; display: none; font-weight: 800; line-height: 0; margin:0; padding: .65em; text-shadow: none;
position: absolute; z-index: 50; font-size: 1.5rem; width: 2.4em; right: 0.6em; top: 0;}

/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {display: block; }

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

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

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

.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: 26px; right: -0.5em; line-height: 1.2; 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.toggled-on .icon {-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg); }


/*--------------------------------------------------------------
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; background: url("images/back-body.png") repeat-x scroll 0 0;}

.wrap {margin-left: auto; margin-right: auto; padding-left: 2em; padding-right: 2em; }

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

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

#masthead .wrap {position: relative; }

.site-header {position: relative; background:url('images/back-header.png') repeat-x bottom; padding-bottom: 12px}

/* 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; }

.logoHeader {display: inline-block; vertical-align: middle; background: url('images/logoMusicland.png') no-repeat; background-size: 100%; width: 430px; height:98px; }
.main-navigation .logoHeader a {width: 100%; height: 100%; margin: 0; padding: 0;}
.main-navigation .logoHeader a:hover {border-bottom: none;}
.menu-mainnav-container {display: inline-block;}

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; }

.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(to 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(to 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="#00000000", endColorstr="#4d000000", 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; }

/* 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; }



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

.site-content-contain {position: relative; }

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

main {background-color: #fff; border-radius: 10px; padding: 2em;}



.gridItem { flex: 1 1 0; }
.flexColumn { display: flex; flex-direction: column; justify-content: flex-start; }



/* 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 .entry-header {padding: 1em 0; }

body .entry-header,
body .entry-content,
body #comments {margin-left: auto; margin-right: auto; }

body .entry-header {padding: 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 #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; }


/*--------------------------------------------------------------
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; }

/* 404 page */

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

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

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

#footerTop {
    background: rgba(0, 0, 0, 0) url("images/back-footer.png") repeat-x scroll center top;
    height: 11px;
}

.site-footer {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #268de5 0%, #040f77 100%) repeat scroll 0 0;
    padding-top: 20px;
    text-align: center; color: #fff;
}

.site-footer .wrap {padding-bottom: 1.5em; 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: 0.8rem; margin-bottom: 1em; }

.site-info a {color: #fff; box-shadow:none;}
.site-info a:hover {color: #fff; box-shadow:none; background-color:#839399 ;}

.site-info ul {display: flex; list-style:none;}
.site-info li {flex-grow:1; margin-right: 12px;}

@media screen and ( max-width: 599px ) { .site-info ul {flex-wrap: wrap;}
.site-info li {width:40%; margin-bottom: 12px;}
}


@media screen and ( max-width: 399px ) { .site-info ul {flex-direction:column;}
.site-info li {margin-right: 0px; width:100%; }
}



/
/*--------------------------------------------------------------
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; }



/*--------------------------------------------------------------
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; }



/* WOOCOMMERCE */
.woocommerce-page #content div.product div.summary { width:100%; }
.woocommerce table.cart .product-thumbnail { display:none; }

/* account pages */
.wrap .woocommerce table.my_account_orders {    font-size:1em;}
.woocommerce-account .wrap .woocommerce-MyAccount-navigation { width: 20%;}
.woocommerce-account .wrap .woocommerce-MyAccount-content { width: 78%;}

.woocommerce-page .wrap div.product div.summary {float: none !important;}
.product_meta, .woocommerce-result-count {display: none;}

.woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text
{width: 180px;}

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


/* OVER 480px WIDE */
@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; }

	.panel-content .entry-header {	margin-bottom: 1.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; }

}

/* HAMBURGER AVAILABLE */
@media screen and (max-width: 799px) {
		.bodyWithSubNav {margin-left: 0px;}
 		.logoHeader {width: 250px; height: 60px; margin: .5em;}
		.toggled-on .logoHeader, .secondaryNav {display: none;}
		.toggled-on .menu-mainnav-container {display: block; margin-right: 2.6em; padding: 50px 0 20px 20px;}
		 .main-navigation.toggled-on a {padding: 0.5em 1em;}
		 .dropdown-toggle {right: .5em;}
		 .main-navigation {transition: max-height 0.5s ease;}
		.main-navigation > div > ul {padding: 0;}
		.main-navigation #top-menu a {border-left: solid #de6327 15px; padding:1em; border-bottom: none;}
		.navigation-top { margin-bottom: 5px;}
		.navigation-top .wrap {padding: 0; }
		.navigation-top .current-menu-item > li a, .navigation-top .current-page-parent > li a, .navigation-top li a:hover {border-bottom: none; background-color: #dfdfe0;}
		.teaserDiv .gridItem { margin-right: 0em; margin-bottom: 1em;}
		.woocommerce-account .wrap .woocommerce-MyAccount-navigation { width: 100%;}
		.woocommerce-account .wrap .woocommerce-MyAccount-content { width: 100%;}


}


/* HAMBURGER OFF */
@media screen and (min-width: 800px) {
	/* Typography */

	body,
	button,
	input,
	select,
	textarea {	font-size: 16px; 	font-size: 1rem; }

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

	/* Layout */

	.wrap {	max-width: 1000px; }

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

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

	.error404 #primary {	float: none; }

	.flex {display: flex; justify-content: space-between;}
	.flexItem {flex-grow:1; width: 100%;}


	/* Site Branding */

	.site-branding {	margin-bottom: 0; }

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

	.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 .wrap {	max-width: 1000px; }

	.admin-bar .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:0 0.5em; }


	.main-navigation ul ul {	background: #fff; 	border: 1px solid #bbb; 	left: -999em; 	padding: 0; 	position: absolute; 	top: 100%; 	z-index: 99999; }

	.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; 	width: 16em; }

	.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-color:#ededef; }

	.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 {background-color: #ededef ;}

	.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 {	left: -999em; 	margin-top: -1px; 	top: 0; }



	.panel-content .wrap {	padding-bottom: 4.5em; 	padding-top: 6em; }

	.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; }



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


	/* Post formats */

	.format-quote blockquote .icon {	left: -1.5em; }
/*
	.single #main {margin: 0 13em;}
 */

	/* Pages */

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

	/* 404 page */

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



}

/* OVER 1200px */
@media screen and ( min-width: 1200px ) {
	/* Navigation */
	.navigation-top nav {	margin-left: 0; }
	.main-navigation a {	padding: 0 0.5em; }
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
	.admin-bar .navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {	top: 46px; }
}

/*--------------------------------------------------------------
20.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 .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; }

	.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  {	color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.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; }
}