/*
Theme Name: Sowa
Version: 1.0.0
License: GPL
License URI:
Description:
Author: Robert Król
Author URI:
Theme URI:
Tags:
*/

/*cookies*/

* {
	box-sizing: border-box;
	margin:0
}

a {
	cursor: pointer;
	outline: 0;
	border: 0;
}

html, body {
	height:100%;
	padding:0;
	margin:0;
	line-height: 1.75;
}

body {
  margin: 0;
  padding: 0;
  color: #123c5a;
  overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;
	}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

img {
  max-width: 100%;
  height: auto;
}

    /* Wideo */
    iframe,
    video {
      width: 100%;
    }

.logo {
position:absolute;
	z-index:9;
	top:40px;
	left:40px;
	width: 240px;
	/*filter: invert(5%);*/
}

.mainbg {
height:100%;
width:100%;
background: url('img/sowabg.png') center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.switcher {
position: absolute;
z-index: 9999;
right:40px;
bottom:40px;
font-weight: 500;
filter: invert(5%);
}

.switcher ul li {
display: inline;
}

.switcher ul li a {
color: #ccbc5a;
text-decoration: none;
padding: 0 0 0 10px;
}

.switcher ul li a:hover {
color: #aa1414
}

.container {
  position:absolute;
  z-index:99;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight:bold;
}

.midhead {
font-size: 1em;
letter-spacing: 4px;
text-align: left;
font-weight: 400;
}

.midheadtext {
font-size: 1em;
padding: 0;
font-weight: 400;
}


.footer1 {
font-weight: 400;
text-align: left;
padding: 0 0 20px 40px;
font-size: 0.750em
}

.footer2 {
font-weight: 400;
text-align: right;
padding: 0 40px 20px 0;
font-size: 0.850em
}

.footers img {
width: 50px;
}

.wrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}
.footer,
.push {
  height: 50px;
}

.centering {
text-align: center;
}

.more, .more a {
color: #a19447;
text-decoration: none;
transition: 0.3s;
font-size: 0.950em;
}

.more a:hover {
color: #ccbc5a;
}

.pagecontent {
margin:0;
padding: 0 40px;
font-size: 1em;
font-family: 'Montserrat', sans-serif!important;
}

.pagecontent a {
text-decoration: none;
color:#999
}

.pagecontent a:hover {
color: #d42c2c;
}

.pagecontent img{
width: 100%;
max-width:100%;
height: auto;
padding: 0;
margin: 0
}

.wp-block-image figcaption, .wp-block-embed__wrapper figcaption, .pagecontent figcaption {
font-size: 0.750em!important;
}

.button {
font-family: 'Montserrat', sans-serif;
	background: transparent;
	color:#fff;
  border: 2px solid #8b2cd4;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  font-size: 0.3em;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.butyon:hover {
  background-color: #8b2cd4;
  color: #fff;
	background-blend-mode: darken;
}

.fullheight {
display: flex;
justify-content:left;
align-items: center;
/*background: url(img/mobile.png)no-repeat center center;*/
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
min-height: 100%;
}

.center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.vertical {
  display: flex;
  align-items: center;
  justify-content: left;
}

.vertical h2 {
  font-size: 4.4em;
  font-weight: 800;
  color: #333;
  margin: 0 0 0 90px;
}

.vertical h2 em {
  font-style: normal;
  font-weight: 300
}

.color-9 {
background: #44225A;
}

.color-8 {
background: #F2D5FF;
   height: 140px;
}

.color-7 {
background: #C57CE7;
   height: 140px;
}

.color-6 {
background: #7929AF;
   height: 140px;
}




/*mouse*/


.mouseholder {
  width:100%;
  height:10%;
  position: absolute;
  z-index: 9997;
  bottom: -30px;
  padding: 0 40px 0 0;
}

.mouse {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 48px;
  border-radius: 15px;
  border: 2px solid #fff;
  clear:both
}
.mouse span {
  display: block;
  margin: 6px auto;
  width: 2px;
  height: 2px;
  border-radius: 4px;
  background: #fff;
  border: 2px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}


/*menu*/


#mainmenu {
font-family: 'Montserrat', sans-serif;
font-weight:500;
z-index:99999;
position: absolute;
right: 40px;
top:30px;
	/*filter: invert(5%);*/
}

#mainmenu ul, #mainmenu ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#mainmenu li a {
  padding:15px 0;
  font-size:1em;
  text-decoration: none;
	color: #ccbc5a
}

#mainmenu li a:hover {
	color: #a39644
}

#mainmenu .current_page_item > a {
  color: #ccbc5a
}


#mainmenupage {
font-family: 'Montserrat', sans-serif;
font-weight:500;
z-index:9999;
position: absolute;
right: 40px;
top:30px;
}

#mainmenupage ul, #mainmenupage ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#mainmenupage li a {
  padding:15px 0;
  font-size:1em;
  text-decoration: none;
	color: #b0a24c
}

#mainmenupage li a:hover {
	color: #9a8e43
}

#mainmenupage .current_page_item > a {
  color: #bd2417;
}



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

	nav,
	.navbar-toggle {
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	nav {
	  position: fixed;
	  z-index: 9998;
	  background: #ccbc5a;
		opacity: 0.9;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  display: table;
	  color: #fff;
	}

	.nav-hide {
	  display: none;
	}

	nav ul {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}

	nav ul li { list-style: none; }

	nav ul li a {
font-family: 'Montserrat', sans-serif;
	  font-size: 1.8em;
	  color:#123c5a;
	  text-decoration: none;
	  -webkit-transition: all 0.25s ease-in-out;
	  transition: all 0.25s ease-in-out;
	}

	.navbar-toggle {
	  position: fixed;
	  z-index: 9999;
	  top: 40px;
	  right: 40px;
	  width: 40px;
	  height: 50px;
	}

	.bar1,
	.bar2,
	.bar3 {
	  width: 100%;
	  height: 6px;
	  margin-bottom: 9px;
	  background-color: #ccbc5a;
	  transition: all 0.3s ease-in-out;
	}

	.bar1page,
	.bar2page,
	.bar3page {
		width: 100%;
		height: 6px;
		margin-bottom: 9px;
		background-color: #123c5a;
		transition: all 0.3s ease-in-out;
	}

	.navbar-on .bar1,
	.navbar-on .bar2,
	.navbar-on .bar3 {
	  background-color: #fff;
	}

	.navbar-on .bar1 {
	  transform-origin: 0% 40%;
	  transform: rotate(45deg);
	}

	.navbar-on .bar3 {
	  transform-origin: -5% 40%;
	  transform: rotate(-45deg);
	}

	.navbar-on .bar1page {
	  transform-origin: 0% 40%;
	  transform: rotate(45deg);
	}

	.navbar-on .bar3page {
	  transform-origin: -5% 40%;
	  transform: rotate(-45deg);
	}

	.navbar-on .bar2 { background-color: transparent; }

	.navbar-on .bar2page { background-color: transparent; }

	#mainmenu {
  display: none;
  }

	ul li {
	text-align: left;
	}

	#mainmenupage {
	display:none
	}
}

@media screen and (min-width: 767px) {
  .navbar-toggle, .nav-hide {
  display: none;
  }
	#menu {
	display:none
	}
}


.downArrow{
	position: absolute;
	bottom: 25px;
	left: 50%;
	z-index:9999;
	color: #fff
}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}