/*
Roomassaare kohvik style 2023 by Elixir OÜ
*/


/* colors */


body {
  background-color: #fdfbf2;
  color: #00496a;
  overflow-x: hidden;
  font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}


p {
  line-height: 1.75;
}

a {
  color: #e94f33; transition: all 0.5s ease; 
}

a:hover {
  color: #e94330;
}

.text-primary {
  color: #e94f33 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.fst-italic { font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}

.top-image {min-height:35rem;}

/* buttons */
.btn {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 700;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 30px;
}

.btn-primary {
  background-color: #e94f33;
  border-color: #e94f33;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #e9460d !important;
  border-color: #e9460d !important;
  color: white;
}

.btn-primary:active, .btn-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(233, 79, 51, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(233, 79, 51, 0.5) !important;
}


section#kontakt {
  background-color: #00496a;
  background-image: url("../images/map-saaremaa.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ratio-roomassaare {
	    --bs-aspect-ratio: 120%; padding-top:10rem;
}

.laine {background:url('../images/valge_laine.png'); background-position:center; background-repeat:repeat-x; min-height:40px; width:100%; position:absolute; bottom:0;}

.rs_menu ul {list-style-type:none; padding-left:0;}
.neptun {max-width:4rem; height:auto;}
.rs-main-logo {width:27rem;}

.form-group.captcha {margin-bottom:1rem;}
select.form-select {min-width:5rem; margin-top:0.5rem;}

.ccm-block-express-form .form-control, .ccm-block-express-form .form-select{
	min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
	border-color:#00496a;
	color:#00496a;
}

/* video */
#background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

/* technical */
.supersmall {font-size:0.75em;}
.transition {transition: all 0.2s linear;}
.bg-img {background-size:cover; background-position:center center;}
.rotate { transform: rotate(-90deg);}
.text-white {color:#fff;}

/* navbar */
.roomassaare-logo {max-width:6.5rem;}
.roomassaare-navbar {
	background-color: #00496a; 
}
.roomassaare-navbar .nav-item .nav-link {
  font-size:90%;
  text-transform:uppercase;
  font-weight: 400;
  padding: 1rem 1rem;
  letter-spacing: 1px;
  color:#fff;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.roomassaare-navbar .nav-link.active, .roomassaare-navbar .nav-link:hover {background:#fff; color: #00496a;}
.roomassaare-navbar .navbar-toggler {background-color: #e94f33;}

.roomassaare-navbar .dropdown-menu {border-radius:0; text-transform:uppercase; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
.roomassaare-navbar .dropdown-item {margin-top:5px; margin-bottom:5px; text-align:center;}
.roomassaare-navbar .dropdown-item.active, .roomassaare-navbar .dropdown-item:active, .roomassaare-navbar .dropdown-item:focus, .roomassaare-navbar .dropdown-item:hover {color: #ffffff; background: #00496a; }

ul.social-buttons li a {
  font-size: 20px;
  line-height: 50px;
  display: block;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: white;
  border-radius: 100%;
  outline: none;
  background-color: #00496a;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #e94f33;
}

.leaderlogo {max-width:20rem;}

/* Small devices (landscape phones, 576px and up)  */
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.roomassaare-navbar {
		background-color: #00496a;
	}
	.roomassaare-navbar .dropdown-item {text-align:left;}
	.ratio-roomassaare { --bs-aspect-ratio: 90%;}
	select.form-select {margin-top:0;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.ratio-roomassaare { --bs-aspect-ratio: 65%;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.ratio-roomassaare { --bs-aspect-ratio: 30%;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

/* XXX-Large devices (larger desktops, 1920px and up) */
@media (min-width: 1920px) {
	#parallax {background-size:cover; }
}