/*
 Theme Name:   NARBTPO (child of Tiny Framework)
 Theme URI:    http://tbd/
 Description:  The NARBTPO Theme was developed purely for use by NARBTPO.  It is a child theme of the Tiny Framework so both themes need to be installed. This version includes the facilities to upload adverts.
 Author:       Dik Langan
 Template:     tiny-framework
 Version:      2.0.1
 Tested up to: 5.8.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         NARBTPO
*/

/* all CSS for admin page is in admin-style.css */

* {font-family:Verdana,Arial,sans-serif;padding:0;margin:0;}

td, table {border:0;}

.nav-menu {text-align:center;}

.site-branding, #primary-menu, #content {max-width:1024px;margin:auto}
.menu-main-container{background-color:#00007f;position:relative;z-index:9;}
#primary-menu {border:none}

.type-page .entry-header {text-align:center;font-weight:bold;}

.type-post .entry-header .entry-title  a, .widget_recent_entries .widget-title a {color: #ff6111 !important;font-weight:bold;}


@media print {
	/* DON'T Show URLs for links */
	.entry-content a:after,
	.entry-content a:visited:after,
	footer a[rel=bookmark]:after,
	footer a[rel=bookmark]:visited:after {
		content: "";
	}
}

.site {padding:0;}
div#page {max-width:inherit}
header img {max-height:90px!important;width:auto !important;margin-right:1rem;margin-top:10px;}
header img.rh {margin-left:1rem;margin-right:0;}

.has-site-logo #site-title-wrapper, .wp-custom-logo #site-title-wrapper #site-title-wrapper {margin-top:0}
.site-header .site-title, .site-header .site-title a, .site-header .site-title a:hover 
  {font-size:40px;/*color: white;text-shadow: -1px 0 9px black, 0 1px 9px black, 1px 0 9px black, 0 -1px 9px black;*/color:black;line-height:1;margin-top:0.25rem;margin-bottom:0.25rem;}
.site-header .site-description {max-width:400px;font-size:20px;/*color: white;text-shadow: -1px 0 7px black, 0 1px 7px black, 1px 0 7px black, 0 -1px 7px black;*/color:black;line-height:1}
.site-branding {display:flex;justify-content:space-around}
#site-title-wrapper p {text-align:center}
.site-logo-link, .custom-logo-link {margin:0;padding:0;}

#primary-menu { text-align: center; background-color: #00007F; color: white; opacity: 0.8; margin-top: 5px;}
.nav-menu li, .nav-menu li a {font-size: 1rem;line-height: 2;color: white;text-transform:none;}
.nav-menu li a:hover,.nav-menu li a:focus {color:#00ffff}
.nav-menu li {margin-right:1.2em; font-size:0.6875rem;}
.main-navigation {background:none;}
.main-navigation li ul li a {background-color: navy; color: white;font-size:14px;font-size:0.875rem;}
.main-navigation .current-menu-item > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {color: #00ffff;}


#content {/*background-image:URL(images/battenberg-bottom.gif);background-position: left bottom;background-repeat:no-repeat;*/
    min-height:320px;padding:2.5rem 1rem 1rem 1rem;text-align:center;}
    
#primary {margin-top:0}
#content .entry-content img {border:none;box-shadow:none;}
#content p, #content li, #content h1, #content h2 {margin-bottom:0.5rem;}
#content li {padding-left:1rem;margin-left:2rem}
.page .content-area article.page {margin-bottom:0;}

.content-area article,
.content-area section { border-bottom: 4px double #ccc;}

.entry-header .entry-title, header h1.page-title {font-weight: bold;font-size: 2rem;line-height: 1;text-align: center;color:black;text-transform:none;}
.entry-header h2.entry-title {font-size:1.75rem;text-align:left;}
.list-view .entry-header .entry-meta {display:inherit;text-align:left;}
footer.entry-meta, .list-view .entry-header .entry-meta .byline {display:none;}

footer.site-footer p {padding-bottom:0px;color:navy;font-size:0.75rem;}
footer.site-footer {background-image:none;border:none;padding-bottom:0;}
.footer-widgets .site-footer #footer-widgets {margin:0;}
#footer-widgets.three #footer-widget-middle {width:100%;padding-top:0;}
#footer-widget-middle section, #footer-widgets {margin-bottom:0;}
footer .widget-title {display:none;}
.site-info p {margin:0}
.site-info-2 {display:none;}

.fl {float:left;}
.fr {float:right;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;margin-left:auto;margin-right:auto;}

.advert {display:block;text-align:center}
.site-main {width:max-content;max-width:100%;margin:auto}
.site-info {max-width:inherit}
.thinp {margin-top:0.25em;margin-bottom:0.25em}

/* Changes for smaller screens */
@media screen and (max-width: 783px) {
  .main-navigation {background:#3a3a3a;}
  .nav-menu li {margin-right:0; font-size:0.6875rem;}
  #primary-menu {margin:auto;text-align:left;}
  .site-header .site-description {text-align:center;margin:auto;}
  body {margin-top:3rem;}
}

/* changes for really small screens */
@media screen and (max-width:460px) {
  #footer {padding:2rem 50px 0 50px;position:relative;top:40px}
  footer.site-footer {opacity:0.7;}
  header img {position:absolute;left:0;opacity:20%}
  header img.rh {right:0;margin-right:0;left:inherit}
}

/* fix extra padding added by Tiny */
@media screen and (min-width: 1100px) {
  body{background-color:inherit}
  body .site { padding:0;box-shadow:none;margin:inherit;}
}

/* login etc bits */
.login-description {max-width:500px;text-align:justify}

/* metaslider screen width fix */
.metaslider {overflow:hidden}
#content .metaslider li {padding:0; margin:0}

/* allow second title on page to be formatted as page title */
h1.narbtpo-title {font-weight: bold;font-size:2rem;line-height:1;text-align:center;color:black;text-transform:none;padding-top:1rem}

/* Photos page - mainly mods to gallery formatting */
#content .NARBTPO-photos li.blocks-gallery-item  {padding-left:0;margin-left:0}
.NARBTPO-photos .blocks-gallery-item img {box-shadow: 0 1px 4px 0 rgb(0 0 0 / 50%);}
.NARBTPO-photos .blocks-gallery-item figcaption {background:none;text-shadow: -1px 0 5px black, 0 1px 5px black, 1px 0 5px black, 0 -1px 5px black; padding: 0 0.5em 0.5em 0}
.NARBTPO-photos h2 {text-align:center}
.NARBTPO-photos .zoom {cursor:zoom-in}
.NARBTPO-photos .modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  cursor:zoom-out;
}
.NARBTPO-photos #modalimg {max-width:100%;min-width:50%;}
.NARBTPO-photos #modalcaption {color:white}
.NARBTPO-photos #modalclose {text-align:right;color:white;font-size:2em;margin:auto}

/* Mutual Aid (Category of posts) changes */
.category .page-title:before {content: none;}
.page-header {border-bottom:4px double gray;}
.archive-description {font-size:0.8em;max-width:60em;margin:auto;}
.narbtpo .la_small {max-width:10em !important;}
.narbtpo.wp-block-group > * div {
    width: 300px ;
}

.narbtpo.wp-block-group > * {
    border: 1px solid green;
    padding: 0.25em;
}
.entry-content a img.no-zoom:hover {cursor: inherit;}

/* Mutual Aid form styling */
.nma_formrow {display:flex;flex-wrap:wrap;padding-top:0.5em}
.nma_formrow label {min-width:180px;font-weight:bold;font-size:0.9em;padding-top:0.2em}
.nopadding {padding-top:0}
.nma_legend {font-weight:bold;font-size:0.9em}
#nma_title, #nma_location {width:100%}
.nma_display_title {font-weight:bold;font-size:1.5em}
.nma_error {background-color:salmon;padding:0.5em}
.hidden {display:none}
input.error, textarea.error {border-color:red}
#nma_rules {
    max-width: 50em;
    background-color: gold;
    line-height: 1.2em;
    padding: 1em;
}
input#nma_submit {
    width: 100%;
    font-size: 1.2em;
}
.nma_form .asbutton { width:100%; text-align:center;text-decoration:none;margin-top:0.5em}
.archive-description a {
	appearance: button;
    background-color: #e6e6e6;
    padding: 3px 6px;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgb(64 64 64 / 10%);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    background-repeat: repeat-x;
    text-decoration: none;
    font-size:1.1em;
}
a.asbutton:hover, .archive-description a:hover {background-color: #f4f4f4;background-image: none;}
a.asbutton:visited, .archive-description a:visited { color: inherit;}

/* end */