/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

* {
	margin: 0;
	padding: 0;
}
body {
	/*
	background: #fff url("https://rescueroom.sk/wp-content/uploads/2019/09/RR_slider.jpg") no-repeat;
	*/
	background-color: #fff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: right;
	text-align: center;
	font-family: "Avenir Next", Verdana;
}
:focus, :active {
	outline: none;
}
a {
	color: #d71920;
	text-decoration: none;
	border-bottom: 2px dotted;
	padding-bottom: 3px;
}
/*
button {
	background-color: #fff;
	color: #d71920;
	border-color: #d71920;
	font-weight: bold;
	font-size: 100%;
	border-radius: 1.5em;
	padding: 20px;
	cursor: pointer;
}
*/
h1, h2 {
	color: #fff;
	background-color: #d71920;
	margin: 0;
}
p, ul, ol, li {
	color: #000000;
	background-color: #fff;
	padding: 50px;
	font-weight: bold;
}
ul, ol {
	margin: 0;
	padding: 50px 100px;
}
li {
	padding: 25px 0;
	text-align: left;
}
#content {
	margin: 0;
	font-size: 2em;
}
#content h2 {
	padding: 15px;
	font-size: 80%;
}
.vanish {
	display: none;
}
.appear {
	height: 800px;
	width: 100%;
	position: relative;
}
.appear article {
	position: absolute;
	left: 5%;
	top: 5%;
	margin: 0 auto;
}
@keyframes shake {
	10%, 90% {
	transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
	transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
	transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
    transform: translate3d(4px, 0, 0);
	}
}
.shakeit {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	margin: 0 auto;
}
/* The animation code */
@keyframes move {
	0%   {top: 0;}
	10%  {top: 5%;}
	20%  {top: 10%;}
	30%  {top: 15%;}
	40%  {top: 20%;}
	50%  {top: 25%;}
	60%  {top: 20%;}
	70%  {top: 15%;}
	80%  {top: 10%;}
	90%  {top: 5%;}
	100% {top: 20%; }
}
/* The element to apply the animation to */
.moveit {
	margin: 0 auto;
	animation-name: move;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
}
footer {
	position: relative;
}
@media (min-width: 600px) {
	body {
		background-position: center;
		background-attachment: fixed;
	}
	.appear {
		height: 1200px;
	}	
	.appear article {
		left: 20%;
		top: 20%;
	}	
	/* The animation code */
	@keyframes move {
		0%   {top: 20%; left: 0;}
		10%  {top: 20%; left: 10%;}
		20%  {top: 20%; left: 20%;}
		30%  {top: 20%; left: 30%;}
		40%  {top: 20%; left: 40%;}
		50%  {top: 20%; left: auto; right: 0;}
		60%  {top: 20%; left: auto; right: 10%;}
		70%  {top: 20%; left: auto; right: 20%;}
		80%  {top: 20%; left: auto; right: 30%;}
		90%  {top: 20%; left: auto; right: 40%;}
		100% {top: 20%; left: 20%; }
	}
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
	background-color: transparent;
	padding: 0;
}
.site-header {
	display: none;
}
.separate-containers .site-main {
	margin: 0;
}
.entry-content {
	padding: 25px;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0;
}
#content p {
	margin-bottom: 25px;
}
.inside-site-info,
.inside-site-info p {
	padding: 0;
}
.copyright-bar {
	padding: 20px 20px 0px 20px;
}
.copyright-bar p {
	line-height: 2;
}
#content h2, 
#content p, 
#content ul, 
#content ol {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
div.my-custom-entry-header {
	background: transparent;
	/*
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	*/
	width: 100%;
	height: 100vh;
}
div.my-custom-entry-header div {
	width: 100%;
	height: 100vh;
	background-color: rgba(215,25,32,0.5);
	color: #fff;
	padding: 400px 50px;
}
div.my-custom-entry-header div h1 {
	background-color: transparent;
	font-size: 300% !important;
	text-align: center;
	animation-name: zoomIn;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
}
@keyframes zoomIn {
	0%    {transform: scale(0);}
	10%   {transform: scale(0.1);}
	20%   {transform: scale(0.2);}
	30%   {transform: scale(0.3);}
	40%   {transform: scale(0.4);}
	50%   {transform: scale(0.5);}
	60%   {transform: scale(0.6);}
	70%   {transform: scale(0.7);}
	80%   {transform: scale(0.8);}
	90%   {transform: scale(0.9);}
    100%  {transform: scale(1);}
}
@media only screen and (max-width: 767px) {
	/*
div.my-custom-entry-header {
	background-size: cover;
	background-attachment: scroll;
}
	*/
p, li {
	padding: 20px;
}
ul, ol {
	padding: 50px;
}
div.my-custom-entry-header div {
	padding: 270px 20px;
}
div.my-custom-entry-header div h1 {
	font-size: 110% !important;
}
div.my-custom-entry-header div p {
	font-size: 100%;
	margin: 0;
}
}
div.inside-site-info.grid-container {
	max-width: 1200px !important;
	background-color: #fff;
}
.site-info {
	background-color: transparent;
}
@media (max-width: 599px) {
.copyright-bar p span.oddelovac {
	display: none;
}
}
@media (min-width: 600px) {
.copyright-bar p br {
	display: none;
}
}