/*
Theme Name: Big Picture Dev Custom Theme
Author: K. Dalton
Version: 1.0.0
Description: A custom block theme 

*/

/* CSS RESET **/
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/

*, *::before, *::after {
  box-sizing: border-box;
}

/** {
  margin: 0;
}*/

@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

#root, #__next {
  isolation: isolate;
}

/* END CSS RESET */

/* Mobile Navigation */

.nav-desktop {display:none;}

@media screen and (min-width:1000px){
    .nav-mobile {display:none;}
    .nav-desktop {display:block;}
}

.nav-mobile .wp-block-navigation__responsive-container{padding:1.25em;}

/* End Mobile Navigation */

.mainHeader{
    background-image:url('/wp-content/themes/your-theme/images/bg1.png'), linear-gradient(180deg, #11364a 0%, #0b7da5 100%);
color:#fff;
padding: 1rem 0;

}
/* header + navigation */
.mainHeader nav a{color:#fff;}

/* footer */
footer.mainFooter {
    background-image:linear-gradient(180deg, #0b7da5 0%, #11364a 100%);
    color:#fff;
    padding:2rem 1rem;
    /*position:fixed;
    bottom:0;*/
}
.mainFooter .copyright{
    text-align:right;
}

/* post page styles */
/*.content-wrapper {
    max-width:1200px;
    margin:0 auto 10rem;
    padding:0 1rem;
}*/
.sidebar {
    max-width:800px;
    margin:0 auto;
}

.main-layout{
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

/* article */
.main-layout > *:first-child{
    flex:0 0 100%;
    max-width: 100%;
}

/*sidebar */
.main-layout > *:last-child{
    flex:0 0 100%;
    max-width: 100%;
}

@media screen and (min-width:1024px){
    /* article */
.main-layout > *:first-child{
    flex:0 0 60%;
    max-width: 60%;
}

/*sidebar */
.main-layout > *:last-child{
    flex:0 0 30%;
    max-width: 30%;
}
}



/*base font styles */


/* content width fixes */
.entry-content, .wp-block-post-content, .wp-block-group.is-layout-constrained {
    max-width:100%!important; /* ALlow the container to expand to full width */
    width:100%!important; /* Make sure it can expand to full width */
}

/* Ensure alignwide block can reach 1380px*/
.wp-block-group.alignwide{
    max-width: 1380px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Ensure alignfull take full viewport width */
.wp-block-group.alignfull{
    width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
}

/* post home */
/*.posthome ul li {
    border-bottom: 1px solid #666;
    padding: 1em 0;
}*/