/*
 Theme Name:   Doc Site
 Description:  Doc Site
 Author:       John Godley
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

:root{
  --global--font-size-xxl: 3.9rem;
  --global--font-primary: var(--font-headings, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --global--font-secondary: var(--font-base, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --heading--font-weight: 600;
  --heading--font-weight-page-title: 800;
  --heading--font-weight-strong: 600;
  --global--font-size-page-title: var(--global--font-size-xxl);
  --branding--title--font-family: var(--global--font-primary);
  --branding--title--font-size: var(--global--font-size-xl);
  --branding--title--font-size-mobile: var(--global--font-size-lg);
  --branding--title--font-weight: 800;
  --branding--title--text-transform: none;
  --entry-header--font-size: var(--heading--font-size-h3);
  --heading--font-size-h6: var(--global--font-size-xs);
  --heading--font-size-h5: var(--global--font-size-sm);
  --heading--font-size-h4: var(--global--font-size-lg);
  --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
  --heading--font-size-h2: var(--global--font-size-xl);
  --heading--font-size-h1: var(--global--font-size-xxl)
}

:root{
  --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
  --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignfull-width: 100%;
  --responsive--alignright-margin: var(--global--spacing-horizontal);
  --responsive--alignleft-margin: var(--global--spacing-horizontal)
}

@media only screen and (min-width: 482px){
  :root{
    --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 900px);
    --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
    --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)))
  }
}

@media only screen and (min-width: 822px){
  :root{
    --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 900px);
    --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px)
  }
}

.blog .entry-header h1{
  font-size:3.9rem;
  font-size:var(--heading--font-size-h1)
}

.page-header,.singular .entry-header{
  border:none;
  margin-bottom:0;
  padding-bottom:0
}

.entry-content>*[class=wp-block-image]{
  margin-bottom:30px;
  margin-top:20px
}

.site-main>article>.entry-footer{
  padding-bottom:calc(2 * var(--global--spacing-vertical));
  margin-top:0;
  padding-top:0;
  border-bottom:none
}

.site-main>*,.search-result-count{
  margin-top:var(--global--spacing-vertical);
  margin-bottom:var(--global--spacing-vertical)
}

.site-hero h1{
  font-size:3.9rem !important;
  font-size:var(--global--font-size-xxl) !important
}

.widget-area,.pagination,.comments-pagination,.post-navigation,.site-footer,.site-header,.alignwide,.wide-max-width{
  max-width:calc(100vw - calc(2 * var(--global--spacing-horizontal) * 0.6));
  max-width:var(--responsive--aligndefault-width);
  margin-left:auto;
  margin-right:auto
}

.no-widgets .site-footer{
  margin-top:calc(2 * var(--global--spacing-vertical))
}

#site-navigation .search-form{
  display:flex;
  justify-content:flex-end
}

#site-navigation .search-form .search-field{
  flex-grow:inherit
}

#site-navigation .search-form label{
  display:none
}

#site-navigation .search-form button{
  margin:0;
  padding:0;
  background-color:inherit
}

#site-navigation .search-form input[type="search"]{
  width:100px;
  border:none;
  margin:0;
  font-size:var(--global--font-size-xs);
  border-bottom:2px solid black;
  text-align:right
}

#site-navigation .search-form input[type="search"]:focus{
  width:100%
}

.site-title a{
  -webkit-text-decoration-color:#a855f7;
          text-decoration-color:#a855f7;
  text-decoration-thickness:3px
}

.primary-menu-container a:hover,.entry-content a:hover{
  -webkit-text-decoration-color:#a855f7;
          text-decoration-color:#a855f7;
  -webkit-text-decoration-style:inherit;
          text-decoration-style:inherit;
  text-decoration-thickness:2px
}

.warning{
  background-color:#a855f7;
  padding:20px;
  color:white;
  border-radius:3px
}

.warning a{
  color:white
}

.home .wp-block-group{
  margin-top:calc(2 * var(--global--spacing-vertical)) !important;
  margin-bottom:calc(2 * var(--global--spacing-vertical)) !important
}

code{
  background-color:#eee;
  padding:3px 5px
}

.entry-content h4{
  margin-top:calc(2 * var(--global--spacing-vertical)) !important
}

.widget-area,.site-footer{
  display:inherit;
  background-color:#eee;
  max-width:100%
}

.widget-area>section,.widget-area>div,.site-footer>section,.site-footer>div{
  max-width:calc(100vw - calc(2 * var(--global--spacing-horizontal) * 0.6));
  max-width:var(--responsive--aligndefault-width);
  margin:0 auto
}

.widget-area{
  padding-top:calc(2 * var(--global--spacing-vertical));
  padding-bottom:calc(2 * var(--global--spacing-vertical))
}

.widget-area .custom-html-widget{
  display:flex;
  justify-content:flex-start
}

.widget-area .custom-html-widget svg{
  width:48px;
  height:48px;
  margin-right:10px
}

.widget-area .custom-html-widget a{
  margin-right:20px;
  display:flex;
  justify-content:flex-start;
  font-size:var(--global--font-size-xs);
  text-decoration:none;
  align-items:center;
  padding-right:5px
}

.widget-area .custom-html-widget a:focus{
  background-color:inherit !important
}

.text-gray-50{
  --tw-text-opacity: 1;
  color:rgba(249, 250, 251, var(--tw-text-opacity))
}

.text-light-blue-50{
  --tw-text-opacity: 1;
  color:rgba(240, 249, 255, var(--tw-text-opacity))
}

.text-light-blue-400{
  --tw-text-opacity: 1;
  color:rgba(56, 189, 248, var(--tw-text-opacity))
}

.site-footer{
  --branding--title--font-size: var(--global--font-size-lg);
  --branding--title--font-size-mobile: var(--global--font-size-lg)
}

.ep-highlight{
  background-color:yellow;
  font-weight:normal;
  font-style:normal;
  padding:3px 5px
}

.page .navigation{
  margin-top:calc(3 * var(--global--spacing-vertical));
  margin-bottom:calc(3 * var(--global--spacing-vertical))
}


/*# sourceMappingURL=style.css.map*/