/*
Theme Name: villademetrios
Theme URI: https://www.arjm.pl
Author: Krzysztof Jankowski
Author URI: https://www.arjm.pl 
Description: Szablon Villa Demetrios
Version: 1.0 
*/

@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;400;500;600;700&family=Quicksand:wght@300..700&display=swap');

.quicksand-300 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.quicksand-400 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.quicksand-500 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.quicksand-600 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.quicksand-700 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.cormorant-sc-light {
  font-family: "Cormorant SC", serif;
  font-weight: 300;
  font-style: normal;
}

.cormorant-sc-regular {
  font-family: "Cormorant SC", serif;
  font-weight: 400;
  font-style: normal;
}

.cormorant-sc-medium {
  font-family: "Cormorant SC", serif;
  font-weight: 500;
  font-style: normal;
}

.cormorant-sc-semibold {
  font-family: "Cormorant SC", serif;
  font-weight: 600;
  font-style: normal;
}

.cormorant-sc-bold {
  font-family: "Cormorant SC", serif;
  font-weight: 700;
  font-style: normal;
}




.font-12 {
	font-size:12px;
}
.font-13 {
	font-size:13px;
}
.font-14 {
	font-size:14px;
}
.font-15 {
	font-size:15px;
}
.font-16 {
	font-size:16px;
}
.font-17 {
	font-size:17px;
}
.font-18 {
	font-size:18px;
}
.font-19 {
	font-size:19px;
}
.font-20 {
	font-size:20px;
}
.font-21 {
	font-size:21px;
}
.font-22 {
	font-size:22px;
}

a:link, a:visited {
	color:#000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.vh-100 {
	height:100vh;
}
.vh-95 {
	height:95vh;
}
.vh-90 {
	height:90vh;
}
.vh-85 {
	height:85vh;
}
.vh-80 {
	height:80vh;
}
.w-90 {
	width: 90%;
}

.text-brown {
	color:#3E2301;
}
.text-grey {
	color:#505050;
}
.text-light-grey {
    color: #929292;
}
p.btn a:link, .btn a:visited {
	color:#FFFFFF;
	text-decoration: none;
}


.logo {

	width:auto;
	height:4rem;
	border:0;
}
@media (max-width:992px) {
.logo {
	width:auto;
	height:2.7rem;
}
}

.section-round {
	border-radius: 14rem 0 14rem 0;
}
.section-round-footer {
	border-radius: 14rem 0 0 0;
}
@media (max-width:992px) {
.section-round {
	border-radius: 8rem 0 8rem 0;
}
.section-round-footer {
	border-radius: 8rem 0 0 0;
}
}
@media (max-width:768px) {
.section-round {
	border-radius: 5rem 0 5rem 0;
}
.section-round-footer {
	border-radius: 5rem 0 0 0;
}
}

#menu-menu-glowne .menu-item a:link.nav-link, 
#menu-menu-glowne .menu-item a:visited.nav-link{
	background-color:#FFFFFF;
	padding-left:1rem;
	padding-right:1rem;
	border-radius: 1.5rem 0 1.5rem 0;
	text-decoration: none;
}
#menu-menu-glowne .menu-item a:hover.nav-link {
	background-color:#f7f8f9;
	color:#000000;
	text-decoration: none;
}
#menu-menu-glowne .current-menu-item a:link.nav-link {
	background-color:#f7f8f9;
	color:#000000;
	text-decoration: none;
}


  



.text-menu-space {
    letter-spacing: 0.05em;	
}
.text-menu-space-0 {
    letter-spacing: 0;	
}

.carousel-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.icon-home {
	width:auto;
	height:4em;
	border:0;
}
.form-control {

	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:solid 1px #CCC;
	-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
input::-webkit-input-placeholder {
color: #ccc !important;
text-align: center;
	font-weight: 400;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #ccc !important; 
	text-align: center;
	font-weight: 400;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #ccc !important; 
	text-align: center;
	font-weight: 400;
}
 
input:-ms-input-placeholder {  
color: #ccc !important; 
	text-align: center;
	font-weight: 400;
}
textarea::-webkit-input-placeholder {
color: #ccc !important;
	text-align: center;
	font-weight: 400;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color: #ccc !important; 
	text-align: center;
	font-weight: 400;
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #ccc !important;  
	text-align: center;
	font-weight: 400;
}
 
textarea:-ms-input-placeholder {  
color: #ccc !important; 
	text-align: center;
	font-weight: 400;
}
.btn {
	-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}

.carousel-caption {
	bottom:40%;
}

.carousel-caption h5 {
	font-size:4em;
	font-weight: 500;
}
.carousel-caption p {
	font-size:1.2em;
}
@media (max-width:767px) {
.carousel-caption {
	bottom:20%;
}
.carousel-caption h5 {
	font-size:3em;
	font-weight: 500;
}
.carousel-caption p {
	font-size:1.1em;
}
}

.top {
  --offset: 50px; 
  
  position: sticky;
  bottom: 20px; 
  margin-left:calc(95vw - var(--offset)); 

  margin-top: calc(100vh + var(--offset));
  
  /* visual styling */
  text-decoration: none;
  padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
  font-family: sans-serif;
  color: #000000;
	text-align: center;
  background: #FFFFFF;
  white-space: nowrap;
	border:solid 1px #000;
}
.top:hover {
	color: #000000;
}