/* PG custom CSS for Drupal proxy v4.5.1 */
/* For use with all PG proxy pages using PG version v1.7.0+ */
/* Changes to this file must be made in the IS GitLab repository */

nav#breadcrumb, nav#siblings, nav#children {
    display: none;
    visibility: hidden;
}

.radio.radio.radio-inline, .checkbox.checkbox.checkbox-inline {padding-left: 0; margin: 0.5em 0.5em 0 0}
.panel-group .panel-heading .panel-title a{padding-left:0 !important;}
.panel-group .panel-heading .panel-title a:before{display:none;}
/* PG programme record */
#keyFacts span.glyphicon {vertical-align: top; font-size: 1.25em}
#programmeSummary {border: 1px solid #999; background: white; padding: 1em 0.5em; margin: 0; font-weight: 100; font-size: 1.25em; margin-bottom: 1em;}
#programmeSummary span {font-weight: 400}
#keyFacts .leftContent, #keyFacts .rightContent {margin-bottom: 10px;}
#accordionButtonsContainer {margin-top: 10px; margin-bottom: 10px;}
#btnExpandAll .glyphicon, #btnContractAll .glyphicon {margin-left: 0.5em; font-size: 1.25em; vertical-align: top;}
#programmeAccordion .panel {margin-bottom: 1.25em}
#programmeAccordion .panel h2.panel-title {font-size:1.5em; font-weight: 400;}
#programmeAccordion .panel-collapse {padding: 0}
#programmeAccordion img {width: 100px; float: right; margin-left: 1em;}
#leftContent .col-md-6 h2 {font-size: 2em}

/* PG programme record - aside */
#promoBoxMain, #promoBoxAside {padding: 0 1em}
#promoBoxAside h4, #promoBoxMain h4 {color: #333F48;}
#promoBoxMain  div.hidden-md.hidden-lg, #promoBoxAside div.hidden-xs.hidden-sm {background: #fff;border-top: 0.5em solid #333F48}

#rightContent h2 {font-size: 1.75em}
#applicationLinks {margin-bottom: 1em}
#applicationLinks .finderSearch h5 {font-size: 1.1em; font-weight: 300;}
.applicationSuspended {margin-bottom: 0.75em}
#applicationLinks .applicationForm {margin-bottom:1em;}

#applicationsAccordion .panel {margin-bottom: 1em; padding: 0;}
#applicationsAccordion .panel h3.panel-title {font-size:1.25em; font-weight: 400;}
#applicationsAccordion .panel-collapse {padding: 0}
#applicationsAccordion .panel-body {padding: 0.75em}

#applicationsAccordion table {width: 100%; border: 1px solid #f2f2f2; margin-bottom: 1em}
#applicationsAccordion table thead th {padding: 0.25em;font-size: 0.9em; font-weight: 100; background: #f2f2f2}
#applicationsAccordion table tbody {font-size: 0.9em; font-weight: 100; }
#applicationsAccordion table tbody td {padding: 0.25em;}

.contactList {padding-left:0;}
.contactList li{display:block;}
.addressList {padding-left:0;}
.addressList li{display:block;}

#furtherInfoAside ul, #collapseFurther ul {list-style: none;}
#furtherInfoAside ul span, #collapseFurther ul span {font-weight: 600}

/* PG programme - mobile */

#applyButtonContainer #btnApplying {margin: 1.5em 0}

/* AtoZ lists */
div.panel.panel-default .panel-heading {padding: 0.25em 0 0.25em 1em; background: grey;}
div.panel.panel-default .panel-heading h2 {font-size: 2em; font-weight: 400; color: white;}
div.panel.panel-default .panel-footer { background: #f0f0f0;}
a.list-group-item {font-weight: 300; font-size: 1.1em}
a.list-group-item span {font-weight: 500; font-size: 0.75em}
ul.pagination.atoz {margin: 1em 0; padding-top: 0.75em; padding-left: 0.75em}
ul.pagination.atoz li a {margin-bottom: 0.75em; border: 1px solid grey; margin-right: 0.5em; min-width: 2.75em; text-align: center;}
#leftContent div.panel-footer a.pull-right {padding: 0.25em;}
#leftContent div.panel-footer a.pull-right:hover {background: #f2f2f2; text-decoration: none}
#leftContent div.panel-footer a.pull-right span {vertical-align: top; font-size: 1.25em}

/* Over-ride to fix nested padding issue */
#furtherInfoAside > div:nth-child(1) > div:nth-child(5) > div:nth-child(1) > ul:nth-child(1) {padding-left: 15px;}
#collapseFurther > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > ul:nth-child(1) {padding-left: 15px;}