/*
Theme Name: XTX 9
Version: 9
Author: Chris Bibbs
Author URI: xtxcreativemedia.com
Theme URI: xtxcreativemedia.com
text-domain: xtx */

/* FIXED ELEMENTS */
* { box-sizing: border-box !important; position: relative; background-repeat: no-repeat !important; background-size: cover; text-decoration: none; }
html { scroll-behavior: smooth; padding: 0 !important; margin: 0 !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; width: 100% !important; height: 100% !important; }
body { padding: 0; margin: 0; width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; background-attachment: scroll; }
@media all and (max-width: 1200px) { body::before { height: 900px !important; background-size: cover; } }
@media all and (min-width: 1200px) { body::before { height: 900px !important; background-size: cover; } }
div.overlay::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-image: url('overlay.png'); background-color: transparent; background-repeat: repeat; background-size: auto !important; opacity: 0.5; opacity: 0.4 !important; height: 100%; }
div.overlay .container { z-index: 2; }
h1, h2, h3, h4, h5, h6 { display: block; padding: 0; margin: 0; }
img { max-width: 100%; height: auto !important; }
article, article h1, article h2, section, footer, nav, aside, aside header, aside div, aside ul, aside li, aside h3, figure, dl dt, dl dd, article figure, section figure, div figure, .wp-caption > * { width: 100%; float: left; padding: 0; margin: 0; }
.wrapper { width: 100%; float: left; display: flex; justify-content: center; flex-wrap: wrap; }
.transparent { background-color: transparent !important; }
.full-width { width: 100% !important; float: left; }
.float-left { float: left; } 
.float-right { float: right; } 
.float-center { float: none; margin: 0 auto; }
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.fixed { position: fixed; }
.static { position: static; }
.padded { padding-top: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); padding-bottom: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
.padded-small { padding-top: 12px; padding-bottom: 12px; }
.padded-medium { padding-top: calc(60px + (60 - 42) * ((100vw - 300px) / (1920 - 300))); padding-bottom: calc(60px + (60 - 42) * ((100vw - 300px) / (1920 - 300))); }
.padded-large { padding-top: calc(54px + (72 - 54) * ((100vw - 300px) / (1920 - 300))); padding-bottom: calc(54px + (72 - 54) * ((100vw - 300px) / (1920 - 300))); }
.padded-large-extra { padding-top: calc(78px + (96 - 78) * ((100vw - 300px) / (1920 - 300))); padding-bottom: calc(78px + (96 - 78) * ((100vw - 300px) / (1920 - 300))); }
@media all and (min-width: 1200px) { .padded-hero { min-height: 780px; } }
.padded-lower { padding-bottom: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
.title .breadcrumbs { padding-bottom: 24px; }
.post-archive-meta, .post-archive-title { padding-bottom: 12px; }
.main.layout-flexible { padding: 0 !important; }
.header { position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 10; }
.header .container .header-toggle { display: flex; justify-content: flex-end; align-items: center; align-content: center; font-size: 30px; }
.header .container .header-logo { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; }
.header .container.layout-side .header-logo, .header .container.layout-popup .header-logo { display: flex; justify-content: center; flex-direction: row; align-items: center; }
.header .container .header-logo img { max-height: 60px; width: auto; }
@media all and (min-width: 900px) { .header .container .header-logo img { max-height: 72px; width: auto; } }
@media all and (min-width: 900px) { .header .container .header-logo img { max-height: 84px; width: auto; } }
.header .container .header-content .information { display: flex; justify-content: center; align-content: center; align-items: center; flex-direction: row; }
.header .container .header-content .information ul { list-style-type: none; padding: 0; margin: 0; }
.header .container .header-content .information li { display: flex; justify-content: space-between; align-content: center; align-items: center; flex-direction: row; padding: 0 0 0 18px; }
.header .container .header-content .information li a { display: flex; justify-content: space-between; align-content: center; align-items: center; flex-direction: row; }
.header .container .header-content .information li > span, .header .container .header-content .information li a > span { display: inline-block; }
.header .container .header-content .information li > label, .header .container .header-content .information li a > label { display: none; }
.columns-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.panel .container.columns-1 { gap: 36px; }
.panel .panel-header > * { width: 100%; float: left; }
.panel .panel-header p { margin: 0; padding: 0; }
.panel .panel-header h1 + *, .panel .panel-header h2 + *, .panel .panel-header span + *, .panel .panel-header p + * { padding-top: 12px; }
.layout-block.alternate .col:nth-of-type(odd) .content > div, .layout-block.alternate .col:nth-of-type(even) .content > div { padding: 24px 24px 0 24px !important; width: 100%; }	
.layout-shadow.row .col { padding-bottom: calc(36px + (72 - 36) * ((100vw - 300px) / (1920 - 300))); }
.layout-shadow.row .col .content { display: flex; align-items: center; align-content: center; }	
.layout-card .col { box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2); }
.layout-card .col .content { padding: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); }
.layout-box.row { padding: calc(24px + (48 - 24) * ((100vw - 300px) / (1920 - 300))); filter: drop-shadow(16px 16px 20px rgba(0, 0, 0, 0.33)); background-color: #fefefe; }
.primary .wp-caption { display: flex; flex-direction: column; flex-wrap: wrap; }
.primary ul[class*="columns-"], .primary table { margin: 1em 0; width: 100%; float: left; }
.primary table tr { border-bottom: 1px dotted #ccc; padding: 12px 0 !important; }
.primary table tr td { padding: 12px 0 !important; }
.primary .table tr:last-child { border-bottom: none; }
.primary table td { width: 100% !important; display: block !important; height: auto !important; }
.sidebar aside { margin-bottom: 36px; }
.sidebar aside header { padding: 18px 18px 0 18px; }
.sidebar aside > ul, .sidebar aside > div { padding: 0 18px 18px 18px; margin: 0; list-style-type: none; }
.sidebar .frm_forms { padding: 0 0 0 0 !important; }
.sidebar .textwidget ul { padding: 0; margin: 0; list-style-type: none; }
.sidebar ul li { padding: 9px 0; width: 100%; float: left; }
.sidebar ul li a, sidebar ul > li > ul { padding: 0; }
.sidebar ul a { font-weight: bold; }
.sidebar ul ul a { font-weight: normal; }
.sidebar ul.children, .sidebar ul.sub-menu { display: none; }
.sidebar .current-cat-parent ul.children, .sidebar .current-menu-item.menu-item-has-children ul.sub-menu, .sidebar .current-menu-parent ul.sub-menu { display: block; }
.sidebar .sticky { position: -webkit-sticky; position: sticky; top: 120px; width: 100%; float: left; }
.panel .panel-header { text-align: center; }
.panel .panel-footer { text-align: center; }
.gallery { width: 100%; float: left; }
.gallery p, .gallery br { display: none !important; }
.gallery a, .gallery img { border: none !important; }
.gallery dl { display: flex; flex-wrap: wrap; flex-direction: column; }
.gallery dl dt { align-self: flex-start; }
.gallery dl dd { align-self: flex-end; }
.gallery-item { width: 100% !important; }
.overlay.text-light::before { content: ''; position: absolute; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.4); top: 0; left: 0; }
.overlay.text-dark::before { content: ''; position: absolute; width: 100%; height: 100%; background:rgba(255,255,255, 0.4); top: 0; left: 0; }
[class*="content"] .video-overlay, [class*="content"] .photo-overlay { position: relative; width: 100%; float: left; }
[class*="content"] .video-overlay::before, [class*="content"] .photo-overlay::before { content: ''; position: absolute; z-index: 3; left: 0; right: 0; background-size: 100% auto; background-position: center center; width: 100%; height: 100%; }
[class*="content"] .video-overlay::before { background-image:url("video.png"); }
[class*="content"] .photo-overlay::before { background-image:url("photo.png"); }
[class*="content"] .screen-reader-text, .sidebar .screen-reader-text { display: none !important; }
.background { position: absolute; top: 0; left: 0; z-index: -10; padding-bottom: 150%; overflow: hidden; width: 100%; }
.video-container { position: relative; padding-bottom: 56.25%; width: 100%; float: left; background-size: cover; }
.video-background, .background-image { position: absolute; top: 0; left: 0; z-index: -9; width: 100%; height: 1px; padding-bottom: 150%; background-repeat: no-repeat; background-size: cover; background-position: center top; overflow: hidden; }
[class*="background"].overlay::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-image: url('overlay.png'); background-color: transparent; background-repeat: repeat; background-size: auto !important; opacity: 0.5; opacity: 0.4 !important; height: 0 !important; padding-bottom: 100vh !important; }
@media all and (max-width: 900px) { .background .video-container { position: relative; padding-bottom: 150%; width: 100%; float: left; } }
@media all and (min-width: 901px) and (max-width: 1200px) { .background .video-container { position: relative; padding-bottom: 75%; width: 100%; float: left; } }
@media all and (min-width: 900px) { .video-background, .background-image, .background { padding-bottom: 100%; } }
@media all and (min-width: 1200px) { .video-background, .background-image, .background { padding-bottom: 50%; } }
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { width: 100% !important; height: 100% !important; }
.mejs-container { padding-top: 56.25%; }
.wp-video, video.wp-video-shortcode { max-width: 100% !important; }
video.wp-video-shortcode { position: relative; }
.wp-video { margin: -1em 0 2em 0 !important; }
.mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.video-container .mejs-controls { display: none; }
.mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; }
.video-overlay, .photo-overlay { position: relative; width: 100%; float: left; }
.video-overlay::before { content: ''; position: absolute; z-index: 3; left: 0; right: 0; background-image:url("video.png"); background-size: 100% auto; background-position: center center; width: 100%; height: 100%; }
.photo-overlay::before { content: ''; position: absolute; z-index: 3; left: 0; right: 0; background-image:url("photo.png"); background-size: 100% auto; background-position: center center; width: 100%; height: 100%; }
@media all and (min-width: 1200px ) { .photo-overlay::before { display: none; } .photo-overlay:hover::before { display: block; } }
.post-links, .related-pages { padding: 2em 0 0 0; }
.accordion .faq [class*="question"] { padding: 1em 2em 1em 1em; background-color: rgba(75, 75, 75, 1.0); }
.accordion .faq [class*="question"]::after { content: "+"; right: 18px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff; }
.accordion .faq [class*="question"].active::after { content: "—"; right: 18px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff; }
.accordion .faq [class*="question"] span { filter:invert(100%); }
.accordion .faq [class*="question"] + .answer { height: 0; max-height: 0px; padding: 0em 1em 0em 1em; background-color: #eee; overflow: hidden; opacity: 0.0; transition: max-height 0.2s ease-out, opacity 0.2s ease-out, padding 0.2s ease-out; }
.accordion .faq [class*="question"].active + .answer { height: auto; max-height: none; padding: 1em 1em 1em 1em; opacity: 1.0; overflow: visible; }
.downloads-list { padding: 0; margin: 0; list-style-type: none; }
.downloads-list li { width: 100%; float: left; }
.download-item { padding: 12px 0; border-bottom: 1px dotted #ccc; }
.download-information * { display: flex; align-items: center; }
.post-archive-nav { display: flex; align-items: center; align-content: center; justify-content: center; padding: 24px 0 0 0; }
.post-archive-nav ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: stretch; }
.post-archive-nav ul li { float: left; }
.post-archive-nav ul li a { padding: 12px; margin: 0 6px; background-color: rgba(229, 229, 229, 1); }
[class*="icon-wr"] { border-radius: 50%; border: 2px solid; padding: 6px; margin-right: 0px; width: calc(30px + (48 - 30) * ((100vw - 300px) / (1920 - 300))); height: calc(30px + (48 - 30) * ((100vw - 300px) / (1920 - 300))); display: flex; justify-content: center; align-items: center; font-size: calc(15px + (24 - 15) * ((100vw - 300px) / (1920 - 300))); }
.hidden, #contact.form { display: none; }
#contact.form { width: 90%; max-width: 480px; overflow: hidden; }
ul.icons, ul.hours, .footer ul { padding: 0; margin: 0; list-style-type: none; }
ul.icons li { padding: 0 9px; }
.share-buttons-side { background: #fff; position: fixed; left: 0; z-index: 900; top: 50%; transform:translateY(-50%); }
.share-buttons-side ul { margin: 0 !important; padding: 0 !important; }
.share-buttons-side li { width: 36px !important; height: 36px; position: relative; display: flex; align-items: center; align-content:center; justify-content: center; font-size: 20px !important; }
.share-facebook a { color: #3b5998 !important; }
.share-twitter a { color: #1da1f2 !important; }
.share-pinterest a { color: #bd081c !important; }
.share-reddit a { color: #FF4301 !important; }
.share-linkedin a { color: #2867b2 !important; }
a.click-here, .click-here a, input[type="submit"], button, .add-to-cart .button { display: inline-block; cursor: pointer; padding: 12px 24px; border: none; }
span.click-here { display: inline-block; cursor: pointer; }
span.click-here a { display: block; float: left; }
embed, iframe, object, video { max-width: 100%; margin: 0; clear: both; display: block; }
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="search"] { box-sizing: border-box; padding: 9px; margin: 0; width: 100%; max-width: 100% !important; display: block; font-size: 14px; border-radius: 0 0 !important; border: 1px solid #ccc; font-family: sans-serif; }
#searchform input[type="text"], #searchform input[type="email"], #searchform input[type="tel"], #searchform input[type="password"], #searchform input[type="search"] { box-sizing: border-box; padding: 9px; margin: 0; width: 100% !important; display: inline-block !important; font-size: 14px; }
#searchform button { background-color: transparent !important; text-align: center !important; padding: 0 !important; margin: 0 !important; border: none !important; color: inherit !important; display: flex; align-items: center; position: absolute !important; z-index: 10 !important; right: 12px !important; transform: translateY(-50%); top: 50%; }
input[type="radio"], input[type="checkbox"] { display: inline-block; padding: 0 12px 0 0; margin: 0; }
input[type="file"], input[type="hidden"] { padding: 0; margin: 0; } 
label { display: inline-block; padding: 6px 0; margin: 0; box-sizing: border-box; font-size: 1.05em; }
form { display: block; width: 100%; padding: 0 0 0 0; box-sizing: border-box; float: left; }
form.cart { display: flex; }
form.cart div { padding: 0 24px 0 0; }
div img, figure img, section img, article img, li img, aside img, .size-auto, .size-full, .size-large, .size-medium, dl img { max-width: 100%; height: auto; display: block; }
.alignnone, .aligncenter, .alignleft, .alignright { max-width: 100%; float: left; margin: 18px 0 18px 0; }
.alignnone:first-of-type, .aligncenter:first-of-type, .alignleft:first-of-type, .alignright:first-of-type { margin: 0 0 18px 0; }
.wp-caption { width: 100% !important; }
.layout-grid .grid-box { position: relative; width: 100%; height: 1px; padding-bottom: 100%; }
.layout-grid.columns-1 .grid-box { padding-bottom: 56.25%; }
.layout-grid .grid-box .grid-box-content { position: absolute; bottom: 0; left: 0; padding: 24px; z-index: 2; }
.layout-grid .grid-box .grid-box-content h2, .layout-grid .grid-box .grid-box-content h3 { padding-bottom: 12px; display: block; float: left; width: 100%; }
.layout-grid .grid-box .grid-box-content p, .layout-grid .grid-box .grid-box-content .grid-box-link { height: 0; transition: 0.4s; margin: 0; padding: 0; overflow: hidden; width: 100%; float: left; }
.layout-grid .grid-box:hover .grid-box-content p  { height: auto; padding: 0 0 12px 0; width: 100%; float: left; } 
.layout-grid:hover .grid-box .grid-box-content .grid-box-link { height: auto; }
.navigation.mobile .information { padding: 12px 24px 24px 24px; }
.navigation.mobile .information ul { justify-content: center !important; }
.navigation.mobile .information ul li { padding-right: 24px; font-size: 24px; }
.navigation.mobile .information ul li:last-of-type { padding-right: 0px; }
.navigation .menu > li.menu-item-has-children > a::after { position: absolute; content: '+'; right: 24px; top: 50%; transform: translateY(-50%); }
.navigation .menu > li.menu-item-has-children > a:active::after, .navigation .menu > li.menu-item-has-children > a:hover::after { content: '-'; }
.footer-menu ul { flex-wrap: wrap; }
.footer-menu ul li { width: 100%; float: left; padding: 0 0 18px 0; }
@media all and (min-width: 900px) { 
	.footer-menu ul li { width: auto; float: left; padding: 0 18px 0 0; }
	.footer-menu ul li:last-of-type { padding: 0 0 0 0; }
}
@media all and (min-width: 1200px) { 
	.navigation .menu > li.menu-item-has-children > a::after { right: 0; } 
	.navigation.side .menu > li.menu-item-has-children > a::after { right: 24px; }
}
@media all and (min-width: 1px) and (max-width: 600px) {
	.header.layout-default > .container { display: grid; grid-template-columns: 3fr 1fr 0fr; gap: 18px; }
	.header.layout-alt > .container, .header.layout-side > .container, .header.layout-popup > .container { display: grid; grid-template-columns: 3fr 1fr; gap: 18px; }
	.header .header-logo { order: -1; } 
	.header .header-content { display: none; overflow: hidden; }
	.header.layout-default .header-content { display: block; }
	.navigation.side .menu li.menu-item-has-children.show .sub-menu, .navigation.default ul.menu li.menu-item-has-children.show .sub-menu, .navigation.popup .menu li.menu-item-has-children.show .sub-menu { display: block; }
	.navigation.side, .navigation.default { margin-left: -9999px; position: fixed !important; width: 75%; max-width: 300px; left: 0; height: 100%; overflow: auto; top: 0; transition: 0.5s; z-index: 1000; }
	.navigation.side > *, .navigation.default > * { width: 100%; float: left; }
	.navigation.side .closebtn, .navigation.default .closebtn { display: block; padding: 12px 24px; font-size: 36px; text-align: right; width: 100%; float: left; }
	.navigation.side ul.menu, .navigation.default ul.menu, .navigation.popup ul.menu { display: flex; flex-direction: column; justify-content: space-between; list-style-type: none; padding: 0; margin: 0; }
	.navigation.side ul.menu li, .navigation.default ul.menu li, .navigation.popup ul.menu li { position: relative; }
	.navigation ul.menu a, .navigation.side ul.menu a, .navigation.default ul.menu a, .navigation.popup ul.menu a { padding: 12px 24px; display: block; }
	.navigation.side ul.sub-menu, .navigation.default ul.sub-menu, .navigation.popup ul.sub-menu { background-color: rgba(0,0,0,0.4) !important; }
	.navigation.side ul.sub-menu, .navigation.side ul.sub-menu ul.sub-menu, .navigation.default ul.sub-menu, .navigation.default ul.sub-menu ul.sub-menu, .navigation.popup ul.sub-menu ul.sub-menu { display: none; list-style-type: none; padding: 0; }
	.navigation.side .show ul.sub-menu, .navigation.side .show ul.sub-menu ul.sub-menu, .navigation.default .show ul.sub-menu, .navigation.default .show ul.sub-menu ul.sub-menu, .navigation.popup .show ul.sub-menu, .navigation.popup .show ul.sub-menu ul.sub-menu { display: block; }
	.row .col .content .text { padding: 1em 1em 0 1em; width: 100%; float: left; }
	.row .col .content .link { padding: 1em 1em 1em 1em; width: 100%; float: left; }
	.layout-default.row .col .content .text { padding: 0 0 calc(15px + (24 - 15) * ((100vw - 300px) / (1920 - 300))) 0; width: 100%; float: left; }
	.layout-default.row .col .content .link { padding: calc(15px + (24 - 15) * ((100vw - 300px) / (1920 - 300))) 0 0 0; width: 100%; float: left; }
	.panel.bg-default { padding-bottom: 360px; background-size: auto 330px; background-position: center bottom; }
	.panel.bg-left { padding-bottom: 360px; background-size: auto 330px; background-position: left bottom; }
	.panel.bg-right { padding-bottom: 360px; background-size: auto 330px; background-position: right bottom; }
	.panel.bg-full { background-position: center top; background-size: cover; }
	.primary { order: -1; }
}
@media all and (min-width: 601px) and (max-width: 1200px) {	
	.header.layout-default > .container { display: grid; grid-template-columns: 3fr 1fr 0fr; gap: 18px; }
	.header.layout-alt > .container, .header.layout-side > .container, .header.layout-popup > .container { display: grid; grid-template-columns: 3fr 1fr; gap: 18px; }
	.header .header-logo { order: -1; } 
	.header .header-content { display: none; overflow: hidden; }
	.header.layout-default .header-content { display: block; }
	.navigation.side .menu li.menu-item-has-children.show .sub-menu, .navigation.default ul.menu li.menu-item-has-children.show .sub-menu { display: block; }
	.navigation.side, .navigation.default { margin-left: -9999px; position: fixed !important; width: 75%; max-width: 300px; left: 0; height: 100%; overflow: auto; top: 0; transition: 0.5s; z-index: 1000; }
	.navigation.side > *, .navigation.default > * { width: 100%; float: left; }
	.navigation.side .closebtn, .navigation.default .closebtn, .navigation.popup .closebtn { display: block; padding: 12px 24px; font-size: 36px; text-align: right; width: 100%; float: left; }
	.navigation.side ul.menu, .navigation.default ul.menu, .navigation.popup ul.menu { display: flex; flex-direction: column; justify-content: space-between; list-style-type: none; padding: 0; margin: 0; }
	.navigation.side ul.menu li, .navigation.default ul.menu li, .navigation.popup ul.menu li { position: relative; }
	.navigation ul.menu a, .navigation.side ul.menu a, .navigation.default ul.menu .sub-menu a, .navigation.popup ul.menu li { padding: 12px 24px; display: block; }
	.navigation.side ul.sub-menu, .navigation.default ul.sub-menu, .navigation.popup ul.sub-menu { background-color: rgba(0,0,0,0.4) !important; }
	.navigation.side ul.sub-menu, .navigation.side ul.sub-menu ul.sub-menu, .navigation.default ul.sub-menu, .navigation.default ul.sub-menu ul.sub-menu, .navigation.popup ul.sub-menu ul.sub-menu { display: none; list-style-type: none; padding: 0; }
	.navigation.side .show ul.sub-menu, .navigation.side .show ul.sub-menu ul.sub-menu, .navigation.default .show ul.sub-menu, .navigation.default .show ul.sub-menu ul.sub-menu, .navigation.popup .show ul.sub-menu, .navigation.popup .show ul.sub-menu ul.sub-menu { display: block; }
	.navigation.default ul.menu li.menu-item-has-children.show .sub-menu, .navigation.side .menu li.menu-item-has-children.show .sub-menu, .navigation.popup .menu li.menu-item-has-children.show .sub-menu { display: block; }
	.navigation.default ul.menu li.menu-item-has-children .sub-menu, .navigation.side .menu li.menu-item-has-children .sub-menu, .navigation.popup .menu li.menu-item-has-children .sub-menu { list-style-type: none; position: static; display: none; padding: 0; }
	.layout-default.row .col .content .text { padding: 0 0 calc(15px + (24 - 15) * ((100vw - 300px) / (1920 - 300))) 0; width: 100%; float: left; }
	.layout-default.row .col .content .link { padding: calc(15px + (24 - 15) * ((100vw - 300px) / (1920 - 300))) 0 0 0; width: 100%; float: left; }	
	.layout-shadow.row .col .content .text { padding: calc(15px + (24 - 15) * ((100vw - 300px) / (1920 - 300))); width: 100%; float: left; }
	.layout-shadow.row .col .content .link { padding: calc(15px + (24 - 15) * ((100vw - 300px) / (1920 - 300))); width: 100%; float: left; }
	.layout-block.columns-1 .col { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
	.layout-shadow.columns-1 .col { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }	
	.layout-shadow .image figure, .layout-shadow .image a { box-shadow: 0 24px 48px rgba(0, 0, 0, 0.65); width: 100%; height: 100%; z-index: 2; }
	.layout-shadow.columns-1 .col { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
	.layout-shadow .text { background-color: #EEE; width: 100%; }	
	.panel.bg-default { padding-bottom: 600px; background-size: auto 600px; background-position: center bottom; }
	.panel.bg-left { padding-bottom: 600px; background-size: auto 600px; background-position: left bottom; }
	.panel.bg-right { padding-bottom: 600px; background-size: auto 600px; background-position: right bottom; }
	.panel.bg-full { background-position: center top; background-size: cover; }
	.panel-footer a { margin-right: 18px; }
	.panel-footer a:last-of-type { margin-right: 0px; }
}
@media all and (min-width: 1201px) {
	.header .container .header-content .information ul { width: 50%; }
	.header.layout-default > .container { display: grid; grid-template-columns: 1fr 5fr; gap: 144px; } 
	.header.layout-alt > .container { display: grid; grid-template-columns: 1fr 5fr; gap: 18px; }
	.header.layout-default .container .header-toggle { display: none; }
	.header.layout-default .container .header-logo { display: flex; justify-content: flex-start; flex-direction: row; }
	.header.layout-default .container .header-content { display: flex; justify-content: flex-start; align-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; }
	.header.layout-default .container .header-content .information { display: flex; justify-content: flex-end; flex-direction: row; width: 100%; margin: 0 0 9px 0 }
	.header.layout-default .container .header-content .information li > .label, .header.layout-default .container .header-content .information li a > .label { flex: 1; display: inline-block; padding-left: 12px; }
	.header.layout-default .container .header-content .navigation { width: 100%; }
	.header.layout-alt .container .header-content .information ul { width: 75%; }
	.header.layout-alt .container .header-toggle { display: none; }
	.header.layout-alt .container .header-logo { display: flex; justify-content: flex-start; flex-direction: row; }
	.header.layout-alt .container .header-content { display: flex; justify-content: flex-end; align-content: center; align-items: center; flex-direction: row; }
	.header.layout-alt .container .header-content .information { display: flex; justify-content: flex-end; flex-direction: row; width: 100%; }
	.header.layout-alt .container .header-content .information li > .label, .header.layout-alt .container .header-content .information li a > .label { flex: 1; display: inline-block; padding-left: 12px; }
	.header.layout-side > .container { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 18px; }
	.header.layout-side .container .header-content .information ul { width: 100%; }
	.header.layout-side .container .header-toggle { display: flex; justify-content: flex-start; align-items: center; align-content: center; }
	.header.layout-side .container .header-logo { display: flex; justify-content: center; flex-direction: row; }
	.header.layout-side .container .header-content { display: flex; justify-content: flex-end; align-content: center; align-items: center; flex-direction: row; }
	.header.layout-side .container .header-content .information { display: flex; justify-content: flex-end; flex-direction: row; }
	.header.layout-side .container .header-content .information li > .label, .header.layout-side .container .header-content .information li a > .label { flex: 1; display: inline-block; padding-left: 12px; }
	.header.layout-popup > .container { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 18px; }
	.header.layout-popup .container .header-content .information ul { width: 100%; }
	.header.layout-popup .container .header-toggle { display: flex; justify-content: flex-start; align-items: center; align-content: center; }
	.header.layout-popup .container .header-logo { display: flex; justify-content: center; flex-direction: row; }
	.header.layout-popup .container .header-content { display: flex; justify-content: flex-end; align-content: center; align-items: center; flex-direction: row; }
	.header.layout-popup .container .header-content .information { display: flex; justify-content: flex-end; flex-direction: row; }
	.header.layout-popup .container .header-content .information li > .label, .header.layout-side .container .header-content .information li a > .label { flex: 1; display: inline-block; padding-left: 12px; }
	.navigation.default { position: relative !important; z-index: auto !important; box-shadow: none !important; overflow-x: visible !important; left: auto !important; right: inherit !important; height: initial !important; }
	.navigation.default .closebtn { display: none; }
	.navigation .menu li.mobile-only { display: none; }
	.navigation.default ul.menu ul ul { left: 100%; top: 0; z-index: 104; }
	.navigation.default ul.menu { list-style-type: none !important; padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: space-between; }
	.navigation.default ul.menu { display: flex; flex-direction: row; justify-content: space-between; }
	.navigation.default ul.menu li { position: relative; }
	.navigation.default ul.menu li ul.sub-menu li { position: static; }
	.navigation.default ul.menu li a { padding: 12px 24px; display: block; } 
	.navigation.default ul.menu > li:first-of-type a { padding: 12px 24px 12px 0; }
	.navigation.default ul.menu > li:last-of-type a { padding: 12px 0px 12px 24px; }
	.navigation.default ul.menu li.menu-item-has-children .sub-menu { position: absolute; margin-left: -9999px; z-index: 105; display: flex; flex-direction: column; min-width: 300px; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1); }
	.navigation.default ul.menu li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu { top: 0 !important; left: 100% !important; }
	.navigation.default ul.menu li.menu-item-has-children:hover > .sub-menu { margin-left: -12px !important; }
	.navigation.default ul.menu li.menu-item-has-children:hover > .sub-menu > li.menu-item-has-children:hover > .sub-menu { margin-left: 0 !important; }
	.navigation.default ul.menu li.menu-item-has-children > .sub-menu > li a { padding: 12px 24px 12px 24px; }
	.navigation.default ul.menu li.menu-item-has-children > .sub-menu > li:last-of-type a { padding: 12px 24px 12px 24px; }
	.navigation.default ul.menu li.menu-item-has-children .sub-menu, .navigation.side .menu li.menu-item-has-children .sub-menu { list-style-type: none; padding: 0; }
	.navigation.side { height: 100% !important; position: fixed !important; z-index: 1000 !important; top: 0; left: 0; padding: 0; transition: 0.5s; padding-top: 0; margin-left: -9999px; max-width: 420px !important; display: block; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); overflow-y: auto; }
	.navigation.side > * { width: 100%; float: left; }
	.navigation.side .closebtn { display: block; padding: 12px 24px; font-size: 36px; text-align: right; width: 100%; float: left; }
	.navigation.side ul.menu { display: flex; flex-direction: column; justify-content: space-between; list-style-type: none; padding: 0; margin: 0; }
	.navigation.side ul.menu li { position: relative; }
	.navigation.side ul.menu a, .navigation.side ul.menu .sub-menu a { padding: 12px 24px; display: block; }
	.navigation.side ul.sub-menu { background-color: rgba(0,0,0,0.4) !important; }
	.navigation.side ul.sub-menu, .navigation.side ul.sub-menu ul.sub-menu { display: none; list-style-type: none; padding: 0; }
	.navigation.side .show ul.sub-menu, .navigation.side .show ul.sub-menu ul.sub-menu { display: block; }
	.navigation.popup .closebtn { display: block; padding: 12px 24px; font-size: 36px; text-align: right; width: 100%; float: left; }
	.navigation.popup ul.menu { display: flex; flex-direction: column; justify-content: space-between; list-style-type: none; padding: 0; margin: 0; }
	.navigation.popup ul.menu li { position: relative; }
	.navigation.popup ul.menu a { padding: 12px 0px; display: block; } 
	.navigation.popup ul.menu .sub-menu a { padding: 12px 24px; display: block; }
	.navigation.popup ul.sub-menu { background-color: rgba(0,0,0,0.4) !important; }
	.navigation.popup ul.sub-menu, .navigation.popup ul.sub-menu ul.sub-menu { display: none; list-style-type: none; padding: 0; }
	.navigation.popup .show ul.sub-menu, .navigation.popup .show ul.sub-menu ul.sub-menu { display: block; }	
	.panel.layout-default .row .col .content .text { padding: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); width: 100%; float: left; }
	.panel.layout-default .row .col .content .link { padding: 0 calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))) calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))) calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300))); width: 100%; float: left; }	
	.panel.bg-default { background-position: center bottom; background-size: cover; }
	.panel.bg-left { background-position: left top; background-size: cover; }
	.panel.bg-right { background-position: right top; background-size: cover; }
	.panel.bg-full { background-position: center top; background-size: cover; }
	.layout-block.alternate .col:nth-of-type(odd) .content > div { padding: 60px 60px 12px 0px !important; }
	.layout-block.alternate .col:nth-of-type(even) .content > div { padding: 60px 0px 12px 60px !important; } 
	.layout-shadow .image a { width: 100%; }
	.layout-shadow .image img { filter: drop-shadow( 0 24px 48px rgba(0, 0, 0, 0.50) ); width: 100%; z-index: 2; }	
	.layout-shadow .text { width: 100%; padding: calc(24px + (60 - 24) * ((100vw - 300px) / (1920 - 300))) }	
	.alignleft { max-width: 40%; margin: 18px 18px 18px 0 !important; }
	.alignleft:first-of-type { margin: 0 18px 18px 0 !important; }
	.alignright { max-width: 40%; margin: 18px 0 18px 18px !important; float: right !important; }
	.alignright:first-of-type { margin: 0 0 18px 18px !important; float: right !important; }
	.alignnone:first-of-type,  .aligncenter:first-of-type { margin: 0 auto 18px auto !important; float: none !important; }
	.alignnone,  .aligncenter { margin: 18px auto !important; float: none !important; }
	.panel-footer a { margin-right: 18px; }
	.panel-footer a:last-of-type { margin-right: 0px; }
}