@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.principal {
    background-image: url("/media/site/knaresborough-photo-canva-2.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 450px;
}


body {
    font-family: "Josefin Sans", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

figure {
    display: inline-block;
    margin: 50px;
}
figcaption {
    font-size: x-large;
    padding: 10px;

}

/*
Bold Blue  =   #032789
Pale Blush =   #FDE3E4
Minty Blue =   #C7F3F3
Plaster Pink = #F78C7A -> New Green = #91A662


*/

/* ------ Header ------ */

.portal-banner {
    display: None;
}

/* ------ Navigation ------ */

/* Bold Blue */
.plone-navbar {
    background-color: #032789;
}

.plone-nav li {
    background-color: #032789;
}

.plone-nav li, .plone-nav li a:focus {
    background-color: #032789;
}

.plone-nav li ul li a {
    background-color: #032789;
}


/* Fix for workflow colours in global nav */

.plone-navbar li.has_subtree > label {
    color: gray;
}

.plone-navbar li a.state-private {
    background: white;
    border-style: solid;
    border-color: LightGray;
    border-width: 1px;
}

.plone-navbar li a.state-internal {
    background: white;
    border-style: solid;
    border-color: LightGray;
    border-width: 1px;
}

.plone-navbar li a.state-internally_published {
    background: white;
    border-style: solid;
    border-color: LightGray;
    border-width: 1px;
}

.plone-navbar li a.state-pending {
    background: white;
    border-style: solid;
    border-color: LightGray;
    border-width: 1px;
}



/* ------ Portlets ------ */

.portlet .portletHeader {
    background-color: #aacc77;
}

/* Pale Blush
.portlet .portletContent {
    background-color: #FDE3E4;
}
*/

/* ------ Footer ------ */

/* Footer Background Plaster Pink */
#portal-footer-wrapper {
    background-color: #fafafa;
}

/* Footer Text - Bold Blue */
#portal-footer-wrapper {
    color: #032789;
}

/* Footer Links - Minty Blue */
#portal-footer-wrapper a {
    color: #C7F3F3;
}

.cards {
  display: flex;
  flex-wrap: wrap;
}

.card {
  flex-basis: 200px;
  flex-grow: 1;
  margin: 5px;
  padding: 5px;
}

.card .portletFooter {
  max-height: 40px;
}


/*

.card img {
  /*object-fit: cover; */
  / *width: 100%; */
  / *height: 100%; */
  padding: 10px;
}

.card header{
    background-color: #91A662;
    padding: 5px;
    font-size: 125%;
} 

.card .content{
    padding: 5px;
    overflow: auto;

} 

.card footer{
    background-color: #FDE3E4;
    padding: 5px;

} 

.mosaic-tile {
    margin: 10px;
}

.solo-card {
  /* display: grid; */
  /* grid-template-rows: max-content 200px 1fr; */
  border-style: outset;
  /* max-width: 200px; */
}

.solo-card header{
    background-color: #91A662;
    padding: 5px;
    font-size: 125%;
} 

.solo-card .content{
    padding: 5px;
    overflow: auto;

} 

.solo-card footer{
    background-color: #FDE3E4;
    padding: 5px;

} 

#formfield-form-widgets-IGeolocatable-geolocation {
    order: 100;
}

*/