/*  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;*/


@media (max-width: 576px){

    /* header */
    body header .container.brand { display:block; }
    header .container.brand .col-9 { display:none; }
    header .container.brand .col-3 { width: 100%; flex: none!important; max-width: 100%!important; padding-right: 0px; }
    .site-header .container.brand .col-3 img { position:relative; width: 40%!important; float: right; margin-right: 40px; }
    main .col-md-9 { padding: 0px; }
    /*main .gutter-ccg.row { margin: 0px; }*/
    main .gutter-ccg.row .col-md-12 { padding: 20px;/* padding:0; */ }
    main .gutter-ccg.row aside { padding: 0px; }

    .container.brand { max-width: 576px; }
    footer .container { padding: 30px 30px 30px 45px ;}
    
    .site-header .container.brand .col-3 img { width: 40%; float: right; }
    .container.brand { max-width: 592px; }
    /*div#page main .col-md-9, div#page main .col-lg-6 { padding: 35px 0px; }*/
    .page-news .gutter-ccg > [class^="col-"] { padding: 0px; }
}

@media (min-width: 577px){
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-search-wrap { display: none; }
}

@media (max-width: 640px){
    .page-documents .w3eden .dataTables_wrapper .dataTables_length, 
    .page-documents .w3eden .dataTables_wrapper .dataTables_filter { text-align: left; }
}

/****** side nav change ******/
@media (max-width: 768px){
    .site-header .container.brand .col-9, .site-header .container.brand .col-3 { flex: 0 0 50%; max-width: 50%; }
    div#page .site-header .container.brand .col-3 { flex: 0 0 44%; max-width: 44%; }
    .site-header .container.brand .col-3 img { width: 80%; float: right; }
    .container.brand { max-width: 768px; }
    nav #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { padding-right: 0px; }
    aside#left-sidebar { /*display: none;*/ }
    
    /* home page */
    body.home main > section { padding: 0px }
    body.home main > section > .container { padding: 0px; }
    body.home main > section > .container .row { margin: 0px; }
    body.home main > section > .container .row .col-md-6 { padding: 0px; }
    body.home main > section > .container .row .col-12:first-of-type { padding: 25px;}
    body.home .col-12.col-md-6 .wp-block-button { margin: 20px 0px; }
    body.home main section.secondary .col-md-4 h2.display-5 {padding-left:16px;}
    body.home main section.secondary.nhsblue h2 {padding:0px;}
    body.home main section.secondary .col-md-8 { margin: 0px; padding: 20px 0px 0px 0px; }
    body.home main section.secondary .col-md-8 .row { padding-top: 20px; }
    body.home main section.secondary .col-md-4 { padding-top: 20px; background-color: #fff; }
    body.home main section.secondary { padding-bottom: 0px; }
    body.home main section.secondary.nhsblue { padding: 0px 0px; }
    body.home main section.secondary.nhsblue .col-md-6 h2.display-4 { padding-left: 35px; }
    body.home main section.secondary.nhsblue .row.contact-info .col-12 { width: 100%; max-width: 100%; padding:0px 30px 0px 20px; }
    #page-wrapper section.secondary.nhsblue ul.list-links { margin: 0px 0px 0 0; }
    body.home main .owl-carousel.owl-dots-overlay .owl-dots { position: absolute; bottom: 10px; left: 50%; }
    body.home #page-wrapper .contact-info div.card { padding: 5px 15px; }
    #page-wrapper .contact-info div.card .col-lg-4,
    #page-wrapper .contact-info div.card .col-lg-8,
    #page-wrapper .contact-info div.card .col-lg-5,
    #page-wrapper .contact-info div.card .col-lg-7,
    #page-wrapper .contact-info div.card p {display: inline;width: initial;}
    #page-wrapper .contact-info div.card .col-lg-4 {padding-left:0;}
    #page-wrapper .contact-info div.card .col-lg-8 {padding-left:0;padding-right:0;}
    #page-wrapper .contact-info div.card .col-lg-5, #page-wrapper .contact-info div.card .col-lg-5a {padding-left:0;}
    #page-wrapper .contact-info div.card .col-lg-7, #page-wrapper .contact-info div.card .col-lg-7a {padding-left:0;padding-right:0;}
    .homehelpful a {
        -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
    }


    main .col-md-9, main .col-lg-6 { padding: 0px 25px 35px 25px; }
    /*#page-wrapper ul.sidebar-menu { margin-bottom: 0px; }*/ 
    
    .page-documents .w3eden .dataTables_wrapper .dataTables_paginate {  margin-top: 1em; }
    
    .page-news .sidebar-menu { margin-bottom: 35px; }
    .page-news .card-block { padding-left: 1.5rem !important; }
    
    .page-governing-body-members .card.team {border:none; border-top: 2px solid #dddddd; }
    .page-governing-body-members .card.team.p-4 {padding:0 !important; padding-top: 1.5rem !important;}
    .page-governing-body-members .card.team.mb-4 {margin-bottom: 1.5rem !important;}
    .page-governing-body-members .card.team p {font-size: 1.25rem;}
    .page-governing-body-members main .row .row .col-md-9 { padding: 0px 17.5px 0px 17.5px;}

}
@media (min-width: 768px) and (max-width: 992px){
    .homenewsevents .gutter-ccg3R .col-lg-4-ccgh3, 
    .homenewsevents .gutter-ccg3R .col-lg-8-ccgh3 {width: 100%; flex: none; max-width: 100%;}
}    
@media (max-width: 835px){
    div#page #page-wrapper main ul.sidebar-menu li { font-size: 0.95rem; padding: 8px 30px 8px 20px} 
}

@media (max-width: 992px){
    .container.brand { max-width: 992px; }
    main #breadcrumbs a, main #breadcrumbs span.breadcrumb_last {line-height: 2rem; }
}

@media (min-width: 993px) and (max-width: 1199px){
    body.home main section.secondary .col-md-8 { flex: 0 0 59%!important; max-width: 59%!important;}
    body.home main section.secondary .col-md-4 { flex: 0 0 40%!important; max-width: 40%!important;}
    body.home main section.secondary .event-list .col-12 { flex: 0 0 66%; max-width: 66%; }
}

/****** header menu change ******/

@media (max-width: 1200px){
    div#page { margin: 0 auto; width: 100%; /* was 102% ?? */ }
    .site-header .container.brand img { position: relative; }
    div.header-top .container { width: 100%; padding-right: 17.5px;padding-left: 17.5px; max-width: none;}
    main #breadcrumbs { margin-bottom: 2rem; }
    main #breadcrumbs span a,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-label, 
    #page-wrapper main ul.sidebar-menu li, 
    #breadcrumbs span.breadcrumb_last { font-size: 1rem; }
    /*main #breadcrumbs span a:first-of-type { margin-left: 0px; }*/
    #breadcrumbs span span {margin-left: 0px; }


    
    ul.mega-sub-menu li.widget_media_image  { display:none!important; }
    div#page header .container.brand { display: block; }
    .site-header .container.brand .col-3 { flex: 0 0 30%; max-width: 30%; }
    .site-header .container.brand .col-3 img { float: right; }
    .container.brand { max-width: 1200px; }
    .container.brand .col-9 { /*margin-left: 20px;*/ flex: 0 0 65%; max-width: 65%;}
    .owl-carousel .slider-caption { height: inherit; }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { padding-right: 20px; }
    
    .card.team h2.card-title { margin-top: 10px; }
    body.page-template-default .row.event-list { margin-top: 20px; }
    body.page-template-default h2, body.page-template-default h3 { margin: 10px 0px 15px 0px; }
    body.page-template-default section.secondary { padding: 40px 0px; }

    body.page-template-default .services .list-button, 
    div.wpcf7 .wpcf7-form-control-wrap, 
    form, 
    div.wpcf7 span, 
    body.page-documents { font-size: 1rem; }
    
    .page-documents .w3eden table#wpdmmydls-746336c9b444a300c8e9cb77ea137e90 tr { border: none!important; border-bottom: 1px solid #c5c5c5!important;  }
    .page-documents .w3eden table#wpdmmydls-746336c9b444a300c8e9cb77ea137e90 thead { display: block; }
    .page-documents .w3eden table#wpdmmydls-746336c9b444a300c8e9cb77ea137e90 thead th { display: block; }
    
    /* home page */
    .row.event-list .col-lg-4 { flex:none; max-width: 100%; }
}

/* widest screens */
@media (min-width: 1200px){
    header #search { padding: 30px 15px 30px 0px; }
}

/* styles to be merged back in to main stylesheet */
body.home #page-wrapper ul.list-links li { padding-left: 5px; }
body.home #page-wrapper ul.list-links li:hover { box-shadow: none;  background-color: #ffcd60; }
body, form, input, h1, h2, h3, h4, h5, h6 { font-family: "Frutiger LT W01_55 Roma1475738",Arial,sans-serif!important; }
.wp-block-button__link:hover { background-color: #ffcd60; color: #000; text-decoration: none; }
.page-documents div#filter_categories_sidebar { background:none;}
.page-documents div#filter_categories_sidebar h2 { margin: 0px; border: none; font-weight: 400; background-color: #005EB8; border-radius: 5px 5px 0px 0px; }
.page-documents div#filter_categories_sidebar a { font-weight: 400; }
.page-documents div#filter_categories_sidebar .w3eden .list-group a:hover { text-decoration: none; background-color: #ffcd60; color: #000; }
.page-documents div#filter_categories_sidebar .w3eden .list-group a:hover span { background-color: #ffcd60; color: #000; }
.page-documents div#filter_categories_sidebar .w3eden .list-group-item:first-child { border-radius: 0px; }
.page-documents div#filter_categories_sidebar .w3eden { float: none; margin: 0px; }
.page-documents div#filter_categories_sidebar .w3eden .badge { float: right; }
.page-documents .w3eden { width: 100%; }
.page-documents .w3eden .dataTables_length { background-color: #fff; border: none; color: #737373; }
.page-documents .w3eden table thead tr th { border: none; }
.page-documents .w3eden table .__dt_update_date { font-weight: 700; padding-right:3px; box-shadow: none; }
.page-documents .dataTables_wrapper {  }
.page-documents .dataTables_wrapper .dataTables_length { float: none; padding: 10px 0px; }
.page-documents .dataTables_wrapper .dataTables_filter { float: none; border-radius: 5px; }
.page-documents .dataTables_wrapper .dataTables_filter label { display: block; margin: 0px; }
.page-documents .dataTables_wrapper .dataTables_filter label input[type=search] { width: 80%; }
.page-documents .w3eden table.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.02); }
.page-documents .w3eden table tr td { padding: 20px 10px; }
.page-documents .w3eden table tr td h3 { font-weight: 400; font-family: "Frutiger LT W01_55 Roma1475738",Arial,sans-serif!important; }
.page-documents .w3eden table tr td h3 a:hover { text-decoration: none; }
.page-documents ul.sidebar-menu { display: none; }