/*
Theme Name: MICHAEL LIPPITZ THEME
Description: Custom Wordpress Theme für Michael Lippitz
Author: Sebastian Klammer Grafikdesign Berlin
Author URI: https://sebastian-klammer.de/
Version: 1.0 (01.02.2024)
*/

/* === FONTS === */

@import url('fonts/stylesheet.css');

/* === RESET === */


body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
header, footer, nav, section, aside, article, figure, figcaption { display: block }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; text-align: start; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote, q { quotes: none; }
fieldset, img { border: 0; }
ul { list-style-type: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
*, *:before, *:after { box-sizing: inherit; }

* { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }

html { position: relative; overflow-y: scroll; height: 100%; }
input, button, textarea, select { vertical-align: baseline; *vertical-align: middle; }
button, input.submit { *overflow: visible; }
table { font-size: inherit; }
img, object, embed, video { max-width: 100%; }
img { height: auto; }


/* === GENERIC === */


.hideMobile { display: block !important; }
.showMobile { display: none !important; }
.clr { clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.parallax { background-attachment: fixed; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }

a { display: inline-block; text-decoration: none; }
a:hover { cursor: pointer;  }

a.download { display: inline-block; padding: .7em 0; padding-left: 3em; background-image: url(images/icon_download.png); background-position: left center; background-size: auto 70%; background-repeat: no-repeat; }
a.download:hover { text-decoration: #mainmenu }

.button { display: inline-block; font-family: 'open_sansbold', sans-serif; font-weight: normal; letter-spacing: 1px; padding: .5em 1.5em; text-decoration: none; border-radius: 4px; margin-top: 1.5em; }
.button.small { padding: .2em 1em; font-size: .7em; margin-top: 1em; }
.button:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); color: #fff; }

.float-left { display: inline; float: left; margin-right: 1.5em; }
.float-right { display: inline; float: right; margin-left: 1.5em; }
.float-none { float: none; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.alignleft { float: left; margin-right: 2em; }
.alignright { float: right; margin-left: 2em; }

.inside { width: 100%; max-width: 1680px; margin: 0 auto; padding: 0 4em; box-sizing: border-box; }


/* === FONTS === */


html { font-size: 68%; /* font-size 1em = 10px on default browser settings */ }
body, button, input, select, textarea { line-height: 1.7; font-family: 'open_sanslight', sans-serif; font-weight: lighter; font-size: 16px; font-size: 1.6rem; color: #fff; }
h1, h2, h3, h4, h5 { font-family: 'open_sanslight', sans-serif; font-weight: normal; margin: 0 0 .4em; line-height: 1.3; position: relative; }
h1 { font-size: 3.2em; width: 100%; }
h1.sethl { font-size: 3.0em; padding-bottom: .25em; box-sizing: border-box; }
h1.sethl:after { display: block; content: ""; width: 20%; height: 3px; background-color: #92BE1F; margin-top: 1em; }
.row + .row h1.sethl { font-size: 2.0em; color: #fff; }
h2 { font-size: 2.25em; margin-bottom: 1em; }
.pagecontent h1, .pagecontent h2, .pagecontent h3 { margin-bottom: 2em; }
h3 { font-size: 1.75em; font-family: 'open_sanslight', sans-serif; font-weight: normal; margin-bottom: .5em; }
h4 { font-size: 1.25em; font-family: 'open_sansregular', sans-serif; font-weight: normal; margin-bottom: .5em; }
p { margin: 0 0 1em; }
p:last-of-type { margin-bottom: 0; }
p + h3 {margin-top: 1em; }

.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.right { text-align: right; }
.strong, strong { font-family: 'open_sansbold', sans-serif; font-weight: normal; }
.large-text {font-size: 1.5em }


/* === COLOURS === */


html {  }
body { background-color: #44342d; color: #fff; }
header { background-color: #342924; }
.darker { background-color: #342924; }
.lighter { background-color: #44342d; }
.white { background-color: #fff; color: #342924; }
.green { background-color: #92BE1F; color: #fff; }

h1, h2, h3, h4 { color: #92BE1F; }
h3 { color: #92BE1F; }
p { color: #fff; }
a { color: #92BE1F; }
a:hover { color: #a4db15; }
.button { background-color: #92BE1F; color: #fff; }
.button:hover { background-color: #a4db15; color: #fff; }

section.transparent:nth-of-type(odd) { }
section.transparent:nth-of-type(even) { background-color: rgba(0,0,0,0.08); }

.columns.green * { color: #342924; }
.columns.white * { color: #342924; }

.columns.green a { color: rgba(255,255,255,0.75); font-family: 'open_sansbold', sans-serif; }
.columns.green a:hover { color: #fff; }
.columns.green .collapseomatic { color: rgba(255,255,255,0.75); text-decoration: none; background-image: url(images/collapsomatic-arrow-down_on.svg);
}
.columns.green .colomat-close { background-image: url(images/collapsomatic-arrow-up_on.svg); }


/* === HEADER === */


#anchorheight { height: 0; display: none; }
header { display: block; position: fixed; top: 0; left: 0; height: 100%; min-height: 100%; width: 15%; z-index: 999; }
#header .inside { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; padding: 3em; box-sizing: border-box; }
#header .logo { display: block; position: relative; z-index: 2; width: 100%; height: auto; background-image: url(images/michael-lippitz_logo_v_color.svg); background-position: left center; background-repeat: no-repeat; background-size: auto; }
#header .logo img { width: 100%; height: auto; }
#mainmenu { position: relative; margin-top: 3em; height: auto; width: 100%; display: block; z-index: 1; box-sizing: border-box; }
#mainmenu ul.menu > li { display: block; margin-bottom: 0; }
#mainmenu ul.menu > li.hidden-item { display: none; }
#mainmenu a { display: block; box-sizing: border-box; font-size: 1em; font-weight: normal; line-height: 1; color: #92BE1F; text-decoration: none; letter-spacing: 1px; white-space: nowrap; padding-left: 10px; margin-left: -10px; margin-top: 30px; margin-bottom: 30px; border-left: 2px solid transparent; }
#mainmenu a:hover { color: #fff; }
#mainmenu a:focus { border-left-color: #92BE1F; color: #fff; }

.metaNavigation { position: absolute; bottom: 40px; left: 40px; font-size: .8em; }


/* === Slider / Banner === */


.slider { width: 100% !important; max-width: 5000px; overflow: hidden; }
.slider.height-25 { height: 25vh !important; }
.slider.height-50 { height: 50vh !important; }
.slider.height-75 { height: 75vh !important; }
.slider.height-100 { height: 100vh !important; }
.slider ul.bjqs { height: 100% !important; width: 100% !important; list-style-type: none; position: relative; margin: 0; }
.slider ul.bjqs li.bjqs-slide { position: absolute; margin: 0; width: 100% !important; height: 100% !important; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; }
.slider ul.bjqs li.bjqs-slide:before { display: none; }
.slider .image-overlay,
#banner .image-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); }
.slider .slider-content-wrapper { position: relative; width: 100%; max-width: 1560px; height: 100%; margin: 0 auto; display: flex; align-items: center; padding: 0 80px; box-sizing: border-box; }
.slider .slider-content-wrapper .inside { position: relative; width: 100%; height: auto; overflow: hidden; margin: 0 auto; box-sizing: border-box; text-align: center; }
.slider p { font-size: 1.2em; line-height: 1.6; font-weight: normal; color: #fff; }
.slider p.slider-title1 { font-size: 5em; font-family: 'open_sansbold', sans-serif; font-weight: bold; color: #fff; margin-bottom: .3em; position: relative; }
.slider p.slider-title1:after { display: block; content: ""; width: 30%; height: 4px; background-color: #92BE1F; margin: 0 auto; border-radius: 10px; }
.slider p.slider-title2 { font-size: 1.8em; font-family: 'open_sansregular', sans-serif; font-weight: bold; color: #fff; margin-bottom: 1em; }
.slider a { color: #fff; }
.slider .bjqs-markers { position: absolute; bottom: 0; left: 0 !important; margin-bottom: 0;
height: 60px; width: 100%; text-align: center; background-image: url(images/bg_bjqs-markers.png); background-position: bottom center; background-repeat: repeat-x; }
.slider .bjqs-markers li { display: inline-block; margin: 0 8px; line-height: 30px; }
.slider .bjqs-markers li a { font-size: 0; background-color: #92BE1F; display: block; width: 10px; height: 10px; border-radius: 16px; }
.slider .bjqs-markers li.active-marker a { background-color: #fff; width: 50px; }
#banner { position: relative; height: 50vh; background-size: cover; background-repeat: no-repeat; background-position: top center; background-color: transparent; }
#banner .banner-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
#banner .image-overlay { z-index: 1; }
#banner .banner-content { z-index: 2; position: relative; width: 100%; max-width: 1560px; height: 100%; margin: 0 auto; display: flex; align-items: center; padding: 100px 80px 0; box-sizing: border-box; }
#banner .banner-content .inside { position: relative; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; color: #fff; }


/* === MAIN === */


#main { margin-left: 15%; }
section { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-top: -1px !important; box-sizing: border-box; overflow: hidden; display: flex; align-items: center;
}
section.bgimg .image-overlay { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.4); }
section .section-content { z-index: 1; width: 100%; height: auto; overflow: hidden; padding-top: 5em; padding-bottom: 5em; }
section.bgimg .row { }
section.height-flex { height: auto; }
section.height-100 { min-height: 100vh; }
section.height-75 { min-height: 70vh; }
section.height-50 { min-height: 50vh; }
section.height-25 { min-height: 25vh; }
.bgimg { background-position: left bottom; background-repeat: no-repeat; background-size: cover; }
.bgimg.fix { background-attachment: fixed; }
.bgimg.parallax { background-size: cover; }

article ul, article ol {
margin: 1.5em 0;
zoom: 1; }
article ul { list-style-type: none; }
article ol { list-style-type: decimal; }
article ol li { margin: 0 0 0 1em; padding: 0 0 0 0.5em; }
article ul li { position: relative; margin: 0 0 10px 0.75em; padding: 0 0 0 0.5em; }
article ul li:before { content: "\2022"; color: #92BE1F; position: absolute; left: -0.5em; top:-0.3em; font-size: 1.5em; }


/* === STATIC PAGES === */


section.sub-page { padding: 3em; }
section.sub-page .inside { padding: 0 5em; padding-left: 0; }
section.sub-page .inside h2 {font-size:1.5em; margin-top:2em;}
section.sub-page .inside p {font-size:.9em; line-height:2.0 !important;}


/* === COLUMNS === */


.columns { width: calc(100% + 50px); margin-left: -25px; height: 100%; position: relative; flex-wrap: wrap; display: flex; margin-bottom: 1em; }
.columns.green,
.columns.white,
.columns.darker,
.columns.lighter { width: 100%; margin-left: 0; margin-bottom: 2em; box-shadow: 0px 6px 18px rgba(0,0,0,0.3); border-bottom-right-radius: 30px; }

.columns.green .clmn,
.columns.white .clmn,
.columns.darker .clmn,
.columns.lighter .clmn { padding: 2em; }

.clmn { box-sizing: border-box; float: left; padding: 25px; }
.clmn.col4 { width: 25%; }
.clmn.col3 { width: 33.33333333333333%; }
	.clmn.col3.wide-middle { width: 50%; }
	.clmn.col3.wide-middle.first { width: 25%; }
	.clmn.col3.wide-middle.last { width: 25%; }
.clmn.col2 { width: 50%; }
	.clmn.col2.one-third.first { width: 33%; }
	.clmn.col2.one-third:last-of-type { width: 67%; }
	.clmn.col2.two-third.first { width: 67%; }
	.clmn.col2.two-third:last-of-type { width: 33%; }
	.clmn.col2.one-fourth.first { width: 25%; }
	.clmn.col2.one-fourth.last { width: 75%; }
	.clmn.col2.two-fourth.first { width: 75%; }
	.clmn.col2.two-fourth.last { width: 25%; }
.clmn.col1 { width: 100%; }
.columns.small .clmn.col1 { width: 75%; }


/* === QUOTES AND TESTIMONIALS === */


blockquote, q, blockquote p { quotes: none; font-family: 'Georgia', serif; font-style: italic; font-size: 1.1em; position: relative; }
blockquote:before, q:before { content: "“"; position: absolute; top: -50px; left: -23px; font-size: 12em; font-family: 'Georgia', serif; letter-spacing: -1px; line-height: 1; color: rgba(32,37,59,0.1); }
p.quote-source { color: #92BE1F; }


/* === LIST FORMATS === */


ul.liste { list-style-type: none; }
ul.liste li { width: 100%; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.25); padding-top: .5em; padding-bottom: .5em; margin-left: 0; padding-left: 0; }
ul.liste li:before { display: none; }

ul.liste.downloads a { display: inline-block; padding: .7em 0; padding-left: 3em; background-image: url(images/icon_download.png); background-position: left center; background-size: auto 70%; background-repeat: no-repeat; }
ul.liste.downloads a:hover { text-decoration: underline; }


/* === IMAGE FORMATS === */



/* === CONTACT FORM 7 === */


.wpcf7 { width: 100%; display: block; margin-top: 2em; }
.wpcf7 input, .wpcf7 textarea { display: block; font-size: 1em; font-weight: normal; width: 100%; float: left; box-sizing: border-box; padding: .8em .8em; color: #000; background-color: rgba(255,255,255,1); border: none; border-radius: 6px; margin-bottom: 5px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { background-color: #fff; color: #000; border-color: green; }
.wpcf7 textarea { height: 160px; }
.wpcf7 .wpcf7-list-item { margin-left: 0; }
.wpcf7 .wpcf7-list-item #acceptance { display: inline-block; float: left; width: 20px; height: 20px; color: #fff; }
.wpcf7 .wpcf7-list-item span.wpcf7-list-item-label { float: left; width: 90%; padding-left: 10px; display: inline-block; font-size: .9em; line-height: 1.2; opacity: .8; }
.wpcf7 .wpcf7-not-valid-tip { font-size: .8em; }
.wpcf7 .button { background-color: #92BE1F; color: #fff; }
.wpcf7 .button:hover { background-color: #a4db15; color: #fff; }
.wpcf7 input:disabled, .wpcf7 input:disabled:hover { background-color: rgba(145,190,31,0.5); color: rgba(255,255,255,0.5); }
input.acceptance { float: left; display: inline-block; width: auto; }


/* === TESTIMONIAL SLIDER === */


.cbp-fwslider { padding: 0 0 50px !important; }
.testimonialSlider { display: block; text-align: center; box-sizing: border-box; color: #92BE1F; font-size: .9em; }
.testimonialSlider nav { display: none; }
.testimonialSlider em { position: relative; display: block; color: #fff; font-family: 'open_sanslight',sans-serif; font-size: 1.3em; font-style: normal; font-weight: lighter; line-height: 1.7; text-align: justify; hyphens: auto; }
.testimonialSlider em:before { content: ""; }
.testimonialSlider em:after { }
.testimonialSlider .cbp-fwslider ul { white-space: normal; }
.testimonialSlider .cbp-fwslider ul li { margin-left: 0; height: auto; overflow: hidden; }
.testimonialSlider .cbp-fwslider ul li:before { display: none; }
.testimonialSlider .cbp-fwdots { }
.testimonialSlider .cbp-fwdots span { background-color: rgba(0,0,0,0.2);}
.testimonialSlider .cbp-fwdots span:hover { background-color: #fff; }
.testimonialSlider .cbp-fwdots span.cbp-fwcurrent { background-color: #92BE1F; box-shadow: 0 0 0 2px #92BE1F; }


/* === ARCONIX FAQ CUSZOMIZATION === */


h3.arconix-faq-term-title { display: none !important; }
.ui-accordion .ui-accordion-header { color: #92BE1F; border-radius: 0; border: none; border-bottom: 1px solid rgba(255,255,255,0.25); background-color: transparent !important; padding: 1em 0 !important; font-family: 'open_sanslight', sans-serif; font-size: 1.4em !important; font-weight: normal; letter-spacing: 0; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; appearance: none; }
.ui-accordion .ui-accordion-header.ui-state-active { color: #fff; border-bottom: none; }
.ui-accordion .ui-accordion-header:hover { color: #fff; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { display: none; }
.ui-accordion .ui-accordion-icons { padding-left: 0 !important; }
.ui-widget-content { position: relative; border: none; border-radius: 0; background-color: rgba(0,0,0,0.03) !important; font-size: 1em; font-family: 'open_sansregular', sans-serif; font-weight: normal; line-height: 1.6rem; color: #242e5b; margin-top: 10px; background-image: none !important; }
.ui-widget-content:after { bottom: 100%; left: 120px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(241, 241, 241, 0); border-bottom-color: #f1f1f1; border-width: 15px; margin-left: -15px; }
.ui-accordion .ui-accordion-content { padding: 2em !important; overflow: visible; background-color: rgba(255,255,255,0.07) !important; border: none; color: #fff; border-radius: 1em; font-size: .9em; }
.arconix-faq-accordion-content p { line-height: 1.7; }


/* === COLLAPSE-O-MATIC === */
/* 20250806 rroemling: wg. Sicherheitsprob getauscht gg. collapsomagic */

/* collapsomatic */
.clmn .collapseomatic { display: block; color: #92BE1F; padding: 0 0 0 24px !important; margin-top: 1.5em !important; margin-bottom: 1em !important; width: 100%; background-position: center left; background-image: url('images/collapsomatic-arrow-down_off.svg'); background-repeat: no-repeat; background-size: auto 70%; font-size: 1em; font-weight: bold; }
.clmn .colomat-close { background-image: url('images/collapsomatic-arrow-up_off.svg'); }
.clmn .collapseomatic:hover { color: #fff; }
.clmn .collapseomatic_excerpt, .collapseomatic_content { float: left; margin-left: 0 !important; margin-top: -1em !important; }
.clmn .collapseomatic_content + h3 { margin-top: 2em; }

/* collapsomagic */
.claps-toggle-text .claps-text-toggle-collapsed::after {
	display:none !important;
}


/* === FOOTER === */


#bottom { display: none; height: auto; overflow: hidden; width: 100%; background-color: #342924; padding-top: 1em; padding-bottom: 1em; color: #fff; font-size: .9em; text-align: center; }
#bottom .clmn { padding: 20px 90px; }
#bottom a { font-weight: normal; }

#bottom .credits { width: 100%; display: block; background-color: transparent; padding:0; margin:0; text-align: center; line-height: 1em; padding-top:10px; font-size: .5em; color: rgba(255,255,255,0.3); }
#bottom .credits a { color: rgba(255,255,255,0.3);}
#bottom .credits a:hover { color: rgba(255,255,255,0.5);}

.footer-widget a:hover { color: #fff; }


/* === RESPONSIVENESS === */

@media screen and (max-width:1680px) {
	header { width: 20%; }
	#main { margin-left: 20%; }
	body, button, input, select, textarea { font-size: 15px; font-size: 1.5rem; }
	.slider .slider-content-wrapper { padding: 0 60px; }
}

@media screen and (max-width:1420px) {
	body { font-size: 14px; font-size: 1.4rem; }
	.metaNavigation { bottom: 30px; left: 30px; font-size: .8em; }
}

@media screen and (max-width:1280px) {
	body { font-size: 13px; font-size: 1.3rem; }
	.metaNavigation { bottom: 20px; left: 20px; font-size: .9em; }
}

@media screen and (max-width:1024px) {
	header { width: 23%; }
	#main { margin-left: 23%; }
}

@media screen and (max-width:786px) {
	.hideMobile { display: none !important; }
	.showMobile { display: block !important; }
	#anchorheight { height: 30px; }
	body { font-size: 14px; font-size: 1.4rem; }
	.inside { padding: 0 2em; }
	h1, h2, h3 { hyphens: auto; }
	h1.sethl { font-size: 2.4em; }
	h2 { font-size: 2.2em; }
	h3 { font-size: 1.4em; font-family: 'open_sansregular', sans-serif;	}
	#header { width: 100%; height: auto; min-height: 0; background-color: transparent; }
	#header .inside, #header.header-scrolling .inside { margin: 0; padding: 0; }
	#header .logo { position: relative; height: 60px; width: auto; float: left; margin: 12px 20px; z-index: 2; background-image: url(images/michael-lippitz_logo_h_color.svg); }
	#header .logo img { height: 100%; width: auto; }
	.navToggle { display: block; position: absolute; top: 16px; right: 20px; height: 30px; width: 30px; height: 30px; box-sizing: border-box; z-index: 2; }
	.navToggle .bar { position: absolute; width: 30px; height: 2px; background-color: #fff; }
	.navToggle:hover .bar { background-color: rgba(255,255,255,0.8); }
	.navToggle .bar.one {top: 4px; left: 0; }
	.navToggle .bar.two {top: 14px; }
	.navToggle .bar.three {top: 24px; }
	.navToggle.active .bar { background-color: #fff; }
	.navToggle.active:hover .bar { background-color: rgba(255,255,255,0.8); }
	.navToggle.active .bar.one { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 15px; }
	.navToggle.active .bar.two { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 15px; }
	.navToggle.active .bar.three { display: none; }
	
	#header.header-scrolling { background-color: #342924; }
	#header.header-scrolling .logo { height: 40px; }
	#header.header-scrolling .navToggle { }
	
	#mainmenu { display: none; }
	#mainmenu.open { display: block; top: -90px; left: 0; right: 0; background-color: #342924; height: auto; overflow: hidden; width: 100%; box-sizing: border-box; margin: 0; padding: 0; position: relative; text-align: left; }
	#mainmenu ul.menu { display: block; margin: 8em 2em 2em 3em; }
	#mainmenu ul.menu li { display: block;	}
	#mainmenu a { font-size: 1.2em; line-height: 1.5em; padding: .5em 0; margin: 0; }
	
	#main { margin-left: 0; }
	.slider .slider-content-wrapper { padding-left: 30px; padding-right: 30px; }
	.slider p.slider-title1 { font-size: 3em; }
	.slider p.slider-title2 { font-size: 1.2em; }
	.columns.small .clmn.col1 { width: 100%; }
	#bottom { display: block; }
	#bottom aside { width: 100%; }
	#bottom .inside { width: 100%;  }
	#bottom .clmn { padding: 0; }

@media screen and (max-width:640px) {
	.clmn.col4,
	.clmn.col3,
	.clmn.col2,
	.clmn.col1 { width: 100% !important; }
}