@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500&display=swap');


* {
    margin: 0;
    padding: 0;
}

html
{
    box-sizing: border-box;    
    height: 100%;
}

body
{
    margin:0;
    padding:0;
    height: 100%;

}

#body_wrapper
{
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;   
}

.entry-content
{
    word-break: break-word;
    padding:20px 150px; 
    margin-bottom: 50px;;
}

.imperial-2col-content .entry-content
{
    padding:20px 50px; 
    

}

/** Custom CSS for links in content */
.post-content a:not(.button):not(.tabs):not(.breadcrumb-item){
   /* color:#0000ff;    */
  }
  
.post-content a:hover:not(.button):not(.tabs):not(.breadcrumb-item){
    color:#8728c6;
  }

#content {
    /*min-height: 100vh; */
    flex-direction: column;
    /*padding:20px 50px; */
}

.core-paragraph {
    padding: 0 var(--wp--preset--spacing--50);
}


/* Accessibility skip to main content THIS ISN"T WORKING YET */

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: 		0;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}


/********** HEADER *********/

.theme-header
{
    padding:0px 0px;
    margin:0;
    z-index:39;
    position:relative;
    /*background:#336699;
    background:#003E74; */
    /*background: var(--bulma-background-color); */
    color:var(--bulma-text);





}

#site_title
{
    font-size:35px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    padding:10px 0px 10px 50px;
    border-bottom:1px solid #ccc;

}

#site_title a
{
    text-decoration: none;
}


.site-menu
{
    border-bottom:1px solid #ccc;
}

.network-search-toggle
{
    cursor:pointer;
}

/********* Heading stles *************/


/* Links */
/*
a, a:visited
{
    text-decoration: none;
    color:#4671b8;
}

a:hover
{
    color:#336699;
}

*/


/* Page Wrap Element  */

#page_wrap
{
    /*padding-bottom:73px !important; /* Accomdate the fixed footer */
    position:relative;
    /* Removed min-height since it is pushing the footer down*/
    /* min-height: calc(100vh - 50px); */
}

/* Removed the style attached to this class since it is pushing the footer down */
/* .has-wp-admin-bar
{
    min-height: calc(100vh - 131px) !important;
} */


.icl-content-box
{
    margin:10px;
    padding:20px;
}


/* Page layouts - flexbox etc */
.imperial-content
{
    padding:25px;
}

.imperial-2col
{
    min-height:calc(100vh - 131px);
}

.imperial-2col, .imperial-flex
{
    display:flex;
    flex-wrap:wrap;
    position: relative;
}


.imperial-2col .imperial-2col-content
{
    flex:1;
    position:relative;
}

/* If there is a main #content div IN a 2 col content, change thte padding */
.imperial-2col-content #content
{
   /* padding: 20px 20px 20px 0px; */
   margin-top:35px;
}



/* Left menus and content e.g. admin pages (*/

.imperial-2col-content
{
    float: left;
    width: calc(100% - 350px);
    min-width: 300px;
    margin: 30px 50px 50px 50px;
}





/** The Notification bar */
#notification_wrap
{
    color:#666;
    display:inline-block;
    opacity: 0.8;
    transition: 0.2s;
    cursor:pointer;
}

#notification_wrap:hover
{
    opacity: 1.0;
}

#notification_wrap .fa-stack[data-count]:after {
    position: absolute;
    right: 0%;
    top: 1%;
    content: attr(data-count);
    font-size: 50%;
    padding: 0.6em;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background: red;
    text-align: center;
    min-width: 2em;
    font-weight: bold;
}



.notification-dropdown
{
    display:none;
    position: absolute;
    top:46px;
    background:#fff;
    width: 50%;
    z-index: 1;
    right:0px;
    border-radius:5px;
}


.notification-item-style
{
    padding:20px;
    border-bottom:1px solid #ccc;
}

.notification-item-style p
{
    margin-bottom:10px;
}


/* Show the notifications on rollver */
#notification_wrap:hover .notification-dropdown
{
  display: block;
}


.theme-footer
{
    font-size:12px;
    padding:30px 10px 20px 10px;
    background:#000000;    
    color:#fff;
    width:100%;
    padding-left:100px; /* Account for Accesiblity popup */    
    border-top:#f7f7f7 1px solid;

}

.theme-footer a
{
    color:#fff;
    text-decoration:none;
}

.theme-footer span
{
    margin-right:20px;
}
.theme-footer h2
{
    font-size:20px;
    margin-bottom:10px;

}
.theme-footer .footer-heading
{
    font-weight:bold;    
}

.theme-footer .imperial-logo
{
   width:200px;
}

.logged-in-as
{
    border-bottom-left-radius:15px;
    position:absolute;
    padding:3px 15px;
    right:0px;
    z-index:5;
}

#user_switching_switch_on
{
    display:none;
}

.submenu_title
{
    font-size:25px;
    text-align: center;
    color:#666;
}


article p {
    line-height: 145%;
    margin:10px 0px;
}


/* LIsts - superceded by bulma
article ul, article ol
{
    margin-left:20px;
}

article ul li
{
    list-style-type: circle;
}

article ol li, article ul li
{
    padding:5px;
}
<<<<<<< HEAD
=======
*/

.bullets li::before
{

    content: "\2022";
    color: var(--pink); /* Change the color */
    display: inline-block;
    font-weight:bold;
    width: 1em;
    margin-left: -1em;
    list-style-type:none;
}


/* Custom Search Stuff */
/* Hide the 'search' text from the default form*/
.search-page-form .search-form .screen-reader-text
{
    display:none;
}
/* Customise the input */
.search-page-form .search-form .search-field
{
    font-size:20px;
    padding:5px;
}

.search-page-form .search-form .search-submit:hover
{
    cursor:pointer;
}
.custom-search-result-item
{
    border:1px dotted #ccc;
    padding:8px 10px;
    border-radius:5px;
}
.custom-search-result-item:hover
{
    background:var(--bulma-background);
}

.custom-search-title
{
    font-size:25px;
}
.custom-search-description
{
    color:#ccc;
}


/* Screen reader text for front end media library */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
   #profile_menu_bar .close-button-wrap {
   font-size: 40px;
   top: 15px;
   right: 35px;
   }
}


/* Sub Page boxes */
.subpage-box
{
    background:#ebeeee;
    margin:10px;
    /*height:300px;
    max-height:300px;
    */
    max-width:300px;
    min-width:300px;
    position: relative;
    border-radius:5px;
}

.subpage-box .subpage-box-title
{
    font-weight:bold;
    min-height:60px;
    color:#003E74;
    font-size:18px;
    z-index:2;
}



/* Custom box for specialties list */
.specialty-list-wrap
{
    margin-bottom:30px;
}
.specialty-list-wrap .subpage-box
{
    background:var(--bulma-box-background);
    margin:10px;
    height:270px;
    max-height:270px;
    max-width:260px;
    min-width:260px;
    position: relative;
    border-radius:5px;
}

.specialty-list-wrap .subpage-box
{
    background:var(--bulma-box-background);
    margin:10px;
    height:270px;
    max-height:270px;
    max-width:260px;
    min-width:260px;
    position: relative;
    border-radius:5px;

    transition: 0.2s ease-in-out all; /* The speed of the animation on hover */
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    border:1px solid #ccc;
    transform: translateY(6px);

}

.specialty-list-wrap .subpage-box:hover
{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);



}

.specialty-list-wrap .subpage-box .subpage-box-button
{
    position:relative;
    bottom:10px;
}







.specialty-list-wrap .subpage-box-title
{
    font-size:16px;
}


/* Full box background stuff */
.full-box-background .subpage-box
{
    background-size:cover;
    background-position:center;
}

.full-box-background .subpage-box .subpage-box-title-background
{
    min-height:60px;
    z-index:2;
    background:#fff;
    opacity:0.8;
    position:absolute;
    max-width:300px;
    min-width:300px;
    top:0px;
}



.subpage-box .subpage-box-button
{
    /*
    position:absolute;
    bottom:0px;
    */
}


.subpage-box .subpage-box-image
{
    /*
    background-size:cover;
    background-position:center;
    overflow:hidden;

    overflow:hidden;
    min-height:500px;
        */
}

.subpage-box.subpage-box-image img {

    height:600px;
}

.subpage-box:hover  .subpage-box-image img {
    opacity: 0.8;

}


.square-image .subpage-box-image img
{
    width:164px;
    height:164px;
}



/* Wordpress Generated CSS */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }



/* Custom stuff for mobile */
@media only screen and ( max-width: 900px ) {
    .imperial-2col-content
    {
        margin:25px;
    }

    .entry-content
    {
        padding:20px;
    }

    #site_title
    {
        padding:20px; 
    }
}