*
Theme Name: IDP Central
Theme URI: https://idpcentral.org
Template:   twentytwentyfive
Author: BUP
Author URI: https://biocomputingup.it
Description: Brand new theme for IDP Central 
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featur>
*/

header {
  position: relative;
  width: 100%;
  height: 100px;
}

main {
   min-height: calc(100vh - 317px)
}

footer {
  position: relative;
  margin-top: auto; 
}

p {
 text-align: justify;
}

:where(.wp-site-blocks *:focus){
  outline: none;
}

.service-group {
  transition: transform .5s;
}

.service-group:hover {
  transform: scale(1.025);
}

.small-logo img {
   max-width: 8em;
   max-height: 4em;
}

.medium-logo img {
   max-width: 10em;
   max-height: 6em;
}

.large-logo img {
   max-width: 16em;
   max-height: 8em;
}

.xl-logo img {
   max-width: 18em;
   max-height: 10em;
}

.small-photo img {
   max-width: 6em;
   max-height: auto;
}

.medium-photo img {
   max-width: 10em;
   max-height: auto;
} 

.large-photo img {
   max-width: 16em;
   max-height: 16em;
}

.res-logo img {
   display: grid;
   max-width: 18em;
   max-height: 10em;
   padding: 10px;
}
   
.query-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 6em;
}

@media (max-width: 1280px) and (min-width: 768px) {
  .query-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em;
    align: center;
  }
}

@media (max-width: 767px) {
  .query-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
    align: center;
  }
}

@media (max-width: 767px) {
  .large-logo img {
     max-width: 10em;
     max-height: 6em;
 }
}     

.wp-block-navigation a:hover,
.wp-block-navigation a:focus{
  border-bottom: 0.15em solid #447EB2;
  color: #447EB2 !important;
}

.wp-block-navigation .current-menu-item > a {
  border-bottom: 0.15em solid #053250;
  color: #053250 !important;
}