/**
Theme Name: Kristýn - Astra child
Author: Palec.net
Author URI: https://www.palec.net/
Description: Studio Palec je reklamní, grafické, marketingové, webové, e-shopové a produkční studio. Pod jeho střechou se propojují více než 20leté zkušenosti členů týmu s moderními technologiemi počítačů, mikrofonů, kamer a tiskových strojů.

Astra je plně přizpůsobitelná šablona vhodná pro firemní portfolia a obchodní weby. Je velmi lehká a nabízí bezkonkurenční rychlost. Astra byla vytvořena s ohledem na SEO a nabízí spoustu možností postranního panelu a oblastí widgetů, které poskytují plnou kontrolu nad přizpůsobením. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kristyn-astra-child
Template: astra
*/

:root
{

  --kristyn-gray: #444444;
  --kristyn-lightgray: #c7c7c7;
  --kristyn-whitegray: #f9f9f9;
  --kristyn-muted: #6c757d;
  --kristyn-pink: #e20074;
  --kristyn-darkblue: #16375c;
  --kristyn-yellow: #e89915;
  --kristyn-green: #779b16;
  --kristyn-primary: #8d1913;

  --kristyn-pink-rgb: 226, 0, 116;
  --kristyn-darkblue-rgb: 22, 55, 92;
  --kristyn-yellow-rgb: 232, 153, 21;
  --kristyn-green-rgb: 119, 155, 22;
  --kristyn-primary-rgb: 141, 25, 19;

  --kristyn-darkgray: #333333;
  --kristyn-border-radius: 0.25em;
}


/*
* Barevnosti menu podle kategorie
*/
body.page-id-344.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.page-id-344.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked,
body.parent-pageid-344.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.parent-pageid-344.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked
{
	background: rgba(var(--kristyn-pink-rgb), 0.95);
}

body.page-id-1143.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.page-id-1143.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked,
body.parent-pageid-1143.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.parent-pageid-1143.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked
{
	background: rgba(var(--kristyn-darkblue-rgb), 0.95);
}

body.page-id-1147.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.page-id-1147.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked,
body.parent-pageid-1147.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.parent-pageid-1147.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked
{
	background: rgba(var(--kristyn-yellow-rgb), 0.95);
}

body.page-id-1151.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.page-id-1151.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked,
body.parent-pageid-1151.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.parent-pageid-1151.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked
{
	background: rgba(var(--kristyn-green-rgb), 0.95);
}

body.page-id-1155.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.page-id-1155.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked,
body.parent-pageid-1155.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar,
body.parent-pageid-1155.ast-primary-sticky-enabled .ast-main-header-wrap .main-header-bar.ast-header-sticked
{
	background: rgba(var(--kristyn-primary-rgb), 0.95);
}

/*
* Barevnost submenu - prouzek 
*/

body.page-id-344 .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu,
body.parent-pageid-344 .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu
{
  border-color: var(--kristyn-pink)
}

body.page-id-1143 .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu,
body.parent-pageid-1143 .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu
{
  border-color: var(--kristyn-darkblue)
}

body.page-id-1147 .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu,
body.parent-pageid-1147 .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu
{
  border-color: var(--kristyn-yellow)
}

body.page-id-1151 .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu,
body.parent-pageid-1151 .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu
{
  border-color: var(--kristyn-green)
}

/*
* Barevnost submenu - hover barva pri najeti
*/

body.page-id-344 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link:hover,
body.parent-pageid-344 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link:hover
{
  background: var(--kristyn-pink);
}

body.page-id-1143 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link:hover,
body.parent-pageid-1143 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link:hover
{
  background: var(--kristyn-darkblue);
}

body.page-id-1147 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link:hover,
body.parent-pageid-1147 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link:hover
{
  background: var(--kristyn-yellow);
}

body.page-id-1151 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link:hover,
body.parent-pageid-1151 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link:hover
{
  background: var(--kristyn-green);
}

/*
* Barevnost submenu - barva textu v menu bez najeti
*/

body.page-id-344 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link,
body.parent-pageid-344 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link
{
  color: var(--kristyn-pink);
}

body.page-id-1143 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link,
body.parent-pageid-1143 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link
{
  color: var(--kristyn-darkblue);
}

body.page-id-1147 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link,
body.parent-pageid-1147 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link
{
  color: var(--kristyn-yellow);
}

body.page-id-1151 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link,
body.parent-pageid-1151 .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link
{
  color: var(--kristyn-green);
}


.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link
{
  color: #fff;
}

.ast-builder-menu-1 #ast-hf-menu-1 > .menu-item:hover > .menu-link,
.ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle
{
  color: #fff;
  opacity: 0.7;
}


/*
* Barevnost vysokeho zahlavi pod titulkem H1 s barevnostnim prechodem
* Default je primary korporatni barva, jinak dle kategorie.
*/

.ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"]
{
  background-image: linear-gradient(67deg,rgb(var(--kristyn-primary-rgb)) 42%,rgb(109, 14, 9) 100%);
}

body.page-id-344 .ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"],
body.parent-pageid-344 .ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"]
{
  background-image: linear-gradient(67deg,rgb(var(--kristyn-pink-rgb)) 42%,rgb(177,0,92) 100%);
}

body.page-id-1143 .ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"],
body.parent-pageid-1143 .ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"]
{
  background-image: linear-gradient(67deg,rgb(var(--kristyn-darkblue-rgb)) 42%, rgb(5, 32, 63) 100%);
}

body.page-id-1147 .ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"],
body.parent-pageid-1147 .ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"]
{
  background-image: linear-gradient(67deg,rgb(var(--kristyn-yellow-rgb)) 42%, rgb(158, 101, 4) 100%);
}

body.page-id-1151 .ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"],
body.parent-pageid-1151 .ast-single-entry-banner[data-post-type="page"][data-banner-layout="layout-2"]
{
  background-image: linear-gradient(67deg,rgb(var(--kristyn-green-rgb)) 42%, rgb(88, 118, 4) 100%);
}

:root
{
  --kristyn-menu-icon-size: 25px;
}

/*
* Corporate menu - jednotlive menu sekce s ikonkami vedle odkazu
*/

#secondary_menu-site-navigation-desktop li a,
#ast-hf-menu-3 li a
{
  font-weight: bold;
  transition: .2s;
}

#secondary_menu-site-navigation-desktop li a
{
  padding: 0 1.5em;
}

#secondary_menu-site-navigation-desktop li:first-child a
{
  padding-left: 0.5em;
}

/* Zesvetleni pri najeti */
#secondary_menu-site-navigation-desktop li a:hover,
#ast-hf-menu-3 li a:hover
{
  opacity: 0.7;
}

/* Vsechny odkazy - pozice */
#secondary_menu-site-navigation-desktop li.corporate-menu-kristyn a:before,
#secondary_menu-site-navigation-desktop li.corporate-menu-mobil a:before,
#secondary_menu-site-navigation-desktop li.corporate-menu-pojisteni a:before,
#secondary_menu-site-navigation-desktop li.corporate-menu-energie a:before,
#secondary_menu-site-navigation-desktop li.corporate-menu-it a:before,
#secondary_menu-site-navigation-desktop li.corporate-menu-benefity a:before
{
  width: var(--kristyn-menu-icon-size);
  height: var(--kristyn-menu-icon-size);
  line-height: var(--kristyn-menu-icon-size);
  position: relative;
  z-index: 1;
  left: -10px;
  top: 0px;
}

#secondary_menu-site-navigation-desktop li.corporate-menu-kristyn a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/04/icon_ostatni.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-mobil a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/04/icon_mobil.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-pojisteni a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/04/icon_pojisteni.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-energie a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/04/icon_energie.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-it a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/04/icon_it.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-benefity a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/04/icon_benefity.svg');
}

/* Aktivni odkaz - bile pozadi linku a prislusny barevny font */
#secondary_menu-site-navigation-desktop li.corporate-menu-kristyn.current_page_item a,

#secondary_menu-site-navigation-desktop li.corporate-menu-mobil.current_page_item a,
body.parent-pageid-344 #secondary_menu-site-navigation-desktop li.corporate-menu-mobil a,

#secondary_menu-site-navigation-desktop li.corporate-menu-pojisteni.current_page_item a,
body.parent-pageid-1143 #secondary_menu-site-navigation-desktop li.corporate-menu-pojisteni a,

#secondary_menu-site-navigation-desktop li.corporate-menu-energie.current_page_item a,
body.parent-pageid-1147 #secondary_menu-site-navigation-desktop li.corporate-menu-energie a,

#secondary_menu-site-navigation-desktop li.corporate-menu-it.current_page_item a,
body.parent-pageid-1151 #secondary_menu-site-navigation-desktop li.corporate-menu-it a,

#secondary_menu-site-navigation-desktop li.corporate-menu-benefity.current_page_item a,
body.parent-pageid-1155 #secondary_menu-site-navigation-desktop li.corporate-menu-benefity a,

#ast-hf-menu-3 li.account-menu-osobni a
{
  background-color: white;
  padding: 18px 16px;
  margin-right: 1em;
  height: 30px;
  line-height: 0;
  border-radius: 30px;
}

#secondary_menu-site-navigation-desktop li.corporate-menu-kristyn.current_page_item a
{
  color: var(--kristyn-primary);
}

#secondary_menu-site-navigation-desktop li.corporate-menu-mobil.current_page_item a,
body.parent-pageid-344 #secondary_menu-site-navigation-desktop li.corporate-menu-mobil a
{
  color: var(--kristyn-pink);
}

#secondary_menu-site-navigation-desktop li.corporate-menu-pojisteni.current_page_item a,
body.parent-pageid-1143 #secondary_menu-site-navigation-desktop li.corporate-menu-pojisteni a
{
  color: var(--kristyn-darkblue);
}

#secondary_menu-site-navigation-desktop li.corporate-menu-energie.current_page_item a,
body.parent-pageid-1147 #secondary_menu-site-navigation-desktop li.corporate-menu-energie a
{
  color: var(--kristyn-yellow);
}

#secondary_menu-site-navigation-desktop li.corporate-menu-it.current_page_item a,
body.parent-pageid-1151 #secondary_menu-site-navigation-desktop li.corporate-menu-it a
{
  color: var(--kristyn-green);
}

#secondary_menu-site-navigation-desktop li.corporate-menu-benefity.current_page_item a,
body.parent-pageid-1155 #secondary_menu-site-navigation-desktop li.corporate-menu-benefity a
{
  color: var(--kristyn-primary);
}

/* Aktivni odkaz -  zmena ikony na barevnou */
#secondary_menu-site-navigation-desktop li.corporate-menu-kristyn.current_page_item a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/05/icon_home_hover.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-mobil.current_page_item a:before,
body.parent-pageid-344 #secondary_menu-site-navigation-desktop li.corporate-menu-mobil a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/05/icon_mobil_hover.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-pojisteni.current_page_item a:before,
body.parent-pageid-1143 #secondary_menu-site-navigation-desktop li.corporate-menu-pojisteni a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/05/icon_pojisteni_hover.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-energie.current_page_item a:before,
body.parent-pageid-1147 #secondary_menu-site-navigation-desktop li.corporate-menu-energie a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/05/icon_energie_hover.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-it.current_page_item a:before,
body.parent-pageid-1151 #secondary_menu-site-navigation-desktop li.corporate-menu-it a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/05/icon_it_hover.svg');
}

#secondary_menu-site-navigation-desktop li.corporate-menu-benefity.current_page_item a:before,
body.parent-pageid-1155 #secondary_menu-site-navigation-desktop li.corporate-menu-benefity a:before
{
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/05/icon_benefity_hover.svg');
}

/*
* Footer - zapati 4 sloupcu
*/

/* Zpruhledneni loga a dalsich nadpisu ve sloupcich */
.site-footer-primary-section-1 .uagb-infobox__content-wrap .uagb-ifb-image-content > img
{
  opacity: 0.5;
}

/* Account menu - pipeline pred druhem Osobni/Firmy/Cirkevni */
#ast-hf-menu-3 li:not(.account-menu-prihlasit) a:before
{
  content: "|";
  position: relative;
  z-index: 1;
  left: -5px;
  top: 0px;
}

/* Account menu - ikona login pred prihlasenim */
#ast-hf-menu-3 li.account-menu-prihlasit a:before
{
  width: var(--kristyn-menu-icon-size);
  height: var(--kristyn-menu-icon-size);
  line-height: var(--kristyn-menu-icon-size);
  position: relative;
  z-index: 1;
  left: -10px;
  top: 0px;
  content: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/05/icon_menu_login.svg');
}

/* Account menu - aktivni odkaz - bile pozadi */
#ast-hf-menu-3 li.account-menu-osobni a
{
  color: var(--ast-global-color-2);
}


/*
 * zapati pravy sloupec
*/

.newsletter-form
{
  line-height: 1.25;
  width: 100%;
  margin-top: 2em;
}

.newsletter-form form {
  position: relative;
  width: 100%;
}

.icon-desc
{
  font-weight: bold;
  font-size: small;
  /*vertical-align: sub;*/
  color: white;
}

.newsletter-form input
{
  width: 100%;
  border-radius: 100px;
  padding: 10px 120px 10px 20px;
  line-height: 1;
  box-sizing: border-box;
  outline: none;
}

input.newsletter-input,
input.newsletter-input:focus
{
  background-color: var(--kristyn-darkgray);
  border: none;
  color: white;
  font-size: 16px;
}

.newsletter-form input::placeholder
{
  font-family: var(--bs-font-sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: #a1a1a1;
  background-image: url('https://hosting.i2ginfra.cz/~kristyn/wp-content/uploads/2023/05/send_email.svg');
  text-indent: 50px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 30px;
}

.newsletter-form button
{
  position: absolute;
  right: 3px;
  top: 3px;
  bottom: 3px;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0 20px;
  z-index: 2;
  opacity: 1;
  transition: 0.2s;

  background-color: var(--kristyn-green);
  color: var(--kristyn-darkgray);
  font-size: 12px;
  text-transform: uppercase;
}

/*
* Zmena rozvrzeni sloupcu v zapati na jiny pomer
*/

.ast-builder-grid-row-4-equal .ast-builder-grid-row
{
  grid-template-columns: 1fr 1fr 1.5fr 2fr;
}

/* pravy sloupec zapati - FB + RSS 
*/

.mt-3
{
	margin-top: 1em;
}

.row-footer
{
	display: flex;
  flex-wrap: wrap;
}

.fb-rss
{
	margin-top: 2em;
  line-height: 1.25;
}

.col-6-footer
{
    width: 50%;
}

.fb-rss .fb img,
.fb-rss .rss img
{
    float: left;
    width: 42px;
}

.fb-rss a
{
	color: white;
	text-decoration: none;
}

.fb-rss img
{
    margin-right: 10px;
}

/* Zapati pravy sloupec - pocitadla */
.footer-counter
{
  color: #a1a1a1;
  text-transform: uppercase;
  line-height: 1;
}

.footer-number
{
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 8px;
}

.footer-desc
{
  font-size: 18px;
  font-weight: 400;
}

/*
* Pod zapatim - Copyright sekce + Social icons sekce
*/
.site-below-footer-inner-wrap .site-footer-below-section-1 .ast-footer-copyright,
.site-below-footer-inner-wrap .site-footer-below-section-2
{
	font-size: 14px
}

.site-below-footer-inner-wrap,
.site-below-footer-inner-wrap a
{
	color: white;
}


.site-below-footer-inner-wrap a:hover
{
	text-decoration: underline;
}

.social-box a:hover img
{
	opacity: 0.7;
}

.social-box ul.social-row
{
    margin-bottom: 0;
    padding-left: 0;
}

.social-box ul.social-row li:not(:last-child)
{
    margin-right: 8px;
}

.social-box ul.social-row li
{
    display: inline-block;
}

.social-box img
{
    height: 20px;
    width: auto;
    vertical-align: middle;
}

.social-box ul.social-row li span
{
    margin-left: 5px;
}

/*
* Aktuality HP
*/

/*
.uagb-post-grid.hp_aktuality.is-grid.uagb-post__image-position-top .uagb-post__inner-wrap
{
	display: flex;
	flex-flow: column wrap;
	max-height: 250px;
}

.uagb-post-grid.hp_aktuality.is-grid.uagb-post__image-position-top .uagb-post__image
{
	width: 50%;
	height: 100%;
}

.uagb-post-grid.hp_aktuality .uagb-post__title
{
	width: 50%;
}
*/

.uagb-post-grid.hp_aktuality.is-grid.uagb-post__image-position-top .uagb-post__inner-wrap
{
	display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: min-content;
  grid-gap: 10px;

  max-height: 250px;
}

.uagb-post-grid.hp_aktuality.is-grid.uagb-post__image-position-top .uagb-post__image
{
	grid-column: span 1;
  grid-row: span 3;
}

.uagb-post-grid.hp_aktuality.is-grid.uagb-post__image-position-top .uagb-post__image img
{
	filter: grayscale(1);
	border-radius: 5px;
	box-shadow: #c5c5c5 2px 2px 4px;
	transition: .1s ease;
}

.uagb-post-grid.hp_aktuality.is-grid.uagb-post__image-position-top .uagb-post__inner-wrap:hover img
{
	filter: none;
}

.hp_aktuality.is-grid .uagb-post__inner-wrap .uagb-post__image:first-child {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.hp_aktuality .uagb-post__text.uagb-post__cta
{
  grid-column: span 1;
  padding-bottom: 30px;
}

.uagb-post-grid.hp_aktuality .uagb-post__text.uagb-post-grid-byline
{
	display: none;
}

.hp_aktuality .uagb-post__title
{
	padding-bottom: 0;
}

.hp_aktuality a.wp-block-button__link.uagb-text-link:hover
{
	text-decoration: none;
}

.uagb-post-grid.hp_aktuality .uagb-post__text
{
	grid-column: span 1;
  padding-left: 10px;
}

@media screen and (max-width: 1024px)
{
  .hp-aktuality.is-grid.uagb-post__items
  {
    row-gap: 10px;
    column-gap: 10px;
  }
}