/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@font-face {
  font-family: 'Wisdom Script Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Wisdom Script Regular'), url('fonts/Wisdom Script AJ.woff') format('woff');
}

/*
  * Interactive Map
  */

  .ctl-map-interactive {
    background-color: #ac252a;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    gap: 36px;
    margin-top: 34px;
    padding: 18px 15px;
  }

  .ctl-map-legend {
    color: #fff;
    margin-bottom: 5px;
  }
  
  .ctl-map-heading {
    background-repeat: no-repeat;
    background-size: contain;
    height: 116px;
    margin: 0 0 22px;
    width: 238px;
  }
  
  h3.ctl-map-relay-heading,
  h3.ctl-map-heading,
  #map h3.ctl-map-all-heading {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
  }

  #map h3.ctl-map-heading span,
  #map h3.ctl-map-all-heading span {
    color: #7a070b;
    display: block;
    font-size: 32px;
  }
  
  .ctl-map-subheading {
    border-bottom: solid 1px #fff;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.1;
    padding: 0 0 12px;
  }
  
  .ctl-map-legend p,
  .ctl-map-legend strong {
    color: #ffffff !important;
    line-height: 1.25;
  }
  
  .ctl-map-legend .button {
    background-color: #000;
    text-decoration: none;
  }

  .ctl-map-legend .button:hover,
  .ctl-map-legend .button:active,
  .ctl-map-legend .button:focus {
    background-color: #333;
  }

  #map p.ctl-map-inst,
  p.ctl-map-inst {
    align-items: baseline;
    color: #d1a6a7 !important;
    display: flex;
    margin: 18px 0 8px;
  }

  .ctl-map-legend p a,
  #map .ctl-map-legend p a {
    color: #ffffff !important;
    text-decoration: underline;
  }

  .ctl-map {
    height: 0;
    overflow: hidden;
    padding-top: 66.501240695%;
    position: relative;
  }

  .ctl-map > div {
    background-color: #ffffff;
    border-radius: 20px;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

  .ctl-map-btn {
    align-items: center;
    background: #ffffff;
    border: 0 none;
    border-radius: 10px;
    display: flex;
    margin: 0 0 15px;
    outline: 0;
    position: relative;
    transition: background-color ease-in-out 0.5s;
    width: 100%;
  }

  .ctl-map-btn:focus {
    -webkit-box-shadow: 1px 1px 8px 0px rgba(98, 6, 9, 0.5),
      -1px -1px 8px 0px rgba(98, 6, 9, 0.5);
    box-shadow: 1px 1px 8px 0px rgba(98, 6, 9, 0.5),
      -1px -1px 8px 0px rgba(98, 6, 9, 0.5);
  }

  .ctl-map-icon {
    border-right: 1px solid;
    /* bottom: 0; */
    display: block;
    height: 100%;
    /* left: 0;
    position: absolute;
    top: 0; */
    transition: border-right-color ease-in-out 0.5s;
    width: 65px;
  }

  .ctl-map-icon > svg {
    display: block;
    height: 40px;
    margin: 10px;
    transition: fill ease-in-out 0.5s;
    width: 44px;
  }

  .ctl-button-label {
    color: black;
    flex-grow: 1;
    font-family: "Wisdom Script Regular", serif;
    font-size: 22px;
    padding: 4px 15px 0;
    text-align: left;
  }

  .ctl-map-btn-west-coast .ctl-button-label,
  .ctl-map-btn-relay .ctl-button-label {
    color: #ac252d;
  }
  
  .ctl-map-btn-mountain-states .ctl-button-label {
    color: #267514;
  }
  
  .ctl-map-btn-new-england .ctl-button-label {
    color: #ff8f00;
  }
  
  .ctl-map-btn-east-coast .ctl-button-label,
  .ctl-map-btn-rallies .ctl-button-label {
    color: #262e73;
  }

  .ctl-map-btn.ctl-map-btn-active .ctl-button-label {
    color: #620609;
  }

  .ctl-map-text {
    display: block;
  }

  .ctl-map-text > svg {
    display: block;
    height: 40px;
    margin: 10px;
    transition: fill ease-in-out 0.5s;
    width: 145px;
  }

  .ctl-map-btn-relay .ctl-map-icon {
    border-right-color: #ac252a;
  }
  .ctl-map-btn-relay svg {
    fill: #ac252a;
  }

  .ctl-map-btn-march .ctl-map-icon {
    border-right-color: #000;
  }
  .ctl-map-btn-march svg {
    fill: #000;
  }

  .ctl-map-btn-rallies .ctl-map-icon {
    border-right-color: #262e73;
  }
  .ctl-map-btn-rallies svg {
    fill: #262e73;
  }

  .ctl-map-btn-west-coast .ctl-map-icon {
    border-right-color: #ac252d;
  }
  .ctl-map-btn-west-coast svg {
    fill: #ac252d;
  }

  .ctl-map-btn-mountain-states .ctl-map-icon {
    border-right-color: #267514;
  }
  .ctl-map-btn-mountain-states svg {
    fill: #267514;
  }

  .ctl-map-btn-midwest .ctl-map-icon {
    border-right-color: #000000;
  }
  .ctl-map-btn-midwest svg {
    fill: #000000;
  }

  .ctl-map-btn-new-england .ctl-map-icon {
    border-right-color: #ff8f00;
  }
  .ctl-map-btn-new-england svg {
    fill: #ff8f00;
  }

  .ctl-map-btn-east-coast .ctl-map-icon {
    border-right-color: #262e73;
  }
  .ctl-map-btn-east-coast svg {
    fill: #262e73;
  }

  .ctl-map-btn-red .ctl-map-icon {
    border-right-color: #ac252a;
  }
  .ctl-map-btn-red svg {
    fill: #ac252a;
  }

  .ctl-map-btn-white .ctl-map-icon {
    border-right-color: #000;
  }
  .ctl-map-btn-white svg {
    fill: #ffffff;
  }

  .ctl-map-btn-blue .ctl-map-icon {
    border-right-color: #262e73;
  }
  .ctl-map-btn-blue svg {
    fill: #262e73;
  }

  .ctl-map-btn-stars .ctl-map-icon {
    border-right-color: #000000;
  }
  .ctl-map-btn-stars svg {
    fill: #000000;
  }

  .ctl-map-btn-stripes .ctl-map-icon {
    border-right-color: #267514;
  }
  .ctl-map-btn-stripes svg {
    fill: #267514;
  }

  .ctl-map-btn.ctl-map-btn-active {
    background-color: #7a070b;
  }

  .ctl-map-btn-relay.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-march.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-rallies.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-west-coast.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-mountain-states.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-midwest.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-new-england.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-east-coast.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-red.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-white.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-blue.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-stars.ctl-map-btn-active .ctl-map-icon,
  .ctl-map-btn-stripes.ctl-map-btn-active .ctl-map-icon {
    border-right-color: #620609;
  }

  .ctl-map-btn-relay.ctl-map-btn-active svg,
  .ctl-map-btn-march.ctl-map-btn-active svg,
  .ctl-map-btn-rallies.ctl-map-btn-active svg,
  .ctl-map-btn-west-coast.ctl-map-btn-active svg,
  .ctl-map-btn-mountain-states.ctl-map-btn-active svg,
  .ctl-map-btn-midwest.ctl-map-btn-active svg,
  .ctl-map-btn-new-england.ctl-map-btn-active svg,
  .ctl-map-btn-east-coast.ctl-map-btn-active svg,
  .ctl-map-btn-red.ctl-map-btn-active svg,
  .ctl-map-btn-white.ctl-map-btn-active svg,
  .ctl-map-btn-blue.ctl-map-btn-active svg,
  .ctl-map-btn-stars.ctl-map-btn-active svg,
  .ctl-map-btn-stripes.ctl-map-btn-active svg {
    fill: #620609;
  }

  .ctl-map-infobox {
    background-color: #262e73;
    display: flex;
    color: #ffffff;
    flex-direction: column;
    font-size: 14px;
    padding: 16px 30px 17px 15px;
  }

  .ctl-map-infobox:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #262e73;
    bottom: -8px;
    content: "";
    height: 0;
    left: 62px;
    position: absolute;
    width: 0;
  }

  .ctl-map-infobox .infobox-item {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
  }

  .ctl-map-infobox .infobox-item:last-child {
    margin-bottom: 0;
  }

  .ctl-map-infobox > img {
    display: block;
    height: 14px;
    opacity: 0.1;
    position: absolute !important;
    right: 7px;
    top: 7px;
    transition: opacity 0.5s ease-in-out;
    width: 14px;
  }

  .ctl-map-infobox > img:hover,
  .ctl-map-infobox > img:focus {
    opacity: 1;
  }

  .ctl-map-infobox p,
  .ctl-map-infobox p strong {
    color: #ffffff;
    font-style: normal !important;
    line-height: 1.25;
    margin: 0;
  }

  .ctl-map-infobox .fa {
    margin-right: 4px;
  }

  #ctl-map .ctl-map-infobox a {
    color: #ffffff !important;
    text-decoration: underline;
  }

  .ctl-map-infobox a:after {
    content: "\00a0\00bb";
  }

  .ctl-map-infobox a:hover,
  .ctl-map-infobox a:focus {
    color: #ffffff;
  }

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ctl-map-heading {
      float: left;
      height: 87px;
      margin-bottom: 0;
      margin-right: 32px;
      width: 178px;
    }

    .ctl-map-controls {
      float: left;
      margin-top: 18px;
      width: 100%;
    }

    .ctl-map-btn {
      float: left;
      margin-right: 10px;
      width: auto;;
    }

    .ctl-map-inst + .ctl-map-btn {
      margin-left: 0;
    }

    .ctl-map-icon {
      width: 44px;
    }

    .ctl-map-icon > svg {
      height: 30px;
      margin: 5px 0;
    }

    .ctl-map-text > svg {
      height: 30px;
      margin: 5px 0;
      width: 109px;
    }
  }

  @media only screen and (min-width: 992px) {
    .ctl-map-interactive {
      background-image: url("./images/interactive-map/map-bg-md.jpg");     
      flex-direction: row;
      padding: 39px 30px;
    }

    .ctl-map-legend {
      width: 260px;
    }

    .ctl-map-container {
      flex-grow: 1;    }
  }

  @media only screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .ctl-map-interactive {
      background-image: url("./images/interactive-map/map-bg-md_2x.jpg");
    }
  }