.content_sheet {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px); /* this is to accomodate the 30px margin on resources*/
    border: 1px solid transparent;
}
.content_sheet h2 {
    width: 100%;
    margin: 10px 0px 0px 2%;
}
.content_widget_container {
    flex: 1 1 25%;
    max-width: 25%;
}
.content_widget_container.bigger {
    flex: 2 1 50%;
    max-width: 50%;
}
#content_sheet_Top3 .content_widget_container {
    flex: 1 1 50%;
    max-width: 50%;
}
#content_sheet_Top3 .content_widget_container.bigger,
#expo_welcome_video .content_widget_container.bigger  {
    flex: 2 1 100%;
    max-width: 100%;
}
.content_widget_toolbar {
    padding: 3px;
    margin-right: 30px;
}
.content_widget_toolbar a{
    color: #fff;
    font-family: "AvenirNextLTPro-DemiCn", arial, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
}
.content_widget_toolbar a:hover{
    color: #b7c726;
}
.tote_toolbar_separator{
    padding: 0px 3px;
    color: rgba(255,255,255, 0.4);
}
#session_information .tote_toolbar_separator,
#expo_home_top_search .tote_toolbar_separator{
    color: #424242;
}
.builder .content_widget_toolbar {
    background-color: #eee;
}
.content_widget_toolbar img {
    width: 25px;
    margin: 0px 5px;
}
.content_widget_toolbar img.delete {
    float: right;
}
.content_widget_toolbar .view_larger {

}
.content_widget_toolbar .toteitem_action {

}
.content_widget_title{
    color: #000;
    background-color: #fff;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 8px 5px 8px;
    margin-right: 30px;
    font-family: "AvenirNextLTPro-DemiCn", arial, sans-serif;
    font-weight: bold;
}
.gift_icon{
    display: inline-block;
    width: 30px;
    padding-right: 10px;
}
.gift_icon img{
    margin-top: -6px;
}

.content_widget {
    height: 441px;
    background-color: #ffffff;
    box-shadow: 5px 5px 13px rgba(0,0,0,0.4);
    margin-right: 30px;
    margin-bottom: 30px;
    overflow: auto;
}

.image_container,
.video_container,
.pdf_container {
    overflow: hidden;
}
.video_container iframe {
    width: 100%;
    height: 100%;
}
.image_container img {
    object-fit: cover;
    object-position: 50% 50%;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}
.pdf_container embed html body {
    background-color: #ffffff;
}


.url_image{
    width: 100%;
    height: calc(25vw - 90px);
    margin-bottom: 20px;
}
.url_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
}
.url_image img.generated_image {
    object-position: center top;
}
.url_title,
.url_description,
.url_url {
    font-size: 1em;
    line-height: 1.2;
    padding: 0px 20px;
    max-height: 19.2px;
    overflow: hidden;
}
.url_title {
    color: #424242;
    font-family: "AvenirNextLTPro-DemiCn", arial, sans-serif;
    font-weight: bold;
}
.url_description {
    color: #424242;
}
.url_url {
    padding-bottom: 10px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    color: blue;
    text-decoration: underline;
}
.url_url:hover{
    color: orange;
}
.url_image img{
    color: blue;
    text-decoration: underline;

}
.url_image img:hover{
    color: orange;
}
@media screen and (max-width: 1600px){
    .content_widget{
        height: 25vw;
    }
}
@media screen and (max-width: 1255px){
    .content_widget_container {
        flex: 1 1 50%;
        max-width: 50%;
    }
    .content_widget_container.bigger {
        flex: 2 1 100%;
        max-width: 100%;
    }
    .content_widget{
        height: 51vw;
    }
}
@media screen and (max-width: 740px){
    .content_widget_container {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .content_widget{
        height: 100vw;
    }
    .content_widget_container.bigger .content_widget{
        height: 50vw;
    }
}