/*Bootstrap over riding*/
.btn-margin-bottom {
    margin-bottom: 25px;
}
/*End Bootstrap over riding*/

.hero-article .article-image {
    width: 100%;
    max-width: 500px;
}

#statusFeedback {
    margin-top: 15px;
}

.form-group input[type=text], .form-group input[type=email], .form-group input[type=password] {
    background: #fdfdfd;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid #e1e1e1;
}

::-webkit-input-placeholder { /* Edge */
    color: #0e2637 !important;
    font-weight: bold;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #0e2637 !important;
    font-weight: bold;
}

/*------------------Checkbox------------*/

.round {
    position: relative;
    margin-top: 30px;
}

.round i {
    background-color: #f7f5f5;
    cursor: pointer;
    height: 30px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 30px;
    color: #99aab5;
}

.round i:after {
    border: 1px solid #000;
    border-top: none;
    border-right: none;
    content: "";
    height: 7px;
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 9px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + i {
    background-color: #f7f5f5;
    border-color: #000;
}

.round input[type="checkbox"]:checked + i:after {
    opacity: 1;
}

.link-padding {
    padding-top: 10px;
}

.article-item {
    margin-top: 15px;
    border-bottom: 1px solid #b2b2b27d;
    min-height: 140px;
}

.article-image button {
    object-fit: cover;
    object-position: top;
    height: 120px;
    width: 175px;
    max-width: 100%;
    padding: 0px;
    border: none;
}

.article-image img {
    object-fit: cover;
    object-position: top;
    height: 120px;
    width: 100%;
    padding: 0px;
    border: none;
}

.article-publisher {
    font-size: 10px;
    position: absolute;
    bottom: 0px;
}

.article-publisher span > form > button {
    font-size: 12px;
    /*text-transform: uppercase;*/
    color: inherit;
}

.link-overflow-break {
    overflow-wrap: break-word;
}

.portal-banner {
    text-align: center;
    background-color: white;
}

.article-name {
    font-family: WorkSansRegular;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.portal-article-content * {
    max-width: 100%;
}

.portal-article-content {
    height: auto;
    font-family: WorkSansRegular;
    font-size: 16px;
    line-height: 23px;
}

.portal-article-content img {
    height: auto;
}

.portal-article-view-publisher {
    font-size: 12px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 20px; /* fallback */
    max-height: 20px; /* fallback */
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.portal-article-published-date {
    color: #a1a1a1 !important;
    font-size: 12px;
}

.article-block {
    min-height: 210px;
}

.publisher-article-icon {
    display: inline !important;
    width: 20px !important;
    height: auto;
    margin-right: 4px;
}

.publisher-info {
    font-size: 12px;
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    max-width: 500px;
}
.publisher-info .publisher-name,
.publisher-info .article-age {
    display: flex;
    align-items: center;
}

.publisher-info .article-age {
    white-space: nowrap;
}

.publisher-info .publisher-name, {
    padding-right: 2px;
}

.publisher-info .publisher-name > span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.portal-publisher-icon-inline div:first-child {
    display: inline-block;
    vertical-align: top;
}

.portal-publisher-icon-inline div {
    padding-top: 2px;
    display: inline-block;
}

.portal-article-navigation {
    padding-top: 8px;
}

.portal-article-navigation a:hover {
    text-decoration: none;
    content: none;
}

.portal-article-navigation a:focus {
    text-decoration: none;
    content: none;
}

.portal-category-navigation {
    margin-top: 25px;
    margin-bottom: 20px;
    text-transform: none;
}

.portal-category-navigation-more:after {
    /*content: " >";*/
    color: #a1a1a1;
}

.portal-category-navigation-back:before {
    /*content: "< ";*/
    color: #a1a1a1;
}

.article-navigation {
    color: #0e2637;
    font-size: 20px;
}

/* dropdown */
.content-category-menu-heading {
    position: relative;
}

.user-profile-dropdown {
    font-size: 24px;
}

.black-text {
    color: #0e2637 !important;
}

.remove-dropdown-toggle-icon::after {
    content: none;
}

.navigation-dropdown-width {
    padding: 20px 0px 20px 0px;
    min-width: 15rem;
}

.full-width {
    width: 100%
}

button.btn.add-to-home-screen-install {
    display: none;
}

.btn-resend-otp {
	background: none;
	border: none;
	text-decoration: underline;
	color: #ffca08;
}

.otp-digit {
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 0;
    border: 2px solid #707070;
    font-size: 30px;
    padding: 0;
}

button.btn-disabled {
    background-color: #f0f0f0;
    color: #ccc;
    pointer-events: none;
}

/* Remove number spinners */
input[type="number"].otp-digit::-webkit-outer-spin-button,
input[type="number"].otp-digit::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"].otp-digit {
    -moz-appearance: textfield;
}

.article .content-carousel-height {
    min-height: 300px;
}

.article .content-card-styling {
    max-width: unset;
    box-sizing: border-box;
    box-shadow: none;
    border: 0px;
}

.article .content-card-image {
    min-height: 140px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.article .content-issue-title {
    font-size: 13px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
    font-family: WorkSansSemiBold;
}

.article .content-issue-published-date {
    font-size: 13px;
    font-weight: 500;
    color: #0e2637;
    font-family: WorkSansMedium;
}

.article .content-full-article-image img {
    width: 100%;
}

a.content-link {
    color: #0e2637;
    text-decoration: none;
}

.portal-article-heading {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #0e2637;
    font-size: 30px;
    line-height: 35px;
    display: block;
    font-family: WorkSansLight;
}

.portal-full-article-image img {
    object-fit: cover;
    object-position: center;
    height: auto;
    width: 100%;
    max-height: 300px;
}

.portal-publisher-icon-inline {
    padding-top: 10px;
}

.portal-publisher-icon-inline div:first-child {
    display: inline-block;
    vertical-align: top;
}

.portal-publisher-icon-inline div {
    padding-top: 2px;
    display: inline-block;
}

.font-awesome-social-icon {
    font-size: 20px;
    line-height: 0px;
}

.podcast-info {
    text-decoration: none;
    color: #0e2637;
}

.portal-yellow-hover-focus:hover,
.portal-yellow-hover-focus:focus {
    color: #ffca08;
    text-decoration: none;
}

.curator-widget-parent > div {
    padding-bottom: 0;
}

.embed-container > iframe {
    max-width: 100%;
}

@media (max-width: 576px) {
    .portal-full-article-image img {
        max-height: 300px;
    }
}

@media (min-width: 768px) {
    .article-image img {
        height: 170px;
    }
}