/* Add additional padding to pass minimum size for buttons */
.generic-page .page-intro .print-icon{ display: block; padding: 6px 8px; text-align: center; line-height: 0; text-transform: uppercase; }
.generic-page .page-intro .icon-label{ display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; }

/* Display the print button in tablet and mobile view */
@media screen and (max-width: 767px){
    .dl-container .ts-dl-container{ display: block; }
}

@media print{
    /* This is for removing action buttons (view draft/add/edit) in back-end view */
    .tabs-primary, .action-links-field-collection-add, .field-collection-view-links{display: none;}

    /* header area */
    header{ height: auto; }
    header.mobile{ border: none; }
    header.mobile .logo{ top: 0; left: 0; margin: 0 0 0 20px; }

    /* hide elements */
    .global-nav, #main > .region, header .right-panel, .generic-page .title-bar, .breadcrumb, #main-content, .dl-container, footer { display: none; }
    footer.mobile{ display: none !important; }

    /* Display links */
    #content a:after{ content: "(" attr(href) ")"; overflow-wrap: break-word; }

    /* Callout */
    /* We must make the border in the callout box 2px. It looks thick on Chrome/Safari/Edge, but it doesn't display on Firefox if it's 1px. Also, the callout box needs to stand out. */
    .generic-page .super-feature.catalog{ border: solid 2px #999999; }

    /* Accordion */
    .field-group-accordion-wrapper{ margin-bottom: 20px; }
    .ui-state-default.ui-state-hover .ui-icon, .ui-accordion .ui-accordion-header .ui-accordion-header-icon{ display: none; }
    .ui-accordion .ui-accordion-header{ border: solid 1px #b8b8b8; font-weight: bold; }
    .ui-accordion .ui-accordion-content{ border: solid 1px #b8b8b8; display: block !important; }

    /* Tabs */
    ul.resp-tabs-list{ display: none; }
    .resp-tabs-container .resp-tab-content{ display: block !important; margin-bottom: 20px; }
    .resp-tabs-container .resp-accordion{ position: relative; left: 0; display: block; border: solid 1px #b8b8b8; font-weight: normal; }
    .resp-tabs-container .resp-accordion .resp-arrow{ display: none; }
    .resp-tabs-container .resp-accordion a{ color: #333333; font-size: 18px; font-size: 1.8rem; padding: 15px 20px;}
    .resp-tabs-container .resp-accordion a:after{ display: none; }
    .resp-tab-active{ background: #f3f3f3 !important; } 
}