.lity {
	background: rgba(0, 0, 0, 0.5);
}

.lity-container {
    width: 70%;
    height: 70%;
    margin: 30px 0;
}

@media (max-width: 999px) {
    .lity-container {
        width: 80%;
        height: 85%;
        margin: 26px 0;
    }
}


.lity-content:after {
    box-shadow: none;
}



.lity-container .lity-close {
    position: absolute;	
    border-radius: 25px;    
    width: 50px;
    height: 50px;	
    top: -25px;  
    right: -25px;      
    background-color: #8a6842;
    font-size: 45px;
}

.lity-container .lity-content {
    height: 100%;
    overflow: auto;
    background-color: #fff;
}

.lity-container .lity-content > div {
    height: 100%;
    padding: 45px;
}

.lity-container .lity-content > div h2 {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: -0.2px;
	text-align: left;
	color: #bf165e;
	background: linear-gradient(to right, #7c257c, #bf165e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.lity-container .lity-content > div p {
    font-size: 18px;
    text-align: left;
}

.lity-container .lity-content > div ul {
    padding: 15px;
    padding-left: 20px;
}

.lity-container .lity-content > div ul li {
    list-style: disc;
    list-style-type: disc;
}

.lity-container .lity-content > div table th,
.lity-container .lity-content > div table td {
    border: none;
}


/*==============================================================================================================================*/

.page-node-586 .lity-content {
    background-color: #d49e56;
}
.page-node-586 .lity-content:after {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-node-586 .lity-close {
    background-color: #85513a;
}
.lity_popup_with_blockquote {
    padding: 0 !important;
}
.lity_popup_with_blockquote .left {
    background-size: cover;
    background-position: center center;
}
.lity_popup_with_blockquote .right {
    padding: 100px 40px 15px;
    background: url(/foundation/sites/g/files/asqsls6436/themes/site/cityu_subtheme_2019/images/board_of_gov_lity_popup_bg.jpg);
    background-size: cover;
}
.lity_popup_with_blockquote .right .blockquote_content {
    color: #fff;
    padding: 10px 0;
}
.lity_popup_with_blockquote .symbol-dbl {
    padding-left: 5px;
}

.lity_popup_with_blockquote .symbol-dbl-opp {
    padding-right: 20px;
    text-align: right;
}

.lity_popup_with_blockquote .right .author_name {
    padding-top: 85px;
    padding-bottom: 20px;
    color: #fff;
}

@media (min-width: 1000px) {
    .page-node-586 .lity-container {
        width: 50%;
    }

    .lity_popup_with_blockquote .left,
    .lity_popup_with_blockquote .right {
        width: 50%;
        float: left;
    }
    .lity_popup_with_blockquote .left img {
        height: 100%;
    }
    .lity_popup_with_blockquote .triangle {
        position: absolute;
        width: 0;
        height: 100%;
        border-style: solid;
        border-width: 675px 65px 0 0;
        border-color: transparent #d49e56 transparent transparent;
        margin-left: calc(50% - 65px);
    }
}

@media (max-width: 999px) {
    .lity_popup_with_blockquote .left {
        height: 600px;
        background-position-y: top;
    }
    .lity_popup_with_blockquote .left,
    .lity_popup_with_blockquote .right {
        width: 100%;
    }
    .lity_popup_with_blockquote .right {
        padding: 20px;
        padding-bottom: 30px;
    }
    .lity_popup_with_blockquote .triangle {
        display: none;
    }
    .lity_popup_with_blockquote .right .author_name {
        padding-top: 5px;
    }
}
@media (max-width: 499px) {
    .lity_popup_with_blockquote .left {
        height: 350px;
    }
}