/*
Theme Name: Metsmaa.ee
Author: Siim Metsmaa
Author URI: http://blender.ee
Description: Kodulehe arendaja on Blender OÜ - siim@blender.ee
Version: 1.0
*/

body { margin:0; font-family: 'Albert Sans', sans-serif; color: #333; font-size: 22px; font-weight: 500; background: #f8f3ee; }
img { border: none !important; }

h1 { font-size: 80px; color: #000; line-height: 80px; font-weight: 800; text-align: center; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; }
h2 { font-size: 45px; color: #000; line-height: 55px; margin: 100px 0 60px 0; font-weight: 800; text-transform: uppercase; text-align: center; font-family: "Roboto Condensed", sans-serif; }
h3 { font-size: 26px; color: #222; line-height: 32px; font-weight: 800; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; }

strong { font-weight: 900; }
input:focus, select:focus { outline: none; }

a:link { color: #037a65; text-decoration: none; }
a:visited { color: #037a65; text-decoration: none; }
a:hover { color: #01bf9c; text-decoration: none; }
a:active { color: #01bf9c; text-decoration: none; }

.button,
.comment-form .submit {
    display: inline-block;
    padding: 12px 25px;
    color: #fff !important;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none !important;
    border-radius: 50px;
    border: none;
    background: #007b65;
    transition: all 0.2s;
}

.button:hover,
.comment-form .submit:hover { cursor: pointer; filter: brightness(1.2); }

.mob-header,
.mob-menu-content { display: none; }

.alignright { float: right; margin: 0 0 100px 100px; }

.size-large { width: 100% !important; height: auto !important; display: block; margin: auto; }
.size-full { width: 100% !important; height: auto !important; border-radius: 5px; }
.size-blogipilt { width: 100% !important; height: auto !important; margin: 40px 0 0 0; border-radius: 5px; }
.rgg-container { margin: 60px 0; padding: 20px; }
.rgg-img { box-shadow: none !important; border-radius: 5px; }
.wp-caption { width: 100% !important; margin: 50px auto; color: #888; font-size: 15px; }

.grecaptcha-badge { visibility: hidden; }

blockquote { margin: 60px 30px; padding: 30px; box-sizing: border-box; color: #fff; border-radius: 5px; background: #1e524d; }

.rally-menu-button { display:none; }
.rally-menu { display:none; }

iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}


/* HEADER */



.header {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 10px 30px;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 9999;
	transition: all .3s;
	background: #f5f3e5;
}

.banner-content {
    width: 90%;
    margin: 150px auto 50px auto;
    overflow: hidden;
    border-radius: 20px;
}

.banner-img {
    position: relative;
    float: left;
    width: 45%;
    height: 550px;
    border-radius: 20px;
}

.banner-title {
    float: right;
    width: 52%;
    padding: 30px 80px;
    box-sizing: border-box;
}

.banner-title h1 {
    text-align: left;
}




.logo {
    position: fixed;
    top: 18px;
    left: 30px;
    font-size: 12px;
    font-weight: 700;
    z-index: 9999;
    color: #fff!important;
	text-transform: uppercase;
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
	background: #1e524d;
	transform: translateY(0);
  	transition: transform 0.4s ease-in-out;
}

.menu.hide {
  transform: translateY(-100%);
}

.mainmenu {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.mainmenu li {
    display: inline-block;
    position: relative;
}

.mainmenu li a {
    display: block;
    margin: 0 20px;
    padding: 15px 0;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

.mainmenu li.current-menu-item a,
.mainmenu li.current-menu-ancestor a,
.mainmenu li:hover a {
    color: #01bf9c;
}

.mainmenu li:hover > ul {
    display: block;
    transform: scaleY(1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.mainmenu li ul {
    min-width: 200px;
    position: absolute;
    left: 0;
    top: 45px;
    padding: 15px 20px;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .2s ease;
    background: #fff;
    z-index: 9999;
    border-radius: 5px;
}

.mainmenu li ul li {
    display: block;
    text-align: left;
}

.mainmenu li ul li a {
    margin: 0;
    padding: 6px 0;
    font-size: 17px;
    font-weight: 700;
    color: #000 !important;
	text-transform: none;
}

.mainmenu li ul li:hover a,
.mainmenu li ul li.current-menu-item a {
    color:#007b65!important;
}

.showmenu {
    position: fixed;
}



/* CONTENT */



.wrapper {
	width: 1000px;
	margin: 0 auto;
}

.content {
	padding: 50px 0 200px 0;
}
.content h1 { p
	adding: 30px 0 0 0;
}

.content p {
	margin: 0 0 40px 0;
	padding: 0 120px;
	line-height: 36px;
}
.content p a,
.minust p a {
	text-decoration: underline !important;
}

.home-content {
	margin: 0 auto -200px auto;
}

.post-img {
	position: relative;
	height: 600px;
	margin: 50px 0 70px 0;
	border-radius: 5px;
}

p a {
    font-weight: 900;
    text-decoration: underline;
}



/* ESILEHT */



.minust { list-style: none; margin: 50px auto 100px auto; padding: 0; width: 1300px; }
.minust li { overflow: hidden; margin: 130px 0; line-height: 32px; }

.minust h2 { margin: 60px 0; }

.minust-pilt-vasak { float: left; width: 45%; border-radius: 10px; }
.minust-pilt-parem { float: right; width: 45%; border-radius: 10px; }
.minust-tekst-vasak { float: left; width: 55%; padding: 0 0 0 100px; box-sizing: border-box; }
.minust-tekst-parem { float: right; width: 55%; padding: 0 100px 0 0; box-sizing: border-box; }
.minust-pilt { height: 450px; }



/* BLOG */



.posts-header {
    margin: 150px 0 0 0;
    text-align: center;
}

.posts {
    width: 90%;
    list-style: none;
    margin: 100px auto 0 auto;
    padding: 0; text-align:
    center;
}

.posts li {
    display: inline-block;
    width: 27%;
    margin: 2% 3%;
    text-align: left;
    vertical-align: top;
}

.posts li:hover .posts-img {
    transform: scale(1.03);
}

.posts li h3 {
    width: 100%;
    margin: 0;
}

.posts-img {
    height: 28vh;
    position: relative;
    transition: all .2s;
    border-radius: 10px;
}

.posts-video {
    position: absolute;
    top: 0;
    right: 20px;
    height: 35px;
}

.posts-info {
    padding: 15px 0;
}

.date {
    margin: 10px 0;
    color: #999;
    font-size: 15px;
    font-weight: 600;
}


.autor {
    color: #999;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}



/* COMMENTS */



.comments-list {
	width: 70%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.comments-list li {
	margin: 20px 0;
	padding: 25px 30px;
	font-size: 16px;
	line-height: 26px;
	border-radius: 10px;
	background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.comment-date {
	font-size: 13px;
}

.comment-form {
	width: 80%;
	margin: 80px auto 0 auto;
}
.comment-form .comments-author,
.comment-form .comments-comment {
	width: 100%;
	padding: 15px;
	font-family: 'Albert Sans', sans-serif;
	font-size: 16px;
	border-radius: 10px;
	border: 1px solid #999;
	box-sizing: border-box;

}
.comment-form .comments-comment {
	height: 120px;
	margin: -20px 0 0 0;
}
input, textarea {
	outline: none !important;
}


audio { margin: 70px 0 50px 0; width: 100%; }

.play {
    position: absolute;
    width: 200px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



/* TAGS */



.tags {
    list-style: none;
    margin: 50px 0 0 0;
    padding: 0;
    text-align: center;
}

.tags li {
    display: inline-block;
    margin: 0 5px;
}

.tags li a {
    display: block;
    margin: 5px 0;
    padding: 7px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    background: #007b65;
    border-radius: 100px;
}

.tags li a:hover {
    filter: brightness(1.2);
}

.tag-active {
    color: #fff !important;
    background: #bf4545 !important;
}

.single-tags {
    text-align: left;
    margin: 20px 0 0 0;
}

.tag-description {
    color: #666;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
}



/* TEHNIKA */



.seadmed {
    list-style: none;
    margin: 50px auto;
    padding: 0;
}

.seadmed li {
    display: block;
    margin: 10px 0;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
	overflow: hidden;
}

.seadme-pilt {
	float: left;
	width: 100px;
    height: 100px;
	margin: 0 10px;
    border-radius: 5px;
}

.seadme-info {
	float: left;
	margin: 0 0 0 20px;
    font-size: 14px;
    padding: 10px;
    color: #666;
    line-height: 20px;
}

.seadme-info b {
    font-size: 18px;
    color: #000;
}



/* ENNUSTUS */



.ennustus { text-align: center; }
.ennustus input { width: 70px; margin: 10px 0; padding: 10px; font-size: 18px; font-weight: 700; text-align: center; border: none; border-radius: 5px; border: 1px solid #ccc; background: #f1f1f1; }
.ennustus-pikk { width: 100%;  margin: 0; padding: 10px; box-sizing: border-box; font-size: 18px; font-weight: 700; border: none; border-radius: 5px; background: #f1f1f1; }
.ennustan { margin: 5px; padding: 8px 15px; color: #fff; font-size: 16px; cursor: pointer; border: none; border-radius: 5px;  background: #F3631C; }

.wrc select { width: 100%; margin: 20px 0; padding: 15px; box-sizing: border-box; color: #31BB78; font-size: 19px; font-family: 'Albert Sans', sans-serif; font-weight: 500; border-radius: 10px; border:  1px solid #ccc; background: #fff; }
.wrc input[type=text] { width: 100%; margin: 0; padding: 15px; box-sizing: border-box; color: #31BB78; font-size: 19px; font-family: 'Albert Sans', sans-serif; font-weight: 500; border-radius: 10px; border: 1px solid #ccc; background: #fff; }

.meeldetuletus { padding: 40px 0; box-sizing: border-box; }
.meeldetuletus input[type=text] { width: 100%; margin: 20px 0; padding: 15px; box-sizing: border-box; color: #4D5CE5; font-size: 19px; font-family: 'Albert Sans', sans-serif; font-weight: 500; border-radius: 10px; border: 1px solid #ccc; background: #fafafa; }

.rallitabel { max-height: 500px; border: none; overflow: auto; background: #fafafa; }
.rallitabel table { border: none; }
.rallitabel td { padding: 10px; font-size: 14px; border: none; border-bottom: 1px solid #eee; }
.rallitabel td:first-child { font-weight: bold; color: #fff; border-right: 1px solid #eee; border-bottom: none; background: #2FB875; }
.rallitabel td:nth-child(2n+3) { border-right: 1px solid #eee; color: #4D5CE5; }
.rallitabel tr:first-child td { font-weight: bold; color: #fff; background: #4D5CE5; }
.rallitabel tr td:nth-child(odd) { font-weight: bold; }
.rallitabel tr>td:first-child {  position: sticky; left: 0; }
.rallitabel tr:first-child td {  position: sticky; top: 0; z-index: 999; }

.koondtabel { max-height: 500px; border: none; overflow: auto; background: #fafafa; }
.koondtabel table { border: none; text-align: center; }
.koondtabel td { padding: 10px; font-size: 14px; font-weight: 700; border: none; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.koondtabel tr:first-child td { color: #fff; background: #4D5CE5; }
.koondtabel tr td:nth-child(odd) { }
.koondtabel td:nth-child(1) { position: sticky; left: 0; text-align: center; color: #fff; background: #2FB875; border-right: none; border-bottom: none; }
.koondtabel td:nth-child(2) { position: sticky; left: 38px; text-align: left; color: #fff; background: #2FB875; border-bottom: none; }
.koondtabel tr:first-child td {  position: sticky; top: 0; z-index: 999; }

.vastused ul {
    padding: 0 120px;
}

.vastused li {
    padding: 5px 0;
    font-size: 18px;
}

.ennustus_meeldetuletus { width: 45% !important; margin: 0 20px 0 0 !important; }



/* WRC */



.wrc-top { margin: 0 auto 0 auto; }

.wrc-menu {
    width: 100%;
    background: #4D5CE5;
    list-style: none;
    margin: 80px 0 0 0;
    padding: 0;
    text-align: center; }
.wrc-menu li { display: inline-block; }
.wrc-menu a { display: block; padding: 15px 10px; color: #fff; font-size: 14px; font-weight: 700; }
.wrc-menu a:hover,
.wrc-menu .active { color: #2FB875; background: #fff; }



/* JALUS */



.newsletter {
	margin: 300px 0 0 0;
	background: #212121;
	padding: 100px 0;
	text-align: center;
}
.newsletter p {
	color: #fff;
	font-size: 15px;
}
.newsletter-input {
	width: 300px;
	padding: 10px 20px;
	font-size: 17px;
	border: none;
	border-radius: 100px 0 0 100px;
}
.newsletter-button {
	padding: 10px 20px;
	font-size: 17px;
	color: #fff;
	background: #007b65;
	border: none;
	border-radius: 0 100px 100px 0;
	transition: all 0.2s;
}
.newsletter-button:hover {
	cursor: pointer;
	filter: brightness(1.2);
}


.footer { padding: 0 0 120px 0; background: #212121; overflow: hidden; }
.footer-content { width: 1300px; margin: auto; }

.footer h3 { display: inline-block; margin: 0 0 30px 0; padding: 0 20px 5px 0; color: #e1e1e1; font-size: 18px; font-weight: 600; border-bottom: 3px solid #007b65; }

.footer-block { float: left; width: 33%; padding: 0 3%; box-sizing: border-box; font-size: 15px; line-height: 25px; }
.footer-block a { color: #fff; }
.footer-block a:hover { color: #007b65; }

.footer-teemad { list-style: none; margin: 0; padding: 0; }
.footer-teemad li { display: inline-block; }
.footer-teemad li a { display: block; padding: 0 5px; color: #fff; font-size: 15px; font-weight: 600; border-radius: 5px; }

@media screen and (max-width: 1300px) {

.posts { width: 1000px; }
.minust { width: 1000px; }
.footer-content { width: 1000px; }

}

@media screen and (max-width: 1100px) {

.wrapper { width: 900px; }
.minust { width: 900px; }
.footer-content { width: 900px; }

}

@media screen and (max-width: 900px) {

.menu {
    display: none;
}

.mob-header { display: block; position: fixed; top: 0; width: 100%; padding: 10px 20px; box-sizing: border-box; background: #1e524d; z-index: 9999; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }

.mob-logo {
    float: left;
}

.mob-logo img {
    width: 30px;
}

.mob-button { float: right; margin: 6px 0 0 0; height: 20px; filter: invert(59%) sepia(79%) saturate(404%) hue-rotate(98deg) brightness(87%) contrast(82%); }
.mob-button:hover { cursor: pointer; }

.mob-menu-content { position: fixed; top: 0; left: 0; width: 100%; min-height: 100vh; padding: 80px 40px; box-sizing: border-box; background: #1e524d; z-index: 9998; }
.mob-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.mob-menu li {
    display: block;
}
.mob-menu li a {
    display: block;
    padding: 20px 0;
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

.mob-menu li:hover a,
.mob-menu li.current-menu-item a {
    color:#2FB875 !important;
}

.mob-social { list-style: none; margin: 50px 0 0 0; padding: 0; text-align: center; }
.mob-social li { display: inline-block; margin: 0 10px; }
.mob-social img { height: 30px; }
.mob-social img:hover { filter: invert(59%) sepia(79%) saturate(404%) hue-rotate(98deg) brightness(87%) contrast(82%); }

body {
    font-size: 19px;
}

h1 { font-size: 38px; line-height: 46px; }
h2 { font-size: 32px; line-height: 42px; }
.alignright { width: 100%; height: auto; float: none; margin: 0 0 50px 0; }

.header { display: none; }
.scrollmenu { display: none; }

.wrapper { width: 95%; }

.content { padding: 80px 0 200px 0; }
.content p { padding: 0; font-size: 19px; line-height: 28px; }

.minust { width: 90%; }
.minust-pilt { height: 300px; }
.minust-pilt-vasak { float: none; width: 100%; border-radius: 5px; }
.minust-pilt-parem { float: none; width: 100%; border-radius: 5px; }
.minust-tekst-vasak { float: none; width: 100%; padding: 0; }
.minust-tekst-parem { float: none; width: 100%; padding: 0; }



.banner-content {
    width: 95%;
    margin: 100px auto -100px auto;
}

.banner-img {
    position: relative;
    float: none;
    width: 100%;
    height: 300px;
}

.banner-title {
    float: none;
    width: 100%;
    padding: 30px 0;
}

.banner-title h1 {
    text-align: left;
}



.post-img { height: 300px; margin: 0 0 80px 0; }
.posts { width: 100%; }
.posts li { display: block; width: 85%; margin: 40px auto;  }
.posts li:hover {  }
.posts-img { height: 300px; }
.posts-info { padding: 15px 0; }

.wp-caption { width: 100% !important; }
.wp-caption-text { font-size: 15px !important; }

.comments { width: 100%; margin: auto; }

.seadmed li { }
.seadme-pilt { }
.seadme-info b { font-size: 16px; color: #000; }

.ennustus { font-size: 13px; }
.ennustus-txt { font-size: 13px; }

.social { display: none; }

.wrc-menu { display: none; }
.rally-menu-button { display: block; width: 60%; margin: 100px 50% -100px 50%; transform: translate(-50%, 0); padding: 15px 0; text-align: center; color: #fff !important; cursor: pointer; border-radius: 100px; background: #4D5CE5; }

.rally-menu { list-style:none; margin: 120px 0 -100px 0; padding: 0; text-align: center; background: #4D5CE5; }
.rally-menu a { display: block; padding: 15px 0; color: #fff; }
.rally-menu .active { color: #31BB78; background: #fff; }


.meeldetuletus { padding: 40px 20px; }
.rallitabel td , .koondtabel td { font-size: 12px; }
.vastused ul { padding: 0 10px; }
.vastused li { font-size: 13px; }

.ennustus_meeldetuletus { width: 100% !important; margin: 5px 0 !important; }

.newsletter p {
	padding: 0 50px;
	margin: 30px 0 0 0;
}
.newsletter-input {
	border-radius: 100px;
}
.newsletter-button {
	border-radius: 100px;
	margin: 20px 0 0 0;
}

.comments-list {
	width: 100%;
}

.footer-content { width: 90%; }
.footer-block { float: none; width: 100%; }

.footer h3 { margin: 40px 0 20px 0; }







}