/* Common */

.overlay-link { position:absolute;left:0;top:0;width:100%;height:100%}
a:link, a:hover {text-decoration: none;}

/* Header */
.header { background:#204782}
.header .separator { position:relative}
.header .separator::before {
	content:"";
	position:absolute;left:calc(50% - 2px);top:calc((100% - 50px) / 2);width:2px;height:50px;background :rgb(255 255 255 / 60%) 
}
.gov-logo img {width:50%;object-fit: contain;}
.social-links { max-width:125px}
.social-links-item {width:40px;height:35px;position: relative;display: flex;justify-content: center;}
.social-links-item img {width:40px;height:40px}

.weather-wrapper { width:165px;height:60px;background:url(../images/weather.svg) no-repeat; background-size: cover}

.Top-nav { background:#43B0E2}

/* Search-w */
.search-W {height: 115px; background: url(../images/search_bg.svg) repeat-x #979797 0 0px;padding: 27px 0;background-size: contain;}
#SearchBox { width:100%}
#SearchBox .ms-srch-sbLarge { 
    display: flex;
    position: relative;
    width: 100%;
    height: 60px;
    background: rgb(255 255 255 / 60%);
    border-radius: 60px;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    margin: 0;
    box-shadow:0 5px 8px 4px rgb(0 0 0 / 12%);
    overflow: hidden;
    border:none;outline:none
}
#SearchBox .ms-srch-sbLargeFocused {
	border:none;outline:none
}
#SearchBox .ms-srch-sbLarge input {
    height: 60px;
    width: calc(100% - 160px);    border: none;background: transparent;font-size: 18px;
}
#SearchBox .ms-srch-sbLarge input:focus {outline: none;}
.ms-srch-sb-searchLink img { display:none}
.ms-srch-sb-searchLink {
    margin-left: 0px;
    height: 60px !important;
    width: 154px !important;
    position: relative;
    border: none;
}
.ms-srch-sb-searchLink::before {
    content: "Search";
    position: absolute;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    box-sizing: border-box;
    cursor: pointer;
    top: 0;
    padding: 0 50px;
    right: 0;
    background: #FF3C00;
}
/* common */
.sec-header {}
.sec-header-title { font-size: 2rem; font-weight: 600;}
.card a {color: #212529;}
.card-img-full { height: 265px; width: 100%;}
.card-img-full img {object-fit: cover;width: 100%;height: 100%;;}
.card-info { font-size:15px}
.card-tag {width:auto;padding: 5px 20px; border-radius: 18px; background: #FFC107;font-weight: 500;color: #333;/*text-shadow: 1px 1px #e6b521;*/}

.seeall-btn {padding: 6px 30px;
    background: #E44141;
    box-shadow: 1px 1px 7px rgb(0 0 0 / 30%);
    color: #fff;
    border-radius: 25px;    font-size: 18px;;}
/* QL-w */
.QL-w {}
.QL-item-title.icon {width: 40px; height: 40px;}
.QL-item-title.txt { padding-left: 22px;font-size: 20px;    font-weight: 600;}
.QL-item-desc {text-align: left;    font-size: 15px;}

/* Latest Stories */
.card.no-border {border: none;}
.LS-W .card { background:transparent;padding: 20px !important;}
.LS-W .card-img-full img {border-radius: 10px;}
.card-social-share .social-icon { width:20px;height:20px;background-size: 20px !important;
    margin-right: 6px;
    padding: 14px !important;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 12%);}
.social-icon.facebook { background:url('../images/LN_facebook.svg') #E1E4EF no-repeat;background-position: 50%;}
.social-icon.twitter { background:url('../images/LN_twitter.svg') #E1E4EF no-repeat;background-position: 50%;}
.social-icon.linkedin { background:url('../images/LN_linkedin.svg') #E1E4EF no-repeat;background-position: 50%;}

/* Media center */
.MC-W .card { background:transparent;padding: 20px !important;}
.MC-W .card-img-full img {border-radius: 10px;}

.ratings {width: 20px;height: 20px;position: relative; margin-right: 5px;}
.ratings::before {content: "";width: 20px;height: 20px;background: url(../images/Star.png) no-repeat 50%;background-size: cover;position: absolute;top: 0;left: 0;}
.ratings.got::before {background: url(../images/Star-Colored.png) no-repeat 50%}