/*
Author : Nakul Chauhan
www : 29kreativ.com
@ : nakul@29kreativ.com
*/


body{font-family: 'Lato', sans-serif; margin: 0; background-color: rgba(255,255,255,0);}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.div-popover-map{width:98.9vw; height: 10.4vw ; position: relative; display: flex; } 
.logo-icon{z-index:20;   cursor: pointer;}
/* .map-leaf-icon:hover{background-position: 0px 0px;} */

.logo-1{ flex-grow: 60; margin:0 3vw 0 0; background-image: url(../img/fairtrade.png) ; background-size: contain;  background-position: left center ; background-repeat: no-repeat;}
.logo-2{ flex-grow: 84; margin:0 3vw ; background-size: contain;  background-position: center ; background-repeat: no-repeat; background-image: url(../img/usda.png) ; }
.logo-3{ flex-grow: 125;  margin:0 3vw ; background-size: contain;  background-position: center ; background-repeat: no-repeat; background-image: url(../img/salsa.png) ;}
.logo-4{ flex-grow: 154;  margin:0 3vw ; background-size: contain;  background-position: center ; background-repeat: no-repeat; background-image: url(../img/brcgs.png) ;}
.logo-5{ flex-grow: 86;  margin:0 3vw ; background-size: contain;  background-position: center ; background-repeat: no-repeat; background-image: url(../img/soil.png) ;}
.logo-6{ flex-grow: 94;  margin:0 0 0 3vw ; background-size: contain;  background-position:right  center ; background-repeat: no-repeat; background-image: url(../img/house.png) ; }


.logo-data{display: none;}

.popover-template{display: none;}
.map-leaf-popover{  position: absolute; z-index:1 ; width: 0px;}
.popover-graphic-top-gap{display: none; height: 3vw;}
.green-circle{left:-4px; position: relative; width: 14px; height: 14px; border-radius: 100%; border: solid 3px #18b580 ; opacity: 0; transition: margin .5s, opacity .5s; margin-top:0px;  } 
.green-line{background-color: #18b580; width:1px; height: 0px; position: relative; left:1px; opacity: 0; transition: height .5s, opacity .5s  }
.main-popover-dialog{width: 50vw; background-color: #18b580; position: absolute; left: 1px; padding: 10px; color: white; opacity: 0; transition: height .5s, opacity .5s }
.main-popover-dialog.long{width: 60vw;}
.main-popover-dialog .map-popover-title{font-size: 24px; font-weight: 400;  }
.main-popover-dialog .map-popover-main-text{text-align: justify; padding-top: 5px; border-bottom: 1px solid white ; padding-bottom: 10px; margin-bottom: 10px;  }
.text-16-light{font-weight: 300; font-size: 16px;}

.map-leaf-popover.visible{z-index: 10;}
.map-leaf-popover.visible .green-circle{opacity: 1; margin-top:3px }
.map-leaf-popover.visible .green-line{height: 10vw; opacity: 0;}
.map-leaf-popover.visible .main-popover-dialog {opacity: 1; }
.map-leaf-popover .main-popover-dialog.invert-horizontally{left:-496px}