/**
Theme Name: Dini Mini
Author: Dini Mini
Description: Nagy jövő kis lábakon
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: dinimini
Template: astra
*/

/* header */
.site-primary-header-wrap.ast-container {
	max-width: 1160px !important;
}

.ast-logo-title-inline .ast-site-identity {
  padding: 0.55em 0;
}

.site-header-primary-section-right {
	display:  none !important;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* header navmenu */
.ast-theme-transparent-header .main-header-menu .menu-link {
  /*color: #292E88 !important;*/
  color: #34349C !important;
  font-size: 18px !important;
}


.site-primary-header-wrap.ast-container .ast-builder-grid-row.ast-grid-center-col-layout {
  grid-template-columns: none !important;
}

.site-primary-header-wrap.ast-container .ast-builder-grid-row.ast-grid-center-col-layout.ast-builder-grid-row {
	grid-template-columns: auto auto !important;
}

.ast-builder-menu-1.ast-builder-menu,
.header-main-layout-1 .ast-main-header-bar-alignment,
.main-navigation.ast-inline-flex,
.main-navigation.ast-inline-flex ul#ast-hf-menu-1 {
	width: 100% !important;
}

.header-main-layout-1 .ast-main-header-bar-alignment {
  margin-left: 0px !important;
}


nav#primary-site-navigation ul#ast-hf-menu-1 {
	position:  relative;
}

#menu-item-1222, 
#menu-item-1223, 
#menu-item-1224 {
	position:  absolute;
	height: 70px;
}

#menu-item-1224 {
	right: 0px;
}

#menu-item-1224 a {
	color: #fff !important;
	padding: 10px 18px;
	background-color: #34349C !important;
	height: 45px;
	font-size: 18px !important;
}

#menu-item-1224 a:hover {
	color: #fff !important;
	background-color: #424699 !important;
}

#menu-item-1224 {
	right: 0px;
	color: #fff !important;
}

#menu-item-1223 {
	right: 130px;
}

#menu-item-1222 {
	right: 180px;
}

.ast-theme-transparent-header .main-header-menu .menu-link:hover {
  color: #F25C54 !important;
}

/* mobile menu */
.mobmenur-container i {
  color: #34349C !important;
}

.mob-menu-logo-holder {
  text-align: left !important;
}

.mobmenu-content #mobmenuright li:hover {
  background-color: #B5E9EE !important;
}

.mobmenu-content #mobmenuright > li > a:hover {
  background-color: transparent !important;
}

#mobmenuright li a,
#mobmenuright li a:hover {
  color: #54595F !important;
}

/* non-homepage headers */
#frontpage_hero_bg.non-frontpage-header {
	max-height: 400px !important;
}

/* footer */
.dinimini_footerlogo {
	width:  150px;
	height: auto;
}

.site-footer-section-1 #block-7 .wp-block-image.size-full {
	margin-top: 0.5rem !important;
}

.site-footer-section-2 #block-13 h4 {	
	text-align: left !important;
}

.site-footer-section-3 #block-14.widget,
.site-footer-section-4 #block-10.widget {
	margin-bottom: 10px !important;
}

.site-footer-section-4 .footer-social-inner-wrap {
	float: left;
}

/* gradients */
#frontpage_hero_bg {
	background: rgb(180,232,238);
	background: linear-gradient(45deg, rgba(180,232,238,1) 0%, rgba(180,232,238,1) 39%, rgba(239,153,198,1) 100%);
}

#frontpage-bottom-block {
	background: rgb(239,153,198);
	background: linear-gradient(45deg, rgba(239,153,198,1) 0%, rgba(239,153,198,1) 35%, rgba(180,232,238,1) 66%, rgba(180,232,238,1) 100%);
}

/* frontpage hero */
#frontpage_hero_bg,
#frontpage-bottom-block {
	position: relative;
}

/* geometric pattern */
#frontpage_hero_bg:before,
#frontpage-bottom-block:before {
	content: '';
	position: absolute;
	left: 0px;
	top:  0px;
	background-image: url('/wp-content/uploads/2022/05/pattern_grayscale_300x300.png');
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	opacity: 0.15;
}

#dinimini-frontpage-hero-left-col,
#dinimini-frontpage-hero-right-col {
	position: relative;
}

#dinimini-frontpage-hero-heading span#toprow,
#dinimini-frontpage-hero-heading span#bottomrow {
	white-space: nowrap;
}

#dinimini-frontpage-hero-heading br#hero-heading-responsivebreak {
	display: block;
}

#dinimini-frontpage-hero-txt {

}

/* hero parallax + responsive */
@media screen and (max-width: 767px) {
	#dinimini_hero_parallax-dino-girl,
	#dinimini_hero_parallax-dino-girl img {
		width: 99px;
		height: 120px;
		left: 1%;
		bottom: 0%;
	}

	#dinimini_hero_parallax-cipo-girl,
	#dinimini_hero_parallax-cipo-girl img {
		width: 99px;
		height: 69px;
		left: 15%;
		bottom: -100%;
	} 

	#dinimini_hero_parallax-dino-boy,
	#dinimini_hero_parallax-dino-boy img {
		width: 110px;
		height: 120px;
		right: 1%;
		bottom: 0%;
	}

	#dinimini_hero_parallax-cipo-boy,
	#dinimini_hero_parallax-cipo-boy img {
		width: 85px;
		height: 75px;
		right: 24%;
		bottom: -130%;
	} 
}

@media screen and (min-width: 768px) and (max-width: 921px) {
	#dinimini_hero_parallax-dino-girl,
	#dinimini_hero_parallax-dino-girl img {
		width: 145px;
		height: 175px;
		left: -30%;
	}

	#dinimini_hero_parallax-cipo-girl,
	#dinimini_hero_parallax-cipo-girl img {
		width: 115px;
		height: 80px;
		left: 5%;
		bottom: 22%;
	} 

	#dinimini_hero_parallax-dino-boy,
	#dinimini_hero_parallax-dino-boy img {
		width: 160px;
		height: 175px;
		right: -74%;
	}

	#dinimini_hero_parallax-cipo-boy,
	#dinimini_hero_parallax-cipo-boy img {
		width: 103px;
		height: 90px;
		right: -15%;
		bottom: 22%;
	} 
}


@media screen and (min-width: 922px) and (max-width: 1024px) {
	#menu-item-726 {
		margin-left: -250px;
	}

	#dinimini_hero_parallax-dino-girl,
	#dinimini_hero_parallax-dino-girl img {
		width: 145px;
		height: 175px;
		left: -30%;
	}

	#dinimini_hero_parallax-cipo-girl,
	#dinimini_hero_parallax-cipo-girl img {
		width: 115px;
		height: 80px;
		left: 5%;
		bottom: 30%;
	} 

	#dinimini_hero_parallax-dino-boy,
	#dinimini_hero_parallax-dino-boy img {
		width: 160px;
		height: 175px;
		right: -72%;
	}

	#dinimini_hero_parallax-cipo-boy,
	#dinimini_hero_parallax-cipo-boy img {
		width: 103px;
		height: 90px;
		right: -15%;
		bottom: 30%;
	} 
}

@media screen and (min-width: 1025px) and (max-width: 1367px) {
	#menu-item-726 {
		margin-left: -175px;
	}

	#dinimini_hero_parallax-dino-girl,
	#dinimini_hero_parallax-dino-girl img {
		width: 165px;
		height: 200px;
		left: -25%;
	}

	#dinimini_hero_parallax-cipo-girl,
	#dinimini_hero_parallax-cipo-girl img {
		width: 165px;
		height: 115px;
		left: -5%;
		bottom: 35%;
	} 

	#dinimini_hero_parallax-dino-boy,
	#dinimini_hero_parallax-dino-boy img {
		width: 185px;
		height: 200px;
		right: 2%;
	}

	#dinimini_hero_parallax-cipo-boy,
	#dinimini_hero_parallax-cipo-boy img {
		width: 140px;
		height: 125px;
		right: 35%;
		bottom: 35%;
	} 
}

@media screen and (min-width: 1368px) and (max-width:  1499px) {
	#menu-item-726 {
		margin-left: -200px;
	}

	#dinimini_hero_parallax-dino-girl {
		width: 165px;
		height: 200px;
		left: -15%;
	}

	#dinimini_hero_parallax-cipo-girl {
		width: 165px;
		height: 115px;
		left: 15%;
		bottom: 40%;
	} 

	#dinimini_hero_parallax-dino-boy {
		width: 185px;
		height: 200px;
		right: -15%;
	}

	#dinimini_hero_parallax-cipo-boy {
		width: 140px;
		height: 125px;
		right: 20%;
		bottom: 45%;
	} 
}

@media screen and (min-width: 1500px) {
	#menu-item-726 {
		margin-left: -200px;
	}

	#dinimini_hero_parallax-dino-girl {
		width: 165px;
		height: 200px;
		left: -15%;
	}

	#dinimini_hero_parallax-cipo-girl {
		width: 165px;
		height: 115px;
		left: 15%;
		bottom: 40%;
	} 

	#dinimini_hero_parallax-dino-boy {
		width: 185px;
		height: 200px;
		right: -25%;
	}

	#dinimini_hero_parallax-cipo-boy {
		width: 140px;
		height: 125px;
		right: 15%;
		bottom: 45%;
	} 
}

/* frontpage - termekek */
#frontpage-product-list .astra-shop-summary-wrap .price {
	display:  none !important;
}

#frontpage-product-list .ast-loop-product__link h2.woocommerce-loop-product__title {
	font-size: 1.4em !important;
	color: #34349C !important;
	text-align: center !important;
}

a.woocommerce-loop-product__link {
	background-color: rgba(183, 233, 239, 0.4);
	transition: background-color 0.3s linear;
}

a.woocommerce-loop-product__link:hover {
	background-color: rgba(183, 233, 239, 1);
	transition: background-color 0.3s linear;
}

/* DCF4F7 
220, 244, 247*/

/* 
B7E9EF
183, 233, 239*/

/* frontpage - partnerek */
#partnerek-leftblock-descr .elementor-widget-container {
	padding-bottom: 0px !important;
}

#partnerek-leftblock-price-top,
#partnerek-leftblock-price-bottom,
/*#partnerek-leftblock-btn,*/
#partnerek-rightblock-top-price-orig,
#partnerek-rightblock-top-price-current,
#partnerek-rightblock-top-descr,
#partnerek-rightblock-bottom-price-orig,
#partnerek-rightblock-bottom-price-current,
#partnerek-rightblock-bottom-descr {
	display:  none !important;
}

#partnerek-rightblock-ddstep-left-col,
#partnerek-rightblock-ponte20-left-col {
	position:  relative;
}

/* DD Step */
#partnerek-rightblock-ddstep-left-col:before {
	content: '';
	position:  absolute;
	left: 50%;
	top: 50%;
	transform:  translateX(-50%) translateY(-50%);
	height: 175px;
	width: 138px;
	background-image: url('/wp-content/uploads/2022/04/ddstep_zsiraf.png')
}

/* Ponte20*/
#partnerek-rightblock-ponte20-left-col:before {
	content: '';
	position:  absolute;
	left: 15%;
	bottom: 0%;
	/*transform:  translateX(-50%) translateY(-50%);*/
	height: 90px;
	width: 75px;
	background-image: url('/wp-content/uploads/2022/05/ponte20_level_vertical_grn.png')
}

#partnerek-rightblock-ponte20-left-col:after {
	content: '';
	position:  absolute;
	left: 25%;
	top: 0%;
	/*transform:  translateX(-50%) translateY(-50%);*/
	height: 36px;
	width: 120px;
	background-image: url('/wp-content/uploads/2022/05/ponte20_level_horizontal_wht.png')
}


#partnerek-rightblock-ddstep-right-col,
#partnerek-rightblock-ponte20-right-col {
	position: relative
}

#partner-ddstep-meretek,
#partner-ponte20-meretek {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

/*
#partnerek-leftblock-btn a,
#partner-ddstep-meretek a,
#partner-ponte20-meretek a {
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}*/

#partnerek-leftblock-btn a {
	background-color: transparent !important;
	color: #fff !important;
	padding:  0px !important;
}

#partnerek-leftblock-btn a .elementor-button-text,
#ddstep-partner-meret-link,
#ponte20-partner-meret-link {
	text-transform:  none !important;
	font-size:  15px !important;
	line-height: 15px !important;
	font-weight: 400 !important;
}

#ddstep-partner-meret-link {
	color: #fff;
}

#ponte20-partner-meret-link {
	color: #009943;
}

#partnerek-leftblock-btn a:hover,
#ddstep-partner-meret-link:hover,
#ponte20-partner-meret-link:hover {
	color: #34349C !important;
}

/* responsive */
@media screen and (max-width: 767px) {
/* footer layout */
	.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row {
	  grid-template-columns: 1fr !important;
	}
	.site-footer-section-1 #block-7 figure {
		margin-left: auto;
		margin-right: auto;
	}


	.site-footer-section-2 #block-13 h4,
	.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner,
	.site-footer-section-4 #block-10,
	.site-footer-section-4 #block-12,
	.site-footer-section-3 #block-14,
	.site-footer-section-3 #block-15,
	.ast-footer-copyright {
	  		text-align: center !important
	}

	ul#astra-footer-menu {
		justify-content: center;
		margin-bottom: 1.75em !important;
	}

	.footer-social-inner-wrap {
		position: relative;
	  left: 50%;
  	transform: translateX(-50%);
	}

	/*.site-footer-section-3 #block-14 h4 {
		margin-bottom: 1.75em !important;
	}*/

/* products */
	#frontpage_product_cat_shortcode {
		display: flex;
		justify-content: center;
	}

	#frontpage_product_cat_shortcode .woocommerce ul.products:not(.elementor-grid){
		grid-template-columns: repeat(2,1fr);	
	}

	#frontpage_product_cat_shortcode li.ast-article-single.product {
		max-width: 175px !important;
	}

	#partners-leftblock {
		height: ;
	}

	#partners-rightblock-top {
		height: ;
	}

	#partnerek-rightblock-ddstep-left-col,
	#partnerek-rightblock-ponte20-left-col {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	#partners-rightblock-bottom {
		height: ;
	}

	#partner-szamos-kolyok-logo {
		max-height: 250px !important;
		width: auto !important;
		margin-left: auto;
		margin-right: auto;
	}

/* DD Step */
	#partnerek-rightblock-ddstep-left-col:before {
		height: 135px;
		width: 106px;
		background-size: cover;
	}

/* Ponte 20*/
	#partnerek-rightblock-ponte20-left-col:before {
		height: 55px;
		width: 66px;
		left: auto !important;
		right: 0% !important;
		background-size: cover;
		background-image: url('/wp-content/uploads/2022/05/ponte20_level_vertical_grn_rotate.png')
	}

	#partnerek-rightblock-ponte20-right-col {
		height: 200px;
	}

	#partnerek-rightblock-ponte20-right-col img {
		max-width: 165px;
		height: auto;
	}

	#partner-ddstep-meretek,
	#partner-ponte20-meretek {
		bottom: 4px !important;
	}
}

@media screen and (min-width: 768px) {
	ul#astra-footer-menu li a,
	#footer-info-link,
	#footer-email,
	#footer-phone {
		white-space: nowrap !important;
		text-decoration: none !important;
	}

		#frontpage_product_cat_shortcode .woocommerce ul.products:not(.elementor-grid){
		grid-template-columns: repeat(4,1fr);	
	}

	#frontpage_product_cat_shortcode li.ast-article-single.product {
		max-width: 200px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 921px) {
	/* header */
	#masthead .ast-mobile-header-wrap .ast-primary-header-bar {
		padding-left: 40px !important;
	}

	/* footer */
	.ast-hfb-header .site-footer {
		padding-left: 40px !important;
	}

	#astra-footer-menu .menu-item > a {
		padding-left:  0px !important;
	}
}

@media screen and (max-width:  921px) {
/* mobile menu */
	.mob-menu-logo-holder {
		padding-left: 40px !important;
	}

	.mob-menu-logo-holder a img {
		transform: translateY(8px);
	}
}

@media screen and (min-width: 922px) and (max-width: 1023px) {
	/* header */
	.site-primary-header-wrap.ast-container {
		padding-left: 40px !important;
	}

	/* footer */
	.ast-hfb-header .site-footer {
		padding-left: 40px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* header */
	#partnerek-leftblock-price-top,
	#partnerek-leftblock-price-bottom {
		display:  none !important;
	}

	#partners-leftblock {
		height: 350px;
	}

	#dinimini-brands-rightblock .elementor-widget-wrap.elementor-element-populated {
		align-content: start !important;
	}

	#partners-rightblock-top {
		margin-bottom: 20px !important;
	}

	#partners-rightblock-top,
	#partnerek-rightblock-ddstep-left-col,
	#partnerek-rightblock-ponte20-left-col {
		height: 165px;
	}

	#partners-rightblock-bottom {
		height: 165px;
	}

/* DD Step */
	#partnerek-rightblock-ddstep-left-col:before {
		height: 135px;
		width: 106px;
		background-size: cover;
	}

/* Ponte 20*/
#partnerek-rightblock-ponte20-left-col:before {
	height: 66px;
	width: 55px;
	background-size: cover;
}

#partnerek-rightblock-ponte20-left-col:after {
	height: 30px;
	width: 100px;
	background-size: cover;
	}
}

@media screen and (min-width: 1024px) {
	/* footer */
	.ast-hfb-header .site-footer {
		padding-left: 40px !important;
	}

	.site-primary-header-wrap.ast-container {
		max-width: 1160px !important;
		padding-left: 12px !important;
	}

	#partners-leftblock {
		height: 440px;
	}

	#partners-rightblock-top,
	#partnerek-rightblock-ddstep-left-col,
	#partnerek-rightblock-ponte20-left-col {
		height: 210px ;
	}

	#partners-rightblock-bottom {
		height: 210px;
	}

	#partnerek-rightblock-ddstep-left-col:before {
		height: 175px;
		width: 138px;
	}
}

/* frontpage - testimonial */
#testimonial_velemenyek {
	display:  none !important;
}

/* footer nyitvatarás */
#footer-nyitvatartas {
	margin-bottom: 0px !important;
}

.site-footer-section-1 #block-7 {
	margin-bottom: 0px !important;
}

@media screen and (max-width: 767px) {
	.site-footer-section-1 #block-18 p {
		text-align: center !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.site-footer-section-1 #block-18 p {
		font-size: 12px !important;
	}
}5