/*

Theme Name: Saraid Theme

Theme URI: https://massaaziteraapia.ee

Author: Patrick Lomp

Author URI: patricklomp.ee

Description:  Theme for massage studio.

Version: 3.3

Text domain: Saraid

Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template

*/

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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

# Woocommerce

# Footer

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

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

# Normalize

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

body {
  margin: 0;

  width: 100%;

  -webkit-font-smoothing: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;

  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;

  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  color: inherit !important;
}
a:hover {
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

@font-face {
  font-family: futura;

  src: url('inc/assets/fonts/futura.ttf');

  font-weight: light;
}

h1,
h2,
h3 {
  font-family: futura;
}

.footer {
  background-color: rgb(228, 225, 217);
}

.site-footer-minimal {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgb(228, 225, 217);
  font-size: 0.85rem;
  color: #555;
  padding: 2rem 0;
}

.site-footer-minimal .footer-home-link {
  color: #555;
  text-decoration: none;
  font-family: futura, sans-serif;
  letter-spacing: 0.05em;
}

.site-footer-minimal .footer-home-link:hover {
  color: #222;
}

/*Saraid*/

nav {
  max-width: 100vw;

  min-height: 6rem;
}

.site-wrapper {
  background-color: rgba(60, 99, 130, 0.8);

  width: 100%;
}

.navbar {
  background-color: rgba(60, 99, 130, 0.9);
}

.navbar-toggler-icon {
  background-size: contain;
}

.nav-link {
  color: black;

  font-weight: 600;
}

.nav-link:hover {
  color: #e9ecef;
}

#header_pilt {
  background-size: cover;

  background-repeat: no-repeat;

  height: 30rem;

  width: 100%;
}

.taits-info {
  width: 100%;
}

.avatar {
  margin-left: auto;

  margin-right: 0;

  margin-bottom: 3rem;

  background-size: contain;

  height: 10rem;

  width: 10rem;

  border-radius: 5rem;

  border-style: solid;

  border-width: thin;
}

#logo {
  background-size: contain;

  height: 4rem;

  width: 4rem;

  margin: 1rem;
}

#tekst_logo {
  margin-left: auto;

  margin-top: 2rem;

  margin-right: 0rem;

  width: 6vh;

  height: 6vh;
}

#taivo_text {
  font-size: 4rem;

  max-width: 100vw;

  font-family: futura;

  left: 0;

  color: rgba(223, 228, 234, 1);

  background-color: rgba(47, 53, 66, 0.4);
}

.navmenue-text {
  list-style-type: none;
}

#taivo_text_span {
  position: absolute;

  top: 22rem;

  align-items: center;
}

#main_container {
  display: block;

  min-height: 40rem;

  z-index: 1031;
}

#footer_container {
  height: 100%;
}

#pat_logo {
  background: url(../imgs/logo.png);

  background-size: contain;

  background-repeat: no-repeat;

  width: 4vw;

  height: 3vw;

  float: right;

  margin-right: 2vw;

  margin-top: 1vw;
}

.gmap_canvas {
  width: 5rem;

  height: 3rem;
}

/*Massaazid*/

.carousel-img {
  margin-top: 5vw;

  height: 30vw;

  width: 100%;
}

/*Kontakt*/

.contact-main {
  background: rgba(233, 236, 239, 0.7);
}

@media only screen and (max-width: 600px) {
}

@media screen and (max-width: 992px) {
  #taivo_text {
    font-size: 3rem;
  }
}

/*Blogi*/

.post-bottom {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
}

.post-logo {
  width: 6vh;

  height: 6vh;
}

.back-button {
  padding: 2vh;
}

.blog-post-hover {
  transition: 0.5s ease;
}
.blog-post-hover:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}