/* Vantage Mobile Menu Hamburger Icon*/
.mobile-nav-icon:before {
font-size: 20px;
 
}

.menu li {
  padding-top: 15px;
  padding-bottom: 15px;
}

body.responsive header#masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li {
float: none;


}

.mobile-nav-icon:before {
font-size: 20px;
 
}

/* Vantage Logo in Menu Problem - Siteorigin solution css*/
.logo {
	margin-top: 0px !important;
}

.main-navigation .menu-item {
	margin-top: 15px !important;
}

#order_form label {
	display: block;
	font-weight: bold;
	margin-top: 30px;
}

.radio-label {
	display: blocK;
	font-weight: bold;
	margin-top: 30px;
}

#lomakkeen_kentat label {
	margin-top: 10px;
	gap: 10px;
	cursor: pointer;
	display: flex;
	font-weight: normal;
}


body, button, input, select, textarea {
	color: #000000;
}

select {
    border: 1px solid #000;
    max-width: 100%;
    padding: 0.5rem;
    color: #000000;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
		color: #000000;
		border: 1px solid #000000;
}

#arkku_valinta #content,
#uurna_valinta #content {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

#arkku_valinta #content a,
#uurna_valinta #content a {
	margin-top: 1rem;
  display: block;
}

margin-top: 1rem;
    display: block

@media only screen and (max-width: 800px) {
  #arkku_valinta #content,
	#uurna_valinta #content {
			grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}


#arkku_valinta > div img,
#uurna_valinta > div img {
 object-fit: cover;
 height: 230px;
 border: 2px solid transparent;
 width: 100%;
}

#arkku_valinta label img:hover,
#uurna_valinta label img:hover {
	opacity: 0.7;
	border: 2px solid #000000;
}

#arkku_valinta > div input[type="radio"],
#uurna_valinta > div input[type="radio"]{
	text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: block;
}

.su-posts-default-loop .su-post {
	width: 300px;
	display: inline-block;
	vertical-align: top;
}

.su-posts-default-loop .su-post-thumbnail {
		float: none !important;
		width: 150px !important;
    height: 150px !important;
}

.su-posts-default-loop .su-post-thumbnail img {
		max-width: 200px !important;
		max-height: 200px !important;
}

.su-posts-default-loop .su-post-meta {
	display: none !important;
}

label[for]:after {
    content: " *";
    color: red;
    font-weight: bold;
}

input[type="radio"] {
  width: 20px; /* Adjust size */
  height: 20px;
  border: 2px solid #999;
  border-radius: 50%;
}
/* Style the inner dot when checked */
input[type="radio"]:checked {
  background-color: #000000; /* Or use border for inner dot */
}

.tietosuoja-hyvaksyminen {
    margin-top: 15px;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.tietosuoja-hyvaksyminen label {
    font-size: 14px;
}

.tietosuoja-hyvaksyminen a {
    color: #0073aa;
    text-decoration: underline;
}

.tietosuoja-hyvaksyminen input {
    margin-right: 5px;
}

#submit_button {
	margin-top: 30px;
}

#order_form h3 {
		border-top: solid 1px #CCCC;
    padding-top: 3rem;
}


#order_form select {
		height: 40px;
		font-weight: 400;
}

#order_form select,
#order_form input[type="text"], input[type="email"], input[type="url"], input[type="password"], #order_form input[type="search"], input[type="number"], input[type="tel"], input[type="range"], #order_form input[type="date"], input[type="month"], input[type="week"], input[type="time"], #order_form input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
		border-radius: 10px;
}