/*
Theme Name: Digitaali
Author: Digitaali Oy
*/
body, html {
	font-size: 16px;
 	color: #000000;
	line-height: 1.7;
	font-family: proxima-nova, sans-serif;
	background-color: #fff; 
}

@media (min-width: 992px) {
    body.home .site {
        background-image: url('images/pattern.jpg');
        background-repeat: repeat-x;
        background-position: 0 450px;
    }
}    

#main-navbar {
	position: static;
	width: 100%;
	top: 0;
	left:0;
	z-index: 1030;
	background-color: rgba(255,255,255, 1);
	transition: top 0.2s ease-in-out;

}
#top-menu-wrapper {
    max-width: 1270px;
    margin: auto;
    width: 100%;
}

.top-left-col { display: none; }
.top-right-col { display: none; }

@media (min-width: 1270px) {
    .top-main-col {
        max-width: 100%;
        flex: 0 1 1270px;
    }
    .top-left-col,
    .top-right-col {
        display: flex;
        flex-grow: 1;
        flex-shrink: 1;
    }
    .top-right-col {
        background-color: #C10C4D;
    }
}    

.top-menu { 
	border-top: 1px solid #eee;
	margin-top: 1rem;
	padding: 1rem 0;
}
@media (min-width: 992px) {
	.top-menu { 
		border: 0;
		margin-top: 0;
		padding: .2rem 1rem .2rem 3rem;
	}
}
@media (min-width: 1290px) {
    .top-menu {  
        padding: .2rem 0 .2rem 4rem;
    }
}

.top-menu a.nav-link { font-size: 1rem;}
@media (min-width: 992px) {
    .top-menu a.nav-link { font-size: .9rem;}
}

a.nav-link:hover,
a.nav-link:active { text-decoration: underline;} 

@media (min-width: 992px) {
	
	.top-menu {
		background-color: #C10C4D;
		color: #fff;
	}
	.top-menu a.nav-link { color: #fff; }
	.top-menu a.nav-link:hover,
	.top-menu a.nav-link:active {
		text-decoration: underline;
	} 
}

@media (max-width: 991px) {
	.top-menu li {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 992px) {
	#main-navbar {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		position: static;
	}

	
}


.nav-up { top: -92px !important;}

@media (min-width: 1200px) {
	.container { max-width: 1300px;}
}
strong, .strong, b { font-weight: 700; }
.color-white { color: white !important; }
.color-black { color: #000 !important; }
.aligncenter {
    display: block;
    float: none;
    margin: auto;
}
#top-image-wrapper {
	position: relative;
	width: 100%;
}
@media (min-width: 992px) {
    #top-image-wrapper { 
        padding-left: 15px;
	    padding-right: 15px;
    }
}
.top {
	position: relative;
    max-width: 1270px;
	margin: auto;
	overflow: hidden;
	background-color: #E8E8E8;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#dg-contact-icons {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 0;
	padding: 1rem;
	background-color: #fff;
	transform: translateY(-50%);
}
#dg-contact-icons a {
	display: block;
	width: 23px;
	height: 23px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
#dg-contact-icons a:hover,
#dg-contact-icons a:active { opacity: .5; }
#dg-contact-icons > li:not(:last-child) { padding-bottom: 1rem;}
#dg-contact-icons .icon-phone { background-image: url('images/icon-phone.svg'); }
#dg-contact-icons .icon-mail { background-image: url('images/icon-mail.svg'); }
#dg-contact-icons .icon-facebook { background-image: url('images/icon-facebook.svg'); }


@media (min-width: 1200px) {
	body.home .main-content { 
		margin-left: 5rem;
		padding-right: 5rem;
	}
}

@media (min-width: 1293px) {
	ul.main-menu > li {
		max-width: 205px;
	}
	ul.main-menu .menu-item a.nav-link {
		line-height: 1.4;
	}
}
aside#secondary.widget-area {
	margin-top: 1rem;
}

.top .bg { background: rgba(0,0,0, 0)}
.top .bg {
	display: flex;
	align-items: center;
	justify-content: center;
}

.top, .top .bg, #dg-video-container { height: 350px; }
body.home .top, 
body.home .top .bg, 
body.home .top #dg-video-container { height: 450px; }
.top .texts-wrapper {
	text-align: center;
	color: #fff;
}

.top.has-carousel .bg,
.top.has-video .bg {
	display: block;
}
.top.has-carousel .texts-wrapper,
.top.has-video .texts-wrapper {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.hover-cursor:hover { cursor: pointer;}
.hover-opacity {
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.hover-opacity:hover { opacity: .5;}
.hover-scale { transition: all .2s ease-in-out;}
.hover-scale:hover { transform: scale(.96); }
#top-carousel, #top-carousel .carousel-inner, #top-carousel .carousel-item, #top-carousel .image { height: 100%; }
#top-carousel .image { background-size: cover;}

.carousel-indicators li {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 4px;
	margin-left: 4px;
	background-color: #fff;
}
.carousel-indicators li.active { background-color: #909090;}
.cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.cover.center { background-position: center;}
.navbar-toggler { margin-left: auto; }
.navbar-toggler:focus .icon-bar,
.navbar-toggler:active .icon-bar {
	background-color: #e5b251;
}
.navbar-toggler .icon-bar {
	display: block;
	width: 2rem;
	height: 3px;
	margin: 5px 0;
	background-color: #fff;
}
.navbar-brand img { 
	width: 250px;
	max-width: 95%;
}
@media (min-width: 500px) {
	.navbar-brand img { width: 350px;}
}
@media (min-width: 992px) {
	.navbar-brand img { width: 400px; }
	#logo-lg-wrapper { margin-top: 2rem; }
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 1.5rem;
	line-height: 1.3;
	color: #C10C4D;
	font-weight: 700;
}
h1, .h1 { font-size: 2rem;}
h2, .h2 { font-size: 1.6rem }
h3, .h3 { font-size: 1.4rem }
h4, .h4 { font-size: 1.2rem }
h5, .h5 { font-size: 1.1rem }
h6, .h6 { font-size: 1rem }

.krete {
	font-family: krete, serif;
	font-weight: 900;
}

@media (max-width: 428px) {
    .mobile-caption-vw { font-size: 6vw !important;}
}

@media (max-width: 500px) {
	h1, .h1 { font-size: 1.8rem; }
    body.home #main-content-col h1, 
    body.home #main-content-col .h1 {
        font-size: 1.6rem;
    }
}


h1.page-caption {
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

h1.page-caption small {
	display: block;
	font-size: 1.2rem;
	margin: .5rem auto;
	text-transform: none;
	max-width: 800px;
	line-height: 1.7rem;
}

@media (min-width: 768px) {
	.ajax-articles-caption { margin-left: .8rem; }
}

@media (min-width: 992px) {
	h1.page-caption small {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}
body.home #main-content-col {
	background: #fff;
}

@media (min-width: 992px) {
	body.home #main-content-col {
		margin-top: -130px;
	}
}


.site-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.site-footer ul.nav a {
	text-decoration: none;
}
.site-footer ul.nav > li > a {
	text-transform: uppercase;
	font-weight: 700;
}
.site-footer ul.nav > li >  a { margin-bottom: 1.5rem;}
.site-footer ul.nav a { display: block; }
.site-footer ul.nav ul.sub-menu > li { padding-bottom: .5rem;}

body.single .page-caption { text-transform: none; }

a { text-decoration: underline }
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}
a.nav-link, a.dropdown-item { text-decoration: none; }
a, .main-color, .highlight, .brand-color { color: #C10C4D; }
p { margin-bottom: 1.5rem }
.no-hover-decoration:hover { text-decoration: none !important; }
.bg-white { background: #fff; }
.btn, input[type="submit"], 
.nf-form-content button, 
.nf-form-content input[type=button], 
.nf-form-content input[type=submit] {
	padding: .6rem 2.5rem;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	background: #C10C4D;
	border-color: #C10C4D;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9rem;
}
.nf-form-content button, 
.nf-form-content input[type=button], 
.nf-form-content input[type=submit] {
	background: #C10C4D !important;
}
.btn:hover, .btn:active {
	color: #fff;
	background: #3b3b3b;
}


.nf-form-content button:hover, 
.nf-form-content button:active, 
.nf-form-content input[type=button]:hover, 
.nf-form-content input[type=submit]:active {
	color: #fff !important;
	background: #3b3b3b !important;
}
.btn-white {
	background: #fff;
	color: #000;
}
.btn-white:hover, .btn-white:active {
	background: #000;
	color: #fff;
}

.main-menu { 
    margin-top: 1rem;
}
.main-menu .menu-item a.nav-link, 
.top-menu .menu-item a.nav-link { color: #000;}
@media (min-width: 992px) {
	.main-menu { 
        margin-top: 1rem;
        margin-bottom: .5rem;
    }
	
}

.main-menu a.nav-link { font-size: 1.2rem; }
.menu-item a.nav-link:hover,
.menu-item a.nav-link:active,
.menu-item.current-page-ancestor a.nav-link,
.menu-item.current-menu-item a.nav-link {
	color: #C10C4D;
    text-decoration: underline;
}

@media (min-width: 992px) {
	.main-menu .menu-item a.nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
	}
    .top-menu .menu-item a.nav-link,
    .top-menu .menu-item a.nav-link:hover,
	.top-menu .menu-item a.nav-link:active,
	.top-menu .menu-item.current-page-ancestor a.nav-link,
	.top-menu .menu-item.current_page_item a.nav-link {
		color: #fff;
	}
}

@media (min-width: 1200px) {
	.main-menu .menu-item a.nav-link {
		padding-left: 1.3rem;
		padding-right: 1.3rem;
	}
}


ul.main-menu .dropdown-menu {
	border: 0;
	border-radius : 0;
}
ul.main-menu .dropdown-menu:focus,
ul.main-menu .dropdown-menu:hover {
	background-color: #fff;
}
ul.main-menu .dropdown-item:focus,
ul.main-menu .dropdown-item:active,
ul.main-menu .dropdown-item:hover {
	color: #000;
	background-color: transparent;
}

/**
 * Navwalker
 */
@media (min-width: 992px) {
	ul.main-menu > li:hover > ul { display:block; }
}
ul.main-menu > li > ul ul.dropdown-menu { display:block; }
ul.main-menu > li > ul ul.dropdown-menu { position: relative !important; margin-left: 1rem; }
ul.main-menu > li > ul .separate-dropdown-toggle { display: none; }
ul.main-menu .dropdown-menu {
	border: 0;
	border-radius : 0;
	margin-top: 0;
	overflow-y: visible;
}
@media (min-width: 992px) {
	ul.main-menu li.menu-item-has-children {
		position: relative;
		padding-right: 1rem;
	}
}
ul.main-menu .separate-dropdown-toggle {
	position: absolute;
	right: 0;
	top: 0;
}
ul.main-menu a.nav-link.separate-dropdown-toggle {
	padding-left: 0;
	padding-right: 0;
	width: 2rem;
	text-align: center;
  background: transparent !important;
}

button:focus { outline: 0;}
img, figure {
	max-width: 100%;
	height: auto;
}
.no-decoration { text-decoration: none;}
.hover-decoration:hover { text-decoration: underline;}

.py-6,
.pt-6 {
	padding-top: 4rem;
}
.py-6,
.pb-6 {
	padding-bottom: 4rem;
}


article.article-list-nosto {
	border-bottom: 1px solid #ddd;
	max-width: 850px;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.articles-list article.article-list-nosto:first-child {
	padding-top: 0;
}

a[href^="mailto"],
a[href^="tel:"]{
	text-decoration: none;
}
ul.pagelist a { text-decoration: none; }
ul.pagelist a:hover { text-decoration: underline; }
ul.pagelist { line-height: 1.4rem; }
ul.pagelist, ul.pagelist .children { list-style-type: none;}
ul.pagelist .children { padding-left: 1.2rem;}
ul.pagelist .children a { font-size: .9rem;}

.dg-subpages * { font-size: 1.2rem; }
ul.pagelist { 
	padding-left:0;
}

ul.pagelist > li > a {
	display: block;
	margin-bottom: 1rem;
	font-weight: 400;
	color: #000;
}
ul.pagelist > li.current_page_item > a {
	font-weight: 700;
	text-decoration: underline;
	color: #C10C4D;
}
.dg-subpages h2 { color: #000; }
.section-subpages { padding-bottom: 0}
.lead {
	display: block;
	margin: 0 0 1.5rem 0;
}
.content-thin {
	max-width: 800px;
	margin: auto;
}

/**
 * NAVI TOGGLER
 */
 @media(min-width: 992px) {
	#dg-navi-toggler { display: none }
}
#dg-navi-toggler { margin-left: auto;}
#dg-nav-icon {
  width: 35px;
  height: 30px;
	position: relative;
  margin: 10px auto 5px auto;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
/* NAV ICON */
#dg-nav-icon span { background: #000;}
#dg-nav-icon span { display: block; position: absolute; height: 4px; width: 100%;border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
  transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}
#dg-nav-icon span:nth-child(1) { top: 0px;}
#dg-nav-icon span:nth-child(2),#dg-nav-icon span:nth-child(3) { top: 10px; }
#dg-nav-icon span:nth-child(4) { top: 20px;}
#dg-nav-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#dg-nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#dg-nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#dg-nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}
.dg-grid {
	margin-right: 0;
	margin-left: 0;
}
.dg-grid > .col,
.dg-grid > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px) {
    .dg-grid > [class*="col-"] {
        padding-left: 0;
        padding-right: 1.6rem;
    }
}
.page-numbers { padding: .2rem .6rem;}
.page-numbers,
.page-numbers:hover {
	text-decoration: none;
}
.page-numbers:hover,
.page-numbers.current {
	background: #000;
	color: #fff;
}
.get-back-link { margin-bottom: 1rem; }
.thin-content {
	width: 1100px;
	max-width: 90%;
	margin: auto;
}
.extra-thin-content {
	width: 800px;
	max-width: 90%;
	margin: auto;
}
#breadcrumbs {
	padding: 1.2rem 0;
    margin-bottom: 0;
    font-size: .9rem;
}
#breadcrumbs .breadcrumb_last {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
#breadcrumbs a { color: #000; }
.digitaali-breadcrumbs {
    /* background-color: #292929;  */
    border-bottom: 1px solid #EEE1CF;
}
.digitaali-breadcrumbs,
.digitaali-breadcrumbs a {
    text-decoration: none;
}
.widget-title {
	font-size: 1rem;
	text-transform: uppercase;
}
.widget { margin-bottom: 3rem;}
.widget_recent_entries > ul > li {
	margin-bottom: 1rem;
}
.widget_recent_entries ul,
.widget_archive ul,
.widget_categories ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.widget_recent_entries > ul > li {
	margin-bottom: 1rem;
}
.widget_recent_entries .post-date {
    display: block;
}
#secondary .widget a { 
	display: block;
	line-height: 1.6;
}

/**
 *	Big pagelist
 */
ul.pagelist-big {
	padding-left: 0;
}
@media (min-width: 992px) {
	ul.pagelist-big {
		padding-left: 40px;
	}
}
ul.pagelist-big,
ul.pagelist-big li {
	list-style-type: none;
}
ul.pagelist-big a {
	text-decoration: none;
	font-size: 1.2rem;
}
ul.pagelist-big > li > a {
	display: block;
	font-size: 1.6rem;
	margin-bottom: .5rem;
}
ul.pagelist-big > li { margin-bottom: 1rem;}
ul.pagelist-big ul.children {
	margin-left: 0;
	padding-left: 0;
}
ul.pagelist-big a:hover { text-decoration: underline; }
.no-margins { margin: 0; }
.post-date, .entry-date {
	font-size: .9rem;
	color: #000;
}

.aspect-ratio-box {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 65%;
}
.aspect-ratio-box-inside {
	position: absolute;
	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}

/** NINJA FORMS */
.nf-field-label .nf-label-span, 
.nf-field-label label {
	font-size: 18px;
}
.dg-consent .nf-field-element {
	width: auto !important;
}
.dg-consent .nf-field-description {
	width: 90% !important;
	margin-left: 1rem;
}
.some-icons a {
	font-size: 1.4rem;
	color: #fff;
}
.menu-item-has-children.dropdown.nav-item:hover > .dropdown-menu { display: block !important;}
.max-80 {
	max-width: 80%;
	margin: auto;
}
figcaption.wp-caption-text {
    padding: .5rem 1rem;
    background: #eee;
    font-size: .9rem;
    font-style: italic;
    color: #3D3D3D;
}
.dg-some-icon {
	display: block;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.dg-some-icon.facebook { background-image: url('images/icon-facebook.svg')}
.dg-some-icon.linkedin { background-image: url('images/icon-linkedin.svg')}
.dg-some-icon.instagram { background-image: url('images/icon-instagram.svg')}
.dg-some-icon.twitter { background-image: url('images/icon-twitter.svg')}
.dg-some-icon.youtube { background-image: url('images/icon-youtube.svg')}
.dg-some-icon.pinterest { background-image: url('images/icon-pinterest.svg')}

.skip-to-content-link {
    position: absolute;
    left: -99999px;
}
.skip-to-content-link:focus,
.skip-to-content-link:active {
    position: static;
}
.hidden {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.dg-video-embed {
	position: relative;
  	padding-bottom: 56.25%; /* 16:9 */
  	height: 0;
}
.dg-video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hidden {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.video-embed-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-embed-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dg-list-box .dg-categories {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 1;
}

.dg-list-box .dg-categories .dg-tag, 
.dg-tag-btn, 
.dg-filters .dg-tag.dg-tag-btn.active {
	display: inline-block;
	padding: .3rem 1rem;
	border-radius: 30px;
	background: #C10C4D;
	color: #fff; 
	font-size: .9rem;
	text-decoration: none; 
}
.dg-list-box .dg-categories .dg-tag:hover,
.dg-list-box .dg-categories .dg-tag:active,
.dg-tag-btn:hover, 
.dg-tag-btn:active  {
	background: #fff;
	color: #C10C4D;
	cursor: pointer;
}
.dg-list-box .tags .dg-tag {
	font-size: .9rem;
	color: #707070; 
}
.dg-filters .dg-tag.dg-tag-btn {
	color: #000;
	background: #fff;
}
.site-footer { background: #C10C4D; }
.site-footer * { color: #fff; }
#design-by { 
	font-size: .9rem;
	text-transform: uppercase;
	color: #000;
}
#design-by a { color: #000; }
ul.dg-link-list {
	width: 400px;
	max-width: 95%;
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	list-style-type: none;
}
ul.dg-link-list > li {
	border-bottom: 1px solid #C10C4D;
}
ul.dg-link-list > li > a {
	display: block;
	padding: .5rem .8rem;
	text-decoration: none;
	color: #000;
}
ul.dg-link-list > li > a:hover,
ul.dg-link-list > li > a:active {
	color: #C10C4D;
}
ul.dg-link-list > li > a > span { font-size: 1.2rem; }

.dg-nosto-box {
	width: 400px;
	max-width: 100%;
	margin: auto;
}
.dg-nosto-box .embed-responsive-4by3::before {
	padding-top: 115%;
}
.dg-nosto-box .contents {
	padding: 1.5rem;
}
.dg-nosto-box .dg-nostobox__title {
	color: #000;
	font-size: 1.1rem;
	font-weight: 700;
}
.dg-nosto-box a { 
	text-decoration: none; 
	color: #000;
}
.dg-nosto-box a:hover { text-decoration: underline; }
.dg-ajax-articles-nosto .bottom-link a { font-weight: 700; }

.col-minheight { min-height: 400px; }
#liity-jaseneksi { 
	min-height: 650px;
	margin-top: 5rem;
}

#liity-jaseneksi > .top-box { 
	padding: 3rem 1rem;
}

#liity-jaseneksi > .top-box {
	width: 450px;
	max-width: 95%;
	margin:auto;
	padding: 3rem 1.5rem;
	background-color: #fff;
}

@media (min-width: 500px) {
	#liity-jaseneksi > .top-box { 
		padding: 3rem;
	}
}

@media (min-width: 992px) {
	.articles-list .articles-caption {
		margin-left: .8rem;
	}
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #a41919;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.nf-response-msg {
    display: none;
    background-color: #5a9c45;
    padding: 1rem;
    color: #fff;
}

.nf-response-msg > p { margin-bottom: 0}


/* Näköislehti -arkiston kuvat */
.post-type-archive-nakoislehti .dg-grid .embed-responsive {
	height: 1px;
	padding-bottom: 142.9%;
}



.nosto_content_2 .btn {
	margin-bottom: .5rem;

	text-transform: none !important;
}