/*
<link rel="stylesheet" href="https://etx-nec.s3.us-west-2.amazonaws.com/Chris-Sandbox/experimental-files/ecochains-icon-font/ecochains-card-icon-test.css">
*/

@import url("https://etx-nec.s3.us-west-2.amazonaws.com/Chris-Sandbox/experimental-files/ecochains-icon-font/css/ecochains-icons.css");

/*----------------------------------------
    MINOR TWEAKS
----------------------------------------*/
.loading-screen {
    position: fixed !important;
}

.modal .card-info h2, .modal header>h1 {
    font-family: "inupiaq",MontserratBold,sans-serif;
    font-weight: bold;
}
.modal.species .card-info:last-of-type {
    width: 330px;
}
.species.pm .card-info #info-trophic .highlight:before {
    top: 26.75%;
    left: 56.85%;
}
.species .card-info #info-trophic .highlight:before {
    left: 57%;
}
.species .card-info #info-trophic p:after {
    top: 56px;
}
.species.pm .card-info #info-trophic p:before {
    height: 80px;
    top: -20px;
}

/*----------------------------------------
    SPECIES CARDS
----------------------------------------*/
/*--All Species Cards--*/
.card-container:not(.event):not(.action) .card-symbol span,
.card-container .card-food span {
    display: none;
}
.card-container .card-food {
    position: relative;
}
.card-container .card-food:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.card-container .card-symbol:before {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-family: 'ecochains-icons';
    font-size: 1.3rem;
    line-height: 1.25rem;
}

/* Switching out the initials with the icons for the card modal */

.modal-content .card-info #info-title span {
    display: none;
}
.modal-content .card-info #info-title span {
    position: relative;
}
.modal-content .card-info #info-title span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}

.modal-content .card-info #info-title p.iglibaq:before {
    content: '\e80a';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}

/*---------
    T1
---------*/
/*--Ice Algae Card--*/
.sikumiuq-nauriaq .card-symbol:before,
.ice-algae .card-symbol:before {
    content: '\e808';
}

.modal-content .card-info #info-title p.sikumiuq-nauriaq:before {
    content: '\e808';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}

/*--Phytoplankton Card--*/
.iglibauraq .card-symbol:before,
.phytoplankton .card-symbol:before {
    content: '\e80c';
}

.modal-content .card-info #info-title p.iglibauraq:before {
    content: '\e80c';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}

/*---------
    T2
---------*/
/*--Ice Copepod Card--*/
.sikumiuq-iglibauraq .card-symbol:before,
.ice-copepod .card-symbol:before {
    content: '\e809';
}
.sikumiuq-iglibauraq .card-food:nth-of-type(1):before,
.ice-copepod .card-food:nth-of-type(1):before {
    content: '\e808';
}
.modal-content .card-info #info-title p.sikumiuq-iglibauraq:before {
    content: '\e809';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
/*--Krill Card--*/
.iglibaq .card-symbol:before,
.krill .card-symbol:before {
    content: '\e80a';
}
.iglibaq .card-food:nth-of-type(1):before,
.krill .card-food:nth-of-type(1):before {
    content: '\e808';
}
.iglibaq .card-food:nth-of-type(2):before,
.krill .card-food:nth-of-type(2):before {
    content: '\e80c';
}
.iglibaq .card-food:nth-of-type(3):before,
.krill .card-food:nth-of-type(3):before {
    content: '\e809';
}

.modal-content .card-info #info-title p.iglibaq:before {
    content: '\e80a';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
/*--Clam Card--*/
.imaniq .card-symbol:before,
.clam .card-symbol:before {
    content: '\e806';
}

.modal-content .card-info #info-title p.imaniq:before {
    content: '\e806';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.imaniq .card-food:nth-of-type(1):before,
.clam .card-food:nth-of-type(1):before {
    content: '\e808';
}
.imaniq .card-food:nth-of-type(2):before,
.clam .card-food:nth-of-type(2):before {
    content: '\e80c';
}

/*---------
    T3
---------*/
/*--Arctic Cod Card--*/
.iqalugaq .card-symbol:before,
.arctic-cod .card-symbol:before {
    content: "\e800"; /*arctic-cod*/
    font-size: 1.75rem;
}
.modal-content .card-info #info-title p.iqalugaq:before {
    content: '\e800';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}

.iqalugaq .card-food.t2:nth-of-type(1):before,
.arctic-cod .card-food.t2:nth-of-type(1):before {
    content: '\e80a';
}
.iqalugaq .card-food.t2:nth-of-type(2):before,
.arctic-cod .card-food.t2:nth-of-type(2):before {
    content: '\e809';
}
/*--Squid Card--*/
/*--Qulieik Talibulik--*/
.squid .card-symbol:before,
.qulieik-talibulik .card-symbol:before {
    content: '\e80f';/*squid*/
    font-size: 1.75rem;
    transform: translateX(-53%) rotateZ(-10deg);
}

.modal-content .card-info #info-title p.qulieik-talibulik:before {
    content: '\e80f';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.squid .card-food:nth-of-type(1):before,
.qulieik-talibulik .card-food:nth-of-type(1):before {
    content: '\e809';
}
.squid .card-food:nth-of-type(2):before,
.qulieik-talibulik .card-food:nth-of-type(2):before {
    content: '\e80a';
}
.squid .card-food:nth-of-type(3):before,
.qulieik-talibulik .card-food:nth-of-type(3):before {
    content: "\e800"; /*arctic-cod*/
    font-size: 1.5rem;
}

/*---------
    T4
---------*/
/*--Ringed Seal Card--*/
.qayabulik .card-symbol:before,
.ringed-seal .card-symbol:before {
    content: '\e80d';
}
.modal-content .card-info #info-title p.qayabulik:before {
    content: '\e80d';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.qayabulik .card-food:nth-of-type(1):before,
.ringed-seal .card-food:nth-of-type(1):before {
    content: '\e809';
}
.qayabulik .card-food:nth-of-type(2):before,
.ringed-seal .card-food:nth-of-type(2):before {
    content: '\e80a';
}
.qayabulik .card-food:nth-of-type(3):before,
.ringed-seal .card-food:nth-of-type(3):before {
    content: "\e800"; /*arctic-cod*/
    font-size: 1.5rem;
}
/*--Bearded Seal Card--*/
.ugruk .card-symbol:before,
.bearded-seal .card-symbol:before {
    content: '\e801';
}
.modal-content .card-info #info-title p.ugruk:before {
    content: '\e801';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.ugruk .card-food:nth-of-type(1):before,
.bearded-seal .card-food:nth-of-type(1):before {
    content: '\e806';
}
.ugruk .card-food:nth-of-type(2):before,
.bearded-seal .card-food:nth-of-type(2):before {
    content: "\e800"; /*arctic-cod*/
    font-size: 1.5rem;
}
/*--Walrus Card--*/
.aiviq .card-symbol:before,
.walrus .card-symbol:before {
    content: '\e80e';/*walrus*/
    font-size: 1.5rem;
}
.modal-content .card-info #info-title p.aiviq:before {
    content: '\e80e';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.aiviq .card-food:nth-of-type(1):before,
.walrus .card-food:nth-of-type(1):before {
    content: "\e806";
}
/*--Eider Duck Card--*/
.qifalik .card-symbol:before,
.eider-duck .card-symbol:before {
    content: '\e807'; /*eider-duck*/
    font-size: 1.5rem;
}
.modal-content .card-info #info-title p.qifalik:before {
    content: '\e807';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.qifalik .card-food:nth-of-type(1):before,
.eider-duck .card-food:nth-of-type(1):before {
    content: "\e806";
}
/*--Beluga Card--*/
.sisuaq .card-symbol:before,
.beluga-whale .card-symbol:before {
    content: '\e802';/*beluga-whale*/
    font-size: 1.5rem;
}
.modal-content .card-info #info-title p.sisuaq:before {
    content: '\e802';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.sisuaq  .card-food:nth-of-type(1):before,
.beluga-whale .card-food:nth-of-type(1):before {
    content: "\e800"; /*arctic-cod*/
    font-size: 1.5rem;
}
.sisuaq .card-food:nth-of-type(2):before,
.beluga-whale .card-food:nth-of-type(2):before {
    content: '\e80f'; /*squid*/
    font-size: 1.5rem;
    transform: translate(-50%, -50%) rotateZ(-10deg);
}
/*--Narwhal Card--*/
.tuugaalik .card-symbol:before,
.narwhal .card-symbol:before {
    content: '\e80b';
}
.modal-content .card-info #info-title p.tuugaalik:before {
    content: '\e80b';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.tuugaalik .card-food:nth-of-type(1):before,
.narwhal .card-food:nth-of-type(1):before {
    content: "\e800";/*arctic-cod*/
    font-size: 1.5rem;
}
.tuugaalik .card-food:nth-of-type(2):before,
.narwhal .card-food:nth-of-type(2):before {
    content: '\e80f'; /*squid*/
    font-size: 1.5rem;
}
/*--Bowhead Card--*/
.abviq .card-symbol:before,
.bowhead-whale .card-symbol:before {
    content: '\e804'; /*bowhead-whale*/
    font-size: 1.75rem;
}
.modal-content .card-info #info-title p.abviq:before {
    content: '\e804';
    font-family: 'ecochains-icons';
    font-size: 1.2rem;
}
.abviq .card-food:nth-of-type(1):before,
.bowhead-whale .card-food:nth-of-type(1):before {
    content: '\e80a';
}
.abviq .card-food:nth-of-type(2):before,
.bowhead-whale .card-food:nth-of-type(2):before {
    content: '\e809';
}

/*---------
    T5
---------*/
/*--Human Being Card--*/
.ieuk.card-container.pm footer,
.human-being.card-container.pm footer {
    height: 95px !important;
}

.ieuk.card-container.pm footer .card-food,
.human-being.card-container.pm footer .card-food {
    margin: 3px 1px -5px 1px !important;
}
.ieuk .card-food:nth-of-type(1):before,
.human-being .card-food:nth-of-type(1):before {
    content: '\e807'; /*eider-duck*/
    font-size: 1.5rem;
}

.ieuk .card-food:nth-of-type(2):before,
.human-being .card-food:nth-of-type(2):before {
    content: '\e801'; /*bearded-seal*/
    font-size: 1.5rem;
}
.ieuk .card-food:nth-of-type(3):before,
.human-being .card-food:nth-of-type(3):before {
    content: "\e80d"; /*ringed-seal*/
    font-size: 1.5rem;
}
.ieuk .card-food:nth-of-type(4):before,
.human-being .card-food:nth-of-type(4):before {
    content: '\e80e'; /*walrus*/
    font-size: 1.5rem;
}
.ieuk .card-food:nth-of-type(5):before,
.human-being .card-food:nth-of-type(5):before {
    content: '\e804'; /*bowhead-whale*/
    font-size: 1.95rem;
    transform: translate(-50%, -47%);
}
.ieuk .card-food:nth-of-type(6):before,
.human-being .card-food:nth-of-type(6):before {
    content: "\e802"; /*beluga-whale*/
    font-size: 1.65rem;
}
.ieuk .card-food:nth-of-type(7):before,
.human-being .card-food:nth-of-type(7):before {
    content: '\e80b';/*narhwal*/
    font-size: 1.5rem;
}
.ieuk .card-food:nth-of-type(8):before,
.human-being .card-food:nth-of-type(8):before {
    content: "\e800";/*arctic-cod*/
    font-size: 1.5rem;
}
/*--Polar Bear Card--*/
.nanuq .card-food:nth-of-type(1):before,
.polar-bear .card-food:nth-of-type(1):before {
    content: '\e801';
}
.nanuq .card-food:nth-of-type(2):before,
.polar-bear .card-food:nth-of-type(2):before {
    content: "\e80d";
}


/*----------------------------------------
    ACTION CARDS
----------------------------------------*/
.action .card-symbol {
    font-size: .75rem;
    line-height: 1.5rem;
}
/*Carbon Capture*/
.card-container.action section footer .card-type {
    margin-top: 1px !important;
    line-height: .85rem;
}
/*Protect from Overharvesting*/
.action.munabilugit-qaunakjaafitchuanie footer .card-food {
    height: 20px !important;
    border-radius: 100px;
}
.action.munabilugit-qaunakjaafitchuanie footer .card-type,
.action.protect-from-overharvesting footer .card-type {
    display: none;
}
.action.munabilugit-qaunakjaafitchuanie section footer,
.action.protect-from-overharvesting section footer {
    padding: 11px 4px 1px!important;
}
.action.munabilugit-qaunakjaafitchuanie .card-food:nth-of-type(1):before,
.action.protect-from-overharvesting .card-food:nth-of-type(1):before {
    content: '\e80e';
}
.action.munabilugit-qaunakjaafitchuanie .card-food:nth-of-type(2):before,
.action.protect-from-overharvesting .card-food:nth-of-type(2):before {
    content: "\e80d";
}
.action.munabilugit-qaunakjaafitchuanie .card-food:nth-of-type(3):before,
.action.protect-from-overharvesting .card-food:nth-of-type(3):before {
    content: "\e801";
}
.action.munabilugit-qaunakjaafitchuanie .card-food:nth-of-type(4):before,
.action.protect-from-overharvesting .card-food:nth-of-type(4):before {
    content: '\e804';
}
.action.munabilugit-qaunakjaafitchuanie .card-food:nth-of-type(5):before,
.action.protect-from-overharvesting .card-food:nth-of-type(5):before {
    content: "\e802";
}
.action.munabilugit-qaunakjaafitchuanie .card-food:nth-of-type(6):before,
.action.protect-from-overharvesting .card-food:nth-of-type(6):before {
    content: '\e80b';
}
.action.munabilugit-qaunakjaafitchuanie .card-food:nth-of-type(7):before,
.action.protect-from-overharvesting .card-food:nth-of-type(7):before {
    content: '\e807'; /*eider-duck*/
}
.action.munabilugit-qaunakjaafitchuanie .card-food:nth-of-type(8):before,
.action.protect-from-overharvesting .card-food:nth-of-type(8):before {
    content: "\e800";
}

/*----------------------------------------
    EVENT CARDS
----------------------------------------*/
.card-container.event .card-symbol {
    padding: 0 !important;
}

/*Ocean Acidification*/
.event.card-container.s02 footer .card-food {
    height: 20px;
    margin: 3px 0 2px !important;
}
.card-container.event.s02 section footer .card-type {
    margin-top: -3px !important;
    line-height: .75rem;
}
.event.tabiuq-tuqunalik .card-food:nth-of-type(1):before,
.event.ocean-acidification .card-food:nth-of-type(1):before {
    content: '\e809';/*ice-copepod*/
    font-size: 1rem;
}


.event.tabiuq-tuqunalik .card-food:nth-of-type(2):before,
.event.ocean-acidification .card-food:nth-of-type(2):before {
    content: '\e80a';/*krill*/
    font-size: 1rem;
}
.event.tabiuq-tuqunalik .card-food:nth-of-type(3):before,
.event.ocean-acidification .card-food:nth-of-type(3):before {
    content: "\e806";/*clam*/
    font-size: 1rem;
}

/*Invasive Killer Whales*/
.card-container.event.nibrutiaqjuit-aablut footer .card-food{
    height: 20px;
    margin: 1px 1px -1px 1px !important;
}
.card-container.event.nibrutiaqjuit-aablut .card-type {
    margin-top: -3px !important;
}
.card-container.event.nibrutiaqjuit-aablut footer{
    height: 40px;
}
.card-container.event.nibrutiaqjuit-aablut  .card-type,
.card-container.event.invasive-killer-whale  .card-type  {
    margin-top: -2px !important;
}
.event.nibrutiaqjuit-aablut .card-food:nth-of-type(1):before,
.event.invasive-killer-whale .card-food:nth-of-type(1):before {
    content: "\e80d";
}
.event.nibrutiaqjuit-aablut .card-food:nth-of-type(2):before,
.event.invasive-killer-whale .card-food:nth-of-type(2):before {
    content: "\e801";
}
.event.nibrutiaqjuit-aablut .card-food:nth-of-type(3):before,
.event.invasive-killer-whale .card-food:nth-of-type(3):before {
    content: "\e802";
}
.event.nibrutiaqjuit-aablut .card-food:nth-of-type(4):before,
.event.invasive-killer-whale .card-food:nth-of-type(4):before {
    content: '\e807'; /*eider-duck*/
}
.event.nibrutiaqjuit-aablut .card-food:nth-of-type(5):before,
.event.invasive-killer-whale .card-food:nth-of-type(5):before {
    content: '\e80b';
}
.event.nibrutiaqjuit-aablut .card-food:nth-of-type(6):before,
.event.invasive-killer-whale .card-food:nth-of-type(6):before {
    content: "\e800";
}

/*Overharvesting*/
/*Afuniaqtuni Qaunakjaafieeiq*/
.card-container.event.afuniaqtuni-qaunakjaafieeiq footer .card-food,
.card-container.event.event.overharvesting footer .card-food {
    height: 20px;
    margin: -4px 1px 4px 1px !important;
}

.event.afuniaqtuni-qaunakjaafieeiq .card-food:nth-of-type(1):before,
.event.overharvesting .card-food:nth-of-type(1):before {
    content: '\e80e';
}
.event.afuniaqtuni-qaunakjaafieeiq .card-food:nth-of-type(2):before ,
.event.overharvesting .card-food:nth-of-type(2):before {
    content: "\e80d";
}
.event.afuniaqtuni-qaunakjaafieeiq .card-food:nth-of-type(3):before,
.event.overharvesting .card-food:nth-of-type(3):before {
    content: "\e801";
}
.event.afuniaqtuni-qaunakjaafieeiq .card-food:nth-of-type(4):before,
.event.overharvesting .card-food:nth-of-type(4):before {
    content: '\e804';
}
.event.afuniaqtuni-qaunakjaafieeiq .card-food:nth-of-type(5):before,
.event.overharvesting .card-food:nth-of-type(5):before {
    content: "\e802";
}
.event.afuniaqtuni-qaunakjaafieeiq .card-food:nth-of-type(6):before,
.event.overharvesting .card-food:nth-of-type(6):before {
    content: '\e80b';
}
.event.afuniaqtuni-qaunakjaafieeiq .card-food:nth-of-type(7):before,
.event.overharvesting .card-food:nth-of-type(7):before {
    content: '\e807'; /*eider-duck*/
}
.event.afuniaqtuni-qaunakjaafieeiq .card-food:nth-of-type(8):before,
.event.overharvesting .card-food:nth-of-type(8):before {
    content: "\e800";
}