.page .entry-title {
display: none;
}

::-moz-selection {
color:#000000;
background: #ff3686;
}

::selection
{
color:#000000;
background: #ff3686;
}


/* Default font sizes for headers */
h1 {
  font-size: 2rem !important; /* 32px for H1 */
}

h2 {
  font-size: 1.6875rem !important; /* 27px for H2 */
}

h3 {
  font-size: 1.375rem !important; /* 22px for H3 */
}

/* Media query for screens smaller than 768px (typical mobile devices) */
@media screen and (max-width: 768px) {
  html {
    font-size: 16px !important; /* Define base font size for 1rem */
  }

  h1 {
    font-size: 1.7rem !important; /* 20% reduction from 2rem */
  }

  h2 {
    font-size: 1.35rem !important; /* 20% reduction from 1.6875rem */
  }

  h3 {
    font-size: 1.1rem !important; /* 20% reduction from 1.375rem */
  }
}

/* Reduce default padding by 10% on mobile devices */
@media only screen and (max-width: 768px) {
    body {
        padding: 7% !important; /* Adjust as needed */
    }

    /* Adjust padding for specific elements if necessary */
    /* For example, reducing padding for paragraphs */
    p {
        padding: 7% !important; /* Adjust as needed */
			
			word-wrap: break-word !important;
    }
}
 
.contactlink a {
  color: #17bdd6 !important;
	 transition: all .3s ease-in-out;
	}
.contactlink a :hover {
  color: #ff3686; !important
  transition: all .3s ease-in-out;
		}
		

.headingsivu{ 
	margin-bottom: 0px !important;
	margin-top: 0px !important
	}

ul.custom-icon-list {
  list-style: none;
  padding: 0;
}


ul.custom-icon-list > li {
  background-image: url('https://koutsimo.com/wp-content/uploads/2023/02/plus.png');
  background-repeat: no-repeat;
	background-position: 0 ;
  background-size: 20px 20px;
  padding-left: 25px;
  position: relative;
  margin-bottom: 8px;
}

ul.custom-icon-list > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}

ul.custom-icon-list > li > ul.custom-no-icon-list {
  list-style: decimal;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}

ul.custom-icon-list > li > ul.custom-no-icon-list > li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 25px;
}

ul.custom-icon-list > li > ul.custom-no-icon-list > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}

.services-padding {
	padding-top:20px 
		!important
		}


      .iframe-wrapper {
        width: 300px;
        height: 360px;
        opacity: 0.6; /* set opacity to 80% */
        margin: 0 auto; /* center the wrapper element horizontally */
      }

      .iframe-wrapper iframe {
        /* Reset the opacity to 1 to make the content inside the iframe fully visible */
        opacity: 1;
        width: 100%;
        height: 100%;
      }
		
iframe-wrapper {
  width: 100px;
  height: 120px;
!important
}


@media (max-width: 720px) {
	.mobile-hide {
		display:none;
	}

.text-padding1 {
	padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px
		
}
	
	i.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}
}

.column-prob {
	margin-left: 30px !important ;
		margin-right: 30px !important ;
	}

.small-pic { 
	padding-top: 10px ;
		padding-bottom: 10px
			}

}

/* Hide the "Näytä ostoskori" button */
p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:first-child {
    display: none;
}



.block_round {
    border-radius: 20px; /* Rounded corners */
    padding: 30px; /* Add padding for spacing */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* Intense dark gray shadow */
}

.block_round_pink {
    border-radius: 20px; /* Rounded corners */
    border: 4px solid #ff3686; /* Colored border */
    padding: 30px; /* Add padding for spacing */
}

/* Headnavi fixed header */

#masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensure the menu stays on top of other content */
   background-color: #212019; /* Adjust as needed */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); /* Optional: add shadow for visual separation */
    transition: box-shadow 0.3s ease;
    box-shadow: none;
	
/* Apply shadow when not hovered and scrolled */
#masthead:not(:hover).scrolled {
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
	

}

/* Change price amount color to white */
.woocommerce .price .amount {
    color: #ffffff; /* White color */
}
/* Change price amount and currency symbol color to white */
.woocommerce-Price-amount.amount,
.woocommerce-Price-currencySymbol {
    color: #17bdd6 !important; /* White color */
}

/* Change price color to white */
.woocommerce .price {
    color: #ffffff; /* White color */
}


/* Change price amount color to white on payment page */
.woocommerce-checkout .order-total .woocommerce-Price-amount {
    color: #ffffff; /* White color */
	
}

/* Hide the "Näytä ostoskori" button */
p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:first-child {
    display: none;
}

/* Override the color of th elements within the table */
table.woocommerce-table th {
    color: #ffffff !important; /* White color */
}

.custom-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; /* Align items to the left */
  padding: 0;
  margin-left: 20px; /* Add spacing to the left */
}

.custom-list > li {
  display: flex;
  align-items: center;
  background-image: url('https://koutsimo.com/wp-content/uploads/2023/02/plus.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  list-style-type: none;
  background-size: 20px;
  margin: 10px 0;
  text-align: left; /* Ensure text starts from the left */
}

.current-menu-item a {
    color: white !important;
}

.hoverblock:hover {
  background-color: #FF3686; /* Block color on hover */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Shadow color and configuration */
}

.front_heading {
  font-size: 24px;
  color: #333;
  opacity: 0;
  animation: slideIn 1s ease forwards;
}

@keyframes slideIn {
  0% { opacity: 0; transform: translateX(-50px); }
  100% { opacity: 1; transform: translateX(0); }
}

.qxCTlb {
    color: #ffffff !important; /* Change text color to white */
    background-color: #ff3686 !important; /* Change background color to your desired color */
    border-radius: 20px !important; /* Adjust the value to make it more or less pill-shaped */
    padding: 10px 20px !important; /* Adjust padding to fit the text properly */
    border: none !important; /* Remove border if you don't want any */
    transition: border-width 0.3s; /* Add smooth transition for border width */
}

.qxCTlb:hover {
    border-width: 3px !important; /* Increase border width on hover */
}

.stripe-buy-button-container {
  max-width: 100%;
  overflow-x: auto;
  padding: 0 10px; /* Adjust padding as needed */
}

#stripe-buy-button-wrapper {
  background-color: rgb(255, 54, 134);
  border: 2px solid rgb(255, 54, 134);
  border-radius: 8px;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

@media (max-width: 768px) {
  #stripe-buy-button-wrapper {
    font-size: 14px; /* Adjust font size for smaller screens */
  }
}

/* Style for the floating scrollbar */
body::-webkit-scrollbar {
    width: 11px; /* Width of the scrollbar */
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh; /* Make the scrollbar cover the entire viewport */
    z-index: 9999; /* Ensure scrollbar appears above other content */
}

/* Track */
body::-webkit-scrollbar-track {
    background: transparent; /* Make the scrollbar track transparent */
}

/* Handle */
body::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 5px; /* Rounded corners of the thumb */
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the scrollbar thumb on hover */
}

#i65 {
    color: white;
}