/*
Theme Name: IAP 1.0
Theme URI: http://www.actionpeace.org
Template: Divi
Author: Action Peace
Author URI: http://www.actionpeace.org
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.9.1.1615552176
Updated: 2021-03-12 13:29:36

*/

/*___ MAPA 2020 _______________*/


.map {
    clip-path: inset(0px);
}

.map__legend {
    margin-top: 25px;
}

.legend__item {
    background: #f2f2f2;
    margin: 5px;
	transition: background .3s;
    cursor: pointer;
}
.legend__item:hover {
    background: #f2f2f27d;
    cursor: pointer;
    transition: background .3s;
}

.legend__item h4:hover, .legend__item .legend__content:hover {
    cursor: pointer;
}

.legend__item > .legend__content, .legend__item > h4 {
    padding-left: 10px;
    padding-right: 10px;
}
.legend__item > h4 {
    padding-top: 10px;
}
.legend__title {
    line-height: 22px;
}

.map__panel {
    right: -35% !important;
    width: 30% !important;
    padding: 30px !important;
    /*padding: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    box-sizing: border-box !important;*/
    display: block !important;
    transition: linear .3s !important;
}
.map__panel.is-active, .map__panel.is-active.loading {
    display: block !important;
    width: 30% !important;
    padding: 30px !important;
    right: 0 !important;
    transition: linear .3s !important;
}

@media (min-width:950px){

	.legend__item {
	    width: 240px;
	    /*height: 130px;*/
	    background: #f2f2f2;
	    margin: 5px;
	    width: calc(33.3333% - 10px) !important;
	}

}

@media (max-width:949px){

	.legend__item {
		width: calc(50% - 10px) !important;
	}
}


@media (max-width:480px){

	.legend__item {
		width: calc(100%) !important;
	    margin-left: 0;
	    margin-right: 0;

	}
	.map__legend {
		margin-top: 5px;
	}

	.map__canvas, .map {
	    height: 300px;
	    max-height: 300px;
	}
	.map.mobile-hack .map__canvas, .map.mobile-hack {
	    height: 600px;
	    max-height: 600px;
	}

	.map .map__panel {
	    right: 0 !important;
	    padding: 30px !important;
	    display: block !important;
	    transition: linear .5s !important;
	    height: 300px;
	    top: 0px;
	    width: 100% !important;
	    z-index: -1 !important;
	}
	.map.mobile-hack .mapboxgl-ctrl-bottom-left, .map.mobile-hack .mapboxgl-ctrl-bottom-right {
		z-index: -900;
	}

	.map .map__panel.is-active {
	    right: 0 !important;
	    padding: 30px !important;
	    display: block !important;
	    transition: linear .5s !important;
	    height: 300px;
	    top: 300px;
	    z-index: 5 !important;
	}
	.mapboxgl-ctrl-bottom-left {
	    top: 270px;
	    z-index: 7 !important;
	    bottom: auto;
	}

	.mapboxgl-ctrl-bottom-right {
	    top: 257px;
	    z-index: 7 !important;
	    bottom: auto !important;
	}
	canvas.mapboxgl-canvas {
	    height: 300px !important;
	    object-fit: cover;
	    z-index: 6;
	    background: #fff;
	    z-index: 6;
	}
	.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotate {
	    height: 300px;
	    background: #fff;
	}
	.map__panel.is-active {
	    display: block !important;
	    width: 100% !important;
	    padding: 30px !important;
	    top: auto;
	    top: 300px;
	    height: 300px;
	    overflow: scroll;
	    z-index: 99;
	}

	.map ::-webkit-scrollbar {
	    width: 5px;
	    height: 0px;
	}

	.map ::-webkit-scrollbar-thumb {
	    background: #ffffffb5;
	    border-radius: 20px;
	}
	.map ::-webkit-scrollbar-track {
	    box-shadow: inset 0 0 5px #8b8b8b;
	    margin: 3px;
	}
}


.map__panel{
  animation: opacitat linear 1.5s;
  animation-iteration-count: 1;
  animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  transform-origin: 50% 50%;
  -webkit-animation: opacitat linear 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: opacitat linear 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: opacitat linear 1.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: opacitat linear 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes opacitat{
  0% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes opacitat{
  0% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes opacitat {
  0% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes opacitat {
  0% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes opacitat {
  0% {
    opacity:0;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.modal iframe {
    width: 100vw !important;
    max-width: 80vw;
    height: 80vh;
}

.modal {
    position: fixed;
    height: 100Vh;
    width: 100vw;
    top: 0;
    left: 0;
    background: #000000db;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    place-items: center;
    z-index: -99999999;
    opacity: 0;
    transition: linear .3s;
}


.modal.active {
    position: fixed;
    height: 100Vh;
    width: 100vw;
    top: 0;
    left: 0;
    background: #000000db;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    place-items: center;
    z-index: 99999999;
    opacity: 1;
    transition: linear .3s;
}

.modal-close-button {
    position: absolute;
    color: #000;
    font-weight: 900;
    background: #fff;
    z-index: 9999999999999;
    right: 30px;
    top: 30px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border: solid 1px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    cursor: pointer;
}

.revista-modal.modal-button {
    background: #f2f2f2;
    padding: 5px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.revista-modal.modal-button img {
    max-height: 300px;
    width: auto;
    cursor: pointer;
}


.text-publicaciones > p, .text-publicaciones > h2, .text-publicaciones > strong {
    width: 100% !important;
    padding-left: 30px;
}
.text-publicaciones > h2 { 
    color: #f07d07;
    font-weight: 700;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 5px;
}

.text-publicaciones {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.tease__close {
    position: absolute;
    right: 12px;
    top: 6px;
    font-size: 19px;
    transform: scaleX(1.3);
    font-weight: 400;
    cursor: pointer;
}
p.img-modal {
    width: 100%;
}
@media (min-width: 481px) {
	.text-publicaciones {
	    width: 50%;
	}
	.revista-modal.modal-button p {
	    width: 50%;
	}
}
/*_______________ END MAPA 2020 ___*/