/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.19
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

body, html {
	font-family: 'Lato', sans-serif !important;
}
body .main-nav > li > a .menu-text {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
html, body, body.page, .wf-container > * {
	font-family: 'Lato', sans-serif !important;
}
img {
    max-width: 100%;
    height: auto;
}

p {
	margin-bottom: 30px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: Lato, sans-serif;
	padding-bottom: 10px !important;
}
h1, .h1, h2, .h2 {
	font-weight: 800 !important;
	line-height: 1.1;
}
h1 small, .h1 small {
	font-weight: 700;
}

/* fonttikoot on the7 hallinnassa, paitsi .h1 tyyppiset, pannaas tähäkii. */
h1, .h1 {
	font-size: 26px;
}
h2, .h2 {
	font-size: 22px;
}
h3, .h3 {
	font-size: 20px;
}
h4, .h4 {
	font-size: 18px;
}
@media (min-width: 768px) {
	h1, .h1 {
		font-size: 32px;
	}
	h2, .h2 {
		font-size: 24px;
	}
	h3, .h3 {
		font-size: 20px;
	}
	h4, .h4 {
		font-size: 18px;
	}
}

.sidebar-content .widget-title {
	font-size: 120%!important;	
	font-weight: 700!important;
}

.show-more-btn:not(:disabled):not(.disabled) {
	text-decoration: underline;
	margin-bottom: 30px!important;
}
	

.watu-submit-button,
button.show-more-btn {
	border-radius: 0;

	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;

	overflow: visible;
	text-transform: none;

	-webkit-appearance: button;
}
  
  button.show-more-btn:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
  }
 
  
  button.show-more-btn::-moz-focus-inner {
	padding: 0;
	border-style: none;
  }


.watu-submit-button,
.show-more-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
 .watu-submit-button:hover, .watu-submit-button:focus, 
  .show-more-btn:hover, .show-more-btn.focus, .show-more-btn:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  
.watu-submit-button:not(:disabled):not(.disabled),
  .show-more-btn:not(:disabled):not(.disabled) {
	cursor: pointer;
  }
  
  .show-more-btn:not(:disabled):not(.disabled):active, .show-more-btn:not(:disabled):not(.disabled).active {
	background-image: none;
  }
  
.watu-submit-button,
  .show-more-btn {
	color: black;
	background-color: #ffffff;
	border-color: #ffffff;
  }
.watu-submit-button:hover,
 .show-more-btn:hover {
	color: black;
	background-color: #ffffff;
	border-color: #ffffff;
  }
.watu-submit-button:focus,
  .show-more-btn:focus, .show-more-btn.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  



/* sivupalkin listat */
.widget_dg_related_content li {
	position: relative;
	padding-bottom: .5rem;
	min-height: 2rem;
}
.widget_dg_related_content a {
	margin-bottom: .5rem;
}
.widget_dg_related_content .list-icon {
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 0;
	top: 0;

	background-color: transparent;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.widget_dg_related_content .list-icon + a {
	margin-left: 2.5rem; 
	display: block;
}
.widget_dg_related_content .list-icon img {
	display: none;
}

.related-content-list .initially-hidden {
	display: none;
}

/* Kalastus-sanasto */
.kalastus-sanasto ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.kalastus-sanasto li {
	display: inline-block; 
	padding-left: .2rem;
	padding-right: .2rem;
	font-size: 1.5rem;
}
.kalastus-sanasto li a {
	text-decoration: none;
}
.kalastus-sanasto h3 {
	padding-top: 60px;
	margin-bottom: 0;
}
.kalastus-sanasto dl {
	width: 100%;
	float: none;
	clear: both;
}
.kalastus-sanasto dl::after {
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
}
.kalastus-sanasto dt {
	width: 100%; 
	font-weight: bold;
	display: block;
	float :left;
	clear: both;
	margin-right: 20px;
}

.kalastus-sanasto dd {
	width: 100%;
	float: left;
}
@media (min-width: 768px) {
	.kalastus-sanasto dt {
		width: 200px; 
	}
	.kalastus-sanasto dd {
		width: calc( 100% - 220px );
	}
}
.kalastus-sanasto dt, 
.kalastus-sanasto dd {
	padding-top: 1rem;
}
.kalastus-sanasto .synonyymit {
	display: block;
}

/* Bannerit */
.bsa-html img {
	max-width: 100%;
}

/* Nappeihin isommat tekstit */
.vc_btn3.vc_btn3-size-lg {
	font-size: 18px;
}

/* Alertti */
.alert-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

/* joulukalenterin tietovisa QSM plugarilla*/
.page-id-40481 .wf-container-main,
.parent-pageid-40481 .wf-container-main {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
input.qsm-btn.qsm-submit-btn.qmn_btn {
	margin-right: auto;
}

.text-center {
	text-align: center;
}

.btn.btn-primary {
    background-color: #27b7ca;
    color: #ffffff;
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;

	display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    top: 0;
    transition: all .2s ease-in-out;
    line-height: normal;
    box-shadow: none;

}

.content ol.breadcrumbs {
	margin-left: 0;
}


/* ivory search hänksöttää */
.is-form-style label {
	vertical-align: initial;
}
.is-ajax-result-description {
	margin-left: 80px !important;
}

.mini-widgets .is-form-style input.is-search-submit, 
.mini-widgets .is-search-icon {
	margin-top: -2px;
}

form.is-search-form,
form.search-form {
	max-width: 600px;
}
.mini-widgets input.is-search-input {
	margin-bottom: 0;
}

.image-strip {
    display: flex; /* Enable Flexbox */
    flex-wrap: nowrap; /* Prevent wrapping */
    overflow-x: auto; /* Enable horizontal scrolling */
    align-items: center; /* Align items vertically in the center */
    gap: 10px; /* Space between thumbnails */
    padding: 10px; /* Padding around the strip */
}

.strip-thumb {
    flex: 0 0 auto; /* Do not grow, do not shrink, and base size on content */
    border: 1px solid #ccc; /* Optional border for thumbnails */
    border-radius: 5px; /* Optional rounded corners */
    overflow: hidden; /* In case of overflows within thumbnails */
}

.strip-thumb img {
    display: block; /* Remove any default spacing */
    width: 100px; /* Fixed width, or you can use max-width */
    height: auto; /* Keep aspect ratio */
}

.classic-layout-list article:not(.content-card--dg_video),
.vc_grid-item .vc_grid-item-mini,
.wf-cell .post {
	background-color: #ffffff !important;
	border-radius: 15px;
	border: 1px solid #ececec;
}
.wf-cell .post { 
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.vc_grid-item .vc_gitem-zone {
	background-color: transparent !important;
}
.vc_gitem_row .vc_gitem-col {
	padding: 20px;
}
@media (min-width: 992px) {
	.vc_gitem_row .vc_gitem-col {
		padding: 30px;
	}	
}

.vc_gitem-col .vc_gitem-post-data {
	margin-bottom: 0;
}
.vc_gitem-col .vc_custom_heading > h4 {
	margin-bottom: 10px;
}
.vc_btn3-container{
	margin-bottom: 0;
}

.classic-layout-list article .post-entry-content {
	display: flex;
	flex-direction: column;
	place-items: flex-start;
}

.classic-layout-list article .post-entry-content .entry-meta {
	order: 1;
	margin-bottom: 5px;
}
.classic-layout-list article .post-entry-content .entry-meta,
.classic-layout-list article .post-entry-content .entry-meta a {
	font-size: 14px !important;
	color: #000;
}
.classic-layout-list article .post-entry-content  .entry-excerpt {
	/* margin-bottom: 20px; */
	margin-bottom: 0;
	order: 3;
}
.classic-layout-list article .post-entry-content  .entry-excerpt > p {
	margin-bottom: 15px !important;
	line-height: 1.3 !important;
}
.classic-layout-list article .post-entry-content .entry-excerpt > p:last-of-type {
    margin-bottom: 0 !important;
}

.classic-layout-list article .post-entry-content .entry-title {
	margin-top: 0;
	padding-top: 0;
	order: 2;
}
.classic-layout-list article .post-entry-content .entry-title a,
.vc_grid-item-mini .vc_custom_heading h4,
.wf-cell .post .entry-title a {
	font-size: 18px;
	font-weight: 800;
	color: #000;
}
.classic-layout-list article .post-entry-content .entry-title {
	margin-bottom: 0;
}
.classic-layout-list article .post-entry-content .entry-title a:hover,
.classic-layout-list article .post-entry-content .entry-title a:focus {
	color: #3ab5cb;
}
.classic-layout-list article .post-entry-content .post-details {
	order: 4;
}
.classic-layout-list article .post-entry-content,
.dg-article-card-grid article .post-entry-content {
	width: 100%;
	padding: 20px !important;
}

@media (min-width: 992px) {
	.classic-layout-list article .post-entry-content,
	.dg-article-card-grid article .post-entry-content { 
		padding: 20px !important; /* 30px > 20px 14.5.2025 */
	}
}

.dg-article-card-grid.ribbon article .post-entry-content {
	padding: 10px !important;
}

.classic-layout-list article .post-entry-content,
.classic-layout-list article .post-entry-content .entry-title a {
	text-align: left !important;
}

.classic-layout-list article .post-entry-content .entry-meta .entry-date {
	color: #000;
}

.article-list-item .entry-content-link {
	color: #000;
	text-decoration: none;
}
.article-list-item h3 {
	margin-top: 0;
}
.article-list-item h3 small {
	display: block;
	font-weight: normal;
}

/** template-parts/post/content-card muuhun gridiin taivuteltuna T 8.4.2024 */ 
h2.grid-heading {
    margin-bottom: 20px ;
    padding: 8px 8px 8px 20px;
	line-height: 46px;
    background-color: #0a0a0a !important;	
	color: white;

}
.dg-article-card-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;

	display: -ms-grid;
    display: grid;
    transition: all .33s;

	margin-bottom: 30px;
}
@media (min-width: 991px) {

.dg-article-card-grid {
    grid-template-columns: repeat(3, 1fr);
}

}
.dg-article-card-grid.ribbon {
	grid-template-columns: repeat(4, 1fr);
}
.dg-article-card-grid article {
    display: flex;
	flex-direction: column;
    padding: 0;
    opacity: 1;

	background-color: #ffffff !important;
	border-radius: 15px;
	border: 1px solid #ececec;
}
.dg-article-card-grid article .post-entry-content {
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.dg-article-card-grid.ribbon article {
	flex-direction: row;
	flex-wrap: nowrap;
}

.dg-article-card-grid.ribbon .post-thumbnail-wrap .dg-post-thumbnail a {
	display: block;
	position: relative;

	height: 100px;
	width: 100px;
	padding-bottom: 0;
}
.dg-article-card-grid.ribbon .post-thumbnail-wrap .dg-post-thumbnail a img {
	object-fit:cover;
	width: auto; 
	
}
.dg-article-card-grid.ribbon .post-thumbnail-wrap {
	width: 100px;
	height: 100px;
}
.dg-article-card-grid.ribbon .details-type-link {
	display: none;
}
.dg-article-card-grid.ribbon h3 {
	padding-bottom: 0 !important;
}
.post-details.details-type-link,
.default-btn-shortcode,
.vc_btn3,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.rev-btn,
.dt-btn,
.button-load-more,
.paginator .button-load-more {
	display: inline-block;
	margin-bottom: 0;
	padding: 10px 20px 12px 20px;
	background-color: #3ab5cb !important;
	border: 0;
	color: #fff;
	font-family: Lato, sans-serif;
	font-weight: 700;
	border-radius: 30px !important;
	font-size: 14px;
	letter-spacing: .9px;
	hyphens: auto;
	text-decoration: none;
}
.post-details.details-type-link:hover,
.default-btn-shortcode:hover,
.vc_btn3:hover,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
.rev-btn:hover,
.dt-btn:hover,
.button-load-more:hover,
.paginator .button-load-more:hover {
	color: #eee;
}
.button-load-more,
.paginator a.button-load-more {
	display: flex;
	background: white !important; 
	border: 1px solid black;
	color: white !important;
}
.paginator .button-load-more .button-caption:before {
	display: none;
}
.paginator .button-load-more .button-caption {
	letter-spacing: .5px;
}
.post-details.details-type-link {
	margin-top: 1rem;
}
.post-details.details-type-link i {
	display: none !important;
}
.post-details.details-type-link:hover,
.post-details.details-type-link:focus {
	text-decoration: none !important;
	background-color: #000;
	color: #fff;
}
.post-details.details-type-link:after {
	background-color: transparent !important;
}

.dg-icon-list {
	font-size: 20px;
	font-weight: bold;
}
.dg-icon-list a {
	text-decoration: none;
	color: #000;
}
.dg-icon-list img {
	max-width: 50px;
	max-height: 50px;
}
.dg-icon-list .wpb_single_image.vc_align_left {
	text-align: center;
}
.dg-icon-list .wpb_text_column { 
	text-align: center;
}
@media (min-width: 768px) {
	.dg-icon-list .wpb_single_image.vc_align_left {
		text-align: right;
	}
	.dg-icon-list .wpb_text_column {
		text-align: left;
	}
}

@media (min-width: 768px) {
  .dg-article-list { 
    padding-left: 20px;
  }
}
.dg-article-list .article-list-item {
	border-bottom: 1px solid #808080;
}
.article-list-item {
	padding: 30px 0;
}
.article-list-item .dg-post-thumbnail,
.post-thumbnail-wrap .dg-post-thumbnail {
	max-width: 100%;
	overflow: hidden;
}
@media (min-width: 768px) {
	.article-list-item .dg-post-thumbnail,
	.post-thumbnail-wrap .dg-post-thumbnail {
		height: 180px;
		width: 220px;
	}
}
.post-thumbnail-wrap .dg-post-thumbnail {
	width: 100%;
	height: auto;
}
.post-thumbnail-wrap .dg-post-thumbnail a { 
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	overflow: hidden;
}
.post-thumbnail-wrap .dg-post-thumbnail img,
.article-list-item .dg-post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.post-thumbnail-wrap .dg-post-thumbnail img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.article-list-item .entry-content .excerpt p {
	margin-bottom: 0 !important;
}

.article-list-item .entry-title {
	font-weight: bold;
}

.article-list-item a.entry-title-link {
	text-decoration: none !important;
}
.article-list-item a.entry-title-link:hover .entry-title {
	color: #3ab5cb;
}

.dg-article-list figure {
	position: relative;
}
.dg-article-list figure .tested-pallura {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #27b7ca;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.1;
	position: absolute;
	bottom: 10px;
	left: 5px;

	display: flex;
	align-items: center;
}

@media (min-width: 768px) {
	.top-bar .right-widgets.mini-widgets > .mini-nav { 
		order: 1;
	}
	.top-bar .right-widgets.mini-widgets > .soc-ico { 
		order: 2;
	}
	.top-bar .right-widgets.mini-widgets > .text-area {
		order: 3;
		margin-right: 10px;
		margin-left: 10px;
	}
	.top-bar .right-widgets.mini-widgets > .microwidget-btn {
		order: 4;
	}
}

.top-bar .right-widgets.mini-widgets > .mini-nav .customSelectInner {
	color: #3ab5cb;
	font-weight: 700;
}
.top-bar .is-form-style input.is-search-input,
.in-top-bar .is-form-style input.is-search-input {
	border: 0 !important;
	background-color: transparent !important;
	color: #fff !important;
	border: 0 !important;
	border-bottom: 2px solid #3ab5cb !important;
}
@media (min-width: 768px) and (max-width: 1100px )  {
	.in-top-bar .is-form-style input.is-search-input {
		color: #fff !important;
	}
}
.top-bar .is-form-style input.is-search-input::-webkit-input-placeholder,
.mobile-header-bar .is-form-style input.is-search-input::-webkit-input-placeholder {
	color: #fff !important;
}
.top-bar .is-form-style input.is-search-input::-moz-placeholder,
.mobile-header-bar .is-form-style input.is-search-input::-moz-placeholder {
	color: #fff !important;
}
.top-bar .is-form-style input.is-search-input:-ms-input-placeholder,
.mobile-header-bar .is-form-style input.is-search-input:-ms-input-placeholder {
	color: #fff !important;
}
.top-bar .is-form-style input.is-search-input:-moz-placeholder,
.mobile-header-bar .is-form-style input.is-search-input:-moz-placeholder{
	color: #fff !important;
}
.top-bar .is-form-style input.is-search-input:focus {
	outline: none;
}
.top-bar .is-form-style input.is-search-submit, 
.top-bar .is-form-style .is-search-icon,
.in-top-bar .is-form-style input.is-search-submit,
.in-top-bar .is-form-style .is-search-icon{
	border: 0;
	background: transparent;
	color: #3bb5cc;
}
.top-bar .is-form-style .is-search-icon > svg path {
	fill: #3bb5cc;
}
.top-bar .mini-nav .customSelectInner,
.top-bar .is-form-style input.is-search-input {
	font-family: Lato, sans-serif;
	font-size: 15px;
}

@media (min-width: 768px) {
	.top-bar, .main-nav {
		width: 100%;
		max-width: 1300px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* top bar valikko */
.masthead .top-bar .menu-select, 
.masthead .top-bar .mini-nav > ul:not(.mini-sub-nav) > li > a {
    color: #27b7ca; /* var(--the7-accent-color); */
}

#main-slideshow * {
	font-family: Lato, sans-serif !important;
	font-weight: 800 !important;
}
.page-title-head,
.page-title-head *, 
.page-title-head h1,
.page-title-head h1 * {
	font-family: Lato, sans-serif !important;
	font-weight: 800;
}
#dg-categories-filter {
	float: right;
}

.dg-posts-grid > [class*="col-"] {
	position: relative;
	padding: 10px;
}
.dg-posts-grid > [class*="col-"] > article {
	position: relative;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
    height: 100%;
}

.fancy-header h1, .fancy-header h2, .fancy-header .fancy-subtitle {
	font-family: Lato, sans-serif !important;
}

.dg-styled-caption {
	display: block;
	margin-top: 0;
	padding: 12px 15px;
	color: #fff;
	line-height: 1.1;
	background-color: #000;
}

h2, .h2, h2.p4, h3, .h3, h4, .h4, h5, .h5 {
	font-weight: 700;
}

@media (min-width: 992px) {
	h1 small, .h1 small {
		font-size: 25px;		
	}
}

.dg-info-box { 
	padding: 20px;
	background-color: #f4f4f4;
}
@media (min-width: 768px) {
	.dg-info-box {
		padding: 40px;
	}
}

@media (min-width: 992px){
	.single-dg_quick_review .main-content-col {
		padding-right: 5px;
	}
	.single-dg_quick_review .main-content-col .contents {
		padding-right: 20px;
	}
}


.italic {
	font-style: italic;
}

.image-strip + .dg-info-box {
	margin-top: 7px;
}

.dg-info-box h1,
.dg-info-box .h1,
.dg-info-box h2,
.dg-info-box .h2,
.dg-info-box h3,
.dg-info-box .h3,
.dg-info-box h4,
.dg-info-box .h4,
.dg-info-box h5,
.dg-info-box .h5 {
	display: inline-block;
	padding: 0 !important;
	margin: 0;	
}

.dg-info-box h3,
.dg-info-box .h3 {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.3;
}


.single-dg_quick_review p {
	margin-bottom: 15px !important;
}
.single-dg_quick_review .single-share-box {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}
.single-dg_quick_review .single-share-box .share-link-description {
	padding-top: 5px;
	padding-bottom: 5px;
}

#totalcontest + .single-share-box {
	margin-top: 30px;
}


.dg-values-box.with-icon {
	position: relative;
	padding-left: 30px;
}
.dg-values-box.with-icon::before {
	content: "";
	font-family: monospace;
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-top: 2px;

	display: inline-flex;
	justify-content: center;
	align-items: center;
	
	background-color: #50b29f;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	border-radius: 50%;
}
.dg-values-box.with-icon.plussat::before { 
	content: "+";
	background-color: #50b29f;
}
.dg-values-box.with-icon.miinukset::before { 
	content: "-";
	background-color: #df602f;
}

.dg-tag {
	display: inline-block;
	padding: 5px 15px 7px 15px;
	background-color: #bbb;
	border-radius: 30px;
	color: #e6e6e6;
	font-size: 14px;
	margin: 2px;
}
.dg-tag.colored.blue,
.dg-tag.colored.expensive {
	background-color: #2e6ab8;
	color: #fff;
}
.dg-tag.colored.green, 
.dg-tag.colored.cheap {
	background-color: #50b19f;
	color: #fff;
}
.dg-tag.colored.lightblue, 
.dg-tag.colored.ok {
	background-color: #5cb0c9;
	color: #fff;
}

/* pintaraapaisu lyhytkoodiin */
@media (min-width: 1024px) {

	.sidebar-none .content.narrow-container {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.pintaraapaisu-info-box-container .post-thumbnail {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.single-dg_quick_review .pintaraapaisu-info-box-container .post-thumbnail {
		position: relative;
	}

	.pintaraapaisu-info-box-container .post-thumbnail,
	.pintaraapaisu-info-box-container .post-thumbnail a,
	.pintaraapaisu-info-box-container .post-thumbnail img {
		height: 100%;
	}
	.pintaraapaisu-info-box-container .dg-info-box {
		height: calc( 100% - 80px );
	}
	.pintaraapaisu-info-box-container .post-thumbnail a {
		display: block;
	}
	.pintaraapaisu-info-box-container .post-thumbnail img {
		object-fit: cover;
	}
	.pintaraapaisu-info-box-container > .row > [class*="col-"] {
		position: relative;
	}
}

.navigation.post-navigation .product-name {
	font-size: 18px;
	font-weight: 700;
	display: block;
}





.masthead:not(.side-header):not(.mixed-header) .header-bar, .header-space {
	min-height: 70px;
}

.top-bar .logo-microwidgeteista-loytyypi .logo, 
#branding-bottom > a > img {
	width: 225px;
}
.mobile-header-bar {
	background-color: #232629;
}
.mobile-header-bar .mobile-branding > a > img {
	margin: 5px;
	width: 180px;
}

.widget-title, div[class*='elementor-widget-wp-widget-'] h5, .elementor-widget .woocommerce h5 {
	font-family: Lato, sans-serif;
}

.vc_btn3-size-lg {
	font-size: 20px !important;
	padding: 15px 50px 18px 50px !important;
}
#ajankohtaista > .wpb_text_column {
	background-color: #000;
}

.dg-loading {
	width: 48px;
	height: 48px;
	border: 5px solid #3ab5cb;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
0% {
	transform: rotate(0deg);
}
100% {
	transform: rotate(360deg);
}	
}

.fancy-title.entry-title {
	font-weight: 800;
	font-size: 35px !important;
	text-shadow: 4px 3px 8px rgba(0,0,0,0.6);
}

@media (min-width: 1100px) {
	.fancy-title.entry-title { 
		font-size: 45px !important;	
	}	
}

body.single-post .fancy-title.entry-title {
	background-color: transparent !important;
}
#main-slideshow .Newspaper-Title {
	text-shadow: 4px 3px 8px rgba(0,0,0,0.6) !important;
}
.page-title h1, .page-title h1 *, .page-title h1 a:hover, #page .page-title .entry-title,
.fancy-header ol.breadcrumbs {
	color: #fff !important;
	text-shadow: 4px 3px 8px rgba(0,0,0,0.6) !important;
}
.page-title .breadcrumbs, .page-title .breadcrumbs a {
	color: #fff !important;
	font-family: Lato, sans-serif !important;
	text-shadow: 4px 3px 5px rgba(0,0,0,0.6) !important;
	font-weight: 800;
}
.page-title .breadcrumbs {
	background-color: transparent !important
}
.page-title .breadcrumbs li:before, .page-title .breadcrumbs li:before {
	color: #fff !important;
}
body.single-post #fancy-header .breadcrumbs {
	background-color: transparent !important
}
.post.bg-on, .post.bg-on.fullwidth-img.format-quote, .post.bg-on.fullwidth-img.format-link {
	background-color: transparent !important;
}

@media (min-width: 1100px) {
	.top-header .main-nav.level-arrows-on > li.has-children > a .menu-text:after {
		display: none;
	}
	.top-header .main-nav.level-arrows-on>li.has-children>a .menu-text {
		padding-right: 0;
	}
}

.dt-mobile-menu-icon:not(.floating-btn) .menu-line:before {
	background: #ffffff !important;
}

.mobile-header-bar .mobile-mini-widgets .mini-button {
	margin: 5px;
}

.mobile-header-bar .mobile-mini-widgets .mini-nav .customSelectInner {
	color: #28b7ca;
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	.masthead .mobile-header-bar {
		min-height: 80px;
	}
}

.breadcrumbs a,
.fancy-header .breadcrumbs li {
	font-weight: 800;
}

@media (min-width: 1100px) {
	.fancy-header .wf-wrap,
	.page-title > .wf-wrap {
		min-height: 400px !important;
	}
}

@media screen and (max-width: 778px) {
	.page-title.page-title-responsive-enabled .wf-wrap  {
		min-height: 200px;
	}
}

@media screen and (max-width: 768px) { 
	.masthead:not(.side-header) .mobile-header-bar,
	.side-header.masthead-mobile-header .mobile-header-bar {
		padding: 0 30px 0 10px;
	}
}

@media (min-width: 1100px) {
	.masthead:not(.side-header).full-width .top-bar, .top-bar .masthead.side-header-menu-icon {
		padding-right: 20px;
	}
	.top-bar {
		padding: 5px 0px 5px 0px;
	}
}

@media (min-width: 1100px) {
	.top-bar .mini-nav .customSelectInner, .top-bar .is-form-style input.is-search-input,
	.header-elements-button-1 {
		font-size: 16px !important;
	}
	.header-elements-button-1 {
		font-weight: 500;
	}
}

.footer .widget_categories li a, .footer .widget_meta a, .footer .blogroll a, .footer .widget_archive li a, .footer .widget_recent_entries a, .footer .widget_recent_comments a, .footer .widget_links a, .footer .items-grid a, .footer .recent-posts a, .footer .widget:not(.widget_icl_lang_sel_widget) .recent-posts a, .footer .contact-info .secondary-color, .footer .widget_nav_menu a, .footer .tagcloud a, .footer .widget_pages a, .footer a.rsswidget, .footer .textwidget a {
	font-size: 16px;
}
.footer .widget-title, .footer div[class*='elementor-widget-wp-widget-'] h5, .footer .elementor-widget .woocommerce h5 {
	font-size: 16px;
}
.footer .textwidget {
	font-size: 16px;
}
#bottom-bar a, #bottom-bar .mini-nav .customSelect, #bottom-bar .menu-select {
	font-size: 16px;
}

.footer .widget-title {
	margin-bottom: 3px;
}

/* Alapalkin menu menee hampurilaiseen, pakotetaan auki. T 9.2.2024 */ 
@media (max-width: 768px) {
	#footer .menu-select {
		display: none !important;
	}
	#footer ul#bottom-menu {
		display: block !important;
		visibility: visible !important;
		margin-bottom: 100px;
	}
	#footer ul#bottom-menu > li {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
}

.ff-stream {
	padding-top: 0 !important;
}
.ff-loadmore-wrapper .ff-btn {
	border-radius: 25px !important;
}

#top-menu > li:not(:last-child) {
	margin-right: 8px;
}
#top-menu > li:not(:last-child) > a::after {
	display: inline-block;
	padding-left: 12px;
	content: " | ";
	font-weight: 800;
}

@media (min-width: 768px) {
	#top-menu > li,
	#top-menu > li > a {
		color: #27b7ca;
	}
}

@media (min-width: 1100px) { 
	#top-menu > li,
	#top-menu > li > a {
		font-size: 16px;
	}
}

/* mobiilissa artikkelin tekstissä olevat kuvat täysleveiks */
@media (max-width: 600px) {
  .aligncenter,
  .alignleft,
  .alignright {
        display: block;
        float: none;
        margin: 1.8rem auto;;
        width: 100%;
  }
  #content .wpb_text_column img:last-child {
	margin-bottom: 1rem;
  }
}

.dg-share-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
	margin-bottom: 20px;
}
.dg-share-buttons .dg-share-title {
	font-weight: bold;
}


/* totalcontest, eli saalisraportit viilausta */
.totalcontest-submission-content-block-type-text p  {
	margin-bottom: 0;
}

div#totalcontest .totalcontest-container {
border: 0 !important; 
}
div#totalcontest .totalcontest-container .totalcontest-body {
padding: 0 !important;
}
.totalcontest-submission-content-block-type-title h3 {
padding: 10px 0 0 0 !important;
}



.totalcontest-form-field-input {
	border-color: black !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.totalcontest-form-field-radio input {
	float: left;
	clear: both;
	margin-top: .4rem !important;
}

.totalcontest-form-field-type-file .totalcontest-form-field-wrapper {
	border-color: black !important;
}

.totalcontest-button-primary:hover, 
.totalcontest-button-primary:focus, 
.totalcontest-button-primary:active {
	background: #222 !important;
	border-color: #222 !important;
	border-radius: 0;
}
.totalcontest-button-primary {
	background: black !important;
	border-color: black !important;
	border-radius: 0;
}

/* pystyvideot */

.potrait-video {
    position: relative;
    overflow: hidden;
    height: 75vh; 
	max-width: calc( 75vh / 1.78 ); 
	margin: 0 auto 30px auto;
}


.potrait-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .potrait-video {
        width: 100%;
		height: auto;
        max-height: none; 
		max-width: none;
    }
}

/* wp nativii videopalikka */
.wp-video {
    max-width: 100%;
    height: auto;
}

.wp-video video {
    width: 100%;
    height: auto;
}


/* bannereita piiloon / näkyvii mobiililla. Advanced ads 27.8.2024 */
.dg-show-mobile {
	display: block;
}
.dg-show-desktop{
	display: none;
}
@media (min-width: 768px) {
    .dg-show-mobile {
        display: none;
    }
    .dg-show-desktop {
        display: block;
    }

}

/* entry metan päivämäärästä linkki veke, pitää korjata tyyli */
.entry-meta > time {
	position: relative;
	margin-right: 6px;
	padding-right: 9px;
}
/* täplä päivämäärän perässä, otetaan pois 14.5.2025 
.entry-meta > time:after {
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    content: "";
    border-radius: 50%;

	background-color: var(--the7-secondary-text-color);
}
*/
@media only screen and (max-width: 800px) {
    .nf-field-container .nf-field-description {
        order: 20 !important;
    }
}
.nf-response-msg {
    font-size: 110%;
    border: 1px solid black;
    padding: 15px 10px 0 10px;
	margin-bottom: 2rem;
}

.dg-total-price .nf-field-element p {
	font-size: 40px;
}

.dg-total-price .dg-euro {
	color: #27b7ca;
}
.dg-euro::after {
	content: " €";
}

#nf-form-5-cont .nf-field-element p:last-child:first-child {
	margin-bottom: 0;
}

#nf-form-5-cont .nf-before-form-content { display: none;}
#nf-form-5-cont .list-radio-wrap .nf-field-element li label { font-weight: bold;}
.nf-form-cont h2, .nf-form-cont h3, .nf-form-cont h4, .nf-form-cont h5, .nf-form-cont h6 {
	margin-top: 30px;
}

.nf-form-content textarea.ninja-forms-field.small-textarea {
	height: 5rem;
}

.dg-products-thumbnails-row figure.vc_figure {
	position: relative;
	display: block;
	width: 100%;
}
.dg-products-thumbnails-row figure::before {
	content: "";
	display: block;
	padding-top: 100%;
	background-color: #eee;
}

.dg-products-thumbnails-row .vc_single_image-wrapper,
.dg-products-thumbnails-row .vc_single_image-wrapper * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dg-products-thumbnails-row .vc_single_image-wrapper img {
	object-fit: contain;
}

.dg-products-thumbnails-row figure.vc_figure {
	width: 150px;
}

/* veneidenkuvat harmaasävylle alutrol 405 lomakkeeseen */
body.page-id-82017 .pswp__img,
body.page-id-82017 .rollover img {
	filter: grayscale(1);
}



.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.dg-total-price {
	width: 100% !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
	padding-left: 20px !important;
    background-color: #fff !important;
    z-index: 5000 !important;
    margin-bottom: 0 !important;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1) !important;
}
a.click-to-open {
	padding: 2.5px 10px;
    display: inline-block;
    background-color: var(--the7-links-color);
    color: #fff;
    text-decoration: none;
}
#nf-form-5-cont .checkbox-container.label-right .field-wrap {
	align-items: flex-start;
}
#nf-form-5-cont .checkbox-container.label-right label {
	padding-right: 30px;
}

.dg-product-thumb {
	width: auto !important;
	max-height: 400px;
}
@media (max-width: 549px) {
	#nf-form-5-cont .label-right .field-wrap {
		flex-direction: column;
	}
	.dg-product-thumb { 
		max-height: none;
		width: 100% !important;
	}
}

.ml-4 {
	margin-left: 4rem;
}

/* touko, elo, syskuu 2025 kyselylomakkeet */
div#popmake-127150, div#popmake-142060, div#popmake-156158 {
	max-width: 600px;
}
div#popmake-127150 .nf-form-fields-required,
div#popmake-156158 .nf-form-fields-required,
div#popmake-142060 .nf-form-fields-required {
	display: none;
}
div#popmake-127150 .nf-form-content .label-above .nf-field-label,
div#popmake-156158 .nf-form-content .label-above .nf-field-label,
div#popmake-142060 .nf-form-content .label-above .nf-field-label {
	font-size: 1.2rem;
}


.dg-survey-btn {
	margin-bottom: 0.5rem !important;
}