/*
Theme Name: Elementor child
Template: hello-elementor
Author: Swingood
Version: 1.0.2
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 700

.oswald-<uniquifier> {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 700

.josefin-sans-<uniquifier> {
  font-family: "Josefin Sans", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

#navi{
  position: absolute;
  width: 100%;
}

.menu-overlay {
   width: 50% !important;
   justify-content: left !important;
}

.footer_links p{
   margin: 0px !important;
}

/* POSTS */

.post-container {
    width: 100%;
    margin: 0% auto;
    position: relative;
    height: auto;
    max-width: 1280px;
}

.news-header h1{
  font-size: 2vw !important;
  font-family: 'Oswald', sans-serif;
}

.wp-post-image {
  border: solid 5px #E3E3E3;
  max-height: 500px;
  object-fit: cover;
  width: 1024px;
  margin: 0 2%;
}

.wp-post-image img{
  text-align: center;
}


.news-header{
  text-align: left;
  padding: 2% 18% 2% 2%;
  width: 100%;
  position: relative;
  margin: auto;
  font-family: 'Oswald', sans-serif;
}

.news-text{
  width: 100%;
  margin: auto;
  position: relative;
  padding: 2% 15% 2% 2%;
}

.news-text p{
  font-family: 'Josefin Sans';
  font-size: 1.1rem;
}

.news-text a {
  background-color: transparent;
  text-decoration: underline;
  color: #180E03;
}

.news-some{
   margin: auto;
   font-size: 0.9vw;
   position: relative;
   padding: 2%;
}

.wp-block-image.size-full.is-resized {
  margin: 0;
}

.wp-block-embed {
  margin: 0;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Archive and search */
.archive-main{
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 10% 5%;
	max-width: 1500px !important;
}
	
.archive-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1em;
}

.archive-category-grid img{
	height: 10rem;
	object-fit: cover;
}

.archive-heading{
	font-size: 1rem;
	color: #333;
	text-align: left;
	margin: 0;
	font-family: Oswald;
}

.archive-article {
	background-color: #eee;
	display: inline-block;
	margin: 0 0 1em;
	padding: 1em;
	width: 100%;
	position: relative;
	border: solid #6c6c6c 1px;
	font-family: Jost;
}



a {
	color: #333;
}

.archive-textfield{
	font-size: 1rem;
}

@media only screen and (max-width : 1024px) {
	.archive-textfield{
	font-size: 0.8em;
	}
	.archive-heading{
		font-size: 1em;
	}
  
  .news-header{
    text-align: left;
    padding: 2%;
    width: 100%;
    position: relative;
    margin: auto;
    font-family: 'Oswald', sans-serif;
}

  .news-text{
    width: 100%;
    margin: auto;
    position: relative;
    padding: 2%;
  }
}

/* Archive and search */


.other-posts {
  padding: 2% 2%;
  display: flex;
  width: 100%;
  background: #eee;
  margin: 5% 0;
}

.other-posts a {
  color: #180E03;
}

.next-post {
  width: 50%;
  text-align: right;
  padding: 0 3%;
}

.prev-post {
  width: 50%;
  text-align: left;
  padding: 0 3%;
}

/* Uutisen gallerian fixaus */
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
  width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667);
  margin: 0;
  height: 20rem;
}
.wp-block-gallery-1 {
  margin: 0;
  display: flex;
  gap: 0.5rem;
}

.wp-block-gallery-1 img {
  height: 100% !important;
  object-fit: cover;
}

/* ----- galleria ---- */

/* NEWS IN FOOTER */


.listing-item {
    padding-bottom: 5%;
}

.listing-item a {
    color: #fff;
}

.min-height-column-company{
  min-height: 500px;
}

/* contact form */

.contact-form-labels{
  color: #fff;
}

.wpforms-error{
  color: #fff !important;
}


/* hide recaptca icon */
.grecaptcha-badge { opacity:0;}

/* LASKURI */

.formbox{
  color: #ffffff;
  font-family: Jost;
}

.formbox__btn-calc {
  background: #fff !important;
  color: #333 !important;
}

.formbox__btn-calc:hover {
  background: #fff !important;
  color: #333 !important;
}

.formbox__field-result {
  background: #074a01 !important;
  color: #ffffff !important;
  border: solid 1px #ffffff !important;
  font-weight: bold !important;
}

.formbox__field-addon {
  color: #333 !important;
}

/* modal ikkunat */
  
.hs-error-msgs label {
  color: #fff !important;
}

/* youtube responsive style */

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* youtube responsive style */

@media screen and (min-width: 769px) {
  .mfp-content {
    position: absolute !important;
    top: 5%;
    right: 5%;
  }

}

@media screen and (max-width: 1365px) {
  .news-header h1{
    font-size: 2.2rem !important;
  }
  
  .news-some{
   font-size: 1rem;
}
  
.other-posts a {
  font-size: 0.8rem;
  }
}