/*
Theme Name: dpsm-layout
Theme URI: https://proscholar.org/media/
Author: Ion G. Motofei / generated layout
Description: Simple classic WordPress CSS Grid theme using the supplied static HTML/CSS layout. It has two separate lateral areas and one real sidebar, all controlled from PHP/CSS.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: dpsm-layout
*/

/*
EXPLICATIE GENERALA STYLE.CSS:
Acest fisier controleaza aspectul temei: antetul WordPress al temei, gridul, headerul, meniul, cautarea, continutul, cele doua arii laterale, singurul sidebar, footerul si regulile responsive.
Comentariile marcheaza unde incepe si unde se termina fiecare sectiune importanta.
*/


/* ===== INCEPUT REGULI GENERALE DE BAZA ===== */
/* Codul de mai jos stabileste regulile generale ale paginii: dimensiuni, background, font, overflow si resetari principale. */

/* 1. Stiluri generale - aici incepe zona pentru html, body si setarile globale. */

html, body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #F7F7F7;
  padding: 0;
}
/* Reserve space for async includes to prevent load-time layout shift. */
[data-include="/media/2_include/include_header-menu-search.html"] {
  display: block;
  min-height: 205px;
}

[data-include="/media/2_include/include_footer.html"] {
  display: block;
  min-height: 760px;
}


body {
  box-sizing: border-box;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  color: #000000;
  background-color: #F7F7F7;
  border: 5px solid #F7F7F7;
}



	
/* 2. Containerul principal - aici incepe explicarea structurii mari a layoutului. */


/* ===== INCEPUT LAYOUT DESKTOP IMPLICIT ===== */
/* Codul de mai jos defineste gridul pentru desktop: coloane, randuri si zonele hdr, men, fin, pag, col si m21-m73. */

/* Desktop: se aplica implicit si este suprascris de regulile pentru tableta/mobil. */


.grid-container {
  display: grid;
  grid-template-columns: 17% 12% 12% 12% 12% 18% 17%;
    grid-template-areas:
    
   
    'hdr-1 hdr-1 hdr-1 hdr-1 hdr-1 hdr-1 hdr-1'
    'hdr-2 hdr-3 hdr-3 hdr-3 hdr-3 hdr-4 hdr-5'      /* Header - codul de mai jos controleaza linia de sus, titlul, logo-ul si linia de jos ale headerului. */
    'hdr-6 hdr-6 hdr-6 hdr-6 hdr-6 hdr-6 hdr-6'
    
    'col-1 men-7 men-7 men-7 men-7 men-7 col-3'      /* Menu */
    'col-1 fin-8 fin-8 fin-8 fin-8 fin-8 col-3'      /* Find */
    
    'col-1 pag-9 pag-9 pag-9 pag-9 col-2 col-3'      /* Page - codul de mai jos controleaza zona principala de continut textual. */
    
    'col-1     m21 m22 m23 m24     col-2 col-3'
    'col-1     m25 m26 m27 m28     col-2 col-3'
    'col-1     m29 m30 m31 m32     col-2 col-3'
    'col-1     m33 m34 m35 m36     col-2 col-3'
    'col-1     m37 m38 m39 m40     col-2 col-3'
    'col-1     m41 m42 m43 m44     col-2 col-3'
    'col-1     m45 m46 m47 m48     col-2 col-3'

    'col-1     m57 m57 m57 m57     col-2 col-3'

    'col-1     m58 m59 m60 m61     col-2 col-3'
    'col-1     m62 m63 m64 m65     col-2 col-3'
    'col-1     m66 m67 m68 m69     col-2 col-3'
    'col-1     m70 m71 m72 m73     col-2 col-3'
    
    'col-1 line1 line1 line1 line1 line1 col-3'
    'col-1 line2 line2 line2 line2 line2 col-3';
    
    
  grid-gap: 0px;
  background-color: #ffffff;
  padding: 0px;
}
/* Aici se termina codul pentru layoutul desktop implicit. */
/* ===== SFARSIT LAYOUT DESKTOP IMPLICIT ===== */


/* 3. Celulele din grid - aici incep regulile pentru fiecare zona/celula din grid. */


/* Header */

.item-hdr-1 { grid-area: hdr-1;         /* Linie sus */
  background-color: #006699;
  min-height: 5px;
}
.item-hdr-2 { grid-area: hdr-2;         /* Gol stanga */
  background: linear-gradient(to bottom, #66DDFF, #00AADD);
}

/* ===== INCEPUT WIDGET HEADER TITLE: stil pentru item-hdr-3 ===== */
/* Codul de mai jos pastreaza item-hdr-3 ca zona pentru titlul din header.
   Daca Header Title Widget este activ, continutul widgetului mosteneste stilul titlului.
   Daca nu exista widget, se afiseaza titlul implicit din header.php. */
.item-hdr-3 { grid-area: hdr-3;         /* Title of Header */
  display: flex;
  align-items: flex-end;             /* aliniaza jos vertical */
  justify-content: flex-start;       /* aliniaza la stanga orizontal */
  min-height: 120px;       /* important */
  box-sizing: border-box;
  padding: 0 0 10px 15px;
  text-align: left;
  font-size: 45px;
  line-height: 1;
  color: white;
  background: linear-gradient(to bottom, #66DDFF, #00AADD);
}
.item-hdr-3 p,
.item-hdr-3 .widget,
.item-hdr-3 .widget p {
  margin: 0;
}

.item-hdr-3 .title-word {
  display: inline;
}

.item-hdr-3 .widget {
  padding: 0;
  max-width: 100%;
  box-sizing: border-box;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.item-hdr-3 .widget-title {
  margin: 0 0 6px 0;
  font-size: 18px;
  color: #ffffff;
}

.item-hdr-3 .widget a,
.item-hdr-3 .widget a:link,
.item-hdr-3 .widget a:visited {
  color: #ffffff;
  text-decoration: none;
}

.item-hdr-3 .widget a:hover,
.item-hdr-3 .widget a:focus {
  color: #ffffff;
  text-decoration: underline;
}
/* ===== SFARSIT WIDGET HEADER TITLE: stil pentru item-hdr-3 ===== */

/* ===== INCEPUT WIDGET HEADER LOGO: stil pentru item-hdr-4 ===== */
/* Codul de mai jos pastreaza item-hdr-4 ca zona pentru logo-ul din header.
   Daca Header Logo Widget este activ, imaginea/logo-ul din widget este centrat.
   Daca nu exista widget, se afiseaza logo-ul implicit din header.php. */
.item-hdr-4 { grid-area: hdr-4;           /* Image of Header */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  min-height: 120px;
  background: linear-gradient(to bottom, #66DDFF, #00AADD);
}
.item-hdr-4 .img-center-hdr-veroz,
.item-hdr-4 .widget {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
}
.item-hdr-4 .img-center-hdr-veroz > a,
.item-hdr-4 .img-center-hdr-veroz picture,
.item-hdr-4 .widget a,
.item-hdr-4 .widget picture,
.item-hdr-4 .widget figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.item-hdr-4 .img-center-hdr-veroz img,
.item-hdr-4 .widget img {
  display: block;
  width: 80%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}

.item-hdr-4 .widget-title {
  display: none;
}
/* ===== SFARSIT WIDGET HEADER LOGO: stil pentru item-hdr-4 ===== */

.item-hdr-5 { grid-area: hdr-5;
  background: linear-gradient(to bottom, #66DDFF, #00AADD);
}
.item-hdr-6 { grid-area: hdr-6;
  background-color: #006699;
  min-height: 5px;
}





/* Coloane - codul de mai jos controleaza aria laterala stanga, singurul sidebar real si aria laterala dreapta. */
/* ===== INCEPUT WIDGET MAIN SIDEBAR: stil zona Main Sidebar ===== */

.item-col-1 { grid-area: col-1;    /* Aria laterala stanga, separata de sidebar. */
  background-color: #F7F7F7;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 105px;
  box-sizing: border-box;
}
.item-col-2 { grid-area: col-2;    /* Singurul sidebar real al temei: coloana cu imagini/linkuri. */
  margin: 20px;
  font-size: 10px;
  background-color: #F7F7F7;
  box-sizing: border-box;
}
.item-col-2 .img-center-col2-veroz {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}
.item-col-2 .img-center-col2-veroz > a,
.item-col-2 .img-center-col2-veroz picture,
.item-col-2 .img-center-col2-veroz picture > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.item-col-2 .img-center-col2-veroz img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.item-col-2 hr {
  width: 100%;
  margin: 15px auto;
  border: 0;
  border-top: 1px solid #666666;
}
.item-col-3 { grid-area: col-3;    /* Aria laterala dreapta, separata de sidebar. */
  background-color: #F7F7F7;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 105px;
  box-sizing: border-box;
}


/* ===== SFARSIT WIDGET MAIN SIDEBAR: stil zona Main Sidebar ===== */
/* Aici se termina codul pentru ariile laterale goale si singurul sidebar real. */

/* Bottom/Footer - codul de mai jos controleaza liniile finale ale paginii. */
/* ===== INCEPUT WIDGET FOOTER: stil zona Footer Widgets ===== */


.item-line1 { grid-area: line1; 
  text-align: center;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 10px;
  background-color: #FFFFFF;
}
.item-line2 { grid-area: line2; 
  text-align: center;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-size: 10px;
  background-color: #F7F7F7;
}
/* ===== SFARSIT WIDGET FOOTER: stil zona Footer Widgets ===== */





/* Meniu - codul de mai jos controleaza zona meniului principal. */

.item-menu-7 { grid-area: men-7; 
  text-align: left;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-size: 18px;
  background-color: #66A6BF;
  border-top: 0px solid;
  border-right: 4px solid;
  border-bottom: 4px solid;
  border-left: 4px solid;
  border-color:#81b6ca;
}


/* Find/Search - codul de mai jos controleaza formularul de cautare. */

.item-find-8 { grid-area: fin-8;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 10px 10px 7px 20px;
  font-size: 16px;
  background-color: #ffffff;
  min-height: 80px;
  box-sizing: border-box;
}
.site-search {
  display: flex;
  align-items: stretch;
  gap: 14px;
  width: 100%;
  max-width: 975px;
}

.site-search__label {
  display: none;
}

.site-search__input {
  flex: 1 1 auto;
  min-width: 160px;
  height: 36px;
  padding: 5px 10px;
  border: 1px solid #6aa9d6;
  outline: none;
  color: #666666;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  box-sizing: border-box;
}

.site-search__button {
  flex: 0 0 auto;
  height: 36px;
  padding: 0 16px;
  border: 1px solid #005d87;
  background-color: #00699b;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
}

.site-search__input:focus {
  border: 1px solid #000000;
  background-color: #F7F7F7;
  box-shadow: none;
  outline: none;
}

.site-search__button:hover,
.site-search__button:focus {
  background-color: #003399;
  border-color: #003399;
}


/* Page */

.item-page-9 { grid-area: pag-9; 
  text-align: justify;
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
  font-size: 17px;
  background-color: #ffffff;
}



/* Celulele m21-m73 raman in grid-ul mare; stilurile comune sunt grupate aici. */
.item11m21,
.item11m22,
.item11m23,
.item11m24,
.item11m25,
.item11m26,
.item11m27,
.item11m28,
.item11m29,
.item11m30,
.item11m31,
.item11m32,
.item11m33,
.item11m34,
.item11m35,
.item11m36,
.item11m37,
.item11m38,
.item11m39,
.item11m40,
.item11m41,
.item11m42,
.item11m43,
.item11m44,
.item11m45,
.item11m46,
.item11m47,
.item11m48,
.item11m49,
.item11m50,
.item11m51,
.item11m52,
.item11m53,
.item11m54,
.item11m55,
.item11m56,
.item11m57,
.item11m58,
.item11m59,
.item11m60,
.item11m61,
.item11m62,
.item11m63,
.item11m64,
.item11m65,
.item11m66,
.item11m67,
.item11m68,
.item11m69,
.item11m70,
.item11m71,
.item11m72,
.item11m73 {
  font-size: 17px;
  background-color: #ffffff;
}

.item11m21,
.item11m22,
.item11m23,
.item11m24,
.item11m25,
.item11m26,
.item11m27,
.item11m28,
.item11m29,
.item11m30,
.item11m31,
.item11m32,
.item11m33,
.item11m34,
.item11m35,
.item11m36,
.item11m37,
.item11m38,
.item11m39,
.item11m40,
.item11m41,
.item11m42,
.item11m43,
.item11m44,
.item11m45 {
  text-align: center;
  padding: 15px 5px;
}

.item11m46,
.item11m47,
.item11m48,
.item11m49,
.item11m50,
.item11m51,
.item11m52,
.item11m53,
.item11m54,
.item11m55,
.item11m56,
.item11m58,
.item11m59,
.item11m60,
.item11m61,
.item11m62,
.item11m63,
.item11m64,
.item11m65,
.item11m66,
.item11m67,
.item11m68,
.item11m69,
.item11m70,
.item11m71,
.item11m72,
.item11m73 {
  text-align: center;
  padding: 5px 5px 0;
}

.item11m57 {
  text-align: left;
  padding: 45px 5px 0 15px;
}

.item11m21 { grid-area: m21; }
.item11m22 { grid-area: m22; }
.item11m23 { grid-area: m23; }
.item11m24 { grid-area: m24; }
.item11m25 { grid-area: m25; }
.item11m26 { grid-area: m26; }
.item11m27 { grid-area: m27; }
.item11m28 { grid-area: m28; }
.item11m29 { grid-area: m29; }
.item11m30 { grid-area: m30; }
.item11m31 { grid-area: m31; }
.item11m32 { grid-area: m32; }
.item11m33 { grid-area: m33; }
.item11m34 { grid-area: m34; }
.item11m35 { grid-area: m35; }
.item11m36 { grid-area: m36; }
.item11m37 { grid-area: m37; }
.item11m38 { grid-area: m38; }
.item11m39 { grid-area: m39; }
.item11m40 { grid-area: m40; }
.item11m41 { grid-area: m41; }
.item11m42 { grid-area: m42; }
.item11m43 { grid-area: m43; }
.item11m44 { grid-area: m44; }
.item11m45 { grid-area: m45; }
.item11m46 { grid-area: m46; }
.item11m47 { grid-area: m47; }
.item11m48 { grid-area: m48; }
.item11m49 { grid-area: m49; }
.item11m50 { grid-area: m50; }
.item11m51 { grid-area: m51; }
.item11m52 { grid-area: m52; }
.item11m53 { grid-area: m53; }
.item11m54 { grid-area: m54; }
.item11m55 { grid-area: m55; }
.item11m56 { grid-area: m56; }
.item11m57 { grid-area: m57; }
.item11m58 { grid-area: m58; }
.item11m59 { grid-area: m59; }
.item11m60 { grid-area: m60; }
.item11m61 { grid-area: m61; }
.item11m62 { grid-area: m62; }
.item11m63 { grid-area: m63; }
.item11m64 { grid-area: m64; }
.item11m65 { grid-area: m65; }
.item11m66 { grid-area: m66; }
.item11m67 { grid-area: m67; }
.item11m68 { grid-area: m68; }
.item11m69 { grid-area: m69; }
.item11m70 { grid-area: m70; }
.item11m71 { grid-area: m71; }
.item11m72 { grid-area: m72; }
.item11m73 { grid-area: m73; }






/* 4. Meniu, imagini, linkuri - aici incep regulile pentru navbar, imagini responsive si linkuri. */


/* Dropdown Navbar - codul de mai jos controleaza meniul dropdown si comportamentul pe mobil. */

.topnav {
  overflow: hidden;
  background-color: #dbeaf0;
}

.topnav a {
  float: left;
  display: block;
  color: #003399;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
  font-size: 18px;
}

.topnav .icon {
  display: none;
  border: none;
  color: #003399;
  background-color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 45px;
  line-height: 1;
  margin: 0;
  padding: 0 14px;
  text-align: center;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 18px;    
  border: none;
  outline: none;
  color: #003399;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  font-size: 18px;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #F7F7F7;
  font-size: 18px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #003399;
  padding: 12px 16px;
  text-decoration: none;
  font-size: 18px;
  display: block;
  text-align: left;
}

.topnav a:hover, .topnav .icon:hover, .dropdown:hover .dropbtn {
  background-color: #006B94;
  color: white;
}

.dropdown-content a:hover {
  background-color: #dddddd;
  color: #0099ff;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
}
  .topnav .icon {
    float: right;
    display: block;
}
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
}

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
}

  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
}
}




/* Imagini responsive - codul de mai jos controleaza imaginile din pagina. */

img {
  border-radius: 8px;
  width: 90%;
  max-width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}


/* Caracteristici link-uri - codul de mai jos controleaza culorile si comportamentul linkurilor. */

a:link {
    color: #003399;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: #0099ff;
    background-color: transparent;
    text-decoration: underline;
}

/* Paragraf: <div class="l">Text aliniat la left.</div> */

div.l {
  text-align: left;
}
div.r {
  text-align: right;
}
div.j {
  text-align: justify;
}
div.i {
  text-indent: 50px;
}
/* HTML: <div class="hei">Spatiu intre randuri de 1.4 ori marimea font.</div> */
div.hei {
  line-height: 1.4;
}

/* gradient vertical: to bottom, orizontal: to right, oblic: 135deg */

li {
  font-style: italic;
  line-height: 1.4;
}

/* Aici se termina regulile generale de baza. */
/* ===== SFARSIT REGULI GENERALE DE BAZA ===== */


/* 5. Variante Grid pentru tableta/mobil - la final */




/* ===== INCEPUT REGULI DOAR PENTRU TABLETA ===== */
/* Codul de mai jos redeseneaza gridul pentru ecrane intre 600px si 900px. */

/* Tableta */

@media only screen and (min-width: 600px) and (max-width: 900px) {

  .grid-container {
    display: grid;
    grid-template-columns: 19% 19% 19% 19% 24%;
    grid-template-areas:
      'hdr-1 hdr-1 hdr-1 hdr-1 hdr-1'
      'hdr-3 hdr-3 hdr-3 hdr-4 hdr-5'
      'hdr-6 hdr-6 hdr-6 hdr-6 hdr-6'

      'men-7 men-7 men-7 men-7 men-7'
      'fin-8 fin-8 fin-8 fin-8 fin-8'

      'pag-9 pag-9 pag-9 pag-9 col-2'

      'm21 m22 m23 m24 col-2'
      'm25 m26 m27 m28 col-2'
      'm29 m30 m31 m32 col-2'
      'm33 m34 m35 m36 col-2'
      'm37 m38 m39 m40 col-2'
      'm41 m42 m43 m44 col-2'
      'm45 m46 m47 m48 col-2'

      'm57 m57 m57 m57 col-2'

      'm58 m59 m60 m61 col-2'
      'm62 m63 m64 m65 col-2'
      'm66 m67 m68 m69 col-2'
      'm70 m71 m72 m73 col-2'

      'line1 line1 line1 line1 col-2'
      'line2 line2 line2 line2 col-2';

    grid-gap: 0px;
    margin: 0;
    background-color: #ffffff;
    padding: 0;
  }
}
/* Aici se termina regulile pentru tableta. */
/* ===== SFARSIT REGULI DOAR PENTRU TABLETA ===== */



/* ===== INCEPUT REGULI DOAR PENTRU MOBIL ===== */
/* Codul de mai jos redeseneaza gridul pentru mobil, pe 3 coloane, cu headerul si sidebarurile rearanjate. */

/* Mobil */

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

  .grid-container {
    display: grid;
    grid-template-columns: 33% 33% 34%;
    grid-template-areas:
      'hdr-1 hdr-1 hdr-1'
      'hdr-4 hdr-4 hdr-4'
      'hdr-3 hdr-3 hdr-3'
      'hdr-5 hdr-5 hdr-5'
      'hdr-6 hdr-6 hdr-6'

      'men-7 men-7 men-7'
      'fin-8 fin-8 fin-8'

      'pag-9 pag-9 pag-9'

         'm21 m22 m23'
         'm24 m25 m26'
         'm27 m28 m29'
         'm30 m31 m32'
         'm33 m34 m35'
         'm36 m37 m38'
         'm39 m40 m41'
         'm42 m43 m44'
         'm45 m46 m47'
         'm48 m49 m50'
         'm51 m52 m53'
         'm54 m55 m56'
 
         'm57 m57 m57'

         'm58 m59 m60'
         'm61 m62 m63'
         'm64 m65 m66'
         'm67 m68 m69'
         'm70 m71 m72'
         'm73 m74 m75'
         
      'col-2 col-2 col-2'
      'line1 line1 line1'
      'line2 line2 line2';
      
      
    grid-gap: 0px;
    margin: 0;
    max-width: 100%;
    overflow-x: hidden;
    background-color: #ffffff;
    padding: 0;
  }

  .item-col-2 {
    display: block;
    grid-area: col-2;
    border: 8px solid #FFFFFF;
    background-color: #F7F7F7;
    font-size: 8px;
    min-width: 0;
  }

  .item-col-2 hr {
    width: 88%;
    margin: 12px auto;
  }

  .item-col-2 .img-center-col2-veroz,
  .item-col-2 .img-center-col2-veroz > a,
  .item-col-2 .img-center-col2-veroz picture,
  .item-col-2 .img-center-col2-veroz picture > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
  }

  .item-col-2 .img-center-col2-veroz img {
    width: 70%;
    max-width: 70%;
    height: auto;
    margin: 0 auto;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .item-hdr-4 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    grid-column: 1 / -1;
    justify-content: center;
    min-height: 120px;
    max-width: 100%;
    overflow: hidden;
    padding: 8px 0;
    width: 100%;
  }

  .item-hdr-4 .img-center-hdr-veroz,
  .item-hdr-4 .img-center-hdr-veroz > a,
  .item-hdr-4 .img-center-hdr-veroz picture {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }

  .item-hdr-4 .img-center-hdr-veroz img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: calc(100% - 80px);
    object-fit: contain;
    object-position: center center;
    padding: 0;
    width: 70vw;
  }

  .item-hdr-3 {
    align-items: center;
    box-sizing: border-box;
    font-size: clamp(34px, 11vw, 45px);
    grid-column: 1 / -1;
    justify-content: center;
    max-width: 100%;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }

  .item-hdr-3 p {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    max-width: 100%;
    width: 100%;
    line-height: 1;
  }

  .item-hdr-3 .title-word {
    display: block;
  }


  /* ===== INCEPUT WIDGET HEADER TITLE/LOGO: adaptare mobil pentru widgeturile din item-hdr-3 si item-hdr-4 ===== */
  .item-hdr-3 .widget {
    max-width: 100%;
    width: 100%;
  }

  .item-hdr-4 .widget,
  .item-hdr-4 .widget a,
  .item-hdr-4 .widget picture,
  .item-hdr-4 .widget figure {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;
  }

  .item-hdr-4 .widget img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: calc(100% - 80px);
    object-fit: contain;
    object-position: center center;
    padding: 0;
    width: 70vw;
  }
  /* ===== SFARSIT WIDGET HEADER TITLE/LOGO: adaptare mobil pentru widgeturile din item-hdr-3 si item-hdr-4 ===== */
}
/* Aici se termina regulile pentru mobil. */
/* ===== SFARSIT REGULI DOAR PENTRU MOBIL ===== */



/*   display: flex;                     permite centrarea mai usoara
     align-items: center;               vertical
     justify-content: center;           orizontal */






/* ===== INCEPUT REGULI GENERALE SUPLIMENTARE ===== */
/* Codul de mai jos controleaza pagina de cautare si evidentierea termenilor cautati. */

.search-page {
  max-width: 920px;
  margin: 24px auto;
  padding: 0 16px 32px 16px;
  font-size: 17px;
  background-color: #ffffff;
}

.search-page h1 {
  color: #003399;
  font-size: 28px;
  margin: 0 0 16px 0;
}

.search-results {
  margin-top: 20px;
}

.search-result {
  border-top: 1px solid #dbeaf0;
  padding: 14px 0;
}

.search-result h2 {
  font-size: 20px;
  margin: 0 0 6px 0;
}

.search-result p {
  margin: 0;
  line-height: 1.45;
}
.search-highlight {
  background-color: #e8e8e8;
  color: #111111;
  font-weight: bold;
  padding: 0 2px;
}
/* Aici se termina regulile suplimentare. */
/* ===== SFARSIT REGULI GENERALE SUPLIMENTARE ===== */

/* ===== WordPress integration helpers ===== */
.wp-grid-main {
  display: contents;
}

/* ===== INCEPUT WIDGETURI: stil comun pentru Main Sidebar, Header Title Widget, Header Logo Widget si Footer Widgets ===== */
.item-col-2 .widget,
.item-line2 .widget {
  margin: 0 0 18px 0;
  padding: 8px;
  box-sizing: border-box;
}

.item-col-2 .widget-title,
.item-line2 .widget-title {
  font-size: 14px;
  margin: 0 0 8px 0;
}

.item-line2 .widget {
  margin-bottom: 0;
}
/* ===== SFARSIT WIDGETURI: stil comun pentru Main Sidebar, Header Title Widget, Header Logo Widget si Footer Widgets ===== */

.entry-content img,
.wp-caption {
  max-width: 100%;
}

.alignleft {
  float: left;
  margin-right: 1em;
}

.alignright {
  float: right;
  margin-left: 1em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.post-navigation,
.posts-navigation,
.pagination {
  margin: 24px 0;
}



/* ===== INCEPUT CORECTIE LAYOUT: doua arii laterale + un singur sidebar ===== */
/* Codul de mai jos confirma explicit modelul cerut: col-1 si col-3 sunt arii laterale goale; col-2 este singurul sidebar. */
.site-main-sidebar {
  grid-area: col-2;
}
.lateral-area-left {
  grid-area: col-1;
}
.lateral-area-right {
  grid-area: col-3;
}

/* Codul de mai jos ascunde ariile laterale pe tableta si mobil, unde spatiul este limitat; sidebarul ramane afisat conform gridului responsive. */
@media only screen and (max-width: 900px) {
  .item-col-1,
  .item-col-3 {
    display: none;
  }
}
/* Aici se termina corectia layoutului cu doua arii laterale si un singur sidebar. */



/* ===== INCEPUT STIL TITLU AUTOMAT PAGINA ===== */
/* Codul de mai jos controleaza titlul automat generat de WordPress in page.php. */
/* Titlul este afisat ca link catre pagina curenta si primeste o culoare similara cu titlurile-link scrise in continutul paginii. */
.item-page-9 .entry-title.page-linked-title {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 28px;
  margin-left: 0;
  padding: 0;
  text-align: left;
  font-size: 32px;
  line-height: 1.2;
  font-weight: bold;
}

/* Codul de mai jos stabileste culoarea normala a linkului din titlul automat al paginii. */
.item-page-9 .entry-title.page-linked-title a,
.item-page-9 .entry-title.page-linked-title a:link,
.item-page-9 .entry-title.page-linked-title a:visited {
  color: #5a168b;
  background-color: transparent;
  text-decoration: none;
}

/* Codul de mai jos stabileste culoarea titlului automat la trecerea mouse-ului peste link. */
.item-page-9 .entry-title.page-linked-title a:hover,
.item-page-9 .entry-title.page-linked-title a:focus {
  color: #0099ff;
  background-color: transparent;
  text-decoration: underline;
}
/* Aici se termina stilizarea titlului automat al paginii. */
/* ===== SFARSIT STIL TITLU AUTOMAT PAGINA ===== */

/* FINAL style.css: aici se termina toate regulile CSS ale temei. */