/*
Theme Name: OLEROM 2020
Author: VP
Version: 0.1
*/

@font-face {
	font-family: "Font Awesome 5 Brands Regular";
	src: url("webfonts/fa-brands-400.woff");
}
@font-face {
	font-family: "Font Awesome 5 Free Regular";
	src: url("webfonts/fa-regular-400.woff");
}
@font-face {
	font-family: "Font Awesome 5 Free Solid";
	src: url("webfonts/fa-solid-900.woff");
}

.bg-1 {
	background-color: rgb(218, 213, 192);
}
.bg-2 {
	background-color: rgb(239, 236, 219);
}
.bg-3 {
	background-color: rgb(191, 174, 144);
}
.bg-4 {
	background-color: rgb(144, 133, 108);
}
.bg-o-red {
	background-color: #c72427;
}
.text-o-blue {
	color: #0056b3 !important;
}
.text-o-red {
	color: #c72427 !important;
}

/* Front Page Carousel (Slider) */

.strip-forward {
	margin: 0 auto;
	height: 1.2rem;
	background-image: linear-gradient(to right, rgba(202,36,7,1), rgba(220,186,36,1));
}
.strip-backward {
	margin: 0 auto;
	height: 1.2rem;
	background-image: linear-gradient(to left, rgba(202,36,7,1), rgba(220,186,36,1));
}
.carousel-indicators {
	top: 5%;
	left: auto;
	right: 0;
	bottom: auto;
	margin-left: 5%;
	margin-right: 5%;
}
.carousel-indicators li {
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background-color: red;
}

/* Footer */

footer a {
	color: #ffffff !important;
}

.social-navigation a {
	font-size: 2rem;
	opacity: 1;
	transition: 2s;
}
.social-navigation a:focus,
.social-navigation a:hover {
	opacity: 0.6;
	text-shadow: 1px 1px 0 black, -1px -1px 0 black;
	transition: 2s;
}

.social-navigation a[href*="facebook.com"]:before {
	font-family: "Font Awesome 5 Brands Regular";
/*	content: "\f082";*/
	content: "\f09a";
/*	content: "\f39e";*/
/*	content: "\f39f";*/
}
.social-navigation a[href*="youtube.com"]:before {
	font-family: "Font Awesome 5 Brands Regular";
/*	content: "\f167";*/
	content: "\f431";
}
.social-navigation a[href*="instagram.com"]:before {
	font-family: "Font Awesome 5 Brands Regular";
/*	content: "\e055";*/
	content: "\f16d";
}
.social-navigation a[href*="mailto:"]:before {
	font-family: "Font Awesome 5 Free Solid";
	content: "\f0e0";
}

.page, .single, .e404 {
	min-height: calc(100vh - 480px);
}

.e404 {
	display: flex;
}
.banner {
	margin: auto;
}

.cleared {
	clear: left;
}

/* Single Post Person Template */
.single.person strong {
	font-weight: 600;
}

.single.person p {
/*	text-indent: 2rem;*/
}

/* Single Post Corporate Training Template */
.single.corporate-training h1 {
	font-size: 1.6rem;
	font-weight: 600;
}
.single.corporate-training h2 {
	font-size: 1.3rem;
}
.single.corporate-training strong {
	font-weight: 600;
}

.front-page-link-rb {
	color: #dc3545;
	transition: 1.5s;
}
.front-page-link-rb:hover,
.front-page-link-rb:focus {
	text-decoration: none;
	color: #0056b3;
	transition: 1.5s;
}

.front-page-link-br {
	color: #0056b3;
	transition: 1.5s;
}
.front-page-link-br:hover,
.front-page-link-br:focus {
	text-decoration: none;
	color: #dc3545;
	transition: 1.5s;
}


.zet {
	cursor: pointer;
	position: relative;
	z-index: 1;
	transition: 1s;
}
.zet:hover,
.zet:focus {
	z-index: 2;
	transition: 1s;
}

.cal:before {
	color: #c72427;
	font-size: 1.5rem;
	font-family: "Font Awesome 5 Free Regular";
	content: "\f073";
}
.up:after {
	font-family: "Font Awesome 5 Free Solid";
	content: "\f0aa";
}
.bug:before {
	font-family: "Font Awesome 5 Free Solid";
	content: "\f188";
}
.down:after {
	font-family: "Font Awesome 5 Free Solid";
	content: "\f0ab";
}
.pointer {
	cursor: pointer;
}

/* popup */
.stop-war {
/*
	display: block;
	margin: 0 auto;
	width: 432px;
	height: 768px;
	background-image: url(stop-putins-war-in-ukraine.jpg);
	background-size: cover;
*/
}

.pop-up {
	display: block;
	margin: 0 auto;
	width: 432px;
	height: 768px;
	background-image: url(img/stop-putins-war-in-ukraine.jpg);
	background-size: cover;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 5px;
	z-index:9999;
}

.pop-up-close {
	margin-top: 5px;
	margin-left: 5px;
	width: 26px;
	height: 26px;
	border: 2px solid white;
	border-radius: 50%;
	font-family: sans-serif;
	color: white;
	text-align: center;
}

.pop-up-close span {
	color: white;
}

.pop-up-close:hover,
.pop-up-close:focus {
	box-shadow: 0 0 5px;
	cursor: pointer;
}

.dnone {
	display: none;
}