/**
Theme Name: UJCM 2025 strona podjednostki
Author: Ośrodek Komputerowy UJ CM
Author URI: https://ok.cm-uj.krakow.pl
Description: Grafika strony UJ CM 2025 strona podjednostki.
Version: 1.0.20250429
License: © Uniwersytet Jagielloński - Collegium Medicum. All rights reserved
Text Domain: cmuj-podjednostka-2025
Template: astra
*/

/* blok lazy box */

.cm-image-link {
    display: inline-block;
    text-decoration: none;
    color: inherit;
  }
  
  .wp-block-lazyblock-cm-box {
    width: calc(50% - 10px);
     display: inline-block;
     padding: 8px;
  }
  .cm-image-container {
    width: 100%;
    max-width: 520px;
    /*height: 240px;*/
    height: auto;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease-in-out;
    border-top: solid 2px #C5C5C5;
  }
  
  .cm-top-bar {
    background-color: #F5F5F5;
    color: #00519e;
    font-weight:400;
    text-align: left;
    padding: 10px 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  
  .cm-image-container img {
    width: 100%;
   /* height: 100%;*/
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
    padding-top: 45px;
  }
  
  .cm-image-container:hover img {
    transform: scale(1.1);
  }
  
  @media (max-width: 768px) {
    .wp-block-lazyblock-cm-box {
        width: 100%;
        height:auto;
        display: block;
        text-align:center;
    }
  }  

/* koniec blok lazy box */


/* blok lazy lista stała */

.cm-margines-dol-2pol {padding-bottom:10px;}

a.cm-boks, a.cm-boks:hover, a.cm-boks:link, a.cm-boks:focus {color: #000; font-size: 1.3rem; text-decoration: none;}
.cm-boks_obramowka {width: 100%; border: 1px solid #e0e0e0; border-top: 3px solid #f8c53a; color: #000; padding: 16px;}
.cm-boks_obramowka:hover {background:#F0F0F0;}


@media (max-width: 479px) {
a.cm-boks, a.cm-boks:hover, a.cm-boks:link, a.cm-boks:focus {font-size: 1.1rem;}
.cm-boks_obramowka {padding: 10px;}
}
	
@media (max-width: 599px) and (min-width: 480px){
a.cm-boks, a.cm-boks:hover, a.cm-boks:link, a.cm-boks:focus {font-size: 1.1rem;}
.cm-boks_obramowka {padding: 10px;}
}
	
@media (max-width: 767px) and (min-width: 600px) {
a.cm-boks, a.cm-boks:hover, a.cm-boks:link, a.cm-boks:focus {font-size: 1.1rem;}
.cm-boks_obramowka {padding: 10px;}
}

/* koniec blok lazy lista stała */

/* blok lazy przycisk boczny */

.cm-margines-dol-2pol-p {margin-bottom:10px;}

a.cm-przycisk, a.cm-przycisk:hover, a.cm-przycisk:link, a.cm-przycisk:focus {color: #FFF; font-size: 1rem; text-decoration: none;}
.cm-przycisk_obramowka {width: 100%; border: 1px solid #e0e0e0; border-top: 3px solid #f8c53a; color: #FFF; padding: 16px;}
.cm-przycisk_obramowka {background:#00519e;}
.cm-przycisk_obramowka:hover {background:#0065B8;}

@media (max-width: 479px) {
a.cm-przycisk, a.cm-przycisk:hover, a.cm-przycisk:link, a.cm-przycisk:focus {font-size: 0.9rem;}
.cm-przycisk_obramowka {padding: 8px;}
}
	
@media (max-width: 599px) and (min-width: 480px){
a.cm-przycisk, a.cm-przycisk:hover, a.cm-przycisk:link, a.cm-przycisk:focus {font-size: 0.9rem;}
.cm-przycisk_obramowka {padding: 8px;}
}
	
@media (max-width: 767px) and (min-width: 600px) {
a.cm-przycisk, a.cm-przycisk:hover, a.cm-przycisk:link, a.cm-przycisk:focus {font-size: 0.9rem;}
.cm-przycisk_obramowka {padding: 8px;}
}

/* koniec blok lazy przycisk boczny */

/* blok lazy lista rozwijana */

.cm-accordion-item {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #e0e0e0;
    border-top: 3px solid #f8c53a;
    cursor: pointer;
    text-decoration: none;
    color: #000000;
    font-size: 1.3rem; 
    display: block;
    padding: 16px;
   /* position: relative;*/
    }

a.cm-accordion-item, a.cm-accordion-item:hover, a.cm-accordion-item:link, a.cm-accordion-item:focus {
    text-decoration: none;
    color: #000000;
    font-size: 1.3rem; 
}

.cm-accordion-item:hover {
    background-color: #F0F0F0;
    }

.cm-accordion-item:focus + .cm-accordion-content,
 .cm-accordion-content:focus {
   display: block;
    }
.cm-accordion-item:after {
    /*content: '\25B6';*/ /* strzałka w prawo */
    content: '\25B7'; /* delikatniejsza strzałka w prawo */
    position: absolute;
    right: 10px;
    color: rgba(0, 81, 158, 0.5);
    }
.cm-accordion-item:focus:after {
    /*content: '\25BC';*/ /* strzałka w dół */
    content: '\25BD'; /* delikatniejsza strzałka w dół */
    color: rgba(0, 81, 158, 0.5);
    }
.cm-accordion-content {
    display: none;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    border-top: 3px solid #F0F0F0;
    }
    
@media (max-width: 479px) {
.cm-accordion-item {font-size: 1.1rem; padding: 10px;}
a.cm-accordion-item, a.cm-accordion-item:hover, a.cm-accordion-item:link, a.cm-accordion-item:focus {
    font-size: 1.1rem; 
}
}
	
@media (max-width: 599px) and (min-width: 480px){
.cm-accordion-item {font-size: 1.1rem; padding: 10px;}
a.cm-accordion-item, a.cm-accordion-item:hover, a.cm-accordion-item:link, a.cm-accordion-item:focus {
    font-size: 1.1rem; 
}
}
	
@media (max-width: 767px) and (min-width: 600px) {
.cm-accordion-item {font-size: 1.1rem; padding: 10px;}
a.cm-accordion-item, a.cm-accordion-item:hover, a.cm-accordion-item:link, a.cm-accordion-item:focus {
    font-size: 1.1rem; 
}
}

/* koniec blok lazy lista rozwijana */

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
  line-height: 20px;
}


.loga-naglowek {
  display: flex;
  flex-wrap: nowrap; /* Zapobiega przenoszeniu obrazków jeden pod drugi */
 align-items: center; /* Wyrównanie w pionie */
  gap: 0px; /* Odstęp między obrazkami */
}

@media (max-width: 480px) {
  .loga-naglowek {
flex-wrap: wrap;/* Dopuszcza przenoszenie obrazków w razie potrzeby */
    justify-content: center; /* Wyśrodkowanie obrazków na mniejszych ekranach */
  }
}

/* ukrycie w panelu w wersji graficznej na czarnym pasku u góry widget i astra i Utwórz */
#wp-admin-bar-widgets, /* Ukrywa rozwijany widget nazwy strony */
/*#wp-admin-bar-new-content,*//* Ukrywa przycisk "Utwórz" */
#wp-admin-bar-new-spectra-popup, /* Ukrywa Spectra Popup */
#wp-admin-bar-new-astra-advanced-hook, /* Ukrywa Astra Site builder */
#wp-admin-bar-astra-advanced-layouts { /* Ukrywa ikonę Astra */
    display: none !important;
}