/* You can add global styles to this file, and also import other style files */

div[title='ewmarker']:before,
div[title='ewmarkerlogo']:before {
    /* content: "";
    background: url(./assetspublic/pins/pinshadow2.png);
    transform: skewx(32deg);
    height: 53%;
    width: 100%;
    position: absolute;
    bottom: -15px;
    background-size: 114% 110%;
    background-repeat: no-repeat;
    background-position: bottom;
    left: -10px;
    opacity: 0.8;
    filter: contrast(10); */
    content: "";
    /* background: url('./assetspublic/images/map/pins/pinshadow2.png');
    height: 53%;
    width: 120%;
    position: absolute;
    bottom: -20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    left: -39px;
    opacity: 0.8;
    filter: contrast(10); */
    background: url('../image/pinshadow3.png');
    height: 33%;
    width: 180%;
    position: absolute;
    bottom: -29px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    left: -33px;
    opacity: 1;
    filter: contrast(10);
}

div[title='ewmarkerlogo']:before {
    /* transform: skewX(31deg); */
    /* height: 47%;
    width: 120%;
    bottom: -16px;
    left: -19px; */
    height: 20px;
    width: 110px;
    bottom: -30px;
    left: -35px;
}

div[title='ewmarker']:after,
div[title='ewmarkerlogo']:after {
    /* content: "";
    height: 10px;
    width: 0px;
    position: absolute;
    bottom: -15px;
    left: 90px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #ffcf40; */
    content: "";
    /* height: 10px;
    width: 0px;
    position: absolute;
    bottom: -20px;
    left: 80px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 20px solid #ffcf40; */
    content: "";
    height: 10px;
    width: 0px;
    position: absolute;
    /* bottom: -20px;
    left: 80px; */
    bottom: -26px;
    left: 15px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    /* border-top: 20px solid #ffcf40; */
    border-top: 20px solid #FCBF0A;
}

div[title='ewmarkerlogo']:after {
    bottom: -25px;
    left: 14px;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 22px solid #FCBF0A;
}

div[title='ewmarker'],
div[title='ewmarkerlogo'] {
    overflow: visible !important;
    opacity: 1 !important;
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 0px 23px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2); */
}

div[title='ewmarker'] img,
div[title='ewmarkerlogo'] img {
    /* border: 3px solid #ffcf40 !important;
    border-radius: 5px;
    background:#fff; */
    border: 6px solid #FCBF0A !important;
    border-radius: 13px !important;
    /* background:#fff; */
    display: inline-block;
    /* left: -7px !important;
    top: -7px !important; */
    /* width: calc(100% + 14px) !important;
    height: calc(100% + 14px) !important; */
    margin: -6px !important;
    padding: 30px !important;
}

.main-bracket .field-box .dream-team {
    padding: 10px;
}


/* For Screeening */

.screening_block {
    position: relative;
    overflow: hidden;
}

.screening_block>.screen_wrapper {
    position: relative;
    /* left: -100%; */
    left: 0;
    transition: left 0.3s ease;
}

.screening_block>.screen_wrapper.screens_2 {
    width: 200%;
}

.screening_block>.screen_wrapper.screens_3 {
    width: 300%;
}

.screening_block>.screen_wrapper.active_1 {
    left: 0;
}

.screening_block>.screen_wrapper.active_2 {
    left: -100%;
}

.screening_block>.screen_wrapper.active_3 {
    left: -200%;
}

.screening_block>.screen_wrapper.screens_2>.subscreen {
    float: left;
    width: 50%;
}

.screening_block>.screen_wrapper.screens_3>.subscreen {
    float: left;
    width: 33.33%;
}

.screening_block>.screen_wrapper>.subscreen {
    overflow: hidden;
}


/* resolve height issue */

.screening_block>.screen_wrapper.active_1>.screen2,
.screening_block>.screen_wrapper.active_1>.screen3 {
    height: 50px;
}

.screening_block>.screen_wrapper.active_1>.screen1 {
    height: auto;
}

.screening_block>.screen_wrapper.active_2>.screen1,
.screening_block>.screen_wrapper.active_2>.screen3 {
    height: 50px;
}

.screening_block>.screen_wrapper.active_2>.screen2 {
    height: auto;
}

.screening_block>.screen_wrapper.active_3>.screen2,
.screening_block>.screen_wrapper.active_3>.screen1 {
    height: 50px;
}

.screening_block>.screen_wrapper.active_3>.screen3 {
    height: auto;
}


/* End screening */

#siteseal {
    float: right;
    margin-top: -80px;
    margin-right: 10px;
}

.homepage-event .slider-content .interactive,
.homepage-event .slider-content .text-interactive {
    display: block !important;
}

.labelinfowindow {
    width: 150px;
}

.infowindow-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.fieldnoinfowindow {
    width: 150px;
}

.fieldno-infowindow-title {
    font-weight: bold;
    margin-bottom: 5px;
}