/*
Theme Name: Kalium - Child Theme
Author: Seidl / PoLi 
Author URI: https://polimehr.de
Description: Child Theme of Kalium for DigiComm GmbH built by Seidl/PoLi 2022.
Template: kalium
Text Domain: kalium
*/

/*General*/
a.image-link.link-hover:after { display: none; }
.container .container { width: auto; }
img { max-width: 100%; height: auto; }

/*Sidebar*/
#poli_wrapper { display: flex; flex-direction: row; padding-bottom: 50px;  }
.post-type-archive-products #poli_wrapper, .tax-products_category #poli_wrapper, .single-products #poli_wrapper { flex-direction: row-reverse; }
#poli_wrapper>div { flex: 0 0 auto;}
#poli_wrapper #poli_content { flex: 1; padding-right: 15px; }
.post-type-archive-products #poli_wrapper #poli_content, .tax-products_category #poli_wrapper #poli_content, .single-products #poli_wrapper #poli_content  { padding-right: 0; padding-left: 15px; }
#poli_sidebar { width: 300px; /*border-left: 1px solid #D9DEE1; padding-left: 15px; padding-right: 15px;*/ }
.post-type-archive-products #poli_sidebar, .tax-products_category #poli_sidebar, .single-products #poli_sidebar { /*border-left: 0; border-right: 1px solid #D9DEE1;*/ }
#poli_wrapper.hide_sidebar #poli_sidebar { display: none !important; }
#poli_sidebar * {  }
@media (max-width: 991px) {
	#poli_wrapper { display: flex; flex-direction: column !important; }
	#poli_wrapper #poli_content { padding-right: 0 !important; padding-left: 0 !important; border: 0 !important; }
	#poli_sidebar {  padding-right: 0 !important; padding-left: 0 !important; border: 0 !important; width: 100%; }
}
.home #poli_wrapper{ flex-direction: column; }
.home #poli_wrapper #poli_content { padding-right: 0;}
.home #poli_sidebar{ display: none;}
#poli_sidebar h2 { font-size: 22px; }
#poli_sidebar .widget { background: #EEEEEE; padding: 15px; }

/*Header*/
.home .top-header-bar, .home .header-block { background: transparent !important; }
.header-logo.logo-image { width: 260px; }
.home .header-logo.logo-image { opacity: 0; }
.header-block, .site-header--static-header-type { padding-top: 0; }
.kalium-wpml-language-switcher .languages-list { display: flex; }
.kalium-wpml-language-switcher .languages-list .language-entry { visibility: visible; opacity: 1;border: 0;  }
.kalium-wpml-language-switcher.menu-skin-light.hover .languages-list .language-entry { color: #fff; background: transparent; border-top-color: transparent; }

.poli-hide-page-title .page-heading { display: none !important; }
.page-heading { background: url(/wp-content/uploads/2022/10/background-header-scaled.jpg) no-repeat; background-size: cover;  }
.page-heading .section-title { margin-top: 80px; margin-bottom: 80px; }
.page-heading .section-title h1, .page-heading .section-title p { color: #fff; text-align: center;  }
.page-heading .section-title h1 { font-size: 40px; }

/*Breadcrumb*/
nav.breadcrumb { margin-top: 10px; }
.breadcrumb span[property="name"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Footer*/
.site-footer .footer-widgets { margin-top: 40px; margin-bottom: 10px; }
.site-footer .footer-bottom-content { padding-bottom: 10px; padding-top: 10px; }
@media (min-width: 992px) {
	.widget-area.widgets--columned-layout.widgets--columns-5>div.widget:nth-of-type(2) { width: 14%; }
	.widget-area.widgets--columned-layout.widgets--columns-5>div.widget:nth-of-type(n+3) { width: 22%; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.widget-area.widgets--columned-layout.widgets--columns-5>div.widget:nth-of-type(2) { width: 77%; }
}

/*Content*/

.vc-container .vc-row-container .vc_row { padding-top: 40px; padding-top: 40px;}

.alternate-background { background: #5575a5; padding-top: 40px; padding-bottom: 40px; }
.alternate-background * { color: #fff; }

.slick-slider .slick-arrow { text-indent: -9999px; white-space: nowrap; overflow: hidden; width: 40px; height: 40px; } 
#main-wrapper .slick-slider .slick-arrow.slick-prev { left: -40px !important; }
#main-wrapper .slick-slider .slick-arrow.slick-next { right: -40px !important; }
#main-wrapper .slick-slider .slick-arrow.slick-prev:before, #main-wrapper .slick-slider .slick-arrow.slick-next:before { display: block; width: 100%; height: 100%; background: url(/wp-content/uploads/2022/10/arrowbutton-1.png) !important; background-size: contain !important; }
#main-wrapper .slick-slider .slick-arrow.slick-prev:before { transform: rotate(90deg);  }
#main-wrapper .slick-slider .slick-arrow.slick-next:before { transform: rotate(270deg);  }
.carousel-caption a:after { display: none !important; }
.slick-slider .content-section h2, .slick-slider .content-section p { display: none; }
.slick-slider .content-section .tdt-slider-heading {display: block; font-size: 22px }
@media (max-width: 800px) {
	#main-wrapper .slick-slider .slick-arrow { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1200px) {
	
}

button { text-transform: uppercase; }

.interview-list * { color: #fff; }
.vc_row.interview-teaser { position: absolute; bottom:0; left: 0; z-index: 10; }
.vc_row.interview-teaser * { color: #fff; }
.blog-posts-loading-message { display: none; }
.wpb_wrapper .lab-blog-posts .blog-post-entry { border: 0; }
.show-more .reveal-button { border: 0; }
.show-more .reveal-button a { background: #5575a5; color: #fff; text-transform: uppercase; content:'Alle Meldungen';  }
.show-more .reveal-button a:hover { color: #fff; }
@media (max-width: 660px) {
	.vc_row.interview-teaser { position: static;  }
	.digitalks-teaser img { display: none;}
}

/*Child-Page Teaser*/
.teaser-wrapper { display: flex; flex-wrap: wrap;  }
.teaser-excerpt-wrapper { margin: 1%; width: 22%; flex: 0 0 auto; background: #EEEEEE;  }
.teaser-excerpt-wrapper h3 { font-size: 18px; text-align: center; padding-left: 3px; padding-right: 3px; }
@media (max-width: 1200px) {
	.teaser-excerpt-wrapper { width: 45%; }
	.teaser-excerpt-wrapper h3 { font-size: 16px; }
}
/*Products List*/
.products-excerpt { display: flex; align-items: center; margin-top: 40px;  }
.products-excerpt .article-thumbnail { flex: 0 0 auto; width: 250px; padding-right: 10px; text-align: center;  }
.products-excerpt .article-thumbnail img { max-height: 200px; width: auto; }
.products-excerpt .article-content { flex: 1; }
.products-excerpt .article-title { font-size: 24px; }
.products-excerpt .read-more { text-align: right;}
.products-excerpt .read-more a { background: #253b51; color: #fff; padding: 5px; }
.products-excerpt .read-more a:hover { background: #d4007a; color: #fff; }
.products-excerpt .read-more a:hover:after { display: none; }
.products-excerpt .products-tags a { border: 1px solid #d4007a; display: inline-block; padding: 0 5px; margin-bottom: 5px;  }
.products-excerpt .products-tags a:hover { border: 1px solid #d4007a; background: #d4007a; color: #fff;  }

@media (max-width: 991px) {
	.products-excerpt{ flex-direction: column; }
	.products-excerpt .article-thumbnail { padding-right: 0; }
}

/*Products Filter*/
.products-filter { }
.products-filter-headline { color: #253b51; }
.products-filter li { display: flex; align-items: center; }
.products-filter li:before { content: ''; display: block; width: 10px; height: 10px;  background: #6d6d6d; margin-right: 5px;  }
.products-filter .products-filter-disabled { color: #6d6d6d; }
.products-filter .products-filter-add a { color: #253b51; font-weight: bold; }
.products-filter .products-filter-remove a { font-weight: bold;}
.products-filter .products-filter-add:before { background: #253b51; }
.products-filter .products-filter-remove:before { background: #d4007a; }
.products-filter-add a:before { display: none !important; }
.widget ul ul a:before { display: none; }

/*Products*/
.product-stage { display: flex; font-size: 18px; align-items: center; }
.product-stage>div { width: 50%; flex: 0 0 auto; padding: 5px; }
.product-stage .product-image { text-align: center; }
.product-stage img { max-width: 100%; height: auto; max-height: 350px; width: auto;  }
.download-link { position: relative; padding-left: 30px; }
.download-link:before { content:''; background: url(/wp-content/uploads/2022/10/pdf.svg) no-repeat; background-size: contain; width: 24px; height: 24px; position: absolute; left: 0;  }
.download_text { margin-top: 20px; }

@media (max-width: 767px)  {
	.product-stage { flex-direction: column;  }
	.product-stage>div  { width: 100%; }
}

/*References / Posts */
.single-post .post-image, .single-references .post-image, .single-references .post-navigation, .single-references  .post-meta-only, .single-post .post .post-meta-only .post-meta.category, .single-post .post .post-meta i, .single-post .post .post-navigation, .blog-posts .post-item .post-details .post-meta { display: none; }
.single-post .post .entry-header .post-title { font-size: 36px; }

/*Jobs*/
.single-jobs .post .entry-header+.post-meta-only { display: none; }

/*Cookiebanner*/
input[type=checkbox]:before, input[type=radio]:before { position: static; }


/*Search*/

.search-results-holder .result-box .result-image a .image-placeholder, .search-results-holder .result-box .result-image a .image-placeholder>img { border-radius: 0; }

/*Fixes Theme*/
@media (max-width: 800px) {
	h2 img.alignright {
		display: block;
		float: none !important;
	}
	#main-wrapper .slick-slider .slick-arrow {
		 display: block !important;
	}
	#main-wrapper .slick-slider .slick-arrow.slick-prev { left: -20px !important; }
	#main-wrapper .slick-slider .slick-arrow.slick-next { right: -20px !important; }
}

/*Referenzen below Anwendungen*/
.blog-post-column .image-placeholder>img { height: auto; display: block; margin: 0 auto; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display { display: none !important; }
/*
    Formular
*/
#commentform
{
    display: block;
    position: relative !important;
    border: 0px;
    padding: 20px 30px;
    margin: 0px auto;
    width: 100%;
    background-color: #F0F0F0;
}
.digicomm-form,
.digicomm-feedback-form,
#wpmem_reg #wpmem_register_form
{
    display: block;
    position: relative;
    background-color: #EEEEEE;
    padding: 20px;
    margin-bottom: 20px;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
    overflow: hidden;
}
.tab .digicomm-form,
.tab .digicomm-feedback-form
{
    padding: 0px;
    margin: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#wp-members fieldset,
#wpmem_reg fieldset
{
    position: relative !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
}
fieldset.buttons
{
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-align: right !important;
}
fieldset.buttons input.button
{
    float: right;
}
.form-field
{
    position: relative !important;
    padding: 0px;
    border: 0px;
    margin: 15px 0px;
    width: 100% !important;
}
.form-field:first-child
{
    margin-top: 0px;
}
.form-field > label,
#wp-members fieldset > label
#wpmem_reg fieldset > label
{
    position: relative;
    display: block;
    float: left;
    /*max-width: 170px;*/
    width: 25%;
}
.form-field > div
{
    position: relative;
    display: block;
    float: right;
    width: 75%;
}
.form-field.required > label
{
    background-image: url('images/required.svg');
    background-repeat: no-repeat;
    background-position: right 0px top 10px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -ms-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    background-size: 16px 16px;
    padding-right: 16px;
}
.form-field > label
{
    padding-right: 12px;
}
legend
{
    display: inline-block;
    border: 0px;
    margin: 0px;
    padding: 0px;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    color: #333333;
    width: auto;
}
legend:after
{
    content: ".";
    display: block !important;
    height: 0 !important;
    line-height: 0 !important;
    clear: both !important;
    visibility: hidden !important;
}
#wpmem_reg legend
{
    display: none;
}
select,input,textarea,option
{
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    color: #333333;
    outline: none;
}

label,
#wp-members label
{
    display: block;
    margin: 0px;
    padding: 2px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    color: #333333;
    width: 100%;
}
.checkbox-wrapper,
.radio-wrapper,
.text-wrapper
{
    position: relative !important;
    display: block;
    margin: 0px;
    padding: 0px;
}
.text-wrapper
{
    padding: 5px 0px;
}
.radiogroup-wrapper
{
    position: relative !important;
    display: block;
    margin: 0px;
    padding: 0px;
}
.radiogroup-wrapper.inline-group .radio-wrapper
{
    float: left;
    margin-right: 20px;
}
.radiogroup-wrapper .radiogroup-wrapper
{
    margin-left: 24px;
}

.radio-wrapper label.radio strong,
.radio-wrapper label.textfield strong
{
    margin-left: 15px;
}

input.checkbox,
input.radio
{
    display: none;
    padding: 0px;
    margin: 5px;
    cursor: pointer;
}
label.checkbox,
label.radio
{
    display: inline-block;
    border: 0px;
    margin: 0px;
    padding: 4px 0px;
    padding-left: 32px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    color: #333333;
    width: auto;
}
/*
label.checkbox:after,
label.radio:after
{
    content: ".";
    display: block !important;
    height: 0 !important;
    line-height: 0 !important;
    clear: both !important;
    visibility: hidden !important;
}
*/
label.checkbox:hover,
label.checkbox:focus,
label.radio:hover,
label.radio:focus
{
    color: #41596B;
}
label.checkbox:before
{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 7px;
    border: 1px solid #CCCCCC;
    padding: 1px;
    margin: 0px;
    margin-right: 5px;
    background: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 100%;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
label.radio:before
{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 7px;
    border: 1px solid #CCCCCC;
    padding: 1px;
    margin: 0px;
    margin-right: 5px;
    background: #FFFFFF;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    line-height: 100%;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
input.checkbox:hover + label.checkbox:before
{
    content: "\2713";
    color: rgba(211,0,122,0.25);
}
input.radio:hover + label.radio:before
{
    content: "\2022";
    color: rgba(211,0,122,0.25);
}
input.checkbox:checked + label.checkbox:before
{
    content: "\2713";
    color: #FFFFFF !important;
    background: #41596B !important;
    border-color: #41596B !important;
}
input.radio:checked + label.radio:before
{
    content: "\2022";
    color: #FFFFFF !important;
    background: #41596B !important;
    border-color: #41596B !important;
}
input.checkbox:checked:hover + label.checkbox:before
{
    content: "\2713";
    color: #CCCCCC !important;
}
input.radio:checked:hover + label.radio:before
{
    content: "\2022";
    color: #CCCCCC !important;
}
input.checkbox.disabled + label.checkbox,
input.checkbox.disabled + label.checkbox:hover,
input.checkbox.disabled:hover + label.checkbox,
input.checkbox.disabled:hover + label.checkbox:hover,
input.checkbox.disabled:checked + label.checkbox:before,
input.checkbox.disabled:checked:hover + label.checkbox:before,
input.radio.disabled + label.radio,
input.radio.disabled + label.radio:hover,
input.radio.disabled:hover + label.radio,
input.radio.disabled:hover + label.radio:hover,
input.radio.disabled:checked + label.radio:before,
input.radio.disabled:checked:hover + label.radio:before
{
    color: #666666 !important;
    cursor: not-allowed !important;
}
input.checkbox.disabled + label.checkbox:before,
input.checkbox.disabled:hover + label.checkbox:before,
input.radio.disabled + label.radio:before,
input.radio.disabled:hover + label.radio:before
{
    color: #FFFFFF !important;
    cursor: not-allowed !important;
}

input.textfield,
#wp-members fieldset input,
#wpmem_reg input.textfield,
#wpmem_reg input[type='text']
{
    position: relative;
    padding: 5px 10px;
    margin: 0px;
    border: 1px solid #CCCCCC;
    outline: none;
    background-color: #FFFFFF;
    color: #333333;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}
textarea.textfield
{
    position: relative;
    padding: 5px 10px;
    margin: 0px;
    border: 1px solid #CCCCCC;
    outline: none;
    background-color: #FFFFFF;
    color: #333333;
    overflow: auto;
    resize: vertical;
    width: 100%;
    min-height: 100px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
select.selectfield
{
    position: relative;
    padding: 5px 10px;
    margin: 0px;
    border: 1px solid #CCCCCC;
    outline: none;
    background-color: #FFFFFF;
    color: #333333;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}
select.selectfield option
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    outline: none;
}
input.textfield.disabled,
textarea.textfield.disabled,
select.selectfield.disabled
{
    color: #666666 !important;
    cursor: not-allowed !important;
}
input.textfield:hover,
textarea.textfield:hover,
select.selectfield:hover,
#wpmem_reg input.textbox:hover
{
    border: 1px solid #41596B;
    outline: none;
}
.form-field.error input.textfield,
.form-field.error textarea.textfield,
.form-field.error select.selectfield,
.form-field.error label.checkbox:before,
.form-field.error label.radio:before
{
    border: 1px solid #D4007A !important;
}
.form-field.error input.textfield:hover,
.form-field.error textarea.textfield:hover,
.form-field.error select.selectfield:hover
{
    border: 1px solid #D4007A;
    outline: none;
}
input.textfield:focus,
textarea.textfield:focus,
select.selectfield:focus,
#wp-members input.textbox:focus,
#wpmem_reg input.textbox:focus
{
    border: 1px solid #41596B;
    outline: none;
}
#digicomm-form-submit,
#digicomm-feedback-form-submit,
#wp-members .buttons,
#wpmem_reg .buttons
{
    position: relative;
    display: block;
    border: 2px solid #D3007A;
    margin: 0px;
    padding: 5px 25px !important;
    outline: none;
    color: #FFFFFF;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    cursor: pointer;
    background-color: #D3007A;
    -webkit-transition: all 150ms !important;
    -moz-transition: all 150ms !important;
    -ms-transition: all 150ms !important;
    -o-transition: all 150ms !important;
    transition: all 150ms !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}
#digicomm-form-submit:hover,
#digicomm-form-submit:active,
#digicomm-form-submit:focus,
#digicomm-feedback-form-submit:hover,
#digicomm-feedback-form-submit:active,
#digicomm-feedback-form-submit:focus,
#wp-members .buttons:hover,
#wp-members .buttons:active,
#wp-members .buttons:focus,
#wpmem_reg .buttons:hover,
#wpmem_reg .buttons:active,
#wpmem_reg .buttons:focus
{
    color: #D3007A !important;
    background-color: #FFFFFF !important;
}
input.textfield,
textarea.textfield,
#digicomm-form-submit,
#digicomm-feedback-form-submit,
#wp-members .buttons,
#wpmem_reg .buttons
{
    -webkit-transition: all 100ms !important;
    -moz-transition: all 100ms !important;
    -o-transition: all 100ms !important;
    transition: all 100ms !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
select.selectfield
{
    -webkit-transition: all 100ms !important;
    -moz-transition: all 100ms !important;
    -o-transition: all 100ms !important;
    transition: all 100ms !important;
}
.input-wrapper
{
    position: relative !important;
    width: 100%;
}
h3.error,
.wpmem_msg p,
#wp-members .err
{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    line-height: 125% !important;
    border: 0px !important;
    margin: 0px !important;
    margin-bottom: 10px !important;
    padding: 5px 15px !important;
    color: #FFFFFF !important;
    background-color: #D3007A !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    overflow: hidden;
}
.widget #wp-members .err
{
    //margin: 10px 30px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    width: 100% !important;
    margin-bottom: 0px !important;
}

.digicomm-form-disclamer,
.digicomm-feedback-form-disclamer
{
    font-size: 13px !important;
    line-height: 125% !important;
    margin: 0px !important;
    padding-left: 32px;
}
#wp-members label
{
    width: 100% !important;
}
.req-text
{
    display: none !important;
}
.entry #wpmem_msg
{
    text-align: left !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    background: none !important;
}