.partnership {
position: relative;
overflow-x: clip;
background-color: #66aeba;
color: #fff;
text-align: justify;
}
.partnership h5 {
margin: 40px 0;
}
.map-container {
position: relative;
width: 2021px;
height: 700px;
max-height: 700px;
background-image: url(//www.vidzeme.lv/wp-content/themes/vidzeme/assets/images/map/map-europe.svg);
background-size: 2021px 805px;
background-repeat: no-repeat;
background-position: 0 -60px;
}
.partnership .map-pointer {
position: absolute;
visibility: hidden;
top: 0px;
left: 0px;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
color: #34332f;
border: 8px solid rgba(0,0,0,.1);
background-color: #fff;
border-radius: 50%;
cursor: pointer;
font-weight: bold;
font-size: 0.9rem;
}
.map-container-new {
position: relative;
width: 2021px;
height: 700px;
max-height: 700px;
} .map-popup {
display: none;
position: absolute;
top: 0px;
right: 20%;
width: 100%;
max-width:290px;
box-shadow: 0px 4px 5px 1px rgba(0,0,0, 0.1);
-webkit-box-shadow: 0px 4px 5px 1px rgba(0,0,0, 0.1);
-moz-box-shadow: 0px 4px 5px 1px rgba(0,0,0, 0.1);
border-radius: 0px 0px 8px 8px;
}
.map-popup .map-popup-head {
background-color: #4E4C47;
padding: 3px 15px;
border-radius: 8px 8px 0px 0px;
}
.map-popup .map-popup-head img{
width: 25px;
height: 25px;
object-fit: cover;
border-radius: 100%;
}
.map-popup .map-popup-head .map-popup-title{
color:white;
margin:0px;
padding-left:10px;
font-size:1rem!important;
}
.map-popup .map-popup-head .map-popup-close {
background-color: transparent;
border:0px;
box-shadow: none;
}
.map-popup .map-popup-head .map-popup-close svg * {
fill:white;
}
.map-popup .map-popup-content-cotainer {
background-color: white;
padding:25px;
border-radius: 0 0 8px 8px;
}
.map-popup .map-popup-content-cotainer .map-popup-content li{
padding-bottom:15px;
text-align: left;
}
.map-popup .map-popup-content-cotainer .map-popup-content li:last-child{
padding-bottom:0px;
}
.map-popup.active {
display: block;
}
.map-popup .pagination {
margin:0px auto!important;
}
.map-popup .map-popup-pagination {
margin-top:20px;
}
.map-popup-content ul li.link-primary a {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.map-popup-content ul li.link-primary a svg{
width: 20px;
height: 20px;
padding-left: 10px;
}
.map-popup-content ul {
width:100%;
}
li span.anchor-right::after {
background-position: center;
margin-left: 10px;
}
.map-partnership {
position: relative;
width: 100%;
}
.map-popup-close:hover {
cursor: pointer;
}
.partnership .left-side-column {
width: calc(1320px - (1320px/100 * 51.5))!important;
display: block;
padding: 10px;
}
.partnership .left-side {
display: flex;
justify-content: end;
}
.partnership .right-side {
overflow: hidden;
max-height: 500px;
}
.partnership-zoom-content {
width: 100%;
height: 100%;
transition: zoom 0.2s; }
.partnership .map-partnership {
max-height: 500px!important;
}
@media only screen and (max-width: 1024px) {
.vc_section.partnership {
padding: 0px;
}
.partnership h5 {
margin: 10px 0px;
}
.map-popup {
left: 0!important;
right: 0vw!important;
top: 60% !important;
width: 100%!important;
max-width: 100%!important;
box-sizing: border-box;
}
.partnership .left-side {
justify-content: start;
}
.partnership .left-side-column {
width: 100%!important;
padding: 35px !important;
}
}
@media only screen and (max-width: 768px) {
.partnership .map-partnership {
height: 400px!important;
}
.partnership .container {
padding:0px!important;
}
.partnership .left-side-column {
padding: 10px 20px!important;
}
.map-partnership {
box-sizing: border-box;
}
.vc_section.partnership {
padding:0px;
}
.partnership h5 {
margin:10px 0px;
}
.map-container-new {
margin-left:-40%;
margin-top: -60px;
}
}
.partnership .container {
padding:0px!important;
}
.partnership .partnership-partners li:hover .partnership-projects-container {
display: flex!important;
}
.partnership .partnership-projects-container {
display: none!important;
width: 100%;
margin: 0px;
position: absolute;
top: auto;
left: 0px;
z-index: 10000;
}
.partnership .partnership-projects-dropdown {
padding: 25px;
list-style: none;
background-color: #FAF9F6;
border: 1px solid #ddd;
box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.1);
border-radius: 8px 8px 8px 8px;        
}
.partnership .partnership-projects-dropdown li {
width: 100%;
padding-bottom: 15px;
}
.partnership .partnership-projects-dropdown li.ready a{
color: #9a9a9a!important;
}
.partnership .partnership-projects-dropdown li.ready:hover a{
color: #34332f!important;
}