/* JS-ELEMENTIT PIILOON
--------------------------------------------- */
.alennusprosentti, .norm_hinta, #laskuri, .lue_kaikki + ul {
	display: none;
}

/* ALUSTUS
--------------------------------------------- */
html, body {
	font-family: "Open sans", sans-serif;
	color: #20363F;
}
:focus {
  outline: 0 !important;
}
.lohko, .footer-widgets {
	padding-top: 6rem;
	padding-bottom: 8rem;
}
/* KAPEA sisalto (ei vaikuta sivupalkkisivuihin) */
.content:not(.content-sidebar .content, .sidebar-content .content) {
    width: 880px;
}
.content:not(.home .content, .content-sidebar .content, .sidebar-content .content, .page-id-5797 .content, .page-id-4017 .content, .page-id-3884 .content, .page-id-3879 .content, .page-id-3872 .content, .page-id-4408 .content, .page-id-3862 .content) {
    width: 1200px;
		margin-bottom: 10rem;
}
.page-child .content:not(.home .content, .content-sidebar .content, .sidebar-content .content) {
    /*text-align: center;*/
}
/* LEVEÄ sisalto, sisalto_max_width miinus kapea sisalto (esim. 1150-840=310) */
.full-width-content .entry-content > .alignwide {
    margin-left: -240px;
    margin-right: -240px;
    max-width: calc(100% + 480px);
}


/* EVÄSTEILMOITUS
--------------------------------------------- */
#cmplz-message-1-optin br {
  display: block;
}
.WordSection1 {
  margin-bottom: 4px;
	margin-top: -4px;
}


/* ROOT
--------------------------------------------- */
:root {
	--yritys_color: #002F6C;
	--yritys_color2: #20363F;
	--yritys_color3: #000E11;
	--dk_blue: #002F6C;
	--sisalto_max_width: 1360px;
	--site_padding: 0;
	--font_family2: "Open sans", sans-serif;
	--letter_spacing: 0.03em;
}
@media screen and (max-width: 1460px) {
:root {
	--site_padding: 5vw;
}
}
@media screen and (max-width: 640px) {
:root {
	--site_padding: 7vw;
}
}

/* ---------- */


/* YLEISET
--------------------------------------------- */
/* Vihreät painikkeet */
.site-container .wp-block-button:not(.webhotelli, .wordpress) .wp-block-button__link, .neljas .whmpress_order_button, .laskuri_whm_painike .whmpress_order_button, .whmpress_order_button, .whmpress_order_link {
  background-color: #71aa17 !important;
}
.site-container .wp-block-button:not(.webhotelli, .wordpress) .wp-block-button__link:hover, .neljas .whmpress_order_button:hover, .laskuri_whm_painike .whmpress_order_button:hover, .whmpress_order_button:hover, .whmpress_order_link:hover {
  background-color: #557e16 !important;
}
html {
	font-size: 62.5%;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
body {
	font-size: 1.8rem;
	overflow-x: unset;
}
.site-container{position:relative;}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font_family2);
    font-weight: 600;
    line-height: 1.16;
    margin: 0 0 2rem;
	letter-spacing: -0.0027em;
}
h1 { font-size: 5.5rem;font-weight: 700; }
h2 { font-size: 3.6rem; }
h3 { font-size: 2.8rem; }
h4 { font-size: 2.4rem; }
h5 { font-size: 2rem; }
h6 { font-size: 1.8rem; }

.entry-content h4 {
  margin-top: 3rem;
}
body:not(.home) h1 {
  font-size: 3.6rem;
  font-weight: 600;
	margin-bottom: 0.9em;
}
body:not(.home) h1:not(.entry-title) {
	padding-top: 6rem;
}
body:not(.home) h2 {
  font-size: 3rem;
	font-weight: 600;
}
body:not(.home) h3 {
  font-size: 2.6rem;
	font-weight: 600;
}
body:not(.home) h4 {
  font-size: 2.2rem;
	font-weight: 600;
}
p:not(.home p, .paketit p) {
  margin: 0 0 21px;
}
a {
    color: var(--yritys_color);
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
.entry-content ol, .entry-content ul {
  padding-left: 16px;
}
.entry-content ol > li {
  margin-bottom: 21px;
}
.wp-block-buttons {
  /*margin-bottom: 2rem;*/
	margin-bottom: 0;
}

.wp-block-button.webhotelli > a::before {
	font-family: 'FontAwesome';
	content: '\f1b2';
	padding-right:10px;
	font-size: 15px;
}

.wp-block-button.wordpress > a::before {
	font-family: 'FontAwesome';
	content: '\f19a';
	padding-right:10px;
	font-size: 15px;
}
.wp-block-button .wp-block-button__link:not(.has-background), .wp-block-button .wp-block-button__link:not(.has-background):focus, .wp-block-button .wp-block-button__link:not(.has-background):hover {
  color: #ffffff;
}
.site-container .wp-block-button .wp-block-button__link {
  padding: 1.5rem 3rem;
  letter-spacing: var(--letter_spacing);
  font-family: var(--font_family2);
  background-color: var(--yritys_color);
  border-radius: 6px;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button {
    background-color: #71aa17;
}
button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover, .whmpress_order_button:hover, .whmpress_order_link:hover, .site-inner .wp-block-button .wp-block-button__link:hover {
    background-color: #557e16;
	box-shadow: initial;
	color: #fff;
}
.site-container .wp-block-cover .wp-block-button .wp-block-button__link:hover {
		background: #d01016;
		box-shadow: initial;
}
input[type="search"] {
  -webkit-appearance: none !important;
}
.site-container .wp-block-pullquote, .site-container .wp-block-quote {
  border: none;
  margin: 24px 0 36px;
}
.site-container .wp-block-pullquote p, .site-container .wp-block-quote p {
  font-family: var(--font_family2);
  font-size: 2.1rem;
	line-height: 1.7;
}
.site-container .has-theme-primary-background-color, .site-container .wp-block-button .wp-block-button__link.has-theme-primary-background-color, .site-container .wp-block-pullquote.is-style-solid-color.has-theme-primary-background-color {
    background-color: var(--yritys_color);
}
.site-container .has-theme-primary-color, .site-container .wp-block-button .wp-block-button__link.has-theme-primary-color, .site-container .wp-block-button.is-style-outline .wp-block-button__link.has-theme-primary-color {
    color: var(--yritys_color);
}
.entry-title {
    font-size: 3.1rem;
	margin-bottom: 1em;
}
.otsikko_center .entry-title {
	text-align: center;
}
.site-inner {
    max-width: var(--sisalto_max_width);
	background: transparent;
    padding-left: var(--site_padding);
    padding-right: var(--site_padding);
}
.full-width-content .entry-content > .alignfull {
	padding-left: var(--site_padding);
	padding-right: var(--site_padding);
	padding-top: 0;
	padding-bottom: 0;
}
.alignfull .alignwide, .alignwide .alignwide {
    max-width: var(--sisalto_max_width);
}
.levee .content {
    width: 100% !important;
}
.entry {
  margin-bottom: 0;
}
.home .entry {
    margin-bottom: 0;
}
.home .post-edit-link {
    display: none;
}
img.centered, .aligncenter, .singular-image {
    margin-bottom: 2rem;
}
.site-container .wp-block-button .wp-block-button__link {
	padding: 1.5rem 3rem;
	letter-spacing: 0;
	text-transform: uppercase;
}
.sidebar li a {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-decoration: none;
}
.sidebar li li {
    margin: 0;
}
.sidebar li li a {
    font-size: 14px;
    font-weight: 300;
}
@media screen and (min-width: 768px) {
.wp-block-columns {
	gap: 0 7%;
}
}
@media screen and (min-width: 1200px) {
.content {
    width: 70%;
}
.sidebar {
    width: 25%;
}
}
@media screen and (max-width: 1460px) {
html {
	font-size: 58.5939%;
}
.content:not(.content-sidebar .content, .sidebar-content .content) {
    width: 100%;
}
.full-width-content .entry-content > .alignwide, .levee .site-inner, .content-sidebar .site-inner {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}
.site-container .wp-block-button .wp-block-button__link {
	font-size: 15px;
}
.content-sidebar-wrap {
    max-width: var(--sisalto_max_width);
    margin: 0 auto;
}
}
@media screen and (max-width: 1360px) {
html {
	font-size: 55.55555%;
}
}
/*palstojen valin korjaus*/
@media screen and (max-width: 781px) and (min-width:768px) {
.wp-block-column:not(:first-child) {
    margin-left: 2em;
}
}
@media screen and (max-width: 767px) {
.site-container .wp-block-column {
    flex-basis: 100% !important;
}
}
@media screen and (max-width: 640px) {
html {
  font-size: 54.6875%;
}
.site-container .wp-block-button .wp-block-button__link, button {
	font-size: 14px;
}
}
@media screen and (max-width: 350px) {
.site-container .wp-block-button .wp-block-button__link, button {
	font-size: 13px;
}
}
@media screen and (orientation: landscape) and (max-width: 1023px) {
	.site-container .wp-block-button .wp-block-button__link, button {
	font-size: 13px;
}
}
/* ---------- */


/* SOME-painikkeet(rinkulat)
--------------------------------------------- */

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    margin: 4px 10px 4px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
		border: 2px solid #fff;
		padding: 6px;
		transition: 0.2s;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link:hover {
	color: var(--yritys_color);
	border: 2px solid var(--yritys_color);
}
.wp-block-social-links .wp-social-link svg {
    width: 24px;
    height: 24px;
		color: #fff;
}

/* ---------- */


/* TAULUKOT
--------------------------------------------- */
.wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th {
    word-break: normal;
}
/*tr:nth-child(even){background-color: #f2f3f4}*/
td {
    padding: 2rem 1.7rem;
    line-height: 1.5;
    font-size: 1.7rem;
}
td:nth-child(3), td:last-child {
    font-size: 15px;
}
@media screen and (max-width: 600px) {
table {
    word-break: normal;
}
tr {
    border-top: 1px solid #eee;
    padding: 1em 0;
    display: block;
}
td {
    padding: 0.3em 0.5em;
    display: block;
    line-height: 1.5;
	font-size: 16px;
}
}
/* ---------- */


/* YLÄPALKKI
--------------------------------------------- */
.ylapalkki {
    background: var(--yritys_color);
	border-bottom: 1px solid #405066;
    position: relative;
    top: 0;
    z-index: 99999;
}
/*.home .ylapalkki {
    position: absolute;
	border-bottom: 1px solid #40505555;
	z-index: 99999;
	background: var(--yritys_color);
	left: 0;
	right: 0;
}*/
#menu-ylavalikko,
#menu-ylavalikkoen,
#menu-ylavalikkoee,
#menu-ylavalikkoswe {
  display: flex;
  justify-content: flex-end;
  gap: 0 1rem;
  padding-top: 2px;
}
.ylapalkki .widget ul > li {
  margin-bottom: 0;
}
.ylapalkki .wrap {
    padding: 3px 3.6vw 8px;
}
.ylapalkki .widget {
	margin-bottom: 0;
}
.ylapalkki a {
    text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 6px 1rem 8px;
}
.ylapalkki a:hover {
	background: white;
	color: var(--yritys_color);
	border-radius: 3px;
}
@media screen and (max-width: 1390px) {
.ylapalkki .wrap {
	padding-left: var(--site_padding);
	padding-right: var(--site_padding);
}
}
@media screen and (max-width: 968px) {
.ylapalkki {
    display: none;
}
}
@media screen and (max-width: 640px) {
.ylapalkki .wrap {
	padding-left: var(--site_padding);
	padding-right: var(--site_padding);
}
}
/* ---------- */


/* HEADER-NAVI
--------------------------------------------- */
.site-header {
	font-family: var(--font_family2);
	background-color: #fff;
	padding: 1rem 3.6vw 1.6rem;
	position: sticky;
	top: 0;
	z-index: 9999;
	width: 100%;
	border-bottom: 1px solid #fbfbfb;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
}
/*.home .site-header {
	/*background-color: transparent;*/
	/*background: linear-gradient(180deg,rgba(0,0,0, 0.5) 0%,rgba(0,0,0,0) 100%);*/
    /*padding-top: 5.1rem;*/
	/*padding-bottom: 6rem;*/
	border-bottom: 0;
	background-color: #fff;
	padding-top: 6rem;
	padding-bottom: 1.6rem;
    position: absolute;
	/*border-bottom: 0;*/
	box-shadow: none;
	transition: 0.25s;
}*/
.home .site-header .genesis-nav-menu a {
	color: var(--yritys_color);
}
.site-header .genesis-nav-menu a {
	color: var(--yritys_color);
}
/*.home .site-header.skrolli {
	background: #415D69;*/
	/*background: #fff;
	position: fixed;
    padding-top: 1rem;
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #fbfbfb;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
}*/
.wp-custom-logo .title-area {
    padding-bottom: 10px;
    padding-top: 16px;
}
.wp-custom-logo .site-container .title-area {
  max-width: 28rem !important;
}
.nav-primary {
    padding-bottom: 0px;
}
#menu-item-5955,
#menu-item-8350,
#menu-item-8351 {
  display: none;
}
.site-header .genesis-nav-menu a,
.site-header.skrolli .genesis-nav-menu a {
	font-size: 13px;
    font-weight: 600;
	letter-spacing: var(--letter_spacing);
	padding-top: 15px;
	padding-bottom: 19px;
	transition: 0.25s;
}
.site-header .genesis-nav-menu a:hover,
.site-header.skrolli .genesis-nav-menu a:hover {
	background-color: var(--yritys_color);
	color: #fff;
}
.site-header.skrolli .genesis-nav-menu a {
    color: var(--yritys_color);
}
.home .site-header .genesis-nav-menu .sub-menu a {
	color: var(--yritys_color) !important;
}

.home .site-header .genesis-nav-menu .sub-menu a:hover,
.site-header .genesis-nav-menu .sub-menu a:hover,
.site-header.skrolli .genesis-nav-menu .sub-menu a:hover {
	color: #fff !important;
}
.genesis-nav-menu .current-menu-item > a, .genesis-nav-menu a:hover {
	color: #fff;
	cursor: pointer;
	background: var(--yritys_color);
	border-radius: 3px;
}
.nav-primary .genesis-nav-menu .kirjaudu {
	padding: 0 0 0 1.2rem;
}
.nav-primary .genesis-nav-menu .kirjaudu a {
  	padding: 1.4rem 2rem 1.6rem;
  	letter-spacing: var(--letter_spacing);
  	border-radius: 6px;
	color: #fff;
	border: 2px solid var(--yritys_color);
	background-color: var(--yritys_color);
}

.home .site-header .nav-primary .genesis-nav-menu .kirjaudu a:hover {
	border: 2px solid var(--yritys_color);
	color: var(--yritys_color);
	background-color: transparent;
}

/**
.site-header .nav-primary .genesis-nav-menu .kirjaudu a:hover {
    background-color: transparent;
    border: 2px solid var(--yritys_color);
    color: #fff;
}
*/

.home .site-header.skrolli .nav-primary .genesis-nav-menu .kirjaudu a {
	color: #fff;
}
.home .site-header.nav-primary .genesis-nav-menu .kirjaudu a:hover {
	color: #fff;
}

.home .site-header.skrolli .nav-primary .genesis-nav-menu .kirjaudu a:hover,
.site-header .nav-primary .genesis-nav-menu .kirjaudu a:hover{
  	background-color: white;
	border: 2px solid var(--yritys_color);
	color: var(--yritys_color);
}
.genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a {
    width: 24rem;
	color: #fff;
	border-top: 0;
}
.genesis-nav-menu .sub-menu a {
	border: 0;
	background: #fff;
	color: var(--yritys_color);
}
.genesis-nav-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	border: 0;
	background: var(--yritys_color);
	color: #fff;
}
.sub-menu-toggle:focus {
	color: #fff;
}

@media screen and (min-width: 1230px) { 
.genesis-nav-menu {
    display: flex;
    grid-gap: 2px;
}
.genesis-nav-menu > .menu-item-has-children > a::after {
		content: "\f140";
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 16px/1 'dashicons';
		padding-left: 4px;
		vertical-align: top;
	}
.nav-primary .genesis-nav-menu a {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
}
@media screen and (max-width: 1360px) {
.site-header {
	padding-left: var(--site_padding);
	padding-right: var(--site_padding);
}
.genesis-nav-menu a {
    font-size: 14px;
}
}
@media screen and (max-width: 1200px) {
.home .site-header {
    padding-top: 1rem;
	padding-bottom: 1rem;
}
}
@media screen and (max-width: 968px) {
.home .site-header {
    padding-top: 2.2rem;
}
	#menu-item-5955,
	#menu-item-8350,
	#menu-item-8351 {
  display: block;
}
}
.nav-primary .genesis-nav-menu a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}
}
@media screen and (max-width: 1023px) {
.nav-primary .genesis-nav-menu a {
    padding-left: 7px;
    padding-right: 7px;
}
}
@media screen and (max-width: 1229px) {
.site-header {
	padding-bottom: 1.5rem;
}
	.nav-primary.genesis-responsive-menu .dashicons, 
	.nav-primary.genesis-responsive-menu .dashicons-before::before {
		color: #fff;
	}
.site-header.skrolli .genesis-nav-menu a,
.nav-primary.genesis-responsive-menu a,
	.home .site-header .genesis-nav-menu .sub-menu a,
	.nav-primary.genesis-responsive-menu .sub-menu a{
	color: #fff !important;
}
	.nav-primary .genesis-nav-menu .kirjaudu a:hover,
	.home .site-header.skrolli .nav-primary .genesis-nav-menu .kirjaudu a:hover{
		background-color: transparent !important;
		color: #fff !important;
	}
.nav-primary {
    max-height: calc(100vh - 80px);
    overflow: auto;
	background: var(--yritys_color);
	
	padding: 2rem 7%;
}
.menu-toggle {
    margin-top: 1rem;
    font-size: 14px;
    font-weight: 400;
}
.site-header .menu-toggle::before {
    top: 0;
		margin-right: 2px;
}
.dashicons, .dashicons-before::before {
    width: 21px;
    height: 21px;
    font-size: 21px;
    color: var(--yritys_color);
}
.sub-menu-toggle.dashicons-before {
  text-align: right;
  width: 100%;
}
.nav-primary .genesis-nav-menu a {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
	padding-bottom: 14px;
	padding-top: 14px;
}
.nav-primary .genesis-nav-menu .kirjaudu a {
	padding: 0;
  border-radius: 0;
  border: 0;
  padding-bottom: 19px;
    padding-top: 15px;
    transition: none;
}
.nav-primary .genesis-nav-menu .kirjaudu a:hover {	
	border-bottom: 1px solid rgba(255,255,255,0.5) !important;
	}
.nav-primary .genesis-nav-menu .kirjaudu {
  padding: 0;
}
.genesis-nav-menu a {
	border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}
.genesis-nav-menu .menu-item:last-child a {
	border-bottom: 0px solid rgba(255,255,255,0) !important;
}
.genesis-nav-menu .sub-menu a {
    background-color: inherit;
	font-weight: 400;
	font-size: 13px;
}
.genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a {
  width: 100%;
	padding-left: 0;
}
.genesis-nav-menu .current-menu-item > a, .genesis-nav-menu a:hover, .genesis-nav-menu .sub-menu a:hover {
	border-bottom: 1px solid rgba(255,255,255,0.5) !important;
	background: transparent !important;
}
}
@media screen and (max-width: 640px) {
.site-header {
	padding-left: var(--site_padding);
	padding-right: var(--site_padding);
}
.home .site-header {
  /*padding-top: 2.2vh;*/
  /*padding-bottom: 2.4vh;*/
    padding-top: 0.7vh;
	padding-bottom: 0.3vh;
}
.site-header, .home .site-header.skrolli {
    padding-top: 0.7vh;
	padding-bottom: 0.3vh !important;
}
.wp-custom-logo .site-container .title-area {
  max-width: 25rem !important;
}
}
@media screen and (max-width: 480px) {
.wp-custom-logo .site-container .title-area {
    max-width: 200px;
}
}
@media screen and (orientation: landscape) and (max-width: 969px) {
.home .site-header {
  padding-top: 2.4vh;
  padding-bottom: 1vh;
}
.site-header, .home .site-header.skrolli {
    padding-top: 1.5vh;
	  padding-bottom: 0.1vh;
}
.wp-custom-logo .site-container .title-area {
  max-width: 20rem !important;
}
}
/* ---------- */

/* ETUSIVU (NO CAMPAIGN)
--------------------------------------------- */
/**
@media only screen and (max-width: 1023px) {
	.etusivukansi .gb-layout-column-wrap .gb-block-layout-column-gap-2 .gb-is-responsive-column > .box:first-child {
		margin: 0 auto;
		width: 100%;
		display: block;
	}
	.etusivukansi .boxes  .gb-layout-columns-2>.gb-layout-column-wrap.gb-is-responsive-column {
		grid-template-columns: 1fr;
	}

}
*/
@media only screen and (max-width: 900px)
.gb-layout-columns-2>.gb-layout-column-wrap.gb-is-responsive-column {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas:
        "col1"
        "col2";
}

@media only screen and (max-width: 800px) {
	.etusivukansi .gb-block-layout-column:nth-child(1) {
    	text-align: center;
	}
	.etusivukansi .gb-block-layout-column:nth-child(1) > .gb-block-layout-column-inner > .wp-block-buttons > .wp-block-button {
    	margin: 0 auto;
	}
	.etusivukansi .gb-block-layout-column-gap-2 {
    	grid-gap: 2em 2em;
	}


}

.etusivukansi .stars > figure {
	margin-bottom: 20px;
}

/* KAMPANJA - vihreä
--------------------------------------------- */
.front-campaign-left {
  padding: 4% 6%;
  border-radius: 10px;
  color: #fff;
}
.front-campaign-left strong,
.etusivukansi #kampanja_loppuu {
	color: #fff;
}

.etusivukansi  .wp-block-button .wp-block-button__link {
  padding: 1.5rem 6rem;
  margin-top: 2rem;
}
.etusivukansi #laskuri {
  padding: 1rem 5% 1.5rem;
  background: transparent;
}
.neljas .whmpress_order_button, .laskuri_whm_painike .whmpress_order_button  {
  background: #03B67A;
}
.laskuri_whm_painike .whmpress_order_button {
  margin-top: 0;
  margin-bottom: 2rem;
}
.laskuri_whm_painike .wp-block-group__inner-container {
	width: 100%;
	display: grid;
	max-width: 380px;
}
@media only screen and (max-width: 800px) {
.etusivukansi .gb-layout-column-wrap.gb-is-responsive-column {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-areas:
  "col1" 
  "col2";
}
h1.campaign-front-heading {
  font-size: 3rem !important;
}
}

/* ETUSIVUN KANSI
--------------------------------------------- */
.etusivukansi {
  min-height: calc(100vh - 120px) !important;
  min-height: calc(100dvh - 120px) !important;
}
.etusivukansi {
  overflow:hidden;
	width: 100%;
	padding-left: 3.6vw !important;
	padding-right: 3.6vw !important;
	background: #333;
}
/*.etusivukansi:after {
  content: "";
  position:absolute;
  right: 0;
	bottom: 0;
  width:100%;
	background-image: url("/wp-content/uploads/vino.png");
	background-size: 55% 55%;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	z-index:0;
	
}
.aalto img  {
	box-shadow: 30px -10px -40px #000;
	z-index: -1;
	position: absolute;
bottom: 17.9vh;
}*/
.etusivukansi .wp-block-cover__inner-container {
  /*position: absolute;*/
	height: 100%;
}
.kampanja {
  height: 92%;
  display: grid;
  align-items: center;
		padding-left: var(--site_padding);
  padding-right: var(--site_padding);
	max-width: 1200px;
margin: 0 auto;
}
.kampanja img {
  margin-bottom: 2rem;
	width: auto;
}
.kampanja h2 {
  font-size: 4.6rem !important;
	font-weight: 900;
	margin: 0 0 1rem;
}
.kampanja .wp-block-button__link {
	margin-top: 2rem;
}
.etusivukansi .domainhaku {
	position: absolute;
  bottom: 0;
	right: 0;
	left: 0;
}
.domainhaku .ylapalkkiryhma {
  padding: 3vh 7vw 5.2vh;
	max-width: 900px;
	margin: 0 auto;
	padding-left: var(--site_padding);
  padding-right: var(--site_padding);
}
.domainhaku .ylapalkkiryhma a {
  color: #fff;
}
.ylapalkkiryhma .wp-block-group__inner-container {
  display: grid;
	justify-content: center;
}
.etusivukansi .has-background-gradient {
	background: transparent !important;
}
.etusivukansi form {
  display: flex;
}
.domain-top-field {
  margin-left: auto;
	width: 90%;
	max-width: 32rem;
}
.search-btn {
  margin-right: auto;
}
.etusivukansi .wp-block-columns {
  margin-bottom: 0;
	gap: 2rem 2.6%;
}
.etusivukansi h1 {
  font-size: 3.5rem;
	margin-bottom: 2.5rem;
}
.etusivukansi h2 {
	font-size: 2.5rem;
}
.etusivukansi p {
  font-size: 2.3rem;
	margin-bottom: 1rem;
}
.etusivukansi.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
  padding-left: 0;
  padding-right: 0;
}
.etusivukansi input {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 1.3rem 1.9rem;
  border-radius:  6px 0 0 6px !important;
}
.etusivukansi .search-btn input {
	background: #71aa17;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	border-radius: 0 6px 6px 0 !important;
	height: 100%;
	padding: 1.3rem 2.5rem;
}
.etusivukansi .search-btn input:hover {
	background: #557e16;
}
.etusivukansi .wp-block-button .wp-block-button__link:hover {
	background: #d01016;
	box-shadow: initial;
}
.etusivukansi .wp-block-image {
  margin-bottom: 0;
	display: grid;
}
.kampanja img {
  max-height: 34rem;
}

.has-theme-primary-background-color a {
	color: #fff;
	font-weight: 600;
}

@media screen and (min-width: 1024px) {
.kampanja > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: 5fr 7fr;
	gap: 2rem 4.6%;
	align-items: center;
}
.kampanja .wp-block-image .aligncenter {
  margin-right: inherit;
}
.kampanja	.has-text-align-center {
  text-align: left;
}
.kampanja	.wp-block-button.aligncenter {
  text-align: left;
}
}
@media screen and (max-width: 1600px) {
.kampanja img {
  max-height: 29rem;
}
}
@media screen and (max-width: 1360px) {
.domainhaku .ylapalkkiryhma {
  /*padding: 3.2rem 7vw 4.8rem;*/
	padding-left: var(--site_padding);
  padding-right: var(--site_padding);
}
}
@media screen and (max-width: 640px) {
.kampanja img {
  max-height: 20vh;
}
.kampanja h2 {
  font-size: 3.4rem !important;
}
.etusivukansi p {
  font-size: 17px;
}
.etusivukansi h1 {
  font-size: 15px;
	margin-bottom: 2.3rem;
}
.domainhaku .ylapalkkiryhma {
  padding: 2.5rem 7vw 4rem;
	padding-left: var(--site_padding);
  padding-right: var(--site_padding);
}
.etusivukansi button {
  padding: 1.6rem 3.2rem;
}
}

@media screen and (max-width: 520px) {
.etusivukansi h1 {
	width: 86vw;
}
.ylapalkkiryhma .wp-block-group__inner-container {
  display: grid;
	justify-content: center;
}
.domainhaku	.top-domain-box {
  width: 80%;
	transition: 1s;
}
.domainhaku.skrolli	.top-domain-box {
  width: 100%;
}
}
@media screen and (max-width: 400px) {
.kampanja img {
  max-height: 17vh;
}
.site-container .wp-block-button .wp-block-button__link {
  padding: 1.4rem 3rem;
}
.kampanja h2 {
  font-size: 3rem !important;
}
.etusivukansi p {
  font-size: 16px;
}
.etusivukansi h1 {
  font-size: 13px;
	margin-bottom: 2.2rem;
}
.domainhaku .ylapalkkiryhma {
  padding: 2rem 7vw 3rem;
	padding-left: var(--site_padding);
  padding-right: var(--site_padding);
}
.etusivukansi button {
  padding: 1.6rem 3rem;
}
}
@media screen and (max-width: 350px) {
.wp-block-cover.alignfull.is-light.etusivukansi {
  min-height: 120vh !important;
}
.kampanja h2 {
  font-size: 3rem !important;
}
.etusivukansi h1 {
  font-size: 12px;
	margin-bottom: 2.2rem;
}
.domainhaku .ylapalkkiryhma {
  padding: 2rem 7vw 3rem;
	padding-left: var(--site_padding);
  padding-right: var(--site_padding);
}
.etusivukansi input {
  font-size: 12px;
	padding: 1.3rem 2rem;
}
}
@media screen and (orientation: landscape) and (max-width: 1023px) {
.kampanja {
  height: 75%;
}
.kampanja img {
  max-height: 20vh;
}
.wp-block-cover.alignfull.is-light.etusivukansi {
  min-height: 150vh !important;
}
.kampanja h2 {
  font-size: 3rem !important;
}
.etusivukansi p {
  font-size: 1.9rem;
}
.etusivukansi .wp-block-buttons {
  margin-bottom: 0;
}
.etusivukansi h1 {
  font-size: 13px;
	margin-bottom: 1.8rem;
}
.domainhaku .ylapalkkiryhma {
	padding: 2.6rem 7vw 3.6rem;
	padding-left: var(--site_padding);
  padding-right: var(--site_padding);
}
}
/* ---------- */



/* PAKETIT
--------------------------------------------- */
.webhotelli_painikkeet .wp-block-button .wp-block-button__link {
    border: 2px solid var(--yritys_color);
    background: #fff;
	color: var(--yritys_color);
	margin-bottom: 2.5rem;
	font-weight: 700;
	width: 300px;
	letter-spacing: 0;
	text-transform: inherit;
}
.webhotelli_painikkeet .wp-block-button .wp-block-button__link:hover {
    border: 2px solid var(--yritys_color);
    background: var(--yritys_color);
	font-weight: 700;
	letter-spacing: 0;
}
.webhotelli_painikkeet .wp-block-button.valittu .wp-block-button__link {
    border: 2px solid var(--yritys_color);
    background: var(--yritys_color);
	color: #fff;
}

.plan {
	-webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.plan:hover .paketit {
	-webkit-box-shadow: 0 2px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 15%);
}
.plan:hover {
	-webkit-transform: scale(1.03);
  transform: scale(1.03);
}


.paketit {
  gap: 3rem 1.5% !important;
	margin-bottom: 5.5rem !important;
	margin-top: 2.5rem !important;
}
@media only screen and (max-width: 1080px) {
.paketit {
  gap: 3rem 1.5% !important;
}
}
@media only screen and (max-width: 600px) {
.paketit {
  gap: 2rem 1.5% !important;
		margin-top: 5rem !important;
}
}
.entry-content .paketit ul {
  	padding: 0;
	margin-bottom: 0;
	padding-bottom: 1rem;
	padding-top: 2rem;
}
.entry-content .paketit ul > li {
  list-style-type: none;
  text-align: center;
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
.whmpress_order_button,
.whmpress_order_link {
  padding: 1rem 20%;
  text-decoration: none;
  border-radius: 50px;
  background: var(--yritys_color);
  text-transform: uppercase;
  margin: 2rem auto 1rem;
  font-size: 1.6rem;
  color: #fff;
}
.whmpress_order_link {
	font-weight: 600;
	transition: background 0.5s ease-in-out;
	display: inline-block;
	text-align: center;
    height: auto;
}
.paketit a {
  text-decoration: none;
}
.paketit p.has-background {
  padding: 3px 2rem 1px;
}
.paketit.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
  margin-left: 0;
}
.hinta, .whmpress_price, .hinta-one-time, .hinta-quarterly {
font-size: 4rem !important;
text-align: center;
font-weight: 700;
margin-bottom: 8px;
border-radius: 6px 6px 0 0;
	color: #fff;
	line-height: 78px;
}
.hinta::after {
	content: " € / kk";
	font-size: 2rem;
	font-weight: 700;
}

html[lang="fi"] .norm_hinta-hinta:after {
  content: " € / kk" !important;
}

html[lang="en-US"] .hinta::after,
html[lang="en-US"] .norm_hinta-hinta:after {
  content: " € / mth" !important;
}
html[lang="en-US"] .norm_hinta-hinta:before {
  content: "regular " !important;
}
html[lang="en-US"] .norm_hinta {
	font-size: 0 !important;
	text-decoration: none !important;
}
html[lang="en-US"] .norm_hinta-hinta {
	font-size: 12px !important;
	text-decoration: line-through !important;
}

html[lang="sv-SE"] .hinta::after,
html[lang="sv-SE"] .norm_hinta-hinta:after {
  content: " € / mån" !important;
}
html[lang="sv-SE"] .norm_hinta-hinta:before {
  content: "ord. " !important;
}
html[lang="sv-SE"] .norm_hinta {
	font-size: 0 !important;
	text-decoration: none !important;
}
html[lang="sv-SE"] .norm_hinta-hinta {
	font-size: 12px !important;
	text-decoration: line-through !important;
}

html[lang="et"] .hinta::after,
html[lang="et"] .norm_hinta-hinta:after {
  content: " € / kuu" !important;
}
html[lang="et"] .norm_hinta-hinta:before {
  content: "tav. " !important;
}
html[lang="et"] .norm_hinta {
	font-size: 0 !important;
	text-decoration: none !important;
}
html[lang="et"] .norm_hinta-hinta {
	font-size: 12px !important;
	text-decoration: line-through !important;
}



.hinta-one-time::after {
	content: " €";
	font-size: 2rem;
	font-weight: 700;
}

.hinta-quarterly::after {
	content: " € / 3 kk" !important;
	font-size: 2rem;
	font-weight: 700;
}

html[lang="en-US"] .hinta-quarterly::after {
  content: " € / 3 mth" !important;
}

html[lang="sv-SE"] .hinta-quarterly::after {
  content: " € / 3 mån" !important;
}

html[lang="et"] .hinta-quarterly::after {
  content: " € / 3 kuud" !important;
}

.page-id-3862 .hinta::after, .page-id-3879 .hinta::after, .page-id-4017 .hinta::after {
  content: " € / kk";
}
.norm_hinta {
	background-color: var(--yritys_color);
	color: #fffd;
	text-align: center;
	text-decoration: line-through;
	font-size: 12px;
	padding-bottom: 5px;
	margin-top: -36px;
    margin-bottom: 4px;
	position: absolute;
    width: 100%;
}
span.hinta-12 {
    background-color: #16539f;
    color: #fffd;
    text-align: center;
    font-size: 12px;
    padding: 11px;
    margin-top: -10px;
    margin-bottom: 4px;
    position: relative;
    display: block;
    width: 100%;
}
.paketit.wp-block-columns > .wp-block-column {
  position: relative;
}
.paketit p.alennusprosentti {
font-size: 1.8rem !important;
font-weight: 400;
text-align: center;
margin-bottom: 6px;
padding: 2px 2rem 5px;
position: absolute;
top: -3.1rem;
right: 0;
background: #71aa17;
z-index: -1;
border-radius: 10px 10px 0 0;
width: 100%;
	display: none !important; /* tämä pois jos halutaan alennusprosentit näkyviin */
}
.alennusprosentti::after {
content: "% ALE";
font-weight: 400;
}

.paketit h3 {
  margin: 0;
}
.paketti {
  padding: 6% 7% 16%;
border: 1px solid #dddfdf;
	-webkit-box-shadow: 0 2px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 15%);
  border-radius: 0 0 6px 6px;
background: #fff;
		height: calc(100% - 140px);
}
.alennusOn .paketti {
		height: calc(100% - 140px);
}
.paketti .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.paketti .wp-block-buttons {
  margin-top: 2rem;
}
.paketti p {
  margin: 0;
	font-size: 1.6rem !important;
}
.paketti .lue_kaikki {
  margin-top: auto;
	margin-bottom:3rem;
}
.site-container .paketti .wp-block-button .wp-block-button__link {
  padding: 8px 2rem;
max-width: 160px;
margin: 0 auto;
display: block;
}
/* tämä jos suosituin alas 
.paketit p.suosituin {
  background-color: #557e16;
  color: #fff;
  padding: 18px 2rem 5px;
  text-align: center;
  width: 50%;
  border-radius: 0 0 18px 18px;
  font-size: 14px;
  position: relative;
  z-index: -1;
  margin-top: -15px;
  margin-bottom: 0;
}*/
.paketit p.suosituin, .paketit p.halvin {
font-size: 1.4rem !important;
font-weight: 400;
text-align: center;
margin-bottom: 6px;
padding: 2px 2rem 5px;
position: absolute;
top: -2.5rem;
right: 0;
background: #71aa17;
z-index: -1;
border-radius: 16px 16px 0 0;
width: 100%;
margin-top: 0;
}
@media screen and (max-width: 643px) {
	.webhotelli_painikkeet {
		display: flex;
  	flex-direction: column;
  	justify-content: space-around !important;
  	box-sizing: border-box;
		align-items: initial !important;
		
	}
	
	.webhotelli_painikkeet > .wp-block-button {
		flex: 1;
  box-sizing: border-box;
	}
	.webhotelli_painikkeet .wp-block-button .wp-block-button__link {
		width: 100%;
		margin-bottom: 1rem;
	}
}
/* ---------- */


/* LASKURI
--------------------------------------------- */
#laskuri {
	padding: 4rem 5% 2rem;
	margin-top: 0rem;
	margin-bottom: 3.5rem;
		background-image: url("/wp-content/uploads/taustalogo2.png");
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-size: 50%;
}
.home #laskuri {
	margin-bottom: -2.5rem;
}
#laskuri h3 {
  margin-bottom: 2rem;
}
#kampanja_loppuu {
	margin: 0 auto;
  margin-bottom: 2rem;
	display: grid;
	grid-template-columns: repeat( 4, 1fr );
	max-width: 40rem;

}
.aika {
	display: flex;
	background: var(--yritys_color);
	border-radius: 5px;
  font-size: 4rem;
	display: block;
margin-bottom: -3px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin-left: 7%;
	margin-right: 7%;
	color: #fff;
}


/* KOKEMUKSIA
--------------------------------------------- */
.kokemuksia {
  padding-top: 7rem;
  padding-bottom: 6rem;
}
.kokemuksia .wp-block-column {
  padding: 3.5rem 8%;
border: 1px solid #dddfdf;
box-shadow: 0 0 2.4rem rgba(0,9,10,0.05);
  border-radius: 16px 0 16px 0;
	margin-bottom: 0rem;
}
.kokemuksia .wp-block-column:nth-of-type(odd) .fa-star::before {
  color: var(--yritys_color);
}
.kokemuksia h2 {
  margin-bottom: 1rem;
}
.kokemuksia .wp-block-column:nth-of-type(odd) a {
	  color: #fff;
}
.kokemuksia .wp-block-column:nth-of-type(even) a {
	  color: #fff;
}
.kokemuksia .wp-block-button {
  margin-top: 3rem;
}
/* ---------- */


/* DOMAINKESKUS
--------------------------------------------- */
h2.otsikkovali {
  margin-top: 8.5rem;
	margin-bottom: 4rem;
}
.full-width-content .entry-content > .animaatiolaatikot {
  padding-left: 0;
  padding-right: 0;
}
.site-container .animaatiolaatikot .wp-block-columns.alignfull {
  padding: 6rem 5%;
  max-height: 54rem;
  overflow: hidden;
	gap: 0 2%;
	margin-bottom: 0;
}
#rmzpqwlb {
  margin-top: 8vw;
}
#oejsbrex {
  margin-bottom: 4rem;
  margin-top: -4rem;
}
@media only screen and (max-width: 780px) {
.site-container .animaatiolaatikot .wp-block-columns.alignfull {
  padding: 0 5% 6rem;
  max-height: inherit;
}
.animaatiolaatikot .wp-block-column {
  margin-left: 0;
}
.animaatiolaatikot .teksti_order {
  order: 1;
}
#caxxoznn {
  margin-top: -5rem;
  margin-bottom: -5rem;
}
}
.kuvalaatikot {
  padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: left;
}
.kuvalaatikot .wp-block-media-text .wp-block-media-text__media {
  height: 100%;
  overflow: hidden;
  width: 100%;
	min-height: 49rem;
}
.home .kuvalaatikot .wp-block-media-text .wp-block-media-text__media {
	min-height: 48rem;
}
.kuvalaatikot .wp-block-media-text .wp-block-media-text__content {
  padding: 8rem 8%;
}
.kuvalaatikot .wp-block-media-text__media img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.kuvalaatikot .wp-block-media-text.is-stacked-on-mobile figure {
  margin-bottom: 0;
}
.kuvalaatikot ol, .kuvalaatikot ul {
  margin-bottom: 21px;
}
@media screen and (max-width: 600px) {
h2.otsikkovali {
  margin-top: 6rem;
	margin-bottom: 1rem;
}
.kuvalaatikot .wp-block-media-text .wp-block-media-text__content {
  padding: 3rem 8% 6rem;
}
}
/* ---------- */


/* UKK
--------------------------------------------- */
.ukk {
	max-width: 880px;
	margin-left: auto;
  margin-right: auto;
	text-align: left;
}
.ukk .wp-block-group__inner-container > *:not(h2, h3) {
	display:none;
	padding-left: 4.5%;
	padding-right: 4.5%;
}
.ukk h2 {
  margin: 0 0 4rem;
}
.ukk h3 {
  padding: 2.5rem 4.5% 2.5rem;
  border: 1px solid #dddfdf;
  box-shadow: 0 0 2.4rem rgba(0,9,10,0.05);
  border-radius: 10px;
  background: #fff;
  font-size: 2.1rem !important;
	transition: 0.2s;
	display: flex;
	justify-content: space-between;
}
.ukk h3::after {
  content: "\f101";
  font-family: 'FontAwesome';
	transition: 0.3s;
	color: #aaabab;
	display: flex;
	align-items: center;
}
.ukk h3:hover, .ukk h3.valittu {
  border: 1px solid #fff;
  background: var(--yritys_color);
	color: #fff;
}
.ukk h3:hover::after {
	color: #fff;
}
.ukk h3.valittu::after {
  transform: rotate(90deg);
	color: #fff;
}
@media screen and (max-width: 640px) {
.ukk h3 {
  font-size: 1.9rem !important;
}
}
/* ---------- */


/* FOOTER
--------------------------------------------- */
.alapalkki {
    padding-left: var(--site_padding) !important;
    padding-right: var(--site_padding) !important;
}
.footer-widgets {
	border-top: 1px solid #eee;
	font-size: 14px;
	color: #fff !important;
	background-color: var(--yritys_color);
	/*background:linear-gradient(to bottom, rgba(33,55,62,0.95) 0%,rgba(33,55,62,0.9) 100%), url("/wp-content/uploads/footer-bg.jpg");
	background-size:cover;
	background-position:50% 40%;
	*/
	padding: 6rem 0 1rem;
}
.footer-widgets .wrap {
	max-width: 1200px;
}
.footer-widget-area {
	float: none;
	width: 100%;
	margin-bottom: 0;
	/*padding-bottom:8rem;*/
	padding-left: 0;
	padding-right: 0;
}
.footer-widgets h4 {
	color: #fff !important;
	font-size:15px!important;
	margin-bottom: 7px;
	margin-top: 2rem;
	font-weight: 700;
}
.footer-widgets p {
	color: #fff !important;
}
.footer-widgets a {
	color: #fff !important;
	font-weight: normal;
}
.footer-widgets ul {
	padding-left: 0;
}
.footer-widgets ul > li {
	list-style-type: none;
	margin-top: 15px;
}
.alapalkki.gb-has-custom-background-color {
    padding-bottom: 3rem !important;
}
.alapalkki.wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap {
	max-width:  var(--sisalto_max_width) !important;
    grid-gap: 0 2%;
}
.alapalkki .gb-block-layout-column:nth-child(3) iframe {
    opacity: 0.93;
}
.site-footer {
    background-color: var(--yritys_color);
    border-top: 0;
    font-size: 14px;
    color: #fff;
    padding: 0 3rem 3rem;
	width:100%;
}
.alapalkki .some .gb-layout-column-wrap {
			grid-template-columns: 1fr !important;
	}
.alapalkki .some .gb-layout-column-wrap .gb-block-layout-column{
		margin-left: auto;
margin-right: auto;
	}
@media screen and (min-width:1280px){
	.alapalkki.wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap {
    grid-gap: 0 4.9%;
}
}
@media screen and (max-width:1279px) and (min-width:960px){
	.alapalkki .wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap.gb-is-responsive-column {
    -ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: initial;
    grid-gap: 0 6%;
}
.gb-block-layout-column {
    grid-area: initial !important;
}
}
@media screen and (max-width: 959px) and (min-width: 601px)  {
.alapalkki .wp-block-genesis-blocks-gb-columns > .gb-layout-column-wrap.gb-is-responsive-column {
    -ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: initial;
    grid-gap: 0 8%;
}
.gb-block-layout-column {
    grid-area: initial !important;
}
}
/* ---------- */


/*-----MUUT SIVUT-----*/

body:not(.home) .wp-block-cover.alignfull h2 {
  font-size: 5.5rem;
  font-weight: 700;
	padding-top: 1rem;
}

/*---------------------*/


/*-----IKONIPALSTAT-----*/
.ikonit .gb-layout-column-wrap {
  grid-gap: 3rem 3em !important;
}
.gappi .ikonit {
  grid-gap: 3rem 7rem !important;
}
@media screen and (max-width: 959px) and (min-width: 601px) {
.ikonit.gb-layout-columns-4 > .gb-layout-column-wrap.gb-is-responsive-column {
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "col1 col2" "col3 col4";
}
}
@media screen and (max-width: 600px) {
.mobiilikeskitys {
  text-align: center !important;
}
}
/*---------------------*/


/*-----BLOGISIVU-----*/
.blog #genesis-content, .category #genesis-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
	grid-auto-flow: row;
    grid-gap: 1rem 7%;
	  font-size: 16px;
}
body.blog h1, body.category h1 {
		margin-top: 0;
		padding-top: 0rem !important;
}
body.blog h2, body.blog h3, body.category h2, body.category h3 {
    font-size: 2.1rem;
		margin-bottom: 1rem;
}
body.blog h3, body.category h3 {
		margin-bottom: 2rem;
}
.blog .entry-image-link img, .category .entry-image-link img {
		border-bottom: 10px solid var(--yritys_color);
	   object-fit: cover !important;
    object-position: 50% 15%;
    max-height: 280px;
    min-width: 100%;
	font-size: 16px;
	transition: 0.5s;
}
.blog .entry-image-link img:hover, .category .entry-image-link img:hover {
	border-bottom: 20px solid var(--yritys_color);
}
.blog .archive-description.posts-page-description, .category .archive-description, .pagination {
    grid-column: 1 / -1;
	    margin-bottom: 0;
}
.blog #genesis-content .entry, .category #genesis-content .entry {
    width: 100%;
    margin-bottom: 3rem;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}
.blog #genesis-content .entry p, .category #genesis-content .entry p {
    margin-bottom: 1rem;
}
.entry-categories, .rt-reading-time, .entry-time {
  display: inline-block;
	font-size: 13px;
}
.blog .site-inner, .category .site-inner, .single .site-inner {
  margin-bottom: 6rem;
}
.singular-image {
  margin: 0 0 30px;
}
.more-link {
  display: block;
  position: relative;
	margin-top: 2rem;
  margin-bottom: 2rem;
	font-weight: 700;
}
.searchandfilter ul {
  display: flex;
	padding-top: 8.4rem;
}
.searchandfilter li input {
  height: 55px;
}
@media screen and (max-width: 640px) {
.blog #genesis-content, .category #genesis-content {
    grid-template-columns: 1fr;
}
}
/*---------------------*/


/* Taulukoiden muotoilut
 * ---------------------------*/


.taulukko thead{
	color:#fff;
	text-transform:uppercase;
}

.taulukko thead tr{
	border-top:0;
}

.taulukko th{
	text-align:center;
	font-size:14px;
background:#21373e;
	vertical-align:middle;
	padding:1.6em 1em;
	font-weight:700;
}

.taulukko th:nth-child(even){
	background:#415D69;
}

.taulukko tr{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #fff;
}

.taulukko tr:last-of-type{
	border-bottom:1px solid #ccc;
}

.taulukko tr:first-of-type{
	border-top:1px solid #ccc;
}

.taulukko td{
	border-left:1px solid #ccc;
	font-size:1.4rem;
	vertical-align:middle;
}

.taulukko tr td:not(:first-of-type){
	text-align:center;
}

.taulukko tr td:not(:first-of-type) a{
	display:block;
	padding: 8px 1rem;
background:var(--yritys_color);
	border-radius:30px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	max-width:120px;
	margin:auto;
}


/*--------------*/


/* WP Table Builder 
 * ------------------------*



.wptb-image-wrapper a{
	width:18px!important;
}

.wptb-button{
	padding-left:20px!important;
	padding-right:20px!important;
}

.wptb-cell{
	padding:1em 9px!important;
}

@media screen and (min-width:1024px){
	.wptb-table-container{
	overflow:visible!important;
}
	.wptb-text-container > div > p{
		font-size:13px!important;
	}
	.wptb-row:first-of-type .wptb-text-container > div,.wptb-row:first-of-type .wptb-text-container > div > p{
	font-weight:700;
	text-transform:uppercase;
}
	.wptb-row td:first-of-type{
		padding:1em!important;
	}
	.wptb-row:first-of-type td{
		padding:1.6em 9px!important;
		border:0!important;
	}
	.wptb-row:first-of-type td:nth-child(even){
		background:#415D69!important;
	}
	.wptb-row:first-of-type td:nth-child(odd){
	background:#21373E!important;
	}
	.wptb-row{
		border-bottom:0!important;
		border-top:0!important;
	}
	.wptb-row:last-of-type{
		border-bottom:1px solid #cccccc!important;
	}
	.wptb-cell{
		border-bottom:0!important;
		border-top:0!important;
*******************************		
Testailen wp tablea -Arto
******************************
*/
		
		/*border-left:0!important;
		border-right:0!important;*/
	}
	/*.wptb-row:not(:first-of-type) td:nth-child(even){
		background:#fafafa;
	}*/
}

@media screen and (max-width:1024px){
	.wptb-cell{
		text-align:center!important;
	}
	.wptb-cell:not(:first-of-type){
		border:1px solid #ccc!important;
		background:none!important;
	}
}


@media screen and (max-width:600px){
	.wptb-table-container-matrix table{
	/*border:0!important;	*/
	}
	.wptb-row{
		border-top:0!important;
		padding:0;
	}
	.wptb-cell{
		width:100%!important;
		box-sizing:border-box!important;
		border:0!important;
	}
	.wptb-cell:not(:first-of-type){
		border:0!important;
	background:#fbfbfb!important;
	}
	#wptb-table-id-3622 .wptb-row:first-of-type td{
		background:#21373E!important;
	}
}

/* GRIDI-MASTER
--------------------------------------------- */
.gridi :is(.wp-block-columns, .is-grid, .lista ul) {
	display: grid;
	grid-gap: 45px 1.5%;
}
.gridi :is(.wp-block-column, article, .lista li) {
    margin-left: 0 !important;
}
.gridi.kaksi :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: repeat( 2, 1fr );
}
.gridi.kolme :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: repeat( 3, 1fr );
}
.gridi.nelja :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: repeat( 4, 1fr );
}
.gridi.viisi :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: repeat( 5, 1fr );
}
.gridi.kuusi :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: repeat( 6, 1fr );
}
.gridi.kolme-kaksi :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: repeat( 6, 1fr );
}
.gridi.kolme-kaksi :is(.wp-block-column, article, .lista li) {
    grid-column: span 2;
}
.gridi.kolme-kaksi :is(.wp-block-column:nth-child(4), article:nth-child(4), .lista li:nth-child(4)) {
    grid-column: 2 / span 2;
}
.gridi.kolme-kaksi :is(.wp-block-column:nth-child(5), article:nth-child(5), .lista li:nth-child(5)) {
    grid-column: 4 / span 2;
}
@media screen and (max-width: 1200px) and (min-width: 960px) {
.gridi.kuusi :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: repeat( 3, 1fr ) !important;
}
}
@media screen and (max-width: 1080px) {
.gridi :is(.wp-block-columns, .is-grid, .lista ul) {
    grid-gap: 45px 4.5%;
}
.gridi :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: repeat( 4, 1fr ) !important;
}
.gridi :is(.wp-block-column, article, .lista li) {
    grid-column: span 2 !important;
}
.gridi :is(.wp-block-column:nth-last-child(1):nth-child(odd), article:nth-last-child(1):nth-child(odd), .lista li:nth-last-child(1):nth-child(odd)) {
	grid-column: 2 / span 2 !important;
}
}
@media screen and (max-width: 600px) {
.gridi :is(.wp-block-columns, .is-grid, .lista ul) {
    grid-gap: 4rem 3%;
}
.gridi :is(.wp-block-columns, .is-grid, .lista ul) {
	grid-template-columns: 1fr !important;
}
	.gridi :is(.wp-block-column, article, .lista li) {
    grid-column: span 1 !important;
}
.gridi :is(.wp-block-column:nth-last-child(1):nth-child(odd), article:nth-last-child(1):nth-child(odd), .lista  li:nth-last-child(1):nth-child(odd)) {
	grid-column: span 1 !important;
}
}

.gridi.viisi.pienitekst {
	margin-top: 40px;
}
/* ---------- */

/* YRITYSLOGOT
--------------------------------------------- */
@media screen and (max-width: 800px) {
.logos.gb-layout-columns-6 > .gb-layout-column-wrap.gb-is-responsive-column {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "col1 col2 col3" "col4 col5 col6";
gap: 2rem 6em;
margin-inline: 5%;
}
}
@media screen and (max-width: 600px) {
.logos.gb-layout-columns-6 > .gb-layout-column-wrap.gb-is-responsive-column {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "col1 col2" "col3 col4" "col5 col6";
}
}

.logos img {
	height: auto;
	max-width: 100%;
}

.logos .bw img {
	filter: grayscale(100%);
}

.logos .bw img:hover {
	filter: grayscale(0%);
}

/* ETUSIVUN BUTTON-GROUP
--------------------------------------------- */
@media screen and (max-width: 643px) {
	.webhotelli_painikkeet {
		display: flex;
  	flex-direction: column;
  	justify-content: space-around !important;
  	box-sizing: border-box;
		align-items: initial !important;
		
	}
	
	.webhotelli_painikkeet > .wp-block-button {
		flex: 1;
  box-sizing: border-box;
	}
	.webhotelli_painikkeet .wp-block-button .wp-block-button__link {
		width: 100%;
	}
}

/* FULL WIDTH MOBILE NAV
--------------------------------------------- */
@media only screen and (max-width: 1230px) {
	.site-header {
		padding: 0;
	}
	
	.title-area {
		margin-left: var(--site_padding);
	}
	
	.menu-toggle {
		margin: 1rem var(--site_padding) 10px 0;
	}
}

@media only screen and (max-width: 1230px) {	
	.title-area {
		margin-left: var(--site_padding);
	}
	
	.menu-toggle {
		margin: 1rem var(--site_padding) 10px 0;
	}
}
@media only screen and (max-width: 1200px) {
	.site-header {
		padding: 0;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1230px) {
	.home.site-header {
		padding-top: var(--site_padding);
	}
}
	
	
@media only screen and (max-width: 1230px) {
		.home .site-header.skrolli 		 {
			padding-bottom: 0 !important;
		}
	}
	
/* DOMAINIT -SIVU
--------------------------------------------- */
.wp-block-cover.alignfull.domainit {
  padding: 0;
}
.domainhaku .gb-block-layout-column {
  text-align: center;
}
.ylapalkkiryhma .wp-block-group__inner-container {
  max-width: 780px;
  margin: 0 auto;
}
.wp-block-genesis-blocks-gb-columns.domain_hintoja.gb-layout-columns-6.six-column {
  margin-top: 3rem;
}
.domain_hintoja p {
	margin-bottom: 1rem;
}
.domain_hintoja strong::before {
	content: ".";
	color: #72aa17;
	font-weight: 900;
font-size: 3rem;
	margin-right: 4px;
}
span.whmpress_domain_price {
	color: #fff;
	font-weight: 600;
	font-size: 1.3rem;
}
span.whmpress_domain_price::before {
	content: '-';
	padding-right: 5px;
}
.whmpress_domain_search form {
  max-width: 550px;
	display: flex !important;
padding: 0 !important;
}
.whmpress_domain_search form div.submit_div {
  width: 25% !important;
  min-width: 80px !important;
  margin-left: -5px !important;
}
.whmpress_domain_search form div input, .whmpress_domain_search form div select {
  font-size: 1.8rem;
}
.whmpress input[type="submit"] {
  padding: 10px 2rem;
  background: #72aa17;
}
.whmpress input[type="submit"]:hover {
background: #557e16;
}
.whmpress_domain_price_list ul {
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: center;
  gap: 1rem;
  margin-top: 6rem;
}
.whmpress_domain_price_list ul li .domain_tld {
  font-size: 4rem;
}
.whmpress_domain_price_list ul li {
  font-size: 1.6rem;
	padding: 0;
}

.whmpress_domain_price_list ul li:nth-child(even) > a {
  background: var(--yritys_color);
}
.whmpress_domain_price_list ul li:nth-child(odd) > a {
  background: #72aa17;
}
.whmpress_domain_price_list ul li > a {
  border: 0;
  display: grid;
  padding: 0.5rem 1rem 1.6rem;
  color: #fff;
  justify-content: center;
  border-radius: 5px;
}
.whmpress_domain_price_list ul li > a:hover {
  color: #fff;
  border-color: inherit;
	text-decoration: none;
}
.whmpress_domain_price_list ul li:nth-child(even) > a:hover {
	background: #021e42;
}
.whmpress_domain_price_list ul li:nth-child(odd) > a:hover {
	background: #557e16;
}
.domainsiirto.kuvalaatikot .wp-block-media-text__media img {
  height: auto;
  width: 100%;
	max-width: 880px;
  object-fit: inherit;
	float: right;
	margin-bottom: 5rem;
}
@media (max-width: 1200px) {
.whmpress_domain_price_list ul {
  grid-template-columns: repeat(3, 1fr);
}
.whmpress_domain_price_list ul li:last-of-type {
  grid-column: 2 / 3;
}
.domainsiirto.kuvalaatikot .wp-block-media-text.is-stacked-on-mobile figure {
  display: none;
}
.domainsiirto.kuvalaatikot .wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile {
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
	grid-template-columns: 1fr !important;
}
.domainsiirto.kuvalaatikot .wp-block-buttons {
	justify-content: center;
}
}
@media (max-width: 767px) {
.whmpress_domain_price_list ul {
  grid-template-columns: repeat(2, 1fr);
}
.whmpress_domain_price_list ul li .domain_tld {
  font-size: 3.2rem;
}
}
@media (max-width: 600px) {
.gb-layout-columns-6 > .gb-layout-column-wrap.gb-is-responsive-column {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "col1 col2" "col3 col4" "col5 col6";
}
}
@media (max-width: 460px) {
.whmpress_domain_price_list ul {
  grid-template-columns: repeat(1, 1fr);
}
.whmpress_domain_price_list ul li:last-of-type {
  grid-column: 1 / -1;
}
}
	
/* VERKKOTUNNUSHINNASTO -TAULUKKO
--------------------------------------------- */
.whmpress_price_matrix_domain > table {
	border: 0 !important;
}
.whmpress_price_matrix_domain > table th, 
.whmpress_price_matrix_domain table td {
	text-align: center;
}

.whmpress_price_matrix_domain > table tbody {
	border: 0 !important;
}

.whmpress_price_matrix_domain > table th 
{
	background: #182830 !important;
}

.whmpress_price_matrix_domain > table tr:nth-of-type(odd) 
{
	background: #20363F !important;
	color: #fff;
}

/* VPN -SIVU
--------------------------------------------- */
@media screen and (min-width: 600px) {
	.phase-wrapper {
		padding: 0 20px;
	}
	.phase > 
	.gb-block-layout-column-inner > 
	p {
	padding: 0 20px;
	}
	
	.phase:not(:last-child) > 
	.gb-block-layout-column-inner > 	p::after {
		font-family: 'FontAwesome';
		font-weight: 600;
		content: "\f101";
		padding-right:10px;
		font-size: 50px;
		color: #71aa17;
		position: absolute;
		top: 45px;
		right: -40px;
	}
}

/* WEBMAIL / PLESK LOGIN FORMS
--------------------------------------------- */
.no-site-content .site-inner {
	display: none;
}
form.external-login {
	max-width: 600px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 20px;
	border-radius: 4px;
}

form.external-login > p {
	font-size: 1.3rem;
	color: #fdfdfd !important;
	text-align: center;
}

form.external-login > .error {
	background-color: #b63134;
	color: #fff;
	padding: 10px;
	border-radius: 4px;
	width: 100%;
	text-align: center;
	display: none;
	margin-bottom: 20px;
	font-size: 1.5rem;
}
form.external-login > span {
	position: relative;
}

form.external-login > span > input {
	border: 0;
}

form.external-login > span > input[type="email"],
form.external-login > span > input[type="text"]{
	background: transparent;
	border-bottom: 1px solid #6c6c6c;
	color: #333;
	font-size: 1.5rem;
	padding-left: 40px;
}

form.external-login > span > input[type="email"]::placeholder,
form.external-login > span > input[type="text"]::placeholder{
	color: #333;
}

form.external-login > span:after {
	color: #333;
	position: absolute;
	top: 0;
	left:0;
	font-family: 'FontAwesome';
}

form#webmail-form > span::after {
	content: '\f0e0';
}

form#plesk-form > span::after {
	content: '\f0ac';
}

form.external-login > input[type="submit"] {
	width: 100%;
	margin-top: 10px;
}

form.external-login > input:focus, 
form.external-login > textarea:focus, 
form.external-login > select:focus{
    outline: none;
}

/* CAMPAIGN BANNER STYLES
--------------------------------------------- */
.front-campaign h1 {
	padding-top: 0 !important;
	margin-bottom: 1.2rem !important;
}

.front-campaign h2 {
	font-size: 2.5rem !important;
	font-weight: normal !important;
	padding-top: 0 !important;
	line-height: 1.5 !important;
}

.front-campaign span {
	font-size: 3rem;
	font-weight: bold;
}

span.price-tag {
	background-color: var(--yritys_color);
	padding: 0 10px;
	color: #fff;
	border-radius: 5px;
	
}

@media only screen and (max-width: 600px) {
    h1.campaign-front-heading {
		/*display: none !important;*/
    }
	
	.front-campaign-left {
		/*grid-area: col2 !important;*/
	}
	
	.front-campaign-right {
		display: none;
		/*grid-area: col1 !important;*/
	}
}
@media only screen and (max-width: 480px) {
.front-campaign h2 {
	font-size: 2.1rem !important;
	line-height: 1.5 !important;
	margin-left: auto;
  margin-right: auto;
}
}

/* DOMAINHAKU -SIVU
--------------------------------------------- */
.whmpress.whmpress_domain_search_ajax > form > .search_btn {
	background: #72aa17;
}
.whmpress.whmpress_domain_search_ajax > form > .search_btn:hover {
	background: #557e16;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_title {
    padding: 20px;
    text-align: center;
    max-width: 100%;
    border-radius: 6px;
	margin 0 0 50px 0;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_not_found_title,
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_found_title {
    background: #f5f5f5;
    border: 1px solid #ccc;
    color: #000;
}

.whmp_domain_search_ajax_results .whmp_not_found_result,
.whmp_domain_search_ajax_results .whmp_found_result {
	background: transparent;
	border: 1px solid #ccc;
	color: #333;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.whmp_domain_search_ajax_results .whmp_not_found_result:hover,
.whmp_domain_search_ajax_results .whmp_found_result:hover {
	-webkit-transform: scale(1.03);
    transform: scale(1.03);
	background-color: #f9f9f9;
}
}
.whmp_domain_search_ajax_results .whmp_search_ajax_result .whmp_icon {
	margin-right: 20px;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_result .whmp_icon > i.fa {
	display: inline-block;
    border-radius: 60px;
    padding: 0.5em 0.6em;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_result.whmp_found_result .whmp_icon > i.fa {
	box-shadow: 0 0 0px 2px green;
	color: green;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_result.whmp_not_found_result .whmp_icon > i.fa {
	box-shadow: 0 0 0px 2px var(--yritys_color);
	color: var(--yritys_color);
}
.whmp_domain_search_ajax_results .whmp_search_ajax_result .whmp_domain_price {
	font-weight: 600;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_result .whmp_domain_price::after {
	content: ' / vuosi';
}
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_not_found_title .whmp_search_ajax_buttons a,
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_found_title .whmp_search_ajax_buttons a,
.whmp_domain_search_ajax_results .whmp_found_result .whmp_search_ajax_buttons a,
.whmp_domain_search_ajax_results .whmp_not_found_result .whmp_search_ajax_buttons a
{
	padding: 1rem 2rem;
    text-decoration: none;
    border-radius: 50px;
    margin: 2rem auto 1rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #fff;
	border: 0;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_not_found_title .whmp_search_ajax_buttons a,
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_found_title .whmp_search_ajax_buttons a,
.whmp_domain_search_ajax_results .whmp_found_result .whmp_search_ajax_buttons a,
.whmp_domain_search_ajax_results .whmp_not_found_result .whmp_search_ajax_buttons a {
	background: transparent;
	border: 2px solid var(--yritys_color);
    color: var(--yritys_color);
	transition: background 0.2s ease-in-out;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_not_found_title .whmp_search_ajax_buttons a,
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_found_title .whmp_search_ajax_buttons a,
.whmp_domain_search_ajax_results .whmp_found_result .whmp_search_ajax_buttons a:hover,
.whmp_domain_search_ajax_results .whmp_not_found_result .whmp_search_ajax_buttons a:hover {
	background: var(--yritys_color);
	border: 2px solid var(--yritys_color);
    color: #fff;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_not_found_title .whmp_search_ajax_buttons a.whois-btn,
.whmp_domain_search_ajax_results .whmp_not_found_result .whmp_search_ajax_buttons a.whois-btn {
	background: transparent;
	border: 2px solid var(--yritys_color2);
    color: var(--yritys_color2);
	transition: background 0.2s ease-in-out;
	cursor:pointer;
}
.whmp_domain_search_ajax_results .whmp_search_ajax_title.whmp_not_found_title .whmp_search_ajax_buttons a.whois-btn:hover,
.whmp_domain_search_ajax_results .whmp_not_found_result .whmp_search_ajax_buttons a.whois-btn:hover {
	background: var(--yritys_color2);
	border: 2px solid var(--yritys_color2);
    color: #fff;	
}
.whmp_domain_search_ajax_results .whmp_search_ajax_result .whmp_search_ajax_buttons,
.whmp_domain_search_ajax_results .whmp_not_found_result .whmp_search_ajax_buttons {
	width: 35%;
}
.whmp_domain_search_ajax_results .load-more-div button {
    padding: 15px 30px;
    color: #fff;
    border-radius: 6px;
    border: 0;
    display: inline-block;
    background: var(--yritys_color2);
}

@media only screen and (max-width: 768px) {
	.whmp_domain_search_ajax_results .whmp_search_ajax_result .whmp_domain_price {
		width: 100%;
		text-align: center;
	}
	
	.whmp_domain_search_ajax_results .whmp_search_ajax_result .whmp_search_ajax_buttons {
		display: block;
		width: 100% !important;
	}
}

/* Hide Tables from mobile viewports */
@media only screen and (max-width: 600px) {
	.wptb-table-container {
		display: none;
	}
}
@media only screen and (min-width: 1200px) {
	.admin-bar .site-header {
      top: 20px;
      padding-top: 0;
	}
}

/* CUSTOM PAGES
--------------------------------------------- */
.custom-page.promo-box {
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.custom-page.promo-box > .wp-block-column {
	padding: 54px 6%;
}
.custom-page.promo-box.testimonials > .wp-block-column {
	max-width: 1200px;
	margin: 0 auto;
}
.custom-page.custom-cover {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.custom-page.overlay-text {
	padding: 0px 10px;
}
@media screen and (min-width: 768px) and (max-width: 1599px) {
	.custom-page.overlay-text {
		padding: 40px 3%;
		max-width: 600px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1600px) {
	.custom-page.overlay-text {
		padding: 54px 6%;
		max-width: 700px;
		margin: 0 auto;
	}
}
.custom-page.overlay-text > h2 {
	font-size: 22px !important;
}
.custom-page.plan {
	border: 1px solid #d7dde0;
	padding: 6% 7%;
	text-align: center;
}
.custom-page.plan ul > li {
	list-style-type: none !important;
}

/* VAT TOGGLER
--------------------------------------------- */
.vat-toggler {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}
.vat-toggler > span.label-text {
  font-size: 12px;
  margin-right: 10px;
  margin-top: 10px;
  vertical-align: middle;
  display: inline;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #002f6c;
}

input:focus + .slider {
  box-shadow: 0 0 1px #002f6c;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 6px;
}

.slider.round:before {
  border-radius: 6px;
}


/* IDENTITEETTIVAHTI -SIVU
--------------------------------------------- */
@media only screen and (max-width: 781px) {
	.wp-block-columns > .media-text {
		order: 2;
	}
	
	.wp-block-columns > .media-image {
		order: 1;
	}
	
	.plan-text-wrapper {
		order: 1
	}
	.id-protection-plan {
		order: 2;
	}
}
/**
@media only screen and (max-width: 900px) {
  .id-protection-banner .wp-block-cover__inner-container {
	margin-left: 0 !important;
	display: grid;
	justify-content: center;
	align-items: center;
	text-align: center;
  }
	.id-protection-banner .wp-block-cover__inner-container > h2 {
		text-align: center;
	}
	
	.id-protection-banner .wp-block-buttons.is-content-justification-left { 
		justify-content: center !important;	
	}
}

span.heading-green {
	font-weight: 600;
	color: #71aa17;
}

.id-protection-banner .wp-block-cover__inner-container {
	margin-left: 30rem;
}
.id-protection-banner .wp-block-cover__inner-container > h2 {
	font-size: 4rem !important;
}
*/

/* Eye On ID Form */
#eye-on-id-form .container, #eye-on-id-form .max-w-4xl  {
	max-width: 900px !important;
}
#eye-on-id-form .text-8xl {
	font-size: 10rem;
}
#eye-on-id-form form > button {
	letter-spacing: 0 !important;
}
#eye-on-id-form .text-2xl {
	line-height: 4rem !important;
}
#eye-on-id-form ul > li {
	list-style-type: none !important;
}

#eye-on-id-form a:hover {
	text-decoration: none !important;
	color: #fff !important;
}

/* Domain Prices (Blocks)
--------------------------------------------- */
.domain-price-wrapper {
	margin-bottom: 10px;
}
.domain-price-block {
	color: white;
	text-align: center;
	padding: 1rem;
	border-radius: 6px;
	transition: 0.2s all ease-in-out;
	cursor: pointer;
}

.domain-price-wrapper:nth-child(odd) .domain-price-block:nth-child(odd) {
    background: var(--yritys_color);
}

.domain-price-wrapper:nth-child(odd) .domain-price-block:nth-child(odd):hover {
	background: #021e42;
}

.domain-price-wrapper:nth-child(odd) .domain-price-block:nth-child(even) {
    background: #72aa17;
}

.domain-price-wrapper:nth-child(odd) .domain-price-block:nth-child(even):hover {
	background: #557e16;
}


.domain-price-wrapper:nth-child(even) .domain-price-block:nth-child(odd) {
    background: #72aa17;
}

.domain-price-wrapper:nth-child(even) .domain-price-block:nth-child(odd):hover {
	background: #557e16;
}

.domain-price-wrapper:nth-child(even) .domain-price-block:nth-child(even) {
    background: var(--yritys_color);
}

.domain-price-wrapper:nth-child(even) .domain-price-block:nth-child(even):hover {
	background: #021e42;
}

.domain-price-block h2 {
	font-size: 4rem;
	margin: 0 0 1rem 0;
}
.domain-price-block p {
	font-size: 1.5rem;
	font-weight: 600;
}

@media screen and (max-width: 800px) {
  .domain-price-wrapper {
	margin-bottom: 0px;
  }
  .domain-price-block {
	margin: 5px 0 5px 0;
  }
}

@media screen and (min-width: 800px) and (max-width: 900px) {
  .domain-price-block h2 {
	font-size: 2rem;
  }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
  .domain-price-block h2 {
	font-size: 2.5rem;
  }
}