.content.content-app {margin: 0.5rem auto; width: 60%; max-width: initial;}

.box.form.form-search.mode-homepage {padding: 1em;  }
.box.form.form-search.mode-advanced {padding: 1em !important;}
.box.form.form-search.mode-html_form {margin: auto; width: 100%;}

.results-header {padding: 0;}
.results-header-info button {margin-top: 1.7em;}

#inline-search-form{padding: 0; margin-top: 1.5em;}

.hero-title {margin: 1em 0 0.3em 0;}
.title-project {margin: 0.5em 23%;}

.searchset-html_form label {margin-bottom: 0.5em;}

.searchset-basic.shakespeare :first-child, 
.searchset-homepage.shakespeare :first-child,
.searchset-basic.thisweek :first-child,
.searchset-homepage.thisweek :first-child,
.searchset-basic.tvtip :first-child,
.searchset-homepage.tvtip :first-child, 
.searchset-basic.c4pp :first-child,
.searchset-advanced.c4pp :first-child,
.searchset-homepage.c4pp :first-child, 
.searchset-basic.trilt label,
.searchset-homepage.trilt label,
.searchset-basic.upitn label,
.searchset-homepage.upitn label,
.searchset-homepage.indendent-radio label,
.searchset-basic.indendent-radio label,
.searchset-advanced.indendent-radio label
 {text-transform:uppercase; margin-top: 0.5em; font-weight: 400;font-size: 1.1em}

.searchset-homepage,
.searchset-basic,
.searchset-html_form {display: flex; flex-wrap: wrap row; justify-content: space-between; gap: 1em; width: 100%}

.searchset-homepage > .text,
.searchset-basic > .text,
.searchset-html_form > .text,
.form-group.form-group-submit {flex-grow: 1}

/* Adjust advanced search form */
@media screen and (min-width: 540px)  {
    .form-search .group-aq-row .aq-row-col-2 {flex: 6 0 auto}
}
.group-aq > li > .group-aq-row:first-child {display: none !important}
.form-search .group-aq-row .aq-row-col-2 {width: auto}
.fields-group {display: flex; flex-flow: row wrap; gap: 0.7em; align-items: center}
.fields-group select {width: auto}
/*select channel element for trilt*/
.form-group.columns {display: flex; }
.form-group.form-group-columns {margin: 1em 0 !important}

.btn.column-1of3 {margin: 0.5em 0 0;}

.controlset > ol {display: flex; flex-flow: row wrap;}
/*Trilt*/

.panel label {display: block; padding: 1.5em 0}

.onwards-label {padding: 0}

.panel .form-group.form-group-columns-advanced-range {display: flex; flex-flow: row wrap; justify-content: space-between; margin: 1em 4em 1em 0;}

.form-search .group-checkboxes label {flex: 0 1 10em !important; margin-bottom: 1.5em !important;}

.trilt-intro {display: flex; flex-flow: column; gap: 1em}
.trilt-intro h3 {margin: 0}
.trilt-intro-list {list-style-type: none; font-size: 1.1em; font-weight: 600; line-height: 1.7;}
.trilt-intro-list li span {color: #EC008C; font-size: 1.3em;}

/*Add margin right to search bar for Trilt & Channel Search*/
#q-channels, #q-trilt {margin-right: 1em;}

.group-column {margin: 0 !important}
.group-column label {margin-right: 1em;}
.form-group-columns{margin: 0 !important;}
.form-group.bund {display: flex; flex-flow: row wrap; gap: 1em; align-items: center}

/*Button*/
.btn.btn-tertiary {padding-top: 0.5em; }
.btn.btn-primary.btn-large {color: #fff; background-color: #0077C8; border-color: #004778; -moz-box-shadow: 0 3px #004778; -webkit-box-shadow: 0 3px #004778; box-shadow: 0 3px #004778;  border-radius: 0.5em; font-size: 1rem !important; height: 48px !important; margin: 0 !important}
.searchset-homepage #submit:hover {background-color: #004778; border-color: #004778; -moz-box-shadow: 0 3px #00233C; -webkit-box-shadow: 0 3px #00233C; box-shadow: 0 3px #00233C;}
.advanced-search-btn {width: 25%;}
.btn.btn-secondary {width: auto; position: relative; float: right; padding: 0 0.5em 0.1em 0.5em !important; height: 3.5rem !important; margin-top: 1em}
.reset-btn {position: relative; float: right; color: #474C55;
    border: 1px solid #474C55;
    background-color: #fff !important;
    border-radius: 5px;
    box-shadow: 0 3px #474C55;
    outline: none;
    line-height: 2.1;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    margin-top: 0.5em;
    font-size: 0.9em !important;
}
.reset-btn:hover {background-color: #474c55df !important; color: #fff; box-shadow: 0 3px #8b8b8b; border: 1px solid #8b8b8b}
.searchset-homepage > label, 
.searchset-basic >label,


fieldset.searchset-advanced {padding-top: 0 !important;}

fieldset.searchset-advanced #submit {margin: 1em 0; padding: 0.6em 1.7em;}

ol.advanced-input  {display: flex;flex-flow: column wrap; gap: 1em;}
ol.advanced-input li {display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%;}
ol.advanced-input li .text {width: auto;}
ol.advanced-input li > #q\[0\] {width: 62%;}

.search-for {line-height: 3;}

.search-date {margin: 0;}

.equal-labels > p,
.sort_by_set > ul > li {margin-bottom: 1.5em; }



.form-group {padding: 0;}
.form-group-columns-result {flex-flow: column wrap;}
.form-group-columns-result-2 {display: flex; flex-flow: row wrap; gap: 1.2em}
.form-group-columns-result-2 li {width: 47%;}
.form-group-columns {gap: 0.5em;}
.group-column.group-select-block 


section.form-group {line-height: 2; padding: none !important;}

.filter-result-group {display: flex; flex-direction: row; gap: 1.5em; width: 100%; margin: 0 !important;}
.filter-result-group p {display: flex; flex-flow: wrap row; gap: 1em; align-items: center;}

fieldset {margin: 0; padding: 0 0.5em;}

fieldset.equal-labels, fieldset.sort_by_set {width: 100%; padding: 0;}

legend {margin: 0 0 0.7em 0 !important;}

.silent-viewfinder-check {margin: 1em 0;}

/* Change layout for Record view */
.row {
    padding: 0.5em !important;
    display: grid;
    grid-template-columns: max-content auto;
}

.row dd {margin-left: 1em !important;
  
}


.record dl {
    border-top: 1px solid #3d3d66;
}

.record h3 {
    border: none !important;
    margin: 0.3em 0 0.2em 0 !important;
}

table {width: 100% !important}

.citation-input-field {
    width: 100%;
    height: 7em;
    margin: 2em 0;
}

/* This Week Collection */
.advanced-input.thisweek {margin-bottom: 1.5em}
ol.advanced-input.thisweek > :first-child > :first-child {display: none !important}
ol.advanced-input.thisweek li > #q\[0\] {width: 63%}
.controlset {display: flex; flex-flow: column; width: auto; gap: 0.5em}
.controlset select {width:100%;}
.controlset ul {display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between;}
.controlset a {display: flex; align-self: flex-end;padding: 0.5em}
li.to_the_left {display:inline; margin-bottom:1em; line-height: 2;}
li.to_the_left p {display: flex; gap: 0.5em}
.solo {display:block; width:100%;}
.date select {width:auto;}

/* This Week - Feedback on 7th Oct 2024*/
.filter-result-group.thisweek label {display: none}
.filter-result-group.thisweek select {justify-self: flex-end; width: 18em}
.filter-result-group.thisweek p {margin-bottom: 1em !important; display: grid; width: 100%; grid-template-columns: auto auto;}
.filter-result-group.thisweek p > legend {margin-top: 10px !important}
@media only screen and (max-width: 620px) {
    .filter-result-group.thisweek p {grid-template-columns: auto;}
    .filter-result-group.thisweek select {width: 100%}
}

/* TVTiP Collection */
/* TVTip - Feedback on 7th Oct 2024*/
ol.advanced-input.tvtip > :first-child > :first-child {display: none !important}
ol.advanced-input.tvtip li > #q\[0\] {width: 63%}
table.cast-columns tr {display: grid; grid-template-columns: 40% 60%;}

/*BUND Collection*/

.bund_columns_advanced .column {margin-left: 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;}
.bund_columns_advanced {display: block; width: 100%}
.form-group.form-group-columns.bund {align-items: center !important; justify-content: space-between}
.form-group.form-group-columns.bund > p {display: flex !important; gap: 0.5em; align-items: center;}
.profile-tab > ul {margin-bottom: 0}
.person-biography-wrapper {display: block;}
.person-biography.tab-content dl {margin-top: 1em; border-top: 1px dotted grey}
.back-to-homepage {margin: 1em 0}
a.play-current-story-link span, a.play-issue-link span {position: relative; display: block; top: 0.35em; left: 0.2em}
.query-enhancer-content.expand-content p {margin-bottom: 0.5em}
dd.definition-nested dl {padding: 0.5em; margin-top: 1em !important; border-top: 4px rgba(192, 192, 192, 0.550) solid;}
dd.definition-nested dl {display: grid; grid-template-columns: 25% 75%;}
.record-citation h4 {margin: 0.3em 0; cursor: pointer;}
.federated-bund label {text-transform: uppercase; font-weight: 400; margin-top: 8px}
.federated-bund {padding-left: 0 !important}

/*User Admin*/
.index_q:first-child {text-transform: uppercase}
.index_q {padding-left: 0; display: flex; align-items: center; gap: 0.5em !important}
.css-panes select, .css-panes input[type="text"] {font-size: 0.8em}
.save-button, .delete-button, .new-button, .clear-data {
    padding: 0 1em; border-radius: 4px;
    border: 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none #D1D5DB solid;
    text-decoration-thickness: auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-weight: 600;
}

/* Independent Radio */
.advanced-input.indendent-radio li {align-items: center}
ol.advanced-input.indendent-radio li .text {width: 50%}
ol.advanced-input.indendent-radio li > #q\[0\] {width: 44%}
.advanced-input.indendent-radio label {margin-top: 0}

.label_between {text-transform: lowercase !important;}
.searchset-advanced.indendent-radio > .btn {margin-top: 2em !important; padding: 0 2.3em !important; float: right}
.date-range.indendent-radio {display: grid; grid-template-columns: 9% 18% 8% 5% 18% auto auto; align-items: center;}
.date-range.indendent-radio select {}
.prodco-group, .dropdowns li {display: grid; width: 100%; align-items: center}
.prodco-group {grid-template-columns: 30% auto}
.dropdowns li {grid-template-columns: auto 70%; margin-bottom: 1.2em}
.dropdowns .dropdowns-basic {grid-template-columns: 12% 46%; margin-bottom: 0}

#player audio {width: 100%;}
#player {padding: 0.5em 1em 0.7em 0}
.player-options {list-style-type: none; line-height: 1.8; margin-bottom: 0}
.cast-role {display: grid; grid-template-columns: auto auto; gap: 0.3em}


/* Save Button */

.save-button:hover, .delete-button:hover, .new-button:hover, .clear-data:hover {
    background-color: rgb(249,250,251);
}

.save-button:focus, .delete-button:focus, .new-button:focus, .clear-data:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.save-button:focus-visible, .delete-button:focus-visible, .new-button:focus-visible, .clear-data:focus-visible {box-shadow: none;}
dd#dd_rights select {margin: 0 0.5em 0.7em 0}

.admin_menu a {text-transform: uppercase; text-decoration: none; color: var(--color-dark); font-weight: 600; font-size: var(--font-size-s)}
.admin_menu a:hover {text-decoration: underline; color: var(--color-primary-2)}

/*---- tabs -----*/
.tabs { list-style: none; clear:both; /*border-bottom:1px solid rgb(190, 192, 195); */padding-left:10px; font-size:100%; }
.tabs li { width:23%; float:left; border:1px solid rgb(190, 192, 195); border-bottom-width:0; padding:0.35em 0em; text-align:center; cursor:pointer; background:rgb(230, 232, 235) url('../components/bg_tabs.png') repeat-x 0% -100px; text-shadow:0 -1px 0 rgb(235,235,235); color:rgb(80,80,80); margin-left:0.2em; height:auto; border-radius: 5px 5px 0 0}
.tabs li:first-child { margin-left:0;}
.tabs li.active { background-color:rgb(230, 232, 235); background-position:0% 0%; text-shadow:0 1px 0 rgb(255,255,255); color:#333; font-weight:bold; height:auto; position:relative; top:9px; margin-top:-0.1em; padding-top:0.5em; border-radius: 5px 5px 0 0}
.tab-content {padding-top:1em;  border-top:1px solid rgb(190, 192, 195); background:transparent url('../components/bg_tab_content.png')repeat-x 0% 0%; }
.tab-content .results li:first-child { border-top-width:0; }


/* Help page */
.help_popup {background: white; font-family:"Montserrat", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2em; border-radius: 0.5em}
.help_popup a {color:#003399; text-decoration:none}
.help_popup a:hover, .help_popup a:focus {color:#245DCE; text-decoration:underline} 
.help_popup a:active { color:#363E81 }
.default li {display:block; line-height: 2;}
.help_popup h1, .help_popup h2 {padding-bottom:0.25em; border-bottom:1px dotted #BBB; }
.help_popup h2 {font-weight:normal; }
.help_popup a {text-decoration:underline;}

/* Adding Media query for Responsiveness */

@media only screen and (max-width: 1148px) {

    input#q\[1\].aq-row-col.aq-row-col-2.text {width: 150px !important;}

}

@media only screen and (max-width: 1105px){
    .content.content-app {margin: 0 0.5em !important; width: 100% !important;}
}

@media only screen and (min-width: 1105px) and (max-width: 1295px) {
    .searchset-homepage.indendent-radio .text,
    .searchset-basic.indendent-radio .text,
    .searchset-advanced.indendent-radio .text {width: 60%}
}

@media only screen and (max-width: 910px) {
  
    .box.form.form-search.mode-homepage {min-width: 100%;}

    #submit, fieldset.searchset-advanced #submit {padding: 0.5em 1.6em; border-radius: 0.2em; margin: 0.5em 0;
    }

    .searchset-homepage > .text,
    .searchset-basic > .text {flex-grow: 1; width: 100%;
    }

    .ol.advanced-input li {width: 60%;}

    .controlset a {align-self: flex-start;}

    /* Change layout for Record view */
    .row {
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: auto;
        
    }
    .record dd , .record dt{
        margin: 0;
        padding: 0 1em 1em ;
        line-height: 1.5;
    }

    .record dt { width: 100%;}

    .row dd, .row dt {
        border: 0 !important;
    }
    .row dt {
       padding: 0 1em 0.1em 1em !important;
       text-align: left;
       width: max-content;
    }
    .row dd {
        margin-left: 0 !important;
    }
}
@media only screen and (min-width: 731px) {
.search-for-label.w730 {display: none}
}

@media only screen and (max-width: 730px) {
    .content.content-app {margin: 0 !important; width: 100% !important; padding: 0.5em 0.2em
    }

    .controlset.radio section{flex-flow: row wrap; gap: 0.5em}
    .controlset.radio section > .label_between {margin-left: 0 !important}
    
    .search-for-label.w730 {display: inline; margin: 0 !important;}
    ol.advanced-input.indendent-radio li {display: grid; grid-template-columns: auto auto auto auto; gap: 0.5em}
    ol.advanced-input.indendent-radio li select {width: 100%}
    ol.advanced-input.indendent-radio li > #q\[0\], ol.advanced-input.indendent-radio li .text {width: 100%}
    .search-for-label.w-full {display: none;}
    .date-range.indendent-radio{grid-template-columns: 11% 18% 8% 7% 18% auto auto;}

    .prodco-group, .dropdowns li, .dropdowns .dropdowns-basic {grid-template-columns: auto; gap: 1em}
}

@media only screen and (max-width: 600px) {

    .searchset-homepage, .searchset-basic, .searchset-html_form {
        display: flex;
        flex-direction: column;
        gap: 0.7em;
    }

    .filter-result-group {
        flex-direction: column;
    }

    .date-range.indendent-radio {display: block}
    .date-range.indendent-radio a {margin-top: 1em !important}
}

@media only screen and (max-width: 410px) {
    :root {--wrapper-width: 100% !important}
    .header-logo {margin-left: 1em;}
    .searchset-homepage > .text,
    .searchset-basic > .text {width: 100%}
    #submit, fieldset.searchset-advanced #submit {padding: 0.5em 0.7em !important; width: auto; border-radius: 0.2em; margin: 0.5em 0;
    }

    .row {
        grid-template-columns: 100%; 
    }

    .row dt {
        width: auto;
     }
    .cookies-text {
        margin: 0 1em;
    }

    #btn-dismiss-cookie-message {
        margin-right: 1em;
    }

    li.to_the_left p {
        display: flex;
        flex-flow: row wrap;
        gap: 1em;
    }

    li.to_the_left > p > select {
        width: initial;
    }

    .previous-next.clearfix {float: left; line-height: 2;}
    .cast-role {grid-template-columns: auto}

}