/**
 * #.# Comparison Module
 *
 * Styles for template-part/modules/comparison_module.php
**/

.comparison_module {padding:50px 0px}

.our_locations_module .content-block h2{font-family:var(--header);font-size:24px;font-weight:400;line-height:29.8px;letter-spacing:.96px;text-transform:uppercase;color:var(--purple);padding-bottom:12px}
.location-item{height:90svh;max-height:200px;position:relative}
.location-title{display:flex;align-items:center;justify-content:left;min-height:59px;margin:14px 0 8px;border-left:1px solid var(--black)}
.location-title a{padding-left:0px;color:var(--black);font-family:var(--header);font-size:28px;font-weight:400;line-height:29.8px;text-transform:uppercase}
.location-title a:hover,.location-title a:focus{color:var(--purple)}

/**********************
*** Corporate Guides ***
***********************/
.comparison_module .guide-details .heading {position: relative;}
.comparison_module .guide-details .heading h6 {font-size: 18px; font-weight: 500; position: relative; padding-left: 64px;}
.comparison_module .guide-details .heading h6 span {font-size: 55px;font-weight: 500; position: absolute; left: 0; top: 0; line-height: 40px;}
.comparison_module .guide-details .heading svg {position: absolute; left: 0; top: 0; z-index: 0;bottom: 0px; width: auto; height: 100%;}
.comparison_module .guide-details .content {
  background-color: rgb(238, 238, 238);
}
.comparison_module .guide-details .content .corp-figure {
  font-size: 42px;
  line-height: 46px;
  font-weight: 500;
  font-family: var(--header);
}

.comparison_module .guide-details .content a {word-break: break-word;border-bottom:rgba(27,27,29,0.3) solid 1px}
.comparison_module .guide-details .content a:hover {border-bottom:rgba(27,27,29,1) solid 1px}
.comparison_module .guide-block { background-image: url('https://stg-dixcart-staging.kinsta.cloud/wp-content/uploads/2023/09/Cyprus-thumbnail.jpg' );height: 140px;width: 100%;background-size: cover;text-align: center;position:relative; align-items: center;}
.comparison_module .guide-block .overlay-link {position: absolute; display: block; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; z-index: 10;}
.comparison_module .guide-block:after { background-color: rgba(0,0,0,0.4);content:'';position:absolute;width:100%;height:100%;top:0;left:0; }
.comparison_module .guide-block .guide-block-wrap {border: 1px solid #fff;padding: 10px 14px;width: 205px;position:relative;z-index:10; align-items: center; justify-content: center;}
.comparison_module .guide-block p { font-size: 24px;font-family: 'Baskerville MT W01 Regular';color: #fff;display: inline-block;text-align: center;}
.comparison_module .compareinputblock { background-color: #f7e5f1; }
.comparison_module .compareinputblock .compareinput { position:relative; }
.comparison_module .compareinputblock .removeinput {display:none; }
.comparison_module .compareinputblock .removeinput.active { position: absolute;display: block;top: -8px;right: -3px;color: #fff;line-height: 1;width: 15px;height: 15px;text-align: center;font-size: 12px; }
.comparison_module .compareinputblock .removeinput.active:hover {cursor: pointer;}
.comparison_module .compareinputblock .compareinput input { height: 35px;border-radius: 0;border: solid 1px #3c3c3b; width: 100%;}

#cg-compare-result {overflow-x: scroll;}

/*#cg-compare-result .single-corporate_guide .guide-details .heading:after {content:""; position: absolute; right: 20px; top: 30px; background-image:url('/wp-content/uploads/2023/12/plus-icon-rev.svg'); background-repeat:no-repeat; background-size:100%; width:20px; height:20px; }
#cg-compare-result .single-corporate_guide .guide-details .heading.active:after {content:""; background-image:url('/wp-content/uploads/2023/12/minus-icon-rev.svg');}*/
.selectparameters .addparameter {position: relative;}
.selectparameters .addparameter:hover {cursor: pointer; }
.selectparameters .addparameter:after {content:""; position: absolute; right: 15px; top: 12px; background-image:url('/wp-content/uploads/2023/12/plus-icon-rev.svg'); background-repeat:no-repeat; background-size:100%; width:20px; height:20px; }
.selectparameters .addparameter.active:after {content:""; background-image:url('/wp-content/uploads/2023/12/minus-icon-rev.svg');}

.parameters-panel ul li {position: relative;}
.parameters-panel ul li:after {content:""; position: absolute; right: 15px; top: 12px; background-image:url('/wp-content/uploads/2023/12/plus-icon-rev.svg'); background-repeat:no-repeat; background-size:100%; width:20px; height:20px; }
.parameters-panel ul li.active:after {content:""; background-image:url('/wp-content/uploads/2023/12/minus-icon-rev.svg');}





/* ---------------------------------------
   Corporate Guide Comparison Module
   --------------------------------------- */

/* Country blocks */
.location-item {
    height: 90svh;
    max-height: 200px;
    position: relative;
    background-size: cover;
    background-position: center;
}

.location-title {
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 59px;
    margin: 14px 0 8px;
    border-left: 1px solid var(--black);
    padding-left: 18px;
    color: var(--black);
    font-family: var(--header);
    font-size: 28px;
    font-weight: 400;
    line-height: 29.8px;
    text-transform: uppercase;
}

.location-compare span {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Parameter selector */
.selectparameters {
    background-color: #c63d99;margin-top:25px
}

.selectparameters .addparameter {
    color: var(--black);
    font-size: 14px;
    cursor: pointer;
    padding: 10px;
}

.selectparameters .parameters-panel {
    margin-top: 8px;
}

.selectparameters .parameters-panel ul {
    list-style: none;
    padding-left: 0;
}

.selectparameters .parameters-panel ul li {
    background-color: #a8267d;
    color: #fff;
    cursor: pointer;
    padding: 10px 14px;
    margin-bottom: 6px;
}

.selectparameters .parameters-panel ul li.active {
    background-color: rgba(255,255,255,0.25);
}

/* Parameter panels */
.parameterpanel {
    margin-bottom: 25px;
}

.parameterpanel .heading {
  /*background-color: #b90d80;*/
  position: relative;
}
.parameterpanel .heading h6 {
    color: #fff;
    margin: 0;
}

/* Empty slots */
.placeholder-slot {
    background-color: #f8f8f8;
}

.corp-figure {
    font-weight: bold;
}

.mini-header {font-family:var(--header);font-size:22px;line-height:25px;padding-bottom:10px}
.compareinput {position: relative!important;}
.removeinput {
  position: absolute;
  right: 10px;
  top: 10px;
}
.removeitem.btn.black-border {
  padding-right: 20px;
}




.selectparameters {
  border: 1px solid #D9D9D9;
  /*height: 40px;*/
  padding: 0 0px;
  color: var(--black);
  font-size: 14px;
  background-color: var(--off-white);
  margin-left: -1px;
  background-image: url(../../../img/search-down.svg);
  background-position: 99% center;
  background-repeat: no-repeat;
  background-size: 13px 7px;
}
.parameters-panel {
 display: none;
}




.selectparameters .parameters-panel ul li {
  color: #fff;
  cursor: pointer;
  padding: 10px 14px;
  margin-top: 5px;
  background-color: rgba(102, 21, 100, 0.5);

}
.selectparameters .parameters-panel ul li.active {
  background-color: var(--purple);
}

.compare-remove-icon svg,
.removeitem.btn.black-border svg {display:none;}
.compare-remove-icon.active {background-image:url(../../../img/dixcart-comparison-cross-white.svg);width:20px;height:20px;
background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.removeitem.btn.black-border {
  background-image: url(../../../img/dixcart-comparison-cross-plum.svg);
  background-size: 20px;
  background-position: 98px center;
  background-repeat: no-repeat;
  padding-right: 40px;
}
.selectparameters {
  background-color: #5e1d61 !important;
  padding: 5px 10px 10px;
}
.selectparameters .parameters-panel ul li {
  background-color: #5e1d61!important;
  color: #fff;
  cursor: pointer;
}
.selectparameters .parameters-panel ul li.active {
  background-color: #86568a!important;
}

.location-compare input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #fff;
  width: 14px;
  height: 14px;
  border: 2px solid #5e1d61;
  border-radius: 0px;
  transition: all ease-in-out 0.2s;
  display: grid;
  place-content: center;
}
.location-compare input[type="checkbox"]:checked::before {
  content: "";
  width: 14px;
  height: 14px;
  /*background-image:url(../../../img/tickbox-active.svg);*/
  background-image:url(../../../img/checkbox-ticked.svg);
  background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}
.location-compare label {display: inline-flex; gap: 16px;align-items: anchor-center;}


.compareginput.form-control {font-size: 14px;}
.comparebutton {margin-top: -10px;}


.pdf-button{display:none!important}

.guide-details .container{overflow:hidden}

@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

  .panelcontent .col-md-3 {margin-bottom:15px}

}

@media (max-width: 600px) {

}