/*
	Theme Name: Birn tema
	Theme URI: 
	Description: Custom WordPress Theme
	Version: 1.0.0
	Author: Milan Nikolic
	Author URI: 
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* VARIABLES */
:root{
    --cta-color: #00446C;
    --base-color: #1B1B1C;
    --grey-color: #F5F7F5;
    --light-grey: #E0E0E0;
    --dark-grey: #4F4F4F;
	--alt-font: 'Open Sans', sans-serif;
	--plyr-color-main:#00446C;
}
/* global box-sizing */
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	margin: 0;
	padding: 0;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 20px/1.6 'Tinos', serif;
	color:#1b1b1c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
/*
body.home, body.archive {
    background: #f5f7f5;
}*/
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.img-fit {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;	
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.container,
.container-narrow,
.container-wide {
	margin: 0 auto;
}
.container {
/*	max-width: 1336px;*/
	max-width: 1184px;
}
.container-narrow {
	max-width: 640px;
}
.container-wide {
	max-width: 1920px;
	padding: 0 20px;
}
@media only screen and (max-width:640px) {
	.container-narrow {
		padding: 0 15px;
	}
}
@media only screen and (max-width:1366px) {
	.container {
		padding: 0 15px;
	}
}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
	position: relative;
	padding: 15px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}
@media only screen and (min-width:769px) {
	.col3{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
		max-width: 50%;
	}
}
@media only screen and (min-width:769px) {
	.col1{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 8.33%;
	flex: 1 1 8.33%;
	max-width: 8.33%;
}
.col2{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 16.66%;
	flex: 1 1 16.66%;
	max-width: 16.66%;
}

.col4{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33.33%;
	flex: 1 1 33.33%;
	max-width: 33.33%;
}
.col5{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 41.66%;
	flex: 1 1 41.66%;
	max-width: 41.66%;
}
.col6{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	max-width: 50%;
}
.col7{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 58.33%;
	flex: 1 1 58.33%;
	max-width: 58.33%;
}
.col8{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 66.66%;
	flex: 1 1 66.66%;
	max-width: 66.66%;
}
.col9{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 75%;
	flex: 1 1 75%;
	max-width: 75%;
}
.col10{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 83.33%;
	flex: 1 1 83.33%;
	max-width: 83.33%;
}
.col11{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 91.63%;
	flex: 1 1 91.63%;
	max-width: 91.63%;
}
.col12{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}

}
@media only screen and (min-width:1024px) {
	.col3{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 25%;
		flex: 1 1 25%;
		max-width: 25%;
    }
}
.row {
	margin: 0 -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	position:relative;
}

/*------------------------------------*\
    FLEX
\*------------------------------------*/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-vertical-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.flex-column{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header .logo-wrap {
	height:30px;
}
.header .logo-wrap .logo-img {
	max-height:30px;
}
.header {
	padding: 30px 0;
	background-color: #fff;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
	position: relative;
}
.header-search {
	margin-left:28px;
}
.header ul li.mega-menu::after {
	 font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
	font-size: 11px;
display: inline-block;
    margin: 0 11px 0px 0;
    position: relative;
    left: -5px;
}
.header ul {
	list-style: none;
}
.header .fa-search {
	color: #4a4a4a;
	width: 33px;
  height: 33px;
  background-color: #eaeaea;
  cursor: pointer;
      border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    position: relative;
}
.header.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;	
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);	
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 8px 0;
}
.header .current-menu-item a {
	color: #00446c!important;
}

.sticky ul li.mega-menu .sub-menu {
	top:35px;
}
.logo-wrap a {
	font-size: 13px;
	color: #9b9b9b;
	line-height: 1.15;
	letter-spacing: 0.71px;
	font-weight: bold;
	display: inline-block;
}
.logo-wrap a.roboto {
	margin-left: 50px;
	border-right: 1px solid #9b9b9b;
	padding-right: 15px;
}
.header nav {
	margin-left: 40px;
}
.header .socials i {
	padding: 0 15px;
	border-right: 1px solid #9b9b9b;
}
.header .socials a {
	font-size: 13px;
	color: var(--cta-color);
    line-height: 1.15;
    letter-spacing: 0.71px;
    font-weight: bold;
    display: inline-block;
}
.header .socials a:hover {
	opacity: .8;
}
.socials a:last-child i {
	border:none;
}
.progress-container {
  width: 100%;
  height: 5px;
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.header.sticky .progress-container  {
	display: block;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 5px;
  background: #00446c;
  width: 0%;
}
/* Header search */
.header-search form {
	position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;	
    width: 0;
    overflow: hidden;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
    background: #fff;

}
.header-search form.active {
	 width: 100%;
}
.header-search .search-submit {
    background: none;
    border: none;
    font-size: 20px;
    position: relative;
    left: -69px;	
}
.header-search input {
	width: 100%;
	text-align: center;
	border: none!important;
	font-size: 30px;
}
.search-title {
	font-weight: 400;
}
button,
input,
optgroup,
select,
textarea,html input[type="button"],
input[type="reset"],
input[type="submit"],button[disabled],
html input[disabled],button::-moz-focus-inner,
input::-moz-focus-inner, input[type="checkbox"],
input[type="radio"], input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button, input[type="search"], input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input, textarea {
	border: solid 1px #e2e2e2;
    padding: 8px 10px;
}
/************ DESKTOP MENU ***************/
.header ul {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header ul li a {
	text-transform: uppercase;
	padding: 0 11px;
	cursor: pointer;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in; 
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
    font-weight: bold;
    line-height: 1.15;
    /*letter-spacing: 1.63px;*/
    color: #000;
	display:inline-block;
}
.header nav > ul > li {
	    border-right: 1px solid #ddd;
}
.header nav > ul > li:last-child {
	border-right: none;
}
.header ul li a:hover,
.header .socials i:hover {
	color: #00446c;
}
.header .socials {
    margin-left: 15px;
}
.header ul > li {
	position: relative;
}
.header .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
.header ul > li.menu-item-has-children:hover > .sub-menu {
	display: block;
}
.header .menu-item-has-children::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
}
/************ MOB MENU ***************/
@media only screen and (max-width:1920px) { 
	.side-nav .mega-menu:hover .sub-menu {
		display: none;
	}
	.side-nav .mega-menu.active .sub-menu {
		display:-webkit-box!important;
	    display:-ms-flexbox!important;
	    display:flex!important;
	}
	.side-nav .mega-menu::after {
		font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    content: "\f078";
	    font-size: 16px;
	    display: inline-block;
	    margin: 0 11px 0px 0;
	    position: absolute;
	    right: 0;
	    top: 5px;
	}
	.side-nav-bg {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 1000;
		background: rgba(47, 54, 64,.7);	
	}
	.fa-bars {
		font-size: 26px
	}
    
    .fas.fa-bars.hide {
        display: none;
    }
    
    .side-nav .socials a {
        display: inline-block;
        margin:20px 20px 0 0;
    }

	.side-nav {
		height: 100%;
		width: 70%;
		position: fixed;
		z-index: 1985;
		top: 0;
		left: -70%;
		background-color: #ececec;
		color: #000;
		overflow-x: hidden;
		-webkit-transition: .3s ease;transition: .3s ease;
		border-right: solid 7px #00446c;
		padding: 20px;
	}
	.side-nav .sub-menu {
		background: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.side-nav ul {
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.side-nav nav {
		margin: 23px 0;
	}
    .side-nav ul li a {
        color: #000;
        font-family: 'Oswald', sans-serif;
    }
	.side-nav nav > ul > li {
		margin: 8px 0;
		position: relative;
	}
	.side-nav nav > ul > li > a {
		text-transform: uppercase;
		font-size: 16px;
    	font-weight: 600;
	}
	.side-nav ul li.mega-menu .sub-menu {
		top: 0!important;
	}
	.side-nav ul li.mega-menu .sub-menu a {
		font-size: 15px;
	}
	.second-mob-menu {
		margin: 23px 0;
	}
	.second-mob-menu ul li {
		margin: 8px 0!important;
	}
	
	.side-nav .menu-item-has-children::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f13a";
		position: absolute;
		z-index: 99999;
		right: 0;
		top: 5px;
	}
	.side-nav .sub-menu {
	    width: 100%;
  	    position: relative;	
		display: none;
		margin-top: 5px;
		
	}
	.side-nav nav ul li a:hover {
		color: #00446c;
	}
	.side-nav .menu-item-has-children.menu-open::after {
		color: #00446c;
	}	

}
body.menu-active {
    overflow: hidden;
}
/**** end of mobile menu ***/

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
/* return to top button */
#return-to-top { 
	position: fixed; 
	bottom: 20px; right: 20px; 
	display: none; 
	z-index: 1983;
}
#return-to-top i { 
	color: #00446c; 
	font-size: 28px;  
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left!important;
}

h1, h2, h3, h4, .post-content h4 {
	font-family: 'Tinos', serif;
	font-weight: 700;
	line-height: 1.11;
	letter-spacing: normal;
}
h1 {
	font-size: 45px;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 23px;
}
h4 {
	font-size: 21px;
}
h5 {
	font-size: 19px;
}
h6 {
	font-size: 18px;
}
h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.44;
    letter-spacing: 1.95px;
}
.roboto {
	font-family: 'Open Sans', sans-serif;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
.mobile-header .fa-bars {
    margin-left: 23px; 
}
@media only screen and (min-width:320px) {

}
@media only screen and (max-width:480px) {
	.right-column-grey .right-box {
		width:100%!important;
		margin: 0 0 20px!important;
	}
	.wp-block-column.blue p {
		font-size:16px!important;
	}
	.post-hero .photographer {
		bottom: 10px!important;
		right: 20px!important;
		font-size: 12px!important;
	}
	.post-hero h1 {
		font-size:27px!important;
	}

	.post-hero img, .post-hero video {
		min-height:65vh!important;
	}
	.post-content .wp-block-gallery.has-nested-images {
    flex-direction: column;
    align-items: center;
		}
	.main-banner__content h1 {
		padding: 0 20px;
	}
	.tooltip .tooltiptext {
		left:-20px;
	}
    .post-content .wp-block-gallery.has-nested-images {
        flex-direction: column;
        align-items: center;
    }

    .main-banner__content h1 {
        padding: 0 20px;
    }

    .full-width .blocks-gallery-caption {
        top: -10px !important;
        padding: 0 20px !important;
    }
	.full-width .blocks-gallery-caption {
		top: -10px!important;
		padding: 0 20px!important;
	}
    .full-screen {
        height: auto!important; 
    }
    .full-screen__content {
        padding: 40px 0!important;
    }
    .home-banner h2 {
    	font-size: 30px!important;
    }
    .home-banner div.img-wrap a {
        height: 350px!important;
    }
    .all-tags {
        max-width: 100%!important;
    }
    .logo-wrap a.roboto {
        margin-left: 20px!important;
        border-right: none!important;
    }
    
    body .related-news.active {
        margin: 30px auto!important;
        float: none;
        max-width: 100%;
    }
}
@media only screen and (min-width:769px) {
	.loop-post .img-wrap {
		width: 30%;
	}
	.loop-post .img-wrap img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}
@media only screen and (max-width:768px) {
	.hero1.full-cover-wrapper::before {
		background: linear-gradient(to right,rgba(24,24,24,.8) 100%,rgba(24,24,24,0) 70%,rgba(24,24,24,0) 85%,rgba(24,24,24,.8) 100%)!important;
	}
	ul.blocks-gallery-grid {
		padding-left: 0!important;
	}
	.mapmarker-template-default .main-banner {
		padding: 20px!important;
	}
	.home-banner .hero3,
	.home-banner .hero2 {
	    -webkit-box-orient:vertical;
	    -webkit-box-direction:normal;
	        -ms-flex-direction:column;
	            flex-direction:column;
	}
	.hero3 .img70.img-wrap a {
		height: 50vh!important;
	}
	.main-banner.vertical-img,
	.main-banner.vertical-img .img-wrap img {
		height: auto!important;
	}
	.main-banner__content {
		max-width: 100%!important;
	}
    body ul.wp-block-gallery .blocks-gallery-item {
        width: 100%!important;
        margin: 15px!important;
    }

    .loop-post {
    	 -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    }
    body .loop-post-content {
        -webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%;
        padding-left: 0; 
        padding-top: 20px;
        padding-right: 0!important;
    }
    body .loop-post-content::after {
        left: 0!important;
    }
    .img-wrap {
        width: 100%;
    }
    .img-wrap img {
        width: 100%;
    }
    .main-banner {
        padding: 20px 0!important;
    }
    .main-banner > .container {
        -ms-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    }
    .main-banner__content {
        padding: 20px 0!important;
    }
    .main-banner {
        max-height: 100%!important;
    }
    .main-banner .img-wrap {
        margin-left: 0!important;
        max-width: 100%!important;
    }
    
    body h1 {
        font-size: 38px;
    }
}
@media only screen and (max-width:870px) {
	.home-banner .hero1 {
	    -webkit-box-orient:vertical;
	    -webkit-box-direction:normal;
	        -ms-flex-direction:column;
	            flex-direction:column;
	}
	.home-banner .hero1 .img-wrap,
	.home-banner .hero1 .hero-text-content {
		max-width: 100%!important;
	}

    body .related-news.active {
        margin: 30px -15px 30px 30px;
    }
    body ul.wp-block-gallery {
        margin: 30px -15px!important;
    }
}
@media only screen and (max-width:1140px) {
	body .featured-post {
		    margin-left: -50vw!important;
	}
	.home-banner .hero4 {
	    -webkit-box-orient:vertical;
	    -webkit-box-direction:normal;
	        -ms-flex-direction:column;
	            flex-direction:column;
	}
    body ul.wp-block-gallery {
        margin: 30px -100px;
    }
    body .loop-post {
        margin: 100px 0;
        -ms-flex-wrap: wrap;flex-wrap: wrap;
    }
    .home-banner {
        -ms-flex-wrap: wrap;flex-wrap: wrap;
    }
    body .home-banner .img-wrap {
        -webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%; 
    }
    .home-banner div.img-wrap a {
        height: 400px;
    }
    .home-banner .inner-post-content {
        top: 50px!important;
        left: 20px!important;
    }
   /* .single .related-fullwidth {
        margin: 30px 0!important;
    }*/
}
@media only screen and (min-width:1025px) {
	/*body.single .newsletter {
		margin: 60px -130px!important;
	}*/

	.home-banner .img-wrap {
		border-right: 1px solid #353535;
	}

	.home-banner .img-wrap:last-child {
		border-right: none;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
/*------------------------------------*\
   ANIMATIONS
\*------------------------------------*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.delay1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/*------------------------------------*\
    SINGLE POST
\*------------------------------------*/
.main-banner__content {
	max-width: 523px;
	padding: 40px 0;
	margin: auto;
}
.main-banner {
	background-color: rgba(235, 237, 235, 0.44);
	padding: 50px;
	/*max-height: 84vh;*/
}
.main-banner .container {
	max-width: 1800px;
}
.main-banner .img-wrap img {
	height: 100%;
	width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 650px;
}
.main-banner.vertical-img {
	height: 90vh;
}
.main-banner.vertical-img .img-wrap img {
	object-fit: contain;
	max-height: 100%;
	height: 80vh;
}
.share-icons i {
	font-size: 16px;
	color: #00446c;
	padding: 0 15px;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
	border-right: 1px solid #00446c;
}
.share-icons i:hover {
	color: #9b9b9b;
}
.share-icons a:last-child i {
    border-right: none!important;
}
.share-icons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.share-icons span {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center;
}
.main-banner__content h1 {
	margin-bottom: 30px;
}
.main-banner__subtitle {
	font-size: 20px;
	line-height: 1.6;
}
.main-banner .share-icons {
	margin: 30px 0;
}
.authors, span.date {
	font-size: 14px;
	color: #4a4a4a;
	line-height: 1.69;
	font-family: 'Open Sans', sans-serif!important;
}


.tags-wrapper {
	margin: 50px 0;
}
.tags a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 3px;
    background-color: #ebebeb;
    min-width: 76px;
    color: #6e6d6d;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
    font-size: 12px;
    line-height: 1;
    margin-right: 5px;
    text-align: center;
    min-height: 26px;
    padding: 0 10px;
}
.tags a:hover {
	color: #fff;
	background-color: #00446c;
}
.post-content {
	margin-top: 75px;
}
.post-content figure.image {
    margin: 30px 0;
}
.post-content figure.image img {
    -o-object-fit: contain;object-fit: contain;
    height: auto!important;
}
figcaption {
    color: #9b9b9b;
    font-size: 16px;   
}
.post-content p {
	margin-bottom: 15px;
}
.post-content a {
    color: #4a90e2;
}
.disclaimer {
	color: #797676;
	font-size: 12px;
	line-height: 2;
}

.loop-post-content__authors {
 font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #4a90e2;
}
.loop-post-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 65px;
	position: relative;
}
.loop-post-content p.authors {
	margin-top: auto;
	line-height: 1;
}
.loop-post-content a {
	color: #4a90e2;
}
.loop-post-content h2 {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
	margin: 7px 0;
}
.loop-post-content h2 a {
	color: #1b1b1c;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
}
.loop-post-content h2 a:hover {
	    color: #5f5f5f;
}
.loop-post {
	margin: 100px;
	position: relative;
}
a.loop-cats {
	text-transform: uppercase;
    color: #00446c;
    display: inline-block;
    margin-right: 20px;
    font-size: 13px;
    line-height: 1;
    font-family: 'Open Sans', sans-serif!important;
}
a.loop-cats:hover {
	color: #4a90e2;
}
.flex.loop-post::after {
	content: "";
	bottom: -50px;
	background-color: #cececc;
	height: 1px;
	width: 100%;
	right: 0;
	left: 0;
	position: absolute;
}
.loop-post .img-wrap a {
	display: block;
	position: relative;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
}
.loop-post .img-wrap a::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.33);
	z-index: 3;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
	opacity: 0;
}
.loop-post .img-wrap:hover >  a::before {
	opacity: 1;
}
.loop-post-content .date {
	font-size: 13px;
	color: #4a4a4a;
	line-height: 1;
	display: block;
}
.loop-excerpt {
	font-size: 16px;
	line-height: 1.6;
	color: #1b1b1c;
    margin-bottom: 15px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.loop-excerpt strong, .loop-excerpt b {
	font-weight: 400!important;
}

.post-summary {
	font-size: 20px;
	line-height: 1.6;
	color: #5f5f5f;
	padding-left: 33px;
	border-left: 2px solid #9B9B9B;
	margin-top: 50px;
}
.post-summary b {
	font-family: 'Tinos', serif;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 20px;
}
.post-content > p:first-child:first-letter {
	font-size: 90px;
    float: left;
    font-family:Tinos, serif;
    line-height: 0.21;
    color: #000;
    font-weight: 100;
    margin: 36px 23px 20px 0;
    initial-letter: 3;
    -webkit-initial-letter: 3;
}
.post-content figure>iframe {
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	position: relative;
	right: 50%;
	width: 100vw;
}

.related-news {
    float: right;
    margin: 30px -100px 30px 30px;	
    max-width: 303px;    
    text-align: center;
    padding: 0 15px 15px;
}
.related-news.active {
	border: solid 1px #e2e2e2;
}
.related-news ul li a {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.38;
    color: #00446c;
    display: block;
    text-align: left;
    padding: 10px;
    border-bottom: solid 1px #e2e2e2;
}
.related-news ul {
    padding-left: 0!important;
}
.related-news ul li:last-child > a {
	border-bottom: none;
}
.related-news h2 {
  font-size: 23px;
  font-weight: 700;
  color: #1b1b1c;
  max-width: 303px;
}
.related-news h2 span {
	display: inline-block;
    background: #fff;
    z-index: 5;
    position: relative;
    top: -10px;
    padding: 0 20px;	
}
.related-news h3 a {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.38;
	color: #00446c;
	display: block;
    text-align: left;
    padding: 10px;
    border-bottom: solid 1px #e2e2e2;
}
.related-news h3 {
     font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;   
}
.related-news .ncc:last-child h3 a {
    border: none;
}
.related-news ul {
	list-style:none;
}
blockquote {
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 20px;
    color: #000;
    line-height: 1.44;
    /*letter-spacing: 1.22px;*/
    /*border-bottom: 1px solid #4a4a4a;
    border-top: 1px solid #4a4a4a;*/
    margin: 50px 0;
    /*padding: 30px 5px 15px 75px;	*/
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*border-top: 3px solid rgba(0,0,0,.1);
    border-bottom: 3px solid rgba(0,0,0,.1);*/
    font-family: 'Tinos', serif;
    border-left: 6px solid #00446c;
    padding: 0 0 0 50px;
}
blockquote p {
    font-size: 20px;
    font-style: italic;
}
blockquote p:last-child {
	margin-bottom: 0!important;
}
blockquote cite {
    font-weight: 700;
    font-size: 18px;
}
/*blockquote::before {
    content: "";
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10d";
	margin-right: 15px;
	color: #ff0000;
	position: absolute;
    left: 10px;
    top: 18px;
    background: url('img/quotes-red.png') no-repeat;
    height: 40px;
    width: 40px;
    background-size: contain!important;
}*/

/*.single article {
	overflow: hidden;
}*/
/*.single .full-width.wp-block-gallery {*/
.single .full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw!important;
    margin-top: 30px;
    margin-bottom: 30px;
    left: 50%;	
}
ul.wp-block-gallery {
	margin: 30px -200px;
    padding-left: 0!important;
}
.single article .wp-block-gallery img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 500px;
	max-height: 500px!important;
}
.full-screen {
	background-size: cover!important;
	background-repeat: no-repeat!important;
	position: relative;
	/*height: calc(100vh - 74px);*/
	color: #fff!important;
    height:91vh;
}
.full-screen::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(11,11,11,0.6);
	z-index: 1;
}
.full-screen__content {
	height: 100%;
	z-index: 5;
    position: relative;
  /*  padding-bottom: 40px;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;*/
}
.full-screen__content .text-center {
	max-width: 500px;
}

.flex-vertical-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.full-screen__content h1 {
	margin-bottom: 30px;
}
.main-banner.full-screen .authors a {
	color: #fff;
}
.full-screen .authors, .full-screen span.date {
	color: #fff;
}
.excerpt-intro {
	margin: 40px auto;
	text-align: center;
	 font-size: 20px;
  line-height: 1.6;
  letter-spacing: 1.95px;
  color: #000;
}
.excerpt-intro .share-icons {
	position: relative;
	bottom: -40px;
}
.main-banner .img-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left:50px;	
    text-align: right;
    max-width: 50%;
}

.main-banner.half-img {
	padding: 0;
}
.main-banner.half-img .main-banner__content {
	max-width: 50%;
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
	width: 100%;
}
.main-banner.half-img .main-banner__content .half-text {
	max-width: 523px;
	    margin: 0 auto;
}
/*
.main-banner.half-img .img-wrap {
	margin-right: calc((100% - 100vw)/2);
    width: 100% !important;
    max-width: 100% !important;
}
.main-banner.half-img .half-text {
	margin-left: calc((100% - 100vw)/2);
    width: 100% !important;
    max-width: 100% !important;
}*/
.home .newsletter {
	margin-top: 0!important;
}
.home .videos ? article::after {
	display: none!important;
}
.newsletter {
	margin: 60px 100px;
	border-bottom: solid 1px #e2e2e2;
	border-top: solid 1px #e2e2e2;
	padding: 40px 75px 30px;
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: #fff;
}
.newsletter h2 {
	font-size: 23px;
	text-transform: uppercase;
	line-height: 0.96;
}
.newsletter h2 span {
	background: transparent;
    z-index: 3;
    position: relative;
    top: -10px;
    display: inline-block;
}
.newsletter p.roboto {
	font-size: 17px;
	color: #000;
	line-height: 1.18;
	margin-bottom: 20px;
	margin-top: 15px;
}
.newsletter form input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: solid 1px #9b9b9b;
    background-color: #f8f8f8;
    font-family: 'Open Sans', sans-serif;
   font-size: 17px;
   color: #4a4a4a;
       height: 45px;
    padding: 5px 15px;
}
.newsletter form .submit {
	 background-color: #00446c;
	 border: solid 1px #00446c;
	 color: #fff;
	font-family: 'Open Sans', sans-serif;
	  font-size: 17px;
	  font-weight: 800;
	  line-height: 1.53;
	      padding: 5px 17px;
	      cursor: pointer;
	flex: none;
}
a {
	transition: all .23s ease-in;
}
.dojavi .dojavi-cta {
	/*background-color: #ff0000;
    border: solid 1px #ff0000;*/
    color: #fff;
   font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.53;
    padding: 11px 17px;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
        background-color: #00446c;
    border: solid 1px #00446c;
    text-transform: uppercase;
}

.post-content ul, .post-content ol {
    padding-left: 30px;
    margin-bottom: 20px;	
}
.post-content ul li, .post-content ol li {
	margin: 5px 0;
}
.wp-block-embed__wrapper {
	margin: 30px -200px;
}
iframe {
	width: 100%;
}


.related-fullwidth {
	margin: 30px -215px;
}
.related-fullwidth h2 {
    font-size: 40px;
    line-height: 1.13;
}
.related-fullwidth h3 {
	position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    color: #fff;
    font-size: 19px;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}
.related-fullwidth a {
	display: block;
}
.related-fullwidth a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
}
.img-wrap {
	position: relative;
}
.related-fullwidth .img-wrap a:hover:before {
	background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 29%);
}
.related-fullwidth .img-wrap a:hover > h3 {
	color: #00446c;
}
.related-fullwidth .col3:nth-child(n+5){
	display: none;
}
.related-fullwidth .col12 {
    color: #5f5f5f;
    font-size: 17px;	
}
.related-fullwidth h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;	
}
.related-fullwidth i {
	cursor:pointer;
}

.archive h1.text-center, .all-posts h1.text-center{
	padding-top: 40px;
	margin-bottom: 30px;
}/*
.archive .page-section, .all-posts {
	background-color: #f5f7f5;
}*/
.all-tags {
	max-width: 250px;
	list-style: none;
}
.all-tags a {
	font-size: 17px;
	line-height: 1.29;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 14px;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
}
.all-tags a.current {
	color: #0069e3;
	font-weight: bold;
}
.all-tags a:hover {
	color: #0069e3;
}

.col9 .loop-post:first-child {
	margin-top: 0!important;
}
.col9 .loop-post {
	margin-left: 0!important;
	margin-right: 0!important;
}

.home-banner .img-wrap a {
	display: block;
	height: 65vh;
}
.home-banner .img-wrap a:hover::before {
	background: rgba(11,11,11,0.8);
}
.home-banner .img-wrap > a > .flex {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    -webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;
}
.home-banner .img-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.home-banner .img-wrap a::before {
	content: "";
	background: rgba(11,11,11,0.6);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
   /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.67) 79.66%);*/
  /*  background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(67%, rgba(0,0,0,0)));
    background-image: linear-gradient(to top, black 0%, rgba(0,0,0,0) 67%);
    opacity: .9;*/
}
.home-banner .img-wrap a:hover:before {
	background: rgba(11,11,11,0.84);
    opacity: 1;
}

/*.home-banner .img-wrap a:hover h2 {
	color: #00446c;
}*/
/*.home-banner .img-wrap h2 {
	color: #fff;
	position: absolute;
	top: 60%;
	left: 30px;
	right: 30px;
	font-size: 27px;
    line-height: 1.21;
    letter-spacing: -1.09px;
    color: #fff;
    transition: all .23s ease-in;
}*/

.home-banner img {
	height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home-banner .inner-post-content {
	color: #fff;
	/*position: absolute;
	top: 45%;
	left: 30px;
	right: 30px;*/
	font-size: 27px;
    line-height: 1.21;
   /* letter-spacing: -1.09px;*/
    color: #fff;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}
.home-banner .inner-post-content span {
	color: #fff;
	font-size: 13px;
}
.home-banner .inner-post-content .loop-excerpt {
	margin: 15px 0;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.open-less {
	display: none;
}

ul li.mega-menu .sub-menu {	
    background: #fff;
    z-index: 111;
    height: auto;
   /* -webkit-column-count: 2;
    column-count: 2;*/
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    padding: 15px;
    top: 53px;
    left: 0!important;
    text-align: center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}
ul li.mega-menu:hover .sub-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
ul li.mega-menu .sub-menu a {
	font-size: 13px;
	line-height: 1.29;
  	/*letter-spacing: 1.21px;*/
    display: inline-block;
	color: rgb(24, 24, 24);
    font-weight: 400;
    transition: all .23s ease-in;
    width: 100%;
    padding: 10px 0;
}
ul li.mega-menu .sub-menu li:hover {
	border-bottom: 1px solid #00446c;
}
ul li.mega-menu .sub-menu a:hover {
	color: #00446c;
}
ul li.mega-menu .sub-menu li {
	margin: 2px 0;
	display: inline-block;
	border-bottom: 1px solid #ddd;
	width: 100%; 
	min-width: 150px;  
}
ul li.mega-menu .sub-menu li:first-child a{
	padding-top: 0!important;
}
ul li.mega-menu .sub-menu li:last-child a {
	padding-bottom: 0!important;
	border-bottom: none;
}
ul li.mega-menu .sub-menu li:last-child  {
	border-bottom: none;
}
ul li.mega-menu .sub-menu::before{
	content: "";
	position: absolute;
	width: 84px;
    height: 50px;
    top: -30px;
    right: 82px;
}

.home .related-fullwidth {
    margin: 40px 0 0;
    padding: 30px 15px 0;
}
.home .related-fullwidth .img-wrap {
	height: 210px;
}
.home .related-fullwidth iframe {
	height: 100%;
}
.home .related-fullwidth h5 {
	top: auto;
	bottom: 10px;
	position: absolute;
    right: 10px;
    left: 10px;
    color: #fff;
    font-size: 19px;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
    letter-spacing: 0!important;
}
.related-fullwidth.featured-posts a {
	height: 200px;
}
.related-fullwidth.featured-posts a img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}


.end {
    display: none!important;
}
.body-content > section {
    overflow-x: hidden;
}

.post-content img {
    -o-object-fit: contain;object-fit: contain;
    height: auto;
}
.post-tags{
    line-height: 1;
    margin: 3px 0 8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.post-tags a{
    color: #1b1b1c;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}
.post-tags a:hover {
    color: #5f5f5f;
}

.container-narrow.excerpt-intro > div {
    letter-spacing: 0!important;
}


/***** slider *****/
.featured-posts {
    width: 100vw;
    position: relative;
    margin-left: -50vw!important;
    margin-top: 40px;
    left: 50%;
    overflow: hidden;
}
body .featured-posts.videos {
	/*left: 0!important;
	margin-left: 0!important;
	width: 100%!important;*/
	width: 100vw;
    position: relative;
    margin-left: -50vw!important;
    background: #fff;
  /*  padding-bottom: 40px;*/
   padding: 60px 0 100px;
    left: 50%!important;
}

body .featured-posts.videos iframe {
	height: 192px;
}
.home .body-content {
    overflow-x: hidden;
}
.featured-posts .fa-chevron-left, .featured-posts .fa-chevron-right {
    position: absolute;
    cursor: pointer;
    bottom: -60px;
    font-size: 16px;
    opacity: .7;
    transition: all .23s ease-in;
	background-color: rgba(0, 27, 42, 0.1);
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	color: var(--cta-color);
}
.featured-posts .fa-chevron-left:hover, .featured-posts .fa-chevron-right:hover {
    opacity: 1;
}
.featured-posts .fa-chevron-right {
    left: 52%;
}
.featured-posts .fa-chevron-left {
    left: 47%;
}
.slick-slide {
    margin: 0 27px;
  }
  /* the parent */
  .slick-list {
    margin: 0 -27px;
  }
@media only screen and (max-width:480px) {
	.post-template-wpb-single-post .wp-block-cover.alignfull {
			min-height:450px!important;
	}
	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width:100%!important;
	}
	.post-template-wpb-single-post .wp-block-cover.alignfull .wp-block-cover__inner-container>p {
		padding-left:20px!important;
	}
	.post-hero img {
		min-height:55vh!important;
	}
	.post-template-wpb-single-post .alignfull, .intro-excerpt::before {
		left:-15px!important;
	}
	.wp-block-embed-youtube.wp-block-embed iframe {
		height:auto;
		min-height:220px;
	}
	body .newsletter {
		    padding: 40px 20px 30px!important;
	}
    .featured-posts .fa-arrow-left, .featured-posts .fa-arrow-right {
        top: 50%;
        -webkit-transform: translateY(-50%);transform: translateY(-50%);
        font-size: 25px;
    }
    .featured-posts .fa-arrow-left {
        left: 0;
    }
    .featured-posts .fa-arrow-right {
        right: 0;
    }


    .newsletter form .submit {
    	font-size: 14px!important;
    }

    .newsletter form .flex {
    	    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    }

    .newsletter form input {
    	margin-bottom: 5px;
    }

    .newsletter h2 {
    	font-size: 19px!important;
    }

    .tags-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	}

	.tags-wrapper .tags {
	   margin-bottom:15px;
	   text-align: center;
	}
}

@media only screen and (max-width:1024px) {
	.main-banner .img-wrap {
		margin-left:0;
		max-width:100%;
	}
	.hero5 {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.main-banner.half-img > .flex {
		  -webkit-box-orient: vertical;
       -webkit-box-direction: reverse;
           -ms-flex-direction: column-reverse;
               flex-direction: column-reverse;
	}
	.wp-block-embed__wrapper {
		margin: 30px -15px!important;
	}

	.main-banner__content {
		max-width: 50%;
	}

	.newsletter {
		border-left: none;
		border-right: none;
	}
}


/*
body::-webkit-scrollbar-track
{
	background-color: #F9F9F9;
}
body::-webkit-scrollbar
{
	width: 6px;
	background-color:  #F9F9F9;
}

body::-webkit-scrollbar-thumb
{
	background-color: #00446c;
}
*/

.tax-hero {
	position: relative;
	height: 60vh;
}
.tax-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.5);
}
.tax-hero img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	display: inline-block;
}

.tax-hero_inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.tax-hero_inner .container {
	height: 100%;
}

.tax-hero_inner h1 {
	color: #fff;
	margin-top: auto;
	margin-bottom: 40px
}

.tax-container {
	padding-top: 40px;
}


@media only screen and (min-width:769px) {
	body .featured-posts.videos {
		padding-left: 75px;
   		 padding-right: 75px;
   		 padding-top: 70px;
	}
	.tax-container .col9 {
		padding-left: 60px;
	}

	.dojave {
		padding-left: 100px;
	}
}
.dojave > div {
	margin-bottom: 40px;
	padding: 20px;
}
.dojave > div.active {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.dojave h2 {
	margin-bottom: 15px;
}

.page-template-page-tpl-dojavi .col5 p,
.page-template-page-tpl-dojavi .col7 p {
	margin-bottom: 15px;
}

.dojave-navigacija h3 {
	margin-top: 5px;
	cursor: pointer;
}


.tax-desc {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	padding: 15px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top: 5px solid #00446c;
}

.tax-desc p {
	font-size: 18px;
	line-height: 1.4;
}

.total-posts {
	line-height: 1;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 30px;
}
/*
.loop-insert h2 span {
	background: #f5f7f5;
}*/
.single .newsletter {
	background: #f5f7f5;
}
.dojavi .dojavi-cta:hover {
	/*background-color: #ea0c0c!important;*/
	background-color: #005c93!important;
}

iframe {
	border: none!important;
}

.mc4wp-response {
	font-size: 15px;
}

.mc4wp-response .mc4wp-success {
	color: #02c502!important;
}
form.mc4wp-form {
	max-width: 690px;
    margin: 0 auto;
}

.img-wrap a.fluidbox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}


p.authors a:hover {
	color: #4a90e2;
}

.text-content p,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
	margin-bottom: 15px;
}

body.single .mapmarkers-wrapper {
	width: 100vw;
    position: relative;
    margin-left: -50vw!important;
    margin-top: 30px;
    margin-bottom: 30px;
    left: 50%;
}

body.single .mapmarkers-wrapper .mapmarkers-card-image-wrapper {
	display: none;
}
.fluidbox__wrap {
	height: 100%;
}


.mapmarkers-aside-panel-content .mapmarkers-markers {
	display: none!important;
}

.container-projekat {
	max-width: 1300px;
    margin: 0 auto;
}

.post-edit-link {
    background: #00446c;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 20px;	
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2023;
}

.home-banner .hero1 .img-wrap {
	max-width: 66.66%;
}
.home-banner .hero1 .img-wrap a::before {
	display: none!important;
}
.home-banner .hero1 p {
	font-family: 'Open Sans', sans-serif;
}
.home-banner .hero1 p.authors {
	margin-top: 10px;
}
.hero1.full-cover-wrapper {
	position: relative;
	min-height: 65vh;
}
.hero1.full-cover-wrapper .full-cover {
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	top: 0;
	z-index: -1;
}
.hero1.full-cover-wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	top: 0;
	background: linear-gradient(to right,rgba(24,24,24,.8) 30%,rgba(24,24,24,0) 70%,rgba(24,24,24,0) 85%,rgba(24,24,24,.8) 100%);
}
.home-banner .hero1.full-cover-wrapper .hero-text-content {
	    position: relative;
    z-index: 33;
    color: #fff;
}
.home-banner .hero1.full-cover-wrapper .hero-text-content .authors {
	color: #fff!important;
	font-size: 13px!important;
}
.home-banner .hero1.full-cover-wrapper .hero-text-content h2 {
	font-size: 43px!important;
}
.home-banner .hero1.full-cover-wrapper .hero-text-content p {
	font-size: 16px;
}
.home-banner .hero1.full-cover-wrapper .hero-text-content a {
	color: #fff;
}
.hero1.hero1-with-padding .img-wrap {
	padding: 40px;
}
.home-banner .hero1 .hero-text-content {
	max-width: 33.33%;
	padding: 30px;
}
.hero1 h2 {
	margin-bottom: 20px;
}
.hero3 .img70 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 66.66%;
            flex: 1 1 66.66%;
}
.hero3 .img70.img-wrap a {
    height:70vh;
}
.hero3 .column2 .img-wrap a {
    height:35vh;
}

.hero4 .column2 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.hero4 .img-wrap a {
    height:70vh;
}
.hero4 .column2 .img-wrap a {
    height:35vh;
}
.hero5 .column2 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.hero5 .column2 .img-wrap a {
   height:35vh;
}
.hero5 > .img-wrap a {
   height:70vh;
}


.featured-post {
    width: 100vw;
    position: relative;
    margin-left: -50vw!important;
    margin-top: 100px!important;
    left: 50%;
    padding: 40px 20px;	
    position: relative;
    background-position: center!important;
}
.featured-post a.loop-cats {
	color: #fff;
}

.featured-post::before {
	    content: "";
    background: rgba(11,11,11,0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}

.featured-post .loop-post-content {
	margin: 0 auto;
    max-width: 840px;
    color: #fff;
}

.featured-post .loop-post-content .date,
.featured-post .loop-post-content .loop-excerpt,
.featured-post .loop-post-content h2 a {
	color: #fff!important;
}

.featured-post .loop-post-content h2 a:hover,
.featured-post a.loop-cats:hover,
.featured-post .authors a:hover {
	color:#4a90e2!important;
}
.flex.loop-post.featured-post::after {
	display: none;
}

.home-banner {
	border-top: 1px solid #e2e2e2;
}

.no-border::after {
	display: none;
}

.mapmarkers-aside-panel .mapmarkers-scroll {
	position: relative;
	color: #fff;
}

.mapmarkers-aside-panel .mapmarkers-scroll::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.5);
}

.mapmarkers-aside-panel .mapmarkers-scroll h5 {
	margin-bottom: 0!important;
}

.mapmarkers-card-content {
	position: relative;
	z-index: 5;
}
.mapmarkers-aside-panel .eva-category-tags,
.mapmarkers-aside-panel .active.mapmarkers-scroll::before {
	display: none;
}


@media only screen and (max-height:923px) {
	.home-banner h2 {
		font-size: 28px!important;
	}
	.home-banner .hero5 .authors,
	.home-banner .hero5 .loop-excerpt {
		display: none!important;
	}
}
.page-section {
	overflow: hidden;
}

.hero3 .column2 .loop-excerpt,
.hero4 .loop-excerpt,
.hero5 .loop-excerpt {
	display: none!important;
}
.home-banner .column2 .img-wrap:first-child {
	border-bottom: 1px solid #353535;
}

.featured-post p.authors a {
	color: #fff;
}

span.zarez {
	position: relative;
    left: -3px;
}

.full-width .blocks-gallery-caption {
	    padding-left: 30px;
    position: relative;
    top: -20px;
}
.project-loop .img-wrap {
	margin-bottom: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	transition: all .23s ease-in;
}
.project-loop .img-wrap:hover {
	box-shadow: none;
}
.project-loop h3 a:hover {
	color: #00446c!important;
}
/*
.archive.tax-teme .loop-insert .newsletter {
	width: 100%!important;
    position: relative;
    margin-left: 0!important;
    left: 0!important;
    background: transparent;
    border: none!important;
}*/
.home .related-fullwidth.featured-posts .featured-posts-slider .img-wrap a {
	height: auto!important;
	position: relative;
}
.featured-posts-slider h4 a::before {
	display: none;
}
.featured-posts-slider h4 a,
.featured-posts-slider h4 {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.44!important;
    letter-spacing: 1.95px!important;
    font-size: 19px!important;
    color: #1b1b1c!important;
    font-weight: 700;
    height: auto!important;	
}
.featured-posts-slider h4 a:hover{
	color:#00446c!important;
}
/*.archive.tax-tipovi_postova .newsletter {
	background-color: #fff!important;
}*/

.photographer {
	font-family: 'Open Sans', sans-serif!important;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    z-index: 1;
}
/*.photographer span {
	font-size: 11px;
}*/

.tax-desc a,
.dojava-text a {
	color: #4a90e2;
	transition: all .23s ease-in;
}

.tax-desc a:hover,
.dojava-text a:hover {
	text-decoration: underline;
}
.dojave-navigacija h3 {
	transition: all .23s ease-in;
}
.dojave-navigacija h3:hover {
	color: #4a90e2;
}

.postid-2114 ..main-banner__content {
	max-width:569px;
}

.col9 .featured-post.loop-post {
	left:0!important;
	width:100%!important;
}

.single ul.blocks-gallery-grid {
	margin-bottom: 0!important;
}
.wp-block-image.full-width figcaption {
	padding: 0 20px;
}
figcaption.blocks-gallery-caption {
    position: relative;
    top: -10px;	
}


.modal.active {
	display: flex;
	transform: scale(1);
}
/*.modal.active .modal-content {
	transform: scale(1);
}*/
.modal {
	/*display: none;*/
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*background: rgba(255, 255, 255, 0.7);*/
    transition: all .23s ease-in;
   z-index: 1985;
   align-items: center;
   justify-content: center;	
  transform: scale(0);
}
.modal .modal-bg {
position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		-webkit-backdrop-filter: blur(8px) saturate(200%);
    	backdrop-filter: blur(25px) saturate(200%);	
}
.modal  .modal-content {
	max-width: 1100px;
	transition: all .23s ease-in;
   		width: 100%;
   		background-color: #fff;
   		border: 4px solid #EBECEC;
	/*	border-radius: 40px;*/
		padding: 2.5rem;
		z-index: 1984;
		max-height: 95vh;
    	overflow: auto;
    	position: relative;
    	opacity: 0;
}
.modal  .modal-content .close-modal {
		cursor: pointer;
			color: black;
			-webkit-text-stroke: 2px white;
			position: relative;
    		z-index: 2020;
    		position: absolute;
    		top:2rem;
    		font-size: 2rem;
    		right: 2rem;
}

.modal-content::-webkit-scrollbar-track
{
	background-color:#ddd;
}

.modal-content::-webkit-scrollbar
{
	width: 6px;
	background-color: #ddd;
}


.modal-content::-webkit-scrollbar-thumb
{
	background-color: #00446c;
}
.modal-data p {
	font-size: 18px;
	margin-bottom: 15px;
}
.modal-data .section-title {
	margin-bottom: 15px;
}
.modal-content-inner .section-title::after {
	display: block;
	content: "";
	background-color: #00446c;
	width: 60px;
	height: 5px;
    margin: 15px 0;
    border-radius: 4px;
}
body.active {
	overflow: hidden;
}

.post-content h2,
.post-content h3, 
.post-content h4,
.post-content h5,
.post-content h6 {
	font-size:28px;
	margin-bottom:12px;
} 

.postid-10233 .full-screen::before {
	background:rgba(11,11,11,0.2);
}












/********** NEW - 03-2022 **********/
.footer {
	background-color: var(--cta-color);
	color: #fff;
	padding-top: 40px;
}
.footer ul {
	list-style: none;
}
.footer h2 {
	font-size: 25px;
	line-height: 1.22;
	font-weight: 700;
	margin-bottom: 10px;
}
.footer a {
	color: #fff;
}
.footer ul li a:hover {
	opacity: .6;
	text-decoration: none;
}
.footer-bottom {
	font-size: 16px;
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,.4);
}
.footer-bottom ul li a {
	text-decoration: underline;
}
.footer-bottom ul, .publishedby {
	flex: 1;
}
.publishedby {
	text-align: right;
}
.footer-top {
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,.4);
	margin-top: 15px;
}
.footer-top > ul {
	display: flex;
	flex: 1;
	margin: 40px 0;
}
.footer-top > div.footer-socials {
	flex: 1;
	margin-bottom: auto;
}
.footer-top > div.footer-socials i{
	margin-right: 20px;
}
.footer-top > ul > li > a {
	display: none;
}
.footer-top > ul > li {
	margin-right: 60px;
}
.footer-top ul li a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	font-family: var(--alt-font);
}
.footer-top ul ul a {
	display: inline-block;
}


.flex.loop-post.featured-post {
	padding: 60px 0;
}

.footer .dojavi {
	border: 2px solid #fff;
	margin-bottom: 20px;
	padding: 20px 20px 0;
}
.footer .dojavi a {
	background-color: #fff;
	color: var(--cta-color);
	font-family: var(--alt-font);
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	padding: 15px 28px;
	border: 1px solid #fff;
	position: relative;
	top: 25px;
	margin-top: 0;
}
.footer .dojavi a:hover {
	background-color: var(--cta-color)!important;
	color: #fff;
}
@media only screen and (max-width:1170px) {
	.footer-top {
		flex-direction: column;
	}
	.footer-top > ul > li {
		margin: 0 40px 20px!important;
	}
	.footer-socials {
		margin-top: 30px;
	}
	.footer .container > img {
		margin: 0 auto;
		display: inline-block;
	}
	#posts-feed .loop-post {
		flex-direction: column-reverse;
    	align-items: flex-start;
	}
	#posts-feed .loop-post .img-wrap {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width:1024px) {
	.footer .container {
		text-align: center;
	}
	.footer-top > ul {
		flex-direction: column;
	}
	.footer-top > div.footer-socials i {
		margin-left: 10px;
		margin-right: 10px;
	}
	.footer-top > ul {
		margin: 0!important;
	}
	.featured-posts .fa-chevron-left {
		left: calc( 50% - 50px );
	}
	.featured-posts .fa-chevron-right {
		right: calc( 50% + 50px );
	}
	.post-content .wp-block-gallery.full-width .blocks-gallery-grid {
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
	}
}

@media only screen and (max-width:768px) {
	.project-loop-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center
	}
	.project-loop-item .img-wrap {
		margin-left: 0!important;
		margin-top: 20px;
	}
	.project-meta-loop {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		margin-top: 15px;
	}
	.footer-bottom {
		flex-direction: column;
	}
	.footer-bottom .copyright {
		margin: 10px 0;
	}
	.img-wrap img {
		height: auto;
	}
}

@media only screen and (max-width:480px) {
	.newsletter form .flex input:first-child {
		padding: 14px 15px;
		margin-right: 0!important;
	}

	#related > h2 {
		max-width: 100%;
		width: 100%;
	}
}





#posts-feed .loop-post {
	margin: 65px 0;
}
.flex.loop-post::after {
	display: none!important;
}
#posts-feed .loop-post .img-wrap {
    width: 100%;
    max-width: 670px;
}
#posts-feed .loop-post h2 {
	font-size: 31px;
	line-height: 1.22;
	margin-bottom: 20px;
	color: var(--base-color);
	margin-top: 15px;
	margin-bottom: 18px;
}
#posts-feed .loop-post .loop-excerpt {
	color: var(--dark-grey);
	line-height: 1.5;
}
#posts-feed .loop-post .loop-cats {
	color: var(--cta-color);
	font-weight: 700;
	text-transform: uppercase;
	font-family: var(--alt-font)!important;
	font-size: 15px;
}
#posts-feed .loop-post .loop-cats:hover {
	opacity: .8;
}
#posts-feed .loop-post .authors {
	position: relative;
	margin-top: 15px;
}
#posts-feed .loop-post .authors::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: var(--light-grey);
	z-index: -1;
}
#posts-feed .loop-post .authors a{
	color: var(--dark-grey);
	font-size:17px;
	z-index: 2;
	position: relative;
	background-color: #fff;
}
#posts-feed .loop-post .authors a:last-child {
	padding-right: 15px;
}
#posts-feed .loop-post .authors a:hover {
	color: var(--cta-color);
}

.dojavi-wrapper {
	padding: 50px 0;
	border-bottom: 1px solid var(--light-grey);
}
.dojavi-wrapper .dojavi {
	background-color: var(--cta-color);
	color: #fff;
	max-width: 592px;
	margin: 0 auto;
	padding: 30px;
}
.dojavi-inner {
	border: 2px solid #fff;
    padding: 20px 20px 50px;
    margin-bottom: -19px;
}
.dojavi-inner h2 {
	font: 31px;
	margin-bottom: 15px;
}
.dojavi-wrapper .dojavi a.dojavi-cta {
	background-color: #fff;
	border: 1px solid #fff;
	font-family: var(--alt-font);
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	padding: 15px 28px;
	border: 1px solid #fff;
	position: relative;
	z-index: 2;
	color: var(--cta-color);
	margin-top: -25px;
}
.dojavi-wrapper .dojavi a.dojavi-cta:hover {
	background-color: var(--cta-color)!important;
	color: #fff!important;
}

.newsletter {
	background-color: var(--cta-color);
	color: #fff;
	border: none!important;
}
.newsletter h2 {
	font-size: 31px;
	line-height: 1.22;
}
.newsletter-text {
	border: 2px solid #FFFFFF;
    max-width: 520px;
    margin: 0 auto;
    padding: 20px 20px 50px;
}
.newsletter form {
	max-width: 500px;
	padding: 0 20px;
	margin-top: -25px;
}
.newsletter form input {
	height: 50px!important;
}
.newsletter form .flex input:first-child {
	background: #19577B;  
	border: 1px solid #FFFFFF;
	color: #fff!important;
	margin-right: 10px;
}
.newsletter form .flex input:first-child::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #D1DDE5;
	opacity: 1; /* Firefox */
  }
  
  .newsletter form .flex input:first-child:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #D1DDE5;
  }
  
  .newsletter form .flex input:first-child::-ms-input-placeholder { /* Microsoft Edge */
	color: #D1DDE5;
  }
.newsletter form .flex input:last-child {
	background-color: #fff;
	border: 1px solid #fff;
	color: var(--cta-color);
	font-weight: 700;
	font-size: 15px;
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
}
.newsletter form .flex input:last-child:hover {
	background-color: var(--cta-color);
	color: #fff;
}
.btn {
	border: 2px solid var(--cta-color);
	color: var(--cta-color);
	text-transform: uppercase;
	font-family: var(--alt-font);
	font-weight: 700;
	font-size: 15px;
	padding: 15px 28px;
	line-height: 1.2;
	cursor: pointer;
	transition:all .33s ease-out ;
	-webkit-transition:all .33s ease-out ;
	-moz-transition:all .33s ease-out ;
	-ms-transition:all .33s ease-out ;
	-o-transition:all .33s ease-out ;
	display: inline-block;
}
.btn:hover {
	background-color: var(--cta-color);
	color: #fff;
	display: inline-block;
}
.btn.alt {
	background-color: #fff;
	border-color: #fff;
	color: var(--cta-color)!important;
	margin-top: 20px;
}
.btn.alt:hover {
	color: #fff!important;
	border-color: var(--cta-color);
	background-color: var(--cta-color);
}
.loadmore-wrap {
	text-align: center;
	padding: 40px 0 100px;
}
.slick-disabled {
	opacity: .4!important;
	cursor: text!important;
}

#posts-feed .featured-post .loop-cats {
	color: #fff!important;
}
#posts-feed .loop-post.featured-post .authors::after {
	display: none!important;
}
#posts-feed .loop-post.featured-post .authors a {
	background: transparent!important;
	color: #fff;
}

h2.read-more-title  {
	font-weight: 700;
    font-size: 24px;
	line-height: 1.5;
	color: var(--cta-color);
	margin-bottom: 15px;
}
.listed-related-posts {
	margin: 60px 0;
}
.listed-post a {
	color: var(--cta-color);
	text-decoration: underline;
	font-size: 20px;
	flex: 1;
}
.listed-post a:hover {
	text-decoration: none;
	opacity: .98;
}
.listed-post {
	margin-bottom: 20px;
}
.listed-post .dot {
	background-color: var(--cta-color);
	width: 10px;
	height: 10px;
	margin-right: 8px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	position: relative;
    top: 6px;
}
.videos.featured-posts {
    background: #F5F7F5!important;
    padding: 100px 0 70px;	
}
.videos.featured-posts h5 {
	font-size: 16px;
	margin-top: 7px;
}
button.plyr__control.plyr__control--overlaid {
	background: #FF0000;
	border-radius: 8px;
	height: 17px;
	display: inline-flex!important;
    align-items: center;
    justify-content: center;
	position: absolute;
    top: 25px;
    left: 33px;
}
button.plyr__control.plyr__control--overlaid svg {
	width: 15px;
}
.plyr--video {
	position: relative;
	cursor: pointer;
	
}
.plyr--video::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	z-index: 1;
}
.plyr.plyr--stopped .plyr__controls, .plyr--paused .plyr__controls { display: none }
.plyr--video::before {
	position: absolute;
	color: #fff;
	bottom: 20px;
	left: 20px;
	z-index: 3;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 700;
    right: 20px;
}/*
.plyr--paused::before,
.plyr--paused::after,*/
.plyr--playing::before,
.plyr--playing::after {
	opacity: 0;
}
.plyr.plyr--full-ui iframe {
	height: 100%!important;
}

.meta-intro {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	color: #fff;
}
.meta-intro h2 {
	font-weight: 700;
font-size: 18px;
line-height: 1.2;
}
.meta-intro span {
	font-family: var(--alt-font);
	font-size: 13px;
}

.post-content .wp-block-image.full-width img {
	width: 100vw;
	max-height: 80vh;
}
.post-content .wp-block-image.full-width figcaption {
	text-align: center;
}
.post-content .wp-block-gallery.full-width .blocks-gallery-grid {
   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;	
    list-style: none;
    padding-left: 0;
    -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
.post-content .wp-block-gallery.full-width .blocks-gallery-grid img {
	height: auto;
}
.post-content .wp-block-gallery.full-width .blocks-gallery-caption {
	top: 0;
	text-align: center;
}

.post-content .wp-block-pullquote blockquote {
	border-top: 6px solid #00446c;
	border-bottom: 6px solid #00446c;
	border-left: 0;
	padding: 30px;
	font-style: normal;
	position: relative;
}
.post-content .wp-block-pullquote blockquote p {
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	text-align: left;
	padding-left: 40px;
	width: 100%;
}
.post-content .wp-block-pullquote blockquote::before {
	font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f10d";
    display: block;
    position: absolute;
    color: #FF0000;
    font-size: 30px;
    top: 23px;
    left: 25px;
}
.post-content .wp-block-pullquote blockquote cite {
	font-style: normal;
	font-weight: normal;
	padding-left: 40px;
	width: 100%;
	text-align: left;
}
.related-news.active {
	border: 3px solid var(--cta-color);
}
.related-news h2 span {
	margin-top: -20px;
	padding: 0 45px!important;
}
.related-news .ncc:not(:last-child) {
	margin-bottom: 15px;
}
.related-news .ncc a {
	display: block;
	position: relative;
}
.related-news .ncc a::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;
}
.related-news .meta-intro {
	text-align: left;
}
.related-news .meta-intro h2 {
	color: #fff;
	margin-bottom: 0;
}


.post-content .wp-block-gallery.has-nested-images {
	display:flex;
	justify-content: center;
}




.full-section {
	font-size: 16px;
}
.accordion-title {
	font-weight: 700;
	font-size: 14px;
	font-family: var(--alt-font);
	cursor: pointer;
	position: relative;
}
.accordion-title::after {
	font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f078";
	position: absolute;
	top: 1px;
	right: 0;
}
.accordion-title.opened::after {
	content: "\f077";
}
.accordion-content {
	display: none;
	font-size: 14px;
	padding-top: 10px;
}
.accordion-item {
	border-bottom: 1px solid #bec3be;
	padding: 15px 0;
}
.post-type-archive-izvestaj header, .tax-vrste_izvestaja header, .page-template-page-tpl-about header{
	border-bottom: 1px solid #E8E8E8;
}
.side-section {
	max-width: 180px;
	width: 100%;
	border-right: 1px solid #E8E8E8;
	min-height: calc(100vh - 470px);
	background-color: #fff;
	z-index: 2020;
}
.side-section ul {
	position: sticky;
	top: 100px;
	margin: 40px 0;
}
.side-section ul li a {
	font-family: var(--alt-font);
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	padding: 10px 20px 10px 30px;
	display: block;
	border-left: 3px solid transparent;
}
.side-section ul li.current-menu-item a, .side-section ul li a:hover {
	background: #F5F6F8;
	border-left: 3px solid var(--cta-color);
}

.full-section-center {
	padding: 40px 50px;
	position: relative;
}

.reports-intro {
	font-size: 16px;
	max-width: 780px;
}
.reports-intro p {
	margin-bottom: 20px;
}
.taxonomy-nav {
	font-family: var(--alt-font);
	font-size: 14px;
	font-weight:600;
	margin-top: 40px;
	border-bottom:1px solid #E8E8E8;
	width: auto;
}
.taxonomy-nav a {
	padding: 0 25px 10px;
	display: inline-block;
	position: relative;
}
.taxonomy-nav a::after {
	content: "";
	background-color: var(--cta-color);
	height: 3px;
	width: 0;
	position: absolute;
	bottom: -1.5px;
	left: 0;
	transition: all .33s ease-out;
	-webkit-transition: all .33s ease-out;
	-moz-transition: all .33s ease-out;
	-ms-transition: all .33s ease-out;
	-o-transition: all .33s ease-out;
}
.taxonomy-nav a.current::after, .taxonomy-nav a:hover::after {
	width: 100%;
}

.grid-block {
	padding: 30px 0;
	border-top: 1px solid #E8E8E8;
	margin: 30px 0;
	display: inline-block;
	width: 100%;
}
.grid-block h2 {
	margin-bottom: 10px;
}
.cover-grid-item {
	height: 210px;
}
.cover-grid-item a {
	height: 100%!important;
    position: relative;
	display: block;
}
.cover-grid-item a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.cover-grid-item a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    -webkit-transition: all .23s ease-in;
    transition: all .23s ease-in;	
}
.cover-grid-item a:hover::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 29%);
}

.single-izvestaj .container-narrow {
	max-width: 783px;
}
.single-izvestaj h1 {
	font-size: 30px;
	line-height: 1.1;
	margin-bottom: 20px;
}

.grey-block-item {
	background: #F5F6F8;
	padding: 20px;
	height: 100%;
}
.grey-block-item .block-title {
	font-weight: 700;
	font-size: 20px;
}
.grey_blocks-wrapper {
	margin-top: 15px;
	margin-bottom: 40px;
}

.number-block-wrapper {
	margin: 40px -10px;
}
.number-block-item {
	text-align: center;
	padding: 10px;
}
.number-title {
	font-weight: 700;
	font-size: 40px;
	color: #44A1E7;
	line-height: 1;
}

@media only screen and (max-width:1023px) {
	.full-section-center {
		width: 100%;
	}
	.side-section {
		position: fixed;
		top: 94px;
		left: 0;
		bottom: 0;
		transform: translate(-100%);
		transition: all .23s ease-out;
		-webkit-transition: all .23s ease-out;
		-moz-transition: all .23s ease-out;
		-ms-transition: all .23s ease-out;
		-o-transition: all .23s ease-out;
	}
	.side-section.active {
		transform: translate(0);
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		-o-transform: translate(0);
	}
	.side-hamburger {
		display: flex!important;
	}

	.full-section-center {
		padding: 60px 0;
	}

	.taxonomy-nav a {
		margin-top: 15px;
	}
}


.side-hamburger {
    cursor: pointer;
    position: relative;
    z-index: 2015;
    margin-left: auto;
    display: none;
    align-items: center;
    font-weight: 600;
	position: absolute;
    top: 10px;
    right: 20px;
	text-transform: uppercase;
	font-family: var(--alt-font);
	font-size: 15px;
}
.side-hamburger span {
	margin-right: 10px;
}
.bar1 {
    width: 25px;
}
.bar2 {
    width: 25px;
}
.bar3 {
    width: 25px;
}
.bar1, .bar2, .bar3 {
    height: 2px;
    margin: 5px auto 5px 0;
    -webkit-transition: all 0.69s ease-in-out;
    transition: all 0.69s ease-in-out;
    background-color:var(--cta-color);
    -moz-transition: all 0.69s ease-in-out;
    -ms-transition: all 0.69s ease-in-out;
    -o-transition: all 0.69s ease-in-out;
}

.change .bar1 {
    transform: rotate(-45deg) translate(-4px,6px);
    width: 25px;
    background-color: $grey;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    transform: rotate(45deg) translate(-4px,-6px);
    width: 25px;
    background-color: $grey;
}

.onpage-nav {
	list-style: none;
	display: flex;
	background-color: #F5F6F8;
	margin: 50px 0;
	flex-wrap: wrap;
}
.onpage-nav li a {
	font-weight: 600;
font-size: 14px;
font-family: var(--alt-font);
margin: 10px 15px;
display: block;
position: relative;
padding: 10px 15px;
}
.onpage-nav li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 3px;
	background-color: var(--cta-color);
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
}
.onpage-nav li a:hover::after {
	width: 100%;
}

.bottom-logos {
	flex-wrap: wrap;
	background: #F5F6F8;
	padding: 30px 20px;
	margin: 50px 0;
	align-items: center;
}
.bottom-logos div {
	flex: 1 1 100%;
}
.bottom-logos img {
	display: block;
	margin: 0 20px 20px 0;
}

.single-content-gutenberg ul {
	padding-left: 20px;
	margin-bottom: 20px;
}
.single-content-gutenberg ul li {
	margin-bottom: 10px;
}
.single-content-gutenberg div.flourish-embed.flourish-table {
	margin-right: calc( (100vw - 280px - 100%) * -1);
}
.single-content-gutenberg p {
	margin-bottom: 15px;
}
.single-content-gutenberg  h2 {
	margin-bottom: 15px;
}


.aktivnosti-block h2 {
	margin-bottom: 0;
}
.aktivnosti-block h3 {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 15px;
}
.aktivnosti-block .date {
	font-size: 14px;
	color: #818181;
}
.aktivnosti-block  .novosti-excerpt {
	font-size: 14px;
}

.arrow-btn {
	color: var(--cta-color);
	font-family: var(--alt-font);
	text-decoration: underline;
	font-weight: 600;
font-size: 14px;
line-height: 18px;
}
.arrow-btn::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f054";
		position: relative;
		font-size: 14px;
		display: inline-block;
		color: var(--cta-color);
		margin-left: 10px;
		transition: all .23s ease-out;
		-webkit-transition: all .23s ease-out;
		-moz-transition: all .23s ease-out;
		-ms-transition: all .23s ease-out;
		-o-transition: all .23s ease-out;
}
.arrow-btn:hover::after {
	transform: translateX(6px);
	-webkit-transform: translateX(6px);
	-moz-transform: translateX(6px);
	-ms-transform: translateX(6px);
	-o-transform: translateX(6px);
}

.project-loop-item {
	background: #F5F6F8;
	margin-bottom: 40px;
	padding: 20px;
	border: 2px solid transparent;
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
}
.project-loop-item:hover {
	border-color: var(--cta-color);
}
.project-loop-item-content {
	flex: 1;
}
.project-loop-item .img-wrap {
	margin-left: 40px;
}

.project-loop-item h2 {
	font-size: 22px;
line-height: 30px;
color: #131A29;

}
.project-loop-item .date {
	color: #818181;
	font-size: 14px;
}
.project-loop-item .loop-excerpt {
	margin:10px 0 0!important
}

.single-content-gutenberg table {
	border-collapse: collapse;
	margin: 20px 0;
}
.single-content-gutenberg table td {
	border-bottom: 1px solid #E6E6E6;
	padding: 6px;
}


.cpt-intro {
	margin-bottom: 20px;
}
.cpt-featured-img {
	margin-bottom: 40px;
}
.btn-outlined {
	color: #245A90!important;
	border: 2px solid #245A90;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	padding: 11px 50px 11px 20px;
	font-family: var(--alt-font);
	display: inline-block;
}
.btn-outlined::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	position: relative;
	font-size: 14px;
	display: inline-block;
	color: var(--cta-color);
	margin-left: 10px;
	transition: all .23s ease-out;
	-webkit-transition: all .23s ease-out;
	-moz-transition: all .23s ease-out;
	-ms-transition: all .23s ease-out;
	-o-transition: all .23s ease-out;
	right: -20px;
}
.btn-outlined:hover::after {
transform: translateX(6px);
-webkit-transform: translateX(6px);
-moz-transform: translateX(6px);
-ms-transform: translateX(6px);
-o-transform: translateX(6px);
}
.loop-post-content .btn-outlined {
	margin-top: 10px;
}


.post-content .wp-block-gallery.full-width .blocks-gallery-grid,
.post-content video {
	width: 100%;
}

.report-intro-list {
	flex: 1;
}
.report-intro-list ul {
	padding-left: 23px;
}
.single-content-gutenberg ol {
	margin-bottom: 20px;
	padding-left: 20px;
}

.single-projekti .share-icons {
	-webkit-box-pack: start!important;
	    -ms-flex-pack: start!important;
	        justify-content: flex-start!important;
	text-align: left!important;
	margin-top: 50px;
}
.single-projekti .share-icons span {
	text-align: left!important;
	margin-bottom: 5px;
}
.single-projekti .share-icons i {
	padding-left: 0!important;
	border: none!important;
	color: #808080;
	cursor: pointer;
}
.single-projekti .share-icons i:hover {
	color: #00446c!important;
}

.archive #posts-feed .loop-post .img-wrap {
 -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}

@media only screen and (min-width:923px) {
.projekti-related-articles {
	margin-right: -250px;
}
}

@media only screen and (min-width:1100px) {
	.wider {
		margin-right: -250px;
		margin-left: -250px;
	}
}
img {
	height: auto;
}

.custom-quote {
	margin-bottom: 20px;
	background: #F5F6F8;
	padding: 20px;
}
.custom-quote svg {
	margin-right: 20px;
}
.custom-quote .quote-title {
	font-family: 'Tinos', serif;
	font-size: 22px;
	line-height: 1.36;
	margin-bottom: 10px;
	font-weight: 700;
}
.custom-quote .quote-subtitle {
	font-size: 16px;
	font-style: italic;
	color: #1B1B1C;
}
.single-projekti h1, .single-aktuelnost h1, .single-izvestaj h1  {
	font-size:3rem;
}
.single-aktuelnost h1 {
	margin-bottom:20px;
}
.single-projekti h2, .single-aktuelnost h2, .single-izvestaj h2  {
	font-size:2.6rem;
}
.single-projekti h3, .single-aktuelnost h3, .single-izvestaj h3  {
	font-size:2.2rem;
}
.single-projekti h4, .single-aktuelnost h4, .single-izvestaj h4  {
	font-size:2rem;
}
.single-projekti h5, .single-aktuelnost h5, .single-izvestaj h5  {
	font-size:1.8rem;
}
.project-meta-loop span {
	margin-right: 40px;
}


.post-type-archive-izvestaj #posts-feed .loop-post h2,
.post-type-archive-projekti #posts-feed .loop-post h2,
.post-type-archive-aktuelnost #posts-feed .loop-post h2{
	font-size: 22px;
}
.post-type-archive-izvestaj #posts-feed .loop-post .loop-excerpt,
.post-type-archive-projekti #posts-feed .loop-post .loop-excerpt,
.post-type-archive-aktuelnost #posts-feed .loop-post .loop-excerpt  {
	font-size: 14px;
}

.single .full-section-center img {
	margin-bottom:20px;
}




/**** tooltips ****/
.tooltip a[data-type] {
    position: relative;
    display: inline-block;
    width: auto;
    margin-right: 7px;
        background: #DDD;
    cursor: help;
        padding: 0 7px;
    line-height: 1.3;
    color: #000;

}
.tooltip .tooltiptext {
        width: 280px;
    background-color: #2a2a2a;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-size: 15px;
    text-decoration: none;
    opacity: 0;
    transition: all .23s ease;
    z-index: -1;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top:-8px; 
  left:20px;
      margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #2a2a2a transparent;
}

.tooltip a[data-type]:hover .tooltiptext {
    opacity: 1;
    z-index: 2;
}

/***** NEW TEMPLATE *****/
.post-hero {
	position: relative;
	color: #fff;
}
.post-hero::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #333;
	opacity: .5;
	z-index: 1;
}
.post-hero img, .post-hero video {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	aspect-ratio: 1140/600;
	max-height: calc(100vh - 93px);
	display: block;
}
.post-hero .title-wrapper {
	position: absolute;
	z-index: 4;
	text-align: center;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	padding: 0 20px;
	max-width: 424px;
	z-index: 2;
	color: #fff;
}
.post-hero h1 {
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 30px;
}
.post-hero .photographer {
	    bottom: 20px;
    right: 30px;
    font-size: 14px;
    font-family: 'Tinos', serif!important;
}
.post-hero .authors a,
.post-hero .date {
	color: #fff;
	font-size: 18px;
	font-family: 'Tinos', serif!important;
}
.post-template-wpb-single-post .share-icons {
	margin-top: 30px;
}
.post-template-wpb-single-post .container-narrow {
	max-width: 576px;
}

.intro-excerpt {
	padding: 30px 0;
	position: relative;
	font-weight: 700;
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: #333;
font-family: var(--alt-font);
line-height: 1.66;
}
.intro-excerpt div {
	z-index: 1;
	position: relative;
}
.intro-excerpt::before {
	content: "";
	background: #F2F2F2;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	left: calc( (576px - 100vw) / 2 );
	z-index: 0;
}

.custom-footer {
	background: #00446C;
	color: #fff;
	padding: 50px 20px;
	text-align: center;
	font-size: 22px;
}
.custom-footer a {
	color: #44A1E7;
}
.custom-footer h2 {
	font-size: 30px;
	margin-bottom: 20px;
}
.custom-footer h3 {
	font-size: 20px;
	margin-bottom: 15px;
}

.post-template-wpb-single-post .alignfull {
	padding: 30px 20px;
	width: 100vw;
	position: relative;
	left: calc( (576px - 100vw) / 2 );
}
.post-template-wpb-single-post .alignfull  .wp-block-group__inner-container {
	max-width: 576px;
}
.post-template-wpb-single-post .wp-block-group.alignfull p:last-child {
	margin-bottom: 0;
}
.post-template-wpb-single-post .post-content {
	font-size: 18px;
}
.post-template-wpb-single-post .wp-block-video.alignfull {
	padding-left: 0;
	padding-right: 0;
}
.post-template-wpb-single-post .wp-block-video.alignfull video {
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 1440/600;
}
.post-template-wpb-single-post .wp-block-video.alignfull figcaption {
	position: absolute;
	left: 120px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 496px;
	ont-weight: 700;
font-size: 20px;
	color: #fff;
}
.post-template-wpb-single-post .wp-block-cover.alignfull h2 {
	color: #fff;
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 0;
	background: rgba(0, 68, 108, 0.6);
	padding: 30px 100px 30px 120px;
}
.post-template-wpb-single-post .wp-block-cover.alignfull .wp-block-cover__inner-container {
	 -webkit-box-flex: 1;
	 -ms-flex: 1;
	 flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.post-template-wpb-single-post .wp-block-cover.alignfull {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
	padding-right: 0;
}
.post-template-wpb-single-post .wp-block-cover.alignfull .wp-block-cover__inner-container .wp-block-columns {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.post-template-wpb-single-post .wp-block-cover.alignfull .wp-block-cover__inner-container > p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
	background: rgba(0, 68, 108, 0.6);
	color: #fff;
	padding: 5px 20px 5px 120px;
	font-weight: 400;
	font-size: 14px;
}

.post-template-wpb-single-post .wp-block-cover.alignfull .wp-block-cover__inner-container .blue {
	background: rgba(0, 68, 108, 0.9);
	color: #fff;
	margin-left: 120px;
	padding: 30px 40px 10px;
	font-size: 22px;
	max-height: 69vh;
	overflow: auto;
}


.blue::webkit-scrollbar-track,
{
	background-color:#fff;
}
.blue::-webkit-scrollbar
{
	width: 6px;
	background-color: #fff;
}

.blue::-webkit-scrollbar-thumb
{
	background-color: #00446C;
}
.post-template-wpb-single-post  .wp-block-quote.is-style-plain {
	border: none!important;
	padding-left: 0!important;
	padding: 0!important;
	line-height: 1.3;
	position: relative;
}
.post-template-wpb-single-post  .wp-block-quote p {
	font-size: 23px!important;
}
.post-template-wpb-single-post .middle  .wp-block-quote.is-style-plain::before  {
background: url(img/quote-light.svg) no-repeat;
   transition: all .423s ease-in;
   opacity: 0;
   transform: translateY(-43px);
}
.post-template-wpb-single-post .middle.active  .wp-block-quote.is-style-plain::before  {
   opacity: 1;
   transform: translateY(0);
}
.post-template-wpb-single-post  .wp-block-quote.is-style-plain::before {
	content: "";
	position: absolute;
	left: -10px;
	top: -12px;
	background: url(img/quote.svg) no-repeat;
	Width:78px;
	height: 60px;
	-webkit-transition: all .23s ease-in;
	transition: all .23s ease-in;
}
.post-template-wpb-single-post  .wp-block-quote.is-style-plain  cite {
	font-weight: 400;
	font-size: 14px;
	color: #333;
	text-align: center;
	width: 100%;
}
.middle .wp-block-group__inner-container {
	max-width: 980px!important;
	margin: 0 auto;
}
.middle .wp-block-embed__wrapper {
	margin: 0!important;
}
.middle .wp-block-embed__wrapper iframe {
	height: auto;
	aspect-ratio: 16/9;
}
.middle figure {
	margin-bottom: 0;
}
.wp-block-embed-youtube iframe {
	border-radius: 10px;
}
.middle .wp-block-columns {
	margin-bottom: 0;
}

.post-content .file a::after {
	font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f15c";
	    font-size: 12px;
    position: relative;
    margin-left: 5px;
    top: -9px;
    margin-right: 5px;
}


figure.wp-block-pullquote {
	padding-bottom:0!important;
	padding-top:0!important;
}

.right-column-grey .right-box {
	background:#eee;
	padding:23px;
	font-size:18px;
	float: right;
    width: 40%;
    margin: 8px 0 20px 20px;
}
.right-column-grey .right-box p:last-child {
	margin-bottom:0;
}