.detailcontent .row {
    height: 170px;
    overflow: hidden;
}
.ccyp-listing {
    border-top: 3px solid #fbc826;
    padding:15px;
    background-color:#f4f5f6; 
}
 
.newsdetail h4 {
    font-size: 20px;
}
.event-cat-sm {
    border: solid 1px gray;
}
.contenttitle h1 {
    margin-top: 5px;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 140%;
}
ul.topic-list li {
    white-space: initial;
    line-height:20px;
}
.request {
    width: 90%;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 50px;
}
.search-btn {
    border: none;
    background: none;
}
.searchresult{
    width: 270px;
    margin-bottom: 15px;
}

/*
   CCYPContent Index, Category and Details all render live Banner records into
   this rail.  Some legacy uploads are much wider than their intended slot;
   without the container constraint they expand the Bootstrap column and add a
   horizontal scrollbar to the entire page.
*/
.content-ad-item {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.content-ad-item > img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
}
.newsdetail span {
    color: #01091f;
    font-size: 14px;
    letter-spacing: 0.7px;
    margin-top: 0;
    margin-bottom: 0;
}
    
    .newsdetail p {
        color: #7f7f7f;
        font-size: 12px;
    }
.newsdetail .fa {
    color: #7f7f7f;
}

.detailcontent img.img-fluid {
    margin-top: 15px;
}
.list-category {
    font-size: 12px;
    background: none;
    padding: 2px 8px;
    color: #DEDEDE;
    display: inline-block;
    font-weight: normal;
    border: solid 1px #DEDEDE;
    text-align: center;
    transition: all .8s ease-in-out 0s;
    text-transform: uppercase;
    -moz-transition: all .8s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 5px;
    text-decoration: none;
    line-height: 1.3;
}
  
 

    form#article-search .form-group input#k {
        border: 2px solid #fbc826;
        border-radius: 3px;
        width: 700px;
        padding-left: 8px;
    }

#article-search label {
    font-size: 16px; 
}

#article-search .search-btn {
    border: none;
    background: none;
    vertical-align: middle;
}

    #article-search .search-btn i {
        color: #fbc826;
        font-size: 30px;
    }
 


.event-avater-container {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    border-radius: 50%;
    overflow: hidden;
}

    .event-avater-container img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
    }

.event-avater-name {
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    font-size: 16px;
}

.event-avater-wrap {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

.event-avater-item {
    text-align: center;
}
.content-share {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.content-container{background-color:#fff;}
    .content-container .breadcrumb {
        border-bottom: solid 1px #6c757d;
        border-radius: 0;
    }
.dropdown-divider {
    border-top: 1px solid gray;
}
.content-share li {
    white-space: nowrap;
    padding-bottom:10px;
}
.content-share li a{
    white-space: nowrap;
}
    .content-share li img {
        width: 30px;
        margin: 0 5px 0 8px;
    }
.formobile{display:none;}
.content-panel, .content-panel div, .content-panel span, .content-panel p {
    font-size: 18px !important;
}
@media only screen and (max-width: 992px) {
    .formobile {
        display: block;
    }
    .newsdetail h4 {
        font-size: 16px;
    }

    .newsdetail span {
        display: none;
    }

    .content-misc {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .content-panel {
        overflow: scroll;
    }
    .nav-justified > li {
        float: left;
    }
    
    .detailcontent .row {
        height: initial;
    }

    form#article-search .form-group input#k {
        width: 90%;
    }

    #article-search label {
        display: none;
    }

    
    .slip {
        background-color: transparent;
        border: none;
        padding: 0; 
    }
    .detailcontent {
        height: 100px;
        overflow: hidden;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0,0,0,.125);
    }

    .content-ad-item {
        margin-right: auto;
        margin-left: auto;
    }

    /* Legacy Topic list: copy on the left, square cover on the right. */
    .content-list-item .row {
        flex-direction: row-reverse;
    }
    .content-list-item .topic-card-media {
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 0;
    }
    .content-list-item .topic-card-copy {
        flex: 0 0 75%;
        max-width: 75%;
        padding-right: 8px;
    }
    .content-list-item .pnl-img-samesize {
        height: 80px;
        padding-top: 0;
    }
    .content-list-item .newsdetail span {
        display: none;
    }
    .content-list-item .newsdetail h4 {
        max-height: 45px;
        overflow: hidden;
        margin-top: 2px;
        margin-bottom: 4px;
        line-height: 1.4;
    }
    .content-list-item .newsdetail p {
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
}
.btn-amazon {
    background: linear-gradient(rgb(254, 230, 176), rgb(238, 186, 55)) rgb(254, 230, 176);
    border-color: rgb(190, 149, 44) rgb(166, 130, 38) rgb(155, 121, 36);
    border-radius: 3px;
    vertical-align: middle;
    text-decoration: none;
    overflow: hidden;
    color: currentcolor;
    transform: translate3d(0px, 0px, 0px);
    padding: 0px 25px 0px 5px;
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px inset;
}
.btn-amazon .fa{margin-right:15px;}
.amazon-price-big {
    color: #B12704 !important;
    font-size: 17px !important;
    line-height: 1.255 !important;
    font-weight:bold;
}
.amazon-price-small {
    color: #B12704 !important;
}
.amazon-price-or {
    text-decoration: line-through !important;
}
.card-header { 
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid transparent;
}
.card { 
    border: 1px solid transparent; 
}