/* Äitienpäivä 2025 */

.pad-kaikki {
	padding: 1.5rem;
}	

/*yleiset*/
h3, h4, h5, h6 {
	    font-family: var(--fontbody);
}

h3, h4 {
	font-weight: 400;
	
}

h1, h2 {
	letter-spacing:-2.1px;
	font-weight:600;
	color: var(--color5);
	line-height: 1.2;
}

h2 span, h1 span {
	/*font-weight: 600;*/
	color: var(--color1);
}

#bottom h2 {
	color: var(--color1);
}

p {
	font-size:16px;
}


#main-content h1, #main-content h2 {
    font-size: 3.9rem;
}

#main-content .boxlist h2 {
    font-size: 2.3rem;
}

.max-lev {
	/*max-width: 1370px;*/
	max-width: 1000px;
	margin: auto;
}

.marg-top {
	margin-top: -5rem;
}

.btn {
    border-radius: 0rem;
	}


#main-content {
	background: url(/media/images/m-tausta2-01.png);
        background-size: 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
}
/*header*/	
.site-header__top {
    padding: 0rem 0;
    min-height: 30px;
	font-size: 0.8rem;
	}
	
.nav-gradient .site-header .sticky {
    background: var(--color2) !important;
}

#header .d-flex {
    margin-top: -25px;
}

.site-header__logo img {
    padding-bottom: 10px;
}

/*nav*/

.desktop-main-menu li.level1>a {
    padding: 0.5rem 0.9em;
}

.nav-gradient .site-header__bottom .desktop-main-menu li.level1>a:hover {
	color: var(--color1);
}

.nav-gradient .site-header .sticky .desktop-main-menu li.level1>a {
    color: var(--color5);
}

@media (min-width: 991.98px) {
#header .d-flex {
    display: block!important;
    display: block!important;
	text-align:center;
	margin-top: 0px;
}
.sticky .mr-1 {
    display: none;
}
}

/*showcase*/
/*.hero-slider__overlay {
	background-color: rgba(0, 0, 0, 0.6);
}*/
.hero-slider__overlay:after {
	content: '';
    padding: 65%;
    position: absolute;
    bottom: 0;
    background-image: url(/media/images/alareuna0.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
	margin-bottom: -1px;
}

.hero-slider__text-content_inner h3 {
    color: var(--color1);
}

.hero-slider__item .hero-slider__text-content {
	 padding: 15rem 2rem 15rem 2rem;
}

body:not(.sivu1) .hero-slider__text-content {
    padding: 12rem 2rem 8rem 2rem;
}

.sivu1 #showcase h2 {
    font-size: 4.5rem;
}
.sivu1 #showcase h2 span {
    color: var(--color1);
}
.sivu1 #showcase h3 {
    color:#fff;
}

/*main-before / tarjous */
#main-before {
    max-width: 1000px;
    margin: auto;
    -webkit-box-shadow: 3px 3px 6px rgb(0 0 0 / 8%);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.075);
    box-shadow: 3px 3px 6px rgb(0 0 0 / 8%);
    /* padding-bottom: 10px; */
    margin-bottom: 10px;
	margin-top: -150px;
}

#main-before .tarjous h2 {
    top: 42px;
    color: var(--color3);
    left: 39px;
	z-index:1;
}
#main-before .tarjous h3 {
    top: 100px;
    color: var(--color1);
    left: 39px;
	z-index:1;
	    font-weight: 600;
}
#main-before .tarjous h4 {
    top: 161px;
    color: var(--color3);
    left: 39px;
	font-size: 70px;
	z-index:1;
}

#main-before .tarjous p img {
    bottom: 117px;
    right: 39px;
}

#main-before .tarjous .ingress {
    order: 20;
}

.tarjous {
	background-color: #eaefe7;
	position: relative;
	padding: 42px 20px 20px 39px;
}

#main-before .col-lg-8 {
	background-color: #eaefe7;
}

#main-before .editor-content__col {
    margin-bottom: 0rem;
}

#main-before .content-section {
    padding: 0;
}
#main-before .editor-content__item {
	display:flex;
	flex-flow: row;
	flex-wrap: wrap;
}
#main-before .editor-content__row {
    margin-bottom: 0rem!important;
    z-index: 2;
    position: relative;
    background: #ffffff;
}

#main-before .editor-content__item-img-holder img {
    left: 1px;
	}

#main-before .editor-content__item-img-holder {
	order: 2;
}
#main-before img {
	max-width:300px;
}
#main-before .editor-content__item-editor, #main-before h2, #main-before h5 {
	flex: 0 0 100%;
}
 #main-before h5 {text-align:center;}
 
 .paiva {
 
 }

/*lounas*/

.paivanlounas {
	padding: 40px;
}

.otsikko {
    display: block!important;
	position: absolute;
	padding: 40px 40px 0px;
}

.sivu48 .otsikko {
	display:none!important;
}

.sivu48 .tarjous {
	display:none!important;
}

.sivu48 #main-content .lounaslista .row {
	max-width: 1000px;
	margin: auto!important;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid #eee;
	padding-top:40px;
}

.sivu48 #main-content .lounaslista .row:last-child {
	border:0;
}
.sivu48 #main-content .lounaslista .row:first-child {
	padding-top:0;
}
.sivu48 #main-content .lounaslista h2 {
	font-size:2rem;
}

#main-before .day1,
#main-before .day2,
#main-before .day3,
#main-before .day4,
#main-before .day5,
#main-before .day6,
#main-before .day7 {
    padding: 97px 40px 40px;
}

#main-content .day1 .btn,
#main-content .day2 .btn,
#main-content .day3 .btn,
#main-content .day4 .btn,
#main-content .day5 .btn,
#main-content .day6 .btn,
#main-content .day7 .btn {
	display:none;
}

#main-before .mb-4 {
    margin-bottom: -1rem !important;
}


/*ala carte lista*/
.sivu49 .editor-content__item-img-holder img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: contain;
    font-family: "object-fit: contain";
}

#main-content .alacarte h2 {
    font-size: 1.3rem;
}

#main-content .alacarte h3 {
    font-size: 1.7rem;
}

.col-md-4.alacarte {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}

.alacarte .ingress {
   	position: absolute;
    top: 55%;
    left: 75%;
    transform: translate(-25%, -45%);
}

.alacarte h5.ingress {
	font-size: 16px;
}

#main-content .lasten h2 {
	font-size: 2.5rem;
}

#main-before .btn {
	margin-top:20px;
}

#main-before .viikko {
	padding: 42px 0 20px 0;
}

#main-before .container {
	background:#fff;
	z-index:50;
	position:relative;
}

/*boxit*/
.boxlist {
	    margin-top: -5rem!important;
		margin-bottom: -5rem!important;
}

.img-collage .boxlist-item p {
    display: block !important;
	padding-left: 10px;
	padding-right: 10px;
}

.img-collage .boxlist .boxlist-item {
    background-color: var(--color1);
}

.img-collage .boxlist-item__img-holder:before {
    background: transparent!important;
	opacity: 0!important;
}

/*.site-footer {
	background-image: url(/media/images/f-tausta-01.png );
	background-position: bottom right;
	background-size: 80%;
    background-repeat: no-repeat;
}*/

.site-footer .col-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}

#bottom .basic-form {
    max-width: 800px;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;

}

/*RESPO*/

@media (max-width: 1299px) {
.desktop-main-menu a {
    font-size: 0.80rem;
}
}

@media (max-width: 1199.98px) {
.desktop-main-menu li.level1>a {
    padding: 0.5rem 0.6rem;
}
}

@media (max-width: 1176px) {
.alacarte .ingress {
    top: 51%;
}
}

@media (max-width: 1024px) {
.sivu1 #showcase h2 {
    font-size: 4rem;
}
}


@media (max-width: 991.98px) {
.sivu1 #showcase h2 {
    font-size: 3.5rem;
}
#main-content h1, #main-content h2 {
    font-size: 3.2rem;
}
#main-content .basic-form {
    padding: 2rem 0rem 2rem 0rem;
}
#header .d-flex {
    margin-top: 3px;
}
.nav-gradient .site-header__bottom svg {
    color: var(--color1);
}
.hero-slider__item .hero-slider__text-content {
    padding: 120px 0px;
}
#main-before {
    margin-top: 0;
    margin-left: 15px;
    margin-right: 15px;
}
.marg-top {
	margin-top: 0rem;
}
.boxlist {
	    margin-top: 0rem!important;
		margin-bottom: 0rem!important;
}
.alacarte .ingress h5 {
    font-size: 1rem!important;
}
.col-md-4.alacarte {
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
}


@media (max-width: 768px) {
.sivu1 #showcase h2 {
    font-size: 3rem;
}
.tarjous {
	text-align: center;
	padding:30px 20px;
}
#main-before .editor-content__item .btn {
	margin:0 auto;
}

.site-footer {
    background-size: 130%;
}
.sivu1 .col-md-4 {
	-webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.sivu1 #main-before .col-md-4, .sivu1 #main-before .col-lg-4 {
	    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
	text-align: center;
}
.sivu1 #main-before .col-md-8, .sivu1 #main-before .col-lg-8 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
#main-content {
    background-size: auto;
}
.sivu48 .lounas-otsikko {
    margin-bottom: -1rem;
}
.alacarte .ingress {
    top: 48%;
}

#main-before .tarjous h4 {font-size:50px;}
#main-before img {max-width:220px;}
}

@media (max-width: 724px) {
.col-md-4.alacarte {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media (max-width: 630px) {


}

@media (max-width: 575.98px){
.img-collage .boxlist-item {
    padding-bottom: 59% !important;
}
#main-content h1, #main-content h2 {
    font-size: 2.5rem;
}
}

@media (max-width: 550px) {
.sivu1 .col-md-4 {
	-webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.tarjous {
	    text-align: center;
}
#main-before .tarjous p img  {
    max-width: 190px;
}
#main-before .tarjous .ingress {
    width: 230px;
	}

.sivu1 #showcase h2 {
    font-size: 2.5rem;
}
.sivu48 .col-md-4 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
	text-align:center;
}
}

@media (max-width: 492px) {
.alacarte .ingress {
    top: 44%;
}
}

@media (max-width: 450px) {
.col-md-4.alacarte {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
}

@media (max-width: 434px) {
.img-collage .boxlist-item {
    padding-bottom: 93% !important;
}
#main-content .boxlist h2 {
    font-size: 1.8rem;
}
}