/******************************************************************
Theme Name: Päijät-Hämeen Ateriapalvelu
Author: ArtCloud Oy
Author URI: https://www.artcloud.fi
Version: 3.0.2
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paijatateria
******************************************************************/

/* 
#site-banner.has-background--image{
	    background-size: contain;
    background-position: left;
    margin: 0 3.9375rem;
} */

/* .vertical-label-card{
	display: flex;
} */
.vertical-label {
  background-color: #007A33; 
  color: #fff;
   padding: 5px 10px;
  font-weight: 500;
 /* transform: rotate(-90deg);  
  transform-origin: left top; 
  display: inline-block;
  white-space: nowrap;        
  margin-right: 10px;       
	    height: fit-content; */
}

.page-section-list li a{
	text-decoration: none;
}

.number-icon{
	    background-color: #000000;
    color: #ffffff;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.is-content-justification-center{
	justify-content: center;
}

.page-id-5318 .column.tablet-4.xlarge-3{
	display: none;
}
.page-id-5318 .column.tablet-8.xlarge-9{
	width: 100%;
}

@media (max-width: 780px) {

.mittarit-list{
	display: flex;
	gap: 10px;
}
	.bg-image-section{
	    padding-right: 20px !important;
    padding-left: 20px !important;
}

}

.number-section .wp-block-column{
	padding-left: 60px;
    position: relative;
}

.number-section .wp-block-column .number-icon{
	    position: absolute;
    left: 0;
}

.number-section .wp-block-column:before{
	    content: "";
    position: absolute;
    left: 20px;
    height: 100%;
    border-left: 2px solid #00B74A;
}

#site-navigation .menu__item.has-children>.item>a,
#site-navigation .menu__item.has-children>.item>button{
   margin: 4px !important;
}
#site-navigation .menu__item.has-children {
    margin-right: 4px !important;
}

@media (min-width: 64em) {
.header .search-form {
    top: 13% !important;
}
}

@media (min-width: 960px) and (max-width: 1150px) {
	.header .search-form {
    top: 15% !important;
}
	#site-navigation .menu--primary{
		flex-wrap: wrap;
	}
	#site-navigation .menu--primary>.menu__item>.item>a {
    padding-bottom: 8px !important;
}
}