:root {
  --layout-mobile-threshold: 1280px;

/*  --layout-padding-left: 12.5%;
  --layout-padding-right: 12.5%;   */
  
  --layout-padding-left: 10%;
  --layout-padding-right: 10%;   

  --layout-padding-left-min: 1em;
  --layout-padding-right-min: 1em;   
  
  --layout-sidebar-width: 15%;
  --layout-sidebar-min-width: 300px;
  
  --layout-title-image-width: 50%;
  --layout-title-image-min-width: 50%;

  /** 2024 colors */  
/* 
  --ael-theme-color: rgb(164,202,234); 
  --ael-theme-color-light: rgb(164,202,234);   
  --ael-theme-color-dark: rgb(89,110,128); 
  --ael-theme-color-head-bg: rgb(245, 245, 245);
  
*/

  
  /** 2025 colors */
/* orig dark: --ael-theme-color-dark: #8b4444; */
  --ael-theme-color: #ff5d5d; 
  --ael-theme-color-light: #bf6060; 
  --ael-theme-color-dark: #444444; 
  
  --ael-theme-color-head-bg: #001a21; 
  --ael-theme-color-menuitem: #aaaaaa;
  --ael-theme-color-menuitem-selected: white;
}




h1 {    
/*    text-transform: uppercase; */
    text-align: left;
    text-decoration: underline solid var(--ael-theme-color) 0.2em;
    text-underline-offset: 0.3em;    
    padding-bottom: 16px;
    margin-top: 50px;
    line-height: 150%;
}

main {
    min-height: 768px;
}

main h1 {
    font-size: 2em;
}

main h2 {
    font-weight: bold;
    font-size: 1.2em;
}

main h3 {
    font-weight: bold;
    font-size: 1.2em;
}

.ael-header {
    border-bottom: 1px solid black;
    background-color: var(--ael-theme-color-head-bg);
}


/** grid sidebar */

.ael-page {
    display: grid;

    grid-template-columns: var(--layout-padding-left) auto var(--layout-padding-right); 
    grid-template-rows: auto;   
    grid-template-areas:
        "left main right";
    justify-content: stretch;        
   
    column-gap: 4em;  
    
    margin-block-start: 0;
    margin-top: 0;
}

.ael-page main {
    grid-area: main;
}


.ael-with-sidebar {
    display: grid;
   
    grid-template-columns: var(--layout-padding-left) auto var(--layout-sidebar-width) var(--layout-padding-right); 
    grid-template-rows: auto;   
    grid-template-areas:
        "left main sidebar right";
    justify-content: stretch;        
   
    column-gap: 4em;  
    
    margin-block-start: 0;
    margin-top: 0;
    
}

.ael-with-sidebar main {
    grid-area: main;
}


.ael-with-sidebar .sidebar {
    grid-area: sidebar;
    margin-block-start: 0;
    margin-top: 0;
}

@media screen and (max-width: 1600px) {

.ael-with-sidebar {
    grid-template-columns: var(--layout-padding-left-min) auto var(--layout-sidebar-min-width) var(--layout-padding-right-min); 
}

.ael-page {
    grid-template-columns: var(--layout-padding-left-min) auto var(--layout-padding-left-min); 
}


}


/*@media screen and (max-width: var(--layout-mobile-threshold)) { */
@media screen and (max-width: 1280px) {
    
    .ael-with-sidebar {
/*        grid-template-columns: var(--layout-padding-left-min) auto var(--layout-padding-right-min); */
         grid-template-columns: 0 auto 0;  
        grid-template-rows: auto;
        grid-template-areas:
            "left main right"
            "left sidebar right";    
        column-gap: 1em;
    } 


   .ael-page {
      grid-template-columns: 0 auto 0;
      column-gap: 1em;
      /* grid-template-areas: "main"; */
   }
    
}


/** header **/

.ael-stage {
    background-color: var(--ael-theme-color-head-bg);
/*    box-shadow: inset 0 0 0.5em 0 rgba(0,0,0,.25);    */
    border-bottom: 2px solid var(--ael-theme-color-light);    
}

/** footer **/

footer .ael-footer {
    clear: both;
    border-top: 2px solid var(--ael-theme-color-light);
    box-shadow: inset 0 0 1em 0em rgba(255,255,255,.25); 
    margin-top: 200px;
    background-color: var(--ael-theme-color-head-bg);
    

    padding-left: 12.5%;
    padding-right: 12.5%; 
    
/*    padding-left: calc(var(--layout-padding-left) + 2em);
    padding-right: calc(var(--layout-padding-left) + 2em); */
    
    color: white;
    
}

footer .wp-block-site-title {
    font-size: 20px;
}

footer .wp-block-site-tagline {
    font-size: 20px;
    color: var(--ael-theme-color-menuitem);
}


footer .site-info {
    min-width: 50%;
}

footer .footer-menu h2 {
    font-size: 20px !important;
}


main p {
    font-size: 120%;
    line-height: 120%;
    margin-block-start: 1em !important;
}

figure.float_right {
    float: right;
    width: 33%;
    margin-left: 50px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}


.block_link a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
}


/** max-width of content **/
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
     max-width: 75%;
}


div.wp-block-group p {
    max-width: 100%;
}



@media only screen and (max-width: 2000px) {

    .wide_only {
        display: none;
    }
}


@media only screen and (max-width: 1600px) {

    .desktop_only_wide {
        display: none;
    }

}


.mobile_only {
    display: none;
}


@media only screen and (max-width: 1440px) {

    html {
        font-size: 90%;
    }

    .desktop_only {
        display: none;
    }

    .mobile_only {
        display: block;
    }    

    /** max-width of content **/
    .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
         max-width: 100%;
    }
    
}



@media only screen and (max-width: 960px) {
    /** max-width of content **/
    .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
         max-width: 100%;
    }

    .desktop_only_small {
        display: none;
    }

    html {
        font-size: 70%;
    }


   footer {
      font-size: 80%;
   }

   footer .footer-menu {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   footer .footer-menu > div {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

}