:root {
	--accent-color: #ee6e73;
	--accent-color-light: #ffcdd2;
	--accent-color-dark: #792822;
	--dark-color: #343434;
	--text-color: #52616a;
	--brown-color: #604848;
	--grey-color: #ccc;
}

html,
body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

main.main {
	flex: 1 1 auto;
}

body {
	color: var(--text-color);
	min-width: 320px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

::selection {
	background: var(--accent-color-light);
	color: #000;
}

a {
	text-decoration: none;
	transition: all .3s;
	color: var(--dark-color);
}

a:hover {
	color: var(--accent-color);
}

ul {
	list-style: none;
}

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

section {
	padding: 50px 0;
}

.section-title {
	font-family: 'Philosopher', sans-serif;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
	/*color: var(--accent-color);*/
}

.section-title::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: 1px;
	background-color: var(--accent-color);
}

.btn {
	margin-right: 4px;
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 400;
	transition: 0.5s;
	padding: 8px 20px;
}

.btn-danger {
	background: var(--accent-color);
	color: #fff;
	border: 2px solid var(--accent-color);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background: #bb2d3b !important;
	border-color: #bb2d3b !important;
	text-decoration: none;
	color: #fff;
}

#top {
	position: fixed;
	bottom: 10px;
	left: 10px;
	background-color: var(--grey-color);
	opacity: .5;
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 0;
	font-size: 25px;
	display: none;
	transition: background-color .5s;
	z-index: 10;
}

#top:hover {
	background-color: var(--accent-color);
	opacity: 1;
}


/* HEADER */

/* header-top */
.header-top {
	background-color: var(--accent-color);
	padding: 15px;
	/*border-bottom: 1px solid #e4e4e4;*/
}

.header-top .site-name {
	font-family: 'Philosopher', sans-serif;
	font-size: 40px;
	color: var(--accent-color);
}

.header-top .site-name a {
	color: #fff;
}

.header-top .site-name a:hover {
	color: var(--accent-color-light);
}

/* header-top */

/* header-bottom */
.header-bottom .navbar-brand img {
	max-height: 50px;
}

.header-bottom {
	border-top: 3px solid var(--accent-color);
	background-color: #fff;
	box-shadow: 14px 16px 49px 0px rgba(41,45,51,0.1);
	position: sticky;
	top: 0;
	z-index: 2;
}

.navbar-light .navbar-nav .nav-link {
	color: var(--brown-color);
}

.navbar-light .navbar-nav .nav-link:hover,
.header-bottom .navbar-nav > li.current-menu-parent > a {
	color: var(--accent-color);
}

.navbar-light .navbar-nav .nav-link.active {
	color: var(--accent-color);
}

.navbar-light .navbar-nav .nav-link.active::before {
	transform: scale(1);
}

.header-bottom .navbar-nav > li > a {
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
}

.header-bottom .navbar-nav > li > a::before{
	content: '';
	display: block;
	width: 100%;
	background-color: var(--accent-color);
	height: 1px;
	transform: scale(0);
	transition: all .3s;
}

.header-bottom .navbar-nav > li > a:hover::before,
.header-bottom .navbar-nav > li.current-menu-parent a::before{
	transform: scale(1);
}

.dropdown-menu {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
}

.dropdown-menu li:not(:last-child) {
	border-bottom: 1px solid #f0f0f0;
}

.dropdown-menu li a:hover {
	background-color: var(--accent-color);
	color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: var(--accent-color);
}

.header-bottom .navbar-toggler:focus {
	box-shadow: none;
}

.animate {
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

@keyframes slideIn {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
	100% {
		transform:translateY(0rem);
		opacity: 1;
	}
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}

@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1;
	}
	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}

.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

.headernav-scroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

/* header-bottom */

/* HEADER */


/* MAIN */

/* carousel */
.carousel {
	z-index: 1;
}

.carousel-caption {
	top: 15%;
	bottom: auto;
}

.carousel-caption h5 {
	font-size: 70px;
	text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
	font-family: 'Philosopher', sans-serif;
	letter-spacing: 5px;
	/*font-weight: 700;*/
}

.carousel-caption p {
	font-size: 18px;
}

.carousel-item img {
	height: 500px;
	object-fit: cover;
}
/* carousel */

.last-news {
	background-color: #f2f2f2;
}

/* card */
.fh5co-blog {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
	transition: 0.3s;
}

.animate-box {
	opacity: 0;
}

.fh5co-blog > a {
	display: block;
	position: relative;
	transition: .5s;
}

.fh5co-blog > a::before {
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, .2);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all .5s;
}

.fh5co-blog:hover > a::before {
	background-color: transparent;
}

.wp-post-image {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.fh5co-blog .blog-text {
	position: relative;
	width: 100%;
	padding: 30px;
	float: left;
	background: #fff;
}

.fh5co-blog:hover {
	box-shadow: 0px 14px 30px -22px rgba(0, 0, 0, 0.75);
}

.fh5co-blog .blog-text span {
	display: inline-block;
	margin-bottom: 20px;
}

.fh5co-blog .blog-text h3 {
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.2;
	height: 85px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.fh5co-blog .blog-text h3 a {
	text-decoration: none;
	color: var(--text-color);
	font-size: 16px;
	font-weight: 400;
}

.fh5co-blog .blog-text h3 a:hover {
	color: var(--accent-color);
}


/* card */

/* MAIN */


/* FOOTER */

.footer {
	background-color: var(--dark-color);
	padding: 50px 0;
	color: #c8c8c8;
}

footer h4 {
	color: var(--grey-color);
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
	font-family: 'Philosopher', sans-serif;
}

footer a {
	color: #c8c8c8;
	transition: all .5s;
	font-size: 15px;
	text-decoration: none;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.footer-icons i {
	transition: all .5s;
	font-size: 30px;
	margin-right: 10px;
}

/* FOOTER */


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.article-thumbnail img,
.article-desc img {
	border: 1px solid var(--grey-color);
	padding: 4px;
}

.article-thumbnail img {
	margin: auto;
	max-height: 500px;
}

ul.page-numbers {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	justify-content: center !important;
}
ul.page-numbers li:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

ul.page-numbers li:not(:disabled):not(.disabled) {
	cursor: pointer;
}

a.page-numbers,
span.current{
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: var(--accent-color);
	background-color: #fff;
	border: 1px solid #dee2e6;
}

a.page-numbers:hover, a.page-numbers:focus {
	background-color: var(--accent-color);
	border-color: var(--accent-color-dark);
	color: #fff;
}

span.current{
	color: #fff;
	background-color: var(--accent-color);
	border-color: var(--accent-color-dark);
	cursor: default;
}

span.dots{
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: var(--accent-color);
	background-color: #fff;
	border: 1px solid #dee2e6;
	cursor: default;
}
nav.navigation{
	width: 100%;
}

.all-news-btn a {
	text-transform: uppercase;
	font-weight: 700;
}

iframe {
	width: 100%;
	margin-bottom: 30px;
}

.wp-block-embed__wrapper::before {
	display: block;
	padding-top: 56.25%;
	content: "";
}

.wp-block-embed__wrapper > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media all and (min-width: 1200px) {
	.animate {
		animation-duration: 0.3s;
		-webkit-animation-duration: 0.3s;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
	}
	.navbar .nav-item .dropdown-menu{ display: none; box-shadow: 0 5px 10px rgba(0, 0, 0, .4); z-index: 99; left: auto; right: 0;}
	.navbar .nav-item:hover .dropdown-menu{ display: block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0; z-index: 99;}

	.sidebar-toggler {
		display: none;
	}

	.sidebar-toggle {
		display: block !important;
	}

	.dropdown-menu li{ position: relative; 	}
	.navbar .navbar-nav .nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%;
		top:-12px;
	}
	.navbar .navbar-nav .dropdown-menu > li:hover > .submenu{ display: block; }

}

@media only screen and (max-width : 1200.98px) {
	.wp-post-image {
		height: 200px;
	}
}

@media only screen and (max-width : 992.98px) {
	.header-bottom .navbar-nav > li > a::before {
		background-color: transparent;
	}

	.carousel-item img {
		height: 400px;
	}

	.wp-post-image {
		height: 170px;
	}
}

@media only screen and (max-width : 767.98px) {
	.carousel-item img {
		height: 350px;
	}
	.section-title {
		font-size: 30px;
	}

	.wp-post-image {
		height: auto;
		max-height: 400px;
	}

	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		float: none;
		margin: auto;
	}
}

@media only screen and (max-width : 600px) {
	.carousel-item img {
		height: 300px;
	}
	.carousel-caption h5 {
		font-size: 50px;
	}
}

@media only screen and (max-width : 400px) {
	.carousel-item img {
		height: 200px;
	}

	.carousel-caption h5 {
		font-size: 30px;
	}
}