/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/*! - PAGE: 5 INSIGHTS -> 1 FILTER */

/* Insights page css by kd */
.filter-set { width: 33.34%;position: relative;}
.filter-choice h3 { color: #333333;padding: 20px;}
.filter-options {position: absolute; left: 0;  top: 0; margin-top: 74px; width: 100%;opacity: 0; display: none;border-top: 1px solid black; z-index: 10;}
.filter-options ul { background-color: #f2f2f2; width: 100%;padding: 30px 35px 35px;list-style: none; max-height: 270px;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.filter-options li {position: relative; padding-left: 33px; font-size: 14px;line-height: 1.35; cursor: pointer;}
#insights-filter { z-index: 10}
#insights-filter .filter-wrap {width: 100%; display: flex;flex-direction: row;border-top: 1px solid #29353C;border-bottom: 1px solid #29353C;flex-wrap: wrap;justify-content: space-between;align-items: stretch;flex-wrap: nowrap;}
#insights-filter #search-form {position: relative; display: flex; padding: 12px; gap: 10px !important}
.icon-mag-glass::after{content: "55"; font-family: ETmodules !important; font-size: 20px;line-height: 38px !important;}
.filter-options li .filter-check {width: 17px;  height: 17px;border: 1px solid #14232d; position: absolute; left: 0; top: 0;top: -2px;}
.filter-options li .filter-check.on {background-color: #14232d;}
.mob { display: none; }
.search-wrap input[type="text"] {width: 100%; height: 50px;font-size: 15px; color: #fff;}
.scrollmagic-pin-spacer {padding-bottom: 0 !important;}
.insights-item-photo {position: relative; margin-bottom: 40px; background: center center no-repeat; background-size: cover;}
.spacer { width: 100%;height: auto; display: block;}
.insights-grid .insights-item a {width: 100%; height: 100%;position: absolute;left: 0; top: 0;}
.insights-pagination { position: relative;	z-index: 150; }
.insights-pagination ul { display: flex; justify-content: center;gap: 30px !important;padding: 30px 0 !important}
#search-mobile { display: none}
.icon-mag-glass{ font-size: 32px;margin-top: 2px; font-family: 'icomoon' !important; font-style: normal; font-weight: normal;
font-variant: normal;}
.insights-item {position: relative;}
.scrollmagic-pin-spacer {padding-top: 0px !important;}

/* home page insights css by kd */
.case-studies .post-type{position: absolute; left: 26px;top: 26px; border-radius: 50px;padding: 10px 20px;background-color: #E4EFF3; color: #14232d; font-size: 15px; line-height: 1.2; text-align: center;	}
.case-studies .cs-item{ position: relative}
.case-studies .cs-photo-mask img{border-radius: 18px;}
.case-studies h2.title { font-size: 26px !important; line-height: 1.3em; width: 80%; max-width: 90% !important}
.case-studies h2, .cs-item.cs-item:not(.featured) .read-more, .case-studies .cs-photo-mask img, .case-studies .excerpt { padding: 0 !important; margin-bottom: 28px !important;} 
.insight-btn { padding-left: 0 !important}
.insight-btn:hover{color: #03d68e!important; padding-left: 0 !important}
.case-studies .excerpt { font-size: 17px !important;}
.case-studies .cs-item:not(.featured) h3{ margin-bottom: 4px !important;
line-height: 1.3em; font-weight: bold}
/* header h1{ display: none !important} */
.case-studies .cs-item .insight-link{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
body >.resumator-wrap {display: none;}
@media screen and (max-width: 980px){
    .case-studies h2.title { width: 100% !important; max-width: 100% !important}
    .related-posts-container { grid-template-columns: 1fr 1fr !important; }
}
@media screen and (max-width: 768px){
    .et_pb_toggle_content tr{ display: flex; flex-direction: column; height: max-content !important }
    .et_pb_toggle_content tr td{ width: 100% !important; height: max-content !important}
    .et_pb_toggle_content hr{display:none}
    .et_pb_toggle_content > p:first-child { padding-bottom: 20px;}
    .related-posts-container { grid-template-columns: 1fr !important; }
}
.et_pb_toggle_content tr td {vertical-align: baseline !important;}
.entry-content tr td { vertical-align: baseline;}
body .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_open h2.et_pb_toggle_title{ border-radius: 20px 20px 20px 20px; overflow: hidden; border-width: 2px;border-color: #efefef; background-color: #0f232d; margin: -20px; padding: 20px; margin-bottom: 0px; color: #ffffff !important;}

.related-posts-container { display: grid; gap: 20px; grid-template-columns: 1fr 1fr 1fr; }
.related-post-headline { margin-bottom: 2%; text-align: center;}
.related-post-headline h2 { font-size: 30px !important;}
.related-post { box-shadow: 0px 4px 4px 0px #00000040; border-radius: 10px; display: flex; flex-direction: column;}
.related-post-image { margin-bottom: 10px;}
.related-post-image img{ width: 100%; height: 260px; object-fit: cover;}
.related-post-content { flex: 1; display: flex; flex-direction: column; padding: 15px;}
.related-post-type { margin-bottom: 15px;}
.related-post-type span, span.ls_cs_instype, .ins_content .post-type { padding: 8px 30px; display: inline-block; width: max-content; background-color: #CDF2C9; border-radius: 50px; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Roboto'; font-size: 12px;}
.related-post-title { margin-bottom: 10px; font-size: 20px; font-weight: 500; line-height: 24px; letter-spacing: 0.15px; }
.related-post-button { font-family: "Roboto"; display: flex; justify-content:space-between; font-size: 14px; font-weight: 500; padding: 10px 0; color: #333333; text-decoration: none; text-transform: uppercase; border-radius: 5px; margin-top: auto; transition: background-color 0.3s ease;}