/* Variables */
:root{
  --theme_color_1:#0E0292;
  --theme_color_2:#E42C2A;
  --theme_color_3:#FEF4F4;
  --theme_color_4:#8781C9;
}

/* General */
body:not(.home) .post-content > .fusion-fullwidth:first-child {padding-top:256px;}

.fusion-image-carousel {margin-bottom:0px !important;}

.column-1-4 > .fusion-column-wrapper {position:relative;}
.column-1-4 > .fusion-column-wrapper .column-1-4-title {position: absolute; margin-bottom:0px !important; bottom:0; right:30px; z-index: 1; left:0px; background-image:url('../images/title-bg-red.svg'); background-position:right top; background-size:cover; min-height:150px; padding:24px; display:flex !important; align-items: flex-end; justify-content: flex-start;}

.absolute-title {position:absolute; bottom:0;}

/* Buttons */
.fusion-button:hover {border-radius:24px;}

.fusion-button.button-link.icon-left i {color:var(--theme_color_2); transition:.3s;}
.fusion-button.button-link.icon-left:hover i {transform: translateX(8px); color:var(--theme_color_1)}

.fusion-button.button-link.to-top i{color:var(--theme_color_2); transition:.3s;}
.fusion-button.button-link.to-top:hover i {transform:translateY(-4px)}

.fusion-button i {margin-right:12px !important}

.button {padding:12px 28px; background:var(--theme_color_1); color:#fff; display: inline-flex; text-decoration: none !important; border-radius:0 24px 0 24px; cursor:pointer; transition:.3s !important;}
.button .button-text {line-height:1.75; color:#fff; font-family: "Borna - Bold";}

.button:hover {border-radius:24px}

.button.link {padding:0px; background:none; color:var(--theme_color_1); border-radius: 0;}
.button.link .button-text {color:var(--theme_color_1); display:inline-flex;}
.button.link .button-text:before {content:"\f105"; font-family: "Font Awesome 6 Pro"; color:var(--theme_color_2); margin-right:12px; font-weight:bold; transition: .3s;}
.button.link:hover .button-text:before {transform:translateX(8px)}

/* Stretch image */
#wrapper .stretch-image {position:absolute; top:0; bottom:0; width:50vw; max-width:999vw; display:flex; align-items:center; justify-content:center;}
#wrapper .stretch-image img {width:100%; height:100%; object-fit:cover;}

#wrapper .fusion-row .fusion_builder_column:first-child .stretch-image {right:var(--awb-spacing-right);}
#wrapper .fusion-row .fusion_builder_column:last-child .stretch-image {left:var(--awb-spacing-right);}

/* Header */
#wrapper .header-wrapper > .fusion-builder-row {position:relative !important; display: flex; justify-content: space-between;}
#wrapper .header-wrapper > .fusion-builder-row:before {content:""; position:absolute; left:-100vw; right:70px; top:0; bottom:0; background:var(--theme_color_1); display:flex}
#wrapper .header-wrapper > .fusion-builder-row:after {content:""; position: absolute; right:0; bottom:0; top:0; width:70px; background-image:url('../images/menu-after.svg'); display:flex;}

.fusion-header #menu-wrapper .header-left {display:flex; align-items: center; justify-content: flex-start; position: relative;}
.fusion-header #menu-wrapper .header-right {display:flex; flex-direction: column; padding:20px 0;}
.fusion-header #menu-wrapper .header-right > div {display: flex; align-items: center; justify-content: flex-end;}

.fusion-header #menu-wrapper .header-right .top {flex:1;}
.fusion-header #menu-wrapper .header-right .bottom {flex:1;}

.fusion-header-wrapper .fusion-header .fusion-header-has-flyout-menu-content {position:relative; width:100%;}

.megamenu-submenu ul > li > a {position:relative}
.megamenu-submenu ul > li > a:after {content:"\f054"; font-family: "Font Awesome 6 Pro"; position:absolute; right:0; color:var(--theme_color_2); font-weight: 600;}
.megamenu-column-image-left .fusion-image-element {position:absolute; right:0; top:0; bottom:0; object-fit: contain;}

.header-top-menu {min-height:80px; color:#fff;}

.header-top-menu .top-menu-search {max-width:50px; transition: .3s; background-color: transparent; margin-left:16px;}

.header-top-menu .top-menu-search .search-button input[type="submit"] {pointer-events: none; color:rgba(255, 255, 255, 0.5) !important;}
.header-top-menu .top-menu-search .search-button:hover {cursor:pointer;}
.header-top-menu .top-menu-search .search-button:hover input[type="submit"] { color:#fff !important;}

.header-top-menu .top-menu-search .search-field input[type="search"] {background:transparent !important; border:none !important}

.search-active .header-top-menu .top-menu-search {max-width:400px; background:#fff;}
.search-active .header-top-menu .top-menu-search .search-button input[type="submit"] {color:var(--theme_color_1) !important;}

/* Search */
.search-header {padding-top:256px; margin-bottom:64px;}
.search-header h1 {color:var(--theme_color_1); font-size:54px;}

.search-results {padding-bottom:64px; display:flex; flex-direction: column; gap:16px}
.search-results article h2 {font-size:24px; margin:0px;}
.search-results article h2 a {display:flex; align-items: center;}
.search-results article h2 a i {font-size:16px; color:var(--theme_color_2); margin-right:8px;}

.search-results article h2 a:hover {color:var(--theme_color_1)}

/* Home */
.intro-container {min-height:100vh !important}
.admin-bar .intro-container {min-height:calc(100vh - 32px) !important}

/* Highlighted Project shortcode */
.projectsWithHighlight {display: grid; grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;}

.projectsWithHighlight .project-container.project-single-0 { grid-area: 1 / 1 / 3 / 3; display: flex; flex-direction: column; justify-content: space-between; position:relative; overflow:hidden; text-decoration: none !important;}
.projectsWithHighlight .project-container.project-single-0 .image-wrapper {position:absolute; top:0; right:0; bottom:0; left:0; }
.projectsWithHighlight .project-container.project-single-0 .image-wrapper:after {content:""; position:absolute; left:0; right:0; bottom:0; height:50%; pointer-events: none; background:linear-gradient(0deg, var(--theme_color_1) 0%, rgba(14,2,146,0) 100%); }
.projectsWithHighlight .project-container.project-single-0 .image-wrapper img {width:100%; height:100%; object-fit: cover;}

.projectsWithHighlight .project-container.project-single-0 .content-wrapper {position:relative; color:#fff; text-decoration:none; background-image:url('../images/highlight-bg.svg'); padding:64px; background-size:100% 100%; background-repeat: no-repeat; margin-left:12px; margin-right:12px;}
.projectsWithHighlight .project-container.project-single-0 .content-wrapper h2 {color:#fff; text-decoration: none;}

.projectsWithHighlight .project-container.project-single-0 .excerpt-wrapper {position:relative}
.projectsWithHighlight .project-container.project-single-0 .excerpt-wrapper p {padding:32px; color:#fff;}

.projectsWithHighlight .project-container:not(.project-single-0) {display:flex; flex-direction: column; gap:16px; text-decoration: none !important;}
.projectsWithHighlight .project-container:not(.project-single-0) .image-wrapper {position:relative; padding-top:100%; overflow:hidden;}
.projectsWithHighlight .project-container:not(.project-single-0) .image-wrapper img {position: absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.projectsWithHighlight .project-container:not(.project-single-0) .content-wrapper {display:flex; flex-direction: column; gap:6px;  text-decoration:none;}
.projectsWithHighlight .project-container:not(.project-single-0) .content-wrapper h4 {margin:0px;  text-decoration:none;}
.projectsWithHighlight .project-container:not(.project-single-0) .content-wrapper .terms-wrapper {margin-bottom:0px; color:var(--theme_color_4)}

/* Project archive */
.project-archive-wrapper .output {display: grid; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;}

.project-archive-wrapper .project-container {display: flex; flex-direction: column; justify-content: space-between; position:relative; overflow:hidden; text-decoration: none !important; min-height:700px;}
.project-archive-wrapper .project-container .image-wrapper {position:absolute; top:0; right:0; bottom:0; left:0; }
.project-archive-wrapper .project-container .image-wrapper:after {content:""; position:absolute; left:0; right:0; bottom:0; height:50%; pointer-events: none; background:linear-gradient(0deg, var(--theme_color_1) 0%, rgba(14,2,146,0) 100%); }
.project-archive-wrapper .project-container .image-wrapper img {width:100%; height:100%; object-fit: cover;}

.project-archive-wrapper .project-container .content-wrapper {position:relative; color:#fff; text-decoration:none; background-image:url('../images/highlight-bg.svg'); padding:64px; background-size:100% 100%; background-repeat: no-repeat; margin-left:12px; margin-right:12px;}
.project-archive-wrapper .project-container .content-wrapper h2 {color:#fff; text-decoration: none;}

.project-archive-wrapper .project-container .excerpt-wrapper {position:relative}
.project-archive-wrapper .project-container .excerpt-wrapper p {padding:32px; color:#fff;}

/* Load more */
.loader-wrapper .loader-container {display:flex; justify-content: center; flex-direction: column; align-items: center; margin-top:32px;}
.load-more-wrapper {display:flex; justify-content: center; margin-top:32px;;}