/*
Theme Name: Brandglow New
Description: Brandglow New
Version: 1.0
*/

/*----------- FONTS -----------*/ 

@font-face {
    font-family: 'LG Cnd Italic';
    src: url(../../../../../../../themes/brandglow/fonts/leaguegothic-condenseditalic-webfont.woff2) format('woff2'),
         url(../../../../../../../themes/brandglow/fonts/leaguegothic-condenseditalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG Cnd Regular';
    src: url(../../../../../../../themes/brandglow/fonts/leaguegothic-condensedregular-webfont.woff2) format('woff2'),
         url(../../../../../../../themes/brandglow/fonts/leaguegothic-condensedregular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG Italic';
    src: url(../../../../../../../themes/brandglow/fonts/leaguegothic-italic-webfont.woff2) format('woff2'),
         url(../../../../../../../themes/brandglow/fonts/leaguegothic-italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LG Regular';
    src: url(../../../../../../../themes/brandglow/fonts/leaguegothic-regular-webfont.woff2) format('woff2'),
         url(../../../../../../../themes/brandglow/fonts/leaguegothic-regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

/*----------- /FONTS -----------*/

html
{
	font-size: 10px;
}

body
{
	font-family: 'Space Grotesk', sans-serif;
	font-size: 2rem;
	color: #000;
	background: #fff;
	overflow-x: hidden;
	max-width: 100%;
	overflow-y:  scroll;
	
}

body.menu-open
{
	left:  0;
	top:  0;	
	width:  100%;
	overflow-y:  scroll;
	position: fixed;
}

.row
{
	margin-left:  -1.5rem;
	margin-right:  -1.5rem;
}

.row > div
{
	padding-left:  1.5rem;
	padding-right:  1.5rem;
}

.container
{
	padding: 0 1.5rem;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl 
{
    max-width: 1900px;
}

@media (min-width: 1400px)
{
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl 
	{
	    max-width: 1900px;
	}
}

.container-inner
{
	padding:  0 9.5rem;
	display:  flex;
	width:  100%;
}

.container-inner-narrow
{
	padding:  0 18rem;
}

#menu-overlay
{
	position:  fixed;
	left:  0;
	top:  0;
	width:  100%;
	height:  100%;	
	z-index:  99998;
	overflow:  hidden;
	pointer-events:  none;
}

#menu-overlay.open
{
	display:  flex;
	pointer-events:  all;
}

#menu-overlay .bg-1
{
	position: fixed;
    left: 0;
    top: 0;
    width: 500%;
    height: 100%;    
    background: #821749;
    transition: transform .3s ease;
    transform-origin: 0 100%;
    transform:  skewX(45deg) translateX(100vw) translateX(100vh);
}

#menu-overlay.open .bg-1
{
	transform: skewX(45deg);
}

#menu-overlay .bg-2
{
	position: fixed;
    left: 0;
    top: 0;
    width: 500%;
    height: 100%;    
    background: #821749;
    transition: transform .3s ease;
    transform-origin: 100% 0;
    transform:  skewX(45deg) translateX(100vw) translateX(100vh);
}

#menu-overlay.open .bg-2
{
	transform: skewX(45deg);
}

#menu-overlay .content
{
	padding:  1rem 11rem 5rem 11rem;
	z-index:  10;
	width:  100%;
	position:  relative;
	height:  100%;
}

#menu-overlay .scroll-wrapper
{
	height:  calc(100% - 19rem);
	margin:  14rem 0 5rem 0;
	width:  100%;
}

.scrollbar-macosx > .scroll-element.scroll-x
{
	display:  none !important;
}

.scrollbar-macosx > .scroll-element.scroll-y
{
	right:  1rem;
}

#menu-overlay .langs
{
	position:  absolute;
	top:  0;
	right: 3.5rem;
	transform: translateX(10vw);
	transition: all .5s ease;	
	opacity:  0;
	display:none !important;
}

#menu-overlay.open .langs
{
	opacity:  1;
	transform: translateX(0);	
	transition-delay: 1s;
}

#menu-overlay .current-lang
{
	background:  #2b2b2a;
	color:  #fff;
	font-size:  5rem;
	font-family: 'Space Grotesk';
	font-weight: 500;
	padding:  .3rem .5rem;
	text-transform:  uppercase;
	width:  7.7rem;
	line-height:  8rem;	
	text-align:  center;
	padding-top:  .7rem;
	cursor:  pointer;
}

#menu-overlay .other-langs
{
	position:  absolute;
	top:  100%;
	left:  0;
	width:  7.7rem;
	line-height:  8rem;
	font-size:  5rem;
	color:  #fff;
	font-family: 'Space Grotesk';
	font-weight: 500;
	text-align:  center;
	text-transform:  uppercase;
	display:  none;
}

#menu-overlay .other-langs a
{
	color:  #fff;
}

#menu-overlay .other-langs a:hover
{
	text-decoration:  none;
}

#menu-overlay .search-form
{
	z-index:  999;
	position:  relative;
	width:  64rem;	
	margin-bottom:  4rem;
	position:  relative;
	display:  none;
}

#menu-overlay.open .search-form
{
	display:  block;
}

#menu-overlay .search-form .search-field
{
	font-size:  9rem;
	line-height:  8rem;
	border:  none;
	font-family: 'Space Grotesk';
	text-transform:  uppercase;
	background:  none;
	color:  #fff;
	transition: all .3s ease;
	padding:  1rem 11rem 1rem 1rem;
	width:  100%;
	border-bottom:  1px solid #fff;
}

#menu-overlay .search-form .search-field:focus
{
	background:  #fff;
	color:  #821749;
}

#menu-overlay button
{
	border:  none;
	background:  none;
	position:  absolute;
	right:  2rem;
	top:  3rem;
}

#menu-overlay button svg
{
	width:  7.4rem;
	height:  7.4rem;
}

#menu-overlay button svg path
{
	fill:  #fff;
}

#menu-overlay .search-form .search-field:focus + button svg path
{
	fill:  #821749;
}

#menu
{
	font-size:  7rem;
	color: #fff;
	font-family: 'Space Grotesk';
	text-transform:  initial;
	font-weight: 500;
	margin:  0 0 5rem -.5rem;	
}

#menu > li
{
	display:  block;
	line-height:  5rem;
	margin-bottom:  1rem;
	opacity:  0;	
	transform: translateX(10vw);
	transition: all .1s ease;
}

#menu-overlay.open #menu > li:nth-child(1)
{	
    transition-delay: .15s;
    transition-duration: .3s;
}

#menu-overlay.open #menu > li:nth-child(2)
{	
    transition-delay: .20s;
    transition-duration: .3s;
}

#menu-overlay.open #menu > li:nth-child(3)
{	
    transition-delay: .25s;
    transition-duration: .3s;
}

#menu-overlay.open #menu > li:nth-child(4)
{	
    transition-delay: .30s;
    transition-duration: .3s;
}

#menu-overlay.open #menu > li:nth-child(5)
{	
    transition-delay: .35s;
    transition-duration: .3s;
}

#menu-overlay.open #menu > li:nth-child(6)
{	
    transition-delay: .40s;
    transition-duration: .3s;
}

#menu li:last-child
{
	margin-bottom:  0;
}

#menu-overlay.open #menu > li
{
	opacity:  1;
	transform: translateX(0);	
}

#menu li a
{
	color:  #fff;
	line-height:8rem;
}

#menu li a:hover
{
	text-decoration:  none;
}

#menu .menu-item-has-children
{
	display:  block;
	align-items:  center;
}

#menu li ul
{
	display:none;
	flex-wrap:  wrap;
	font-size:  5rem;	
	padding: 2rem 0;
}

#menu li ul
{
	margin:  0;
	padding-top:  1rem;
}

#menu li ul li
{
	line-height:  5rem;
	margin-right:  2rem;
	transform:  translateX(-15px);
	opacity:  0;
	pointer-events:  none;
	transition: all .3s ease;
}

#menu li ul.sub-menu.open li
{
	transform:  translateX(0);
	opacity:  1;
	pointer-events:  all;
}

#menu li ul li:nth-child(1)
{
	transition-delay: .05s;
}

#menu li ul li:nth-child(2)
{
	transition-delay: .1s;
}

#menu li ul li:nth-child(3)
{
	transition-delay: .15s;
}

#menu li ul li:last-child
{
	margin-right:  0;
}

#menu .sub-menu-wrap
{
	display:  flex;
	align-items:  center;
	margin-left:  2.5rem;
	position:  relative;
	padding-left:  8.5rem;
}

#menu .sub-opener
{
	width:  5.6rem;
	height:  5.6rem;
	background:  #fff;
	position:  relative;
	display:inline-block;
	cursor:  pointer;
	overflow:  hidden;
	margin: 0 0 -.3rem 2rem;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#menu .sub-opener > div
{
	position:  absolute;
	left:  50%;
	top:  50%;	
	width:  2.8rem;
	height:  2.8rem;	
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);	
}

#menu .sub-opener.active > div:nth-child(1)
{	
	-moz-transform: translateX(140%) rotate(135deg);
	-webkit-transform: translateX(140%) rotate(135deg);
	-o-transform: translateX(140%) rotate(135deg);
	-ms-transform: translateX(140%) rotate(135deg);
	transform: translateX(140%) rotate(135deg);
}

#menu .sub-opener > div:nth-child(1)
{	
	margin:  -1.4rem 0 0 -2rem;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

#menu .sub-opener > div:nth-child(2)
{
	margin:  -1.4rem 0 0 -.8rem;
	-moz-transform: translateX(-140%) rotate(-45deg);
	-webkit-transform: translateX(-140%) rotate(-45deg);
	-o-transform: translateX(-140%) rotate(-45deg);
	-ms-transform: translateX(-140%) rotate(-45deg);
	transform: translateX(-140%) rotate(-45deg);
}

#menu .sub-opener.active > div:nth-child(2)
{
	-moz-transform: translateX(0) rotate(-45deg);
	-webkit-transform: translateX(0) rotate(-45deg);
	-o-transform: translateX(0) rotate(-45deg);
	-ms-transform: translateX(0) rotate(-45deg);
	transform: translateX(0) rotate(-45deg);
}

#menu .sub-opener > div:before
{
	content:  '';
	width:  .5rem;
	height:  2.8rem;
	background:  #000;
	position:  absolute;
	left:  0;
	top:  0;
}

#menu .sub-opener > div:after
{
	content:  '';
	width:  2.8rem;
	height:  .5rem;
	background:  #000;
	position:  absolute;
	left:  0;
	bottom;
}

.page-header
{
	height:  10rem;
	padding: 2rem 0;
	display:  flex;
	align-items:  center;
	min-height:  12rem;
	position:  relative;
	z-index:  99999;
}

.page-header .container
{
	display:  flex;
	align-items:  flex-end;
}

.page-header.absolute
{
	top:  0;
	left:  0;
	width:  100%;
	position:  absolute;	
}

#logo
{
	margin:  0 0 0 9.5rem;
	display:  inline-block;
}

#logo svg path
{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#logo path:nth-child(1)
{
	fill:  #dadada;
	opacity:  0;
}

body.menu-open #logo path:nth-child(1)
{
	opacity:  1 !important;
	color:  rgb(218, 218, 218) !important;
}

#logo path:nth-child(2)
{
	fill:  #792a50;
	-moz-transform: translateX(-334px) ;
	-webkit-transform: translateX(-334px);
	-o-transform: translateX(-334px);
	-ms-transform: translateX(-334px);
	transform: translateX(-334px);
}

body.menu-open #logo path:nth-child(2)
{
	fill:  rgb(218, 218, 218) !important;
	-moz-transform: translateX(0) !important;
	-webkit-transform: translateX(0) !important;
	-o-transform: translateX(0) !important;
	-ms-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

.header-right
{
	margin-left:  auto;
	margin-right:  2rem;
	display:  flex;
	justify-content:  flex-end;
	align-items:  center;
}

.below-header-filters
{
	margin:0 0 4rem 0;
}

@media (min-width:992px)
{
	.below-header-filters
	{
		margin:12rem 0 4rem 0;
	}
}

/*
.below-header-filters .filters li
{
	font-size:  2.5rem;
}
*/

.header-filters
{
	display:  flex;
	align-items:  center;
	padding-right: 8rem;
}

.filters
{
	color:  #646363;
	font-family: 'Space Grotesk';	
	display:  flex;
	flex-wrap:  wrap;
	font-size:  2rem;
	text-transform:  initial;
	font-weight: 500;
	margin:  0 5rem 0 0;
}

.filters li
{
	cursor:  pointer;
	margin:  2.0rem 1.5rem;
	-webkit-transition: color .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: color .3s ease-in-out, opacity .3s ease-in-out;
	-ms-transition: color .3s ease-in-out, opacity .3s ease-in-out;
	-o-transition: color .3s ease-in-out, opacity .3s ease-in-out;
	transition: color .3s ease-in-out, opacity .3s ease-in-out;
	font-size:  2rem;
}

body.menu-open .filters li
{
	opacity:  0;
}

.filters li:hover
{
	color:  #000;
}

.filters .active,
.filters .active:hover
{
	color:  #761b4a;
}

.filters.order-by
{
	margin-left:  2rem;
}

.hamburger-opener
{
	background:  var(--wpr-bg-86b94b7e-f75d-48af-8b63-ebdfb571807a);
	width:  9.8rem;
	height:  7.7rem;	
	position:  fixed;
	top: 2rem;
	right: 3.5rem;
	cursor:  pointer;
	overflow:  hidden;
}

.hamburger-opener span
{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hamburger-opener span:nth-child(1),
.hamburger-opener span:nth-child(2)
{
	width:  4rem;
	height:  .5rem;
	background:  #000;
	position:  absolute;	
	right:  1.8rem;
}

.hamburger-opener span:nth-child(1)
{
	top:  2.1rem;	
}

.hamburger-opener.active span:nth-child(1)
{
	transform: rotate(-135deg) scaleX(1.3);
	top:  3.4rem;
}

.hamburger-opener span:nth-child(2)
{
	top:  3.6rem;
}	

.hamburger-opener.active span:nth-child(2)
{
	transform: rotate(135deg) scaleX(1.3);
	top:  3.4rem;
}

.hamburger-opener span:nth-child(3)
{
	width:  4rem;
	height:  1.2rem;
	background:  var(--wpr-bg-2dba6c28-4e1f-40e5-9ed8-61141791ef90);
	background-size:  4rem 1.2rem;
	position:  absolute;
	bottom:  1.4rem;
	right:  1.8rem;
}

.hamburger-opener.active span:nth-child(3)
{
	-moz-transform: translateY(35px);
	-webkit-transform: translateY(35px);
	-o-transform: translateY(35px);
	-ms-transform: translateY(35px);
	transform: translateY(35px);
}

.header-image
{
	margin-bottom:  2.4rem;
}

.back-to-top .container
{
	display:  flex;
	justify-content:  center;
	position:  relative;	
}

.back-to-top > div
{
	cursor:  pointer;
}

.back-to-top .prev-project
{
	position:  absolute;
	left:  1.5rem;
	top:  0;
}

.back-to-top .prev-project a
{
	position:  absolute;
	left:  0;
	top:  0;
	padding-left:  7rem;
	display:  flex;
	align-items:  center;
	min-height:  5.6rem;	
	overflow:  hidden;
}

.back-to-top .next-project a
{
	position:  absolute;
	right:  0;
	top:  0;
	padding-right:  7rem;
	display:  flex;
	align-items:  center;
	min-height:  5.6rem;	
	overflow:  hidden;
}

.back-to-top .prev-project a .image,
.back-to-top .next-project a .image
{
	width:  5.6rem;
	height:  5.6rem;
	background-size:  cover;
	background-position:  center center;
	position:  absolute;
	left:  0;
	top:  0;
	opacity:  0;
	pointer-events:  none;
	-moz-transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.back-to-top .next-project a .image
{
	-moz-transform: translateX(30px);
	-webkit-transform: translateX(30px);
	-o-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
	left:  auto;
	right:  0;	
}

.back-to-top .prev-project a:hover .image,
.back-to-top .next-project a:hover .image
{
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	pointer-events:  all;
	opacity:  1;
}

.back-to-top .prev-project a span,
.back-to-top .next-project a span
{
	font-size: 1.8rem;
	line-height:  2rem;
	text-transform:  initial;
	font-weight: 500;
	font-family: 'Space Grotesk';
	color:  #821749;
	opacity:  0;
	pointer-events:  none;
	-moz-transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.back-to-top .next-project a span
{
	-moz-transform: translateX(30px);
	-webkit-transform: translateX(30px);
	-o-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}

.back-to-top .prev-project a:hover span,
.back-to-top .next-project a:hover span
{
	opacity:  1;
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	pointer-events:  all;
}

.back-to-top .prev-project a:hover,
.back-to-top .next-project a:hover
{
	text-decoration:  none;
}

.back-to-top .next-project
{
	position:  absolute;
	right:  1.5rem;
	top:  0;
}

.big-slider
{
	margin-bottom:  8rem;
}

.big-slider .slider-wrap
{
	position:  relative;
}

.big-slider .slider-wrap:after
{
	content: '';
	width:  100%;
	height:  .2rem;
	background:  #fff;
	position:  absolute;
	bottom:  0;
	left;
	z-index:  9999;
}

.big-slider .slider-nav-wrap
{
	z-index:  9999;
	position:  absolute;
	bottom:  8.5rem;
	width:  100%;
	left:  0;
}

.big-slider .slider-nav-wrap .scroll-down
{
	position:  absolute;
	left:  50%;
	top:  -1.5rem;
	margin-left:  -2rem;
	width:  4rem;
}

.big-slider .slider-nav-wrap .scroll-down svg
{
	display:  block;
}

.big-slider .slider-nav-wrap .scroll-down svg path:nth-child(3)
{
	animation: animateScroll 2s ease infinite;
}

@keyframes animateScroll {
  0%
  {
  	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
  }
  50%
  {
  	opacity:  1;
  }
  100%
  {
  	-moz-transform: translateY(6px);
	-webkit-transform: translateY(6px);
	-o-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	opacity:  0;
  }
}

.big-slider .slider-nav ul
{
	display:  flex;
	flex-wrap:  wrap;
}

.big-slider .slider-nav ul li
{
	margin-right:  .6rem;	
}

.big-slider .slider-nav ul li div
{
	display:  block;
	cursor:  pointer;
	width:  3.4rem;
	height:  3rem;
	padding-top:  1.5rem;
}

.big-slider .slider-nav svg
{
	display:  block;
}

.big-slider .slider-nav svg path
{
	d: path('m 0,0 0,6.25 16.16992,0 8.9414,0 L 34.05078,6.25 50.2207,6.25 50.2207,0 31.46093,0 25.11132,0 18.75976,0 0,0 Z');
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.big-slider .slider-nav .slick-active svg path
{
	d: path('m 0,0 0,6.25 16.16992,0 8.9414,8.949221 L 34.05078,6.25 50.2207,6.25 50.2207,0 31.46093,0 25.11132,6.35547 18.75976,0 0,0 Z');
}

.big-slider .slider
{
	position:  absolute;
	top: 0;
	left:  0;
	width:  100%;
	height:  100%;
	z-index:  9999;
}

.big-slider .slider .slick-list,
.big-slider .slider .slick-track
{
	display:  block;
	height:  100%;
}

.big-slider .slider .slide
{
	height:  100%;
}

.big-slider .slider .slide .link
{
	display:  block;
	height:  100%;
}

.big-slider img
{
	width:  100%;
}

.big-slider .slide > img
{
	position:  relative;
	z-index:  20;
}

.big-slider .slide
{
	position:  relative;
}

.big-slider .slide .cover,
.slider-images .mask-image
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	z-index:  30;
	clip-path: inset(0 0 0 100%);
}

.big-slider .slide .cover.animate,
.slider-images .mask-image.animate
{
	animation: 2s anim1 forwards;
}

@keyframes anim1 {
  0% { clip-path: inset(0 0 0 100%); }
  50% { clip-path: inset(0); }
  100% { clip-path: inset(0 100% 0 0); }
}

.big-slider .slide .cover img,
.slider-images .mask-image img
{
	clip-path: url(#svgPath);
	transition: clip-path 2s;
}

.big-slider .slide .slide-img,
.slider-images .reveal-image
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;	
	z-index:  30;
	clip-path: inset(0 0 0 100%);
}

.big-slider .slide .slide-img.animate,
.slider-images .reveal-image.animate
{
	animation: .5s anim2 forwards;
	animation-delay: .5s;
}

@keyframes anim2 {
  0% { clip-path: inset(0 0 0 100%); }
  100% { clip-path: inset(0); }
}


.big-slider #svgPathWrap
{
	opacity:  0;
	position:  absolute;
	top:  0;
	left:  0;
	pointer-events:  none;
	width:  100%;
}

.big-slider
{
	object-fit: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.generic-content
{
	padding:  5rem 0;
}

.single-post-content
{
	padding:  3rem 0 5rem 0;
}

.single-post-content .row
{
	margin-left:  -2rem;
	margin-right:  -2rem;
}

.single-post-content .row > div
{
	padding-left:  2rem;
	padding-right:  2rem;
	position:  relative;
}

.single-post-content .title
{
	padding-right:  4rem;
}

.single-post-content h1
{
	margin-bottom:  1rem;
}

.single-post-content .post-category
{
	font-family: 'Space Grotesk';
	color:  #821749;
	font-size:  3rem;
	font-weight: 400;
	text-transform:  initial;
	margin-bottom:  5rem;
}

.single-post-content .post-category a:hover
{
	text-decoration:  none;
}

.single-post-content .share-post
{
	display:  flex;
	flex-wrap:  wrap;
	padding-bottom:  2rem;
	margin:  0;
}

.single-post-content .share-post.fixed
{
	position:  fixed;
	bottom:  0;
}

.single-post-content .share-post.static
{
	position:  absolute;
	bottom:  0;
}

.single-post-content .share-post li
{
	margin-right:  2rem;
}

.single-post-content .share-post li:last-child
{
	margin-right:  0;
}

.single-post-content .share-post li svg
{
	width:  5.6rem;
	height:  5.6rem;
	display:  block;
}

.single-post-content .share-post li svg rect
{
	fill:  #2b2b2a;
}

.single-post-content .share-post li svg path
{
	fill:  #fff;
}

.single-post-content .sidebar h2
{
	color:  #646363;
	font-size:  3.6rem;
	margin:  0 0 1.5rem 0;
	line-height:  4rem;
}

.single-post-content .sidebar ul li a,
.single-post-content .sidebar ul li
{
	color:  #646363;
}

.single-post-content .sidebar ul li a:hover
{
	text-decoration:  none;
}

.related-posts
{
	padding:  10rem 0 8rem 0;
}

.related-posts .container-inner
{
	display:  block;
}

.related-posts h2, .posts h2
{
	font-size:  11rem;
	line-height:  12rem;
	margin-bottom:  10rem;
	color:  #000;
}

.posts
{
	padding:  10rem 0 8rem 0;
}

.posts.no-padding
{
	padding:  0 0 8rem 0;
}

.posts .row-full .column-2
{
	align-items:  center;
	display:  flex;
}

.posts-list > div
{
	margin-bottom:  3rem;
}

.posts-list .box
{
	display:  block;
	position:  relative;
	overflow:  hidden;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
	opacity:  1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.posts-list .box.fade-out
{
	opacity:  0;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.posts-list .box .content
{
	padding:  4rem 9.5rem;
}

.posts-list .box a:hover
{
	text-decoration:  none;
}

.posts-list .box h2
{
	font-size:  7rem;
	line-height:  7rem;
	margin-bottom:  5rem;
}

.posts-list .box.big h2
{
	font-size:  7rem;
	line-height:  6rem;
	margin-left:  -.5rem;
}

.posts-list .box .post-category
{
	color:  #821749;
	font-size:  2.4rem;
	line-height:  3rem;
	text-transform:  initial;
	font-weight: 400;
	font-family: 'Space Grotesk';
}

.posts-list .box .post-link
{
	position:  relative;
	color:  #821749;
	font-size:  2.4rem;
	line-height:  3rem;
	text-transform:  initial;
	font-weight: 500;
	font-family: 'Space Grotesk';
	text-decoration: underline;
	padding:  1.5rem 4rem 0 0;
	display:  block;
}

.posts-list .box .post-link svg
{
	position:  absolute;
	right:  0;
	top:  0;
}

.block-type-1 .row 
{
	margin-left:  -5rem;
	margin-right:  -5rem;
}

.block-type-1 .row > div
{
	padding-left:  5rem;
	padding-right:  5rem;
}

.block-type-1 .text
{
	font-family: 'Space Grotesk';
}

.block-type-1 .text h2
{
	margin-bottom:  0;
}

.block-type-1 .text p
{
	font-size:  3.6rem;
	line-height:  4.3rem;
	color: #646363;
}

.block-type-1 .additional-text p
{
	font-size:  1.8rem;
	line-height:  2.4rem;
	color: #646363;
	margin-bottom:  1.5rem;
}

.block-type-3 .box
{
	margin-bottom:  2.4rem;
}

.block-type-3 .heading
{
	font-size:  7rem;
	line-height:  7rem;
	margin:  0;
}

.block-type-3 .column-2 > div
{
	padding:  0 10%;
	height:  100%;
	padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.block-type-3 .text h2
{
	margin-bottom:  5rem;
}

.block-type-3 .text p
{
	margin-bottom:  4rem;
}

.block-type-3 .text *:last-child
{
	margin-bottom:  0;
}

.block-type-4 img
{
	width:  100%;
}

.block-type-4 .box
{
	margin-bottom:  2.4rem;
}

.block-type-4 .heading
{
	font-size:  7rem;
	line-height:  7rem;
	margin:  0;
}

.block-type-4 .column-2 > div
{
	padding:  0 10%;
	height:  100%;
	padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.block-type-4 .text h2
{
	margin-bottom:  5rem;
}

.block-type-4 .text p
{
	margin-bottom:  4rem;
}

.block-type-4 .text *:last-child
{
	margin-bottom:  0;
}

.block-type-4 a
{
	position:  relative;
	padding-right:  6rem;
	color:  #821749;
	display:  block;
	text-transform:  initial;
	font-weight: 500;
	font-size:  4.4rem;
	font-family: 'Space Grotesk';
	line-height:  4rem;
}

.block-type-4 a:hover
{
	color:  #821749;
}

.block-type-4 a svg
{
	position:  absolute;
	right:  0;
	top:  -.9rem;
}

.block-type-5
{
	margin-bottom:  5rem;
	padding-top: 4.5rem;
}

.block-type-6 .row
{
	display:  flex;
	align-items:  center;
}

.block-type-6 .column-1 .content 
{
	padding-left: 5%;
}

.block-type-portfolio .header-filters
{
	padding: 0 1.5rem;
}

.block-type-portfolio .filters
{
	justify-content:center;
	width:100%;
	padding: 0;
}

.block-type-portfolio .container > h2
{
	font-size: 12rem;
    line-height: 12rem;
    margin-bottom: 10rem;
    color: #000;
}

.grid-sizer { width: calc((100% - 90px) / 4); }
.gutter-sizer { width: 30px; }
.grid-item
{
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width:992px)
{
	.grid-item
	{
		width: calc((100% - 30px) / 2);
	}
}

.grid-item-fullwidth
{
	width:100%;
}

.grid-item-quarter
{
	width: 100%;
}

@media (min-width:992px)
{
	.grid-item-quarter
	{
		width: calc((100% - 90px) / 4);
	}
}

.projects-list
{
	margin-left:  -1.2rem;
	margin-right:  -1.2rem;
}

.projects-list > div
{
	padding-left:  1.2rem;
	padding-right:  1.2rem;
	margin-bottom:  2.4rem;
}

.projects-list-new
{
	margin-left: 0;
	margin-right: 0
}

.projects-list-new > div
{
	padding-left: 0;
	padding-right: 0;
}

.projects-list .box-wrap
{
	display:block;
}

.projects-list .box-wrap .box	
{
	margin-bottom:2rem;
}

.projects-list .box-wrap h3
{
	font-size:20px;
	line-height:30px;
	margin:0;
}

.projects-list .box
{
	display:  block;
	position:  relative;
	overflow:  hidden;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
	opacity:  1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	min-height: 20rem;
	background: #f7f7f7;
}

.projects-list-new .box
{
	min-height:auto;
}

.projects-list .grid-item-fullwidth .box,
.projects-list .grid-item-fullwidth .box .image-video
{
	min-height:40rem;
}

@media (max-width:767px)
{
	.projects-list .grid-item-fullwidth .box, .projects-list .grid-item-fullwidth .box .image-video
	{
		min-height:auto;
	}
}

@media (min-width:992px)
{
	.projects-list .grid-item-fullwidth .box,
	.projects-list .grid-item-fullwidth .box .image-video
	{
		/*min-height:98rem;*/
	}
}

.projects-list .box .image-video
{
	position: relative;
	margin: -1px;
	clip-path: inset(0px);
}

.projects-list .box .image-video video
{
    object-fit: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	margin: -1px;
	clip-path: inset(0px);
}

.projects-list .box.fade-out
{
	opacity:  0;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.projects-list .box .bg
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    transition: all .3s ease;
    transform: translate(156.25%);
}

.projects-list .box:hover .bg
{
	opacity:  .7;
	transform: translate(0);
}

.projects-list .box .bg:before,
.projects-list .box .bg:after
{
    content: "";
    display: block;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 500%;
    height: 100%;
    background: #821749;
    transform: skewX(45deg);
}

.projects-list .box .bg:before
{
	transform-origin: 0 100%;
}

.projects-list .box .bg:after
{
	transform-origin:  100% 0;
}

.projects-list .box .cover
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	display:  flex;
	padding:  10%;
	color:  #fff;
	align-items:  center;
	justify-content:center;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
	opacity:  0;
	-moz-transform: translateX(5%);
	-webkit-transform: translateX(5%);
	-o-transform: translateX(5%);
	-ms-transform: translateX(5%);
	transform: translateX(5%);
	z-index:  10;
}

.projects-list .box:hover .cover
{
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity:  1;
}

.projects-list .box .cover p
{
	font-family: 'Space Grotesk';
	font-size:  10rem;
	line-height:  10rem;
	text-transform:  initial;
	font-weight: 500;
	margin:  0;
	text-align:center;
}

.block-faq
{
	margin-bottom:10rem;
}

.block-faq h2
{
	text-align:center;
}

.faq .item
{
	border-bottom:1px solid #1d1d1b;
}

.faq .opener
{
	font-size:2.5rem;
	color:#761b4a;
	cursor:pointer;
	position:relative;
	padding:2rem 15rem 2rem 3.5rem;
	margin:0;
}

.faq .opener:after
{
	content:'';
	width:5.1rem;
	height:3rem;
	background:var(--wpr-bg-4661da30-e500-4518-b8d8-dc4e0488d3ea);
	background-size:5.1rem 3rem;
	position:absolute;
	right:3rem;
	top:50%;
	margin-top:-1.5rem;
}

.faq .item.open .opener:after
{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.faq .content
{
	display:none;
	padding:3rem 10rem 3rem 3.5rem;
	border-top:1px solid #1d1d1b;
}

@media (max-width:767px)
{
	.faq .content
	{
		padding:3rem 3.5rem 3rem 3.5rem;
	}
}

.cta
{
	text-align:  center;
}

.cta-link
{
	display:  inline-block;
	color:  #fff;
	font-size:  3rem;
	line-height:  3rem;
	text-transform:  initial;
	font-family: 'Space Grotesk';
	font-weight: 500;
	padding:  3rem 3rem;
	max-width:  100%;
	background:  #000000;
}

.cta-link:hover
{
	color:  #fff;
	text-decoration:  underline;
}

.contact-form .row
{
	margin-left:  -.2rem;
	margin-right:  -.2rem;
}

.contact-form .row > div
{
	padding-left:  .2rem;
	padding-right:  .2rem;
}

.contact-form p
{
	margin-bottom:  .4rem;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea
{
	width:  100%;
	border:  1px solid #000;
	font-family: 'Space Grotesk';
	font-size:  2.4rem;
	padding:  1rem 1.5rem;
	text-transform:  initial;
	font-weight: 500;
}

.contact-form textarea
{
	height:  35rem;
	resize:  none;
	display:  block;
	margin-bottom:  2rem;
}

.contact-form span
{
	display:  block;
	position:  relative;
}

.contact-form .wpcf7-submit
{
	border: none;
    color: #fff;
    font-size: 3.6rem;
    display: block;
    width: 100%;
    background: #000000;
    font-family: 'Space Grotesk';
    text-transform: initial;
	font-weight: 500;
    cursor: pointer;
    min-height: 3rem;
    line-height: 5rem;
    padding: 0 5rem;
}

.contact-form .wpcf7-not-valid-tip
{
	width:  100%;
	border:  1px solid #000;
	font-size:  2.4rem;
	padding:  1rem 1.5rem;
	font-family: 'Space Grotesk';
    text-transform: initial;
	font-weight: 500;
	color:  #f00;
	position:  absolute;
	top:  0;
	left:  0;
	background:  #fff;
}

.wpcf7-list-item
{
	margin:  0;
}

.contact-form .terms
{
	margin-bottom: 3rem;
}

.contact-form .terms input
{
	display:  none;
}

.contact-form .terms input + span
{
	position:  relative;
	padding-left:  6rem;
	font-size:  1.5rem;
	line-height:  2.2rem;
	cursor:  pointer;
}

.contact-form .terms input + span:before
{
	content: '';
	width:  3.3rem;
	height:  3.3rem;
	border:  1px solid #000;
	position:  absolute;
	left:  0;
	top:  1.5rem;
}

.contact-form .terms input:checked + span:before
{
	background:  url(../../../../../../../themes/brandglow/images/close.svg) center center no-repeat;
	background-size:  2rem 2rem
}

.contact-form .info
{
	font-size:  1.5rem;
	line-height:  2.2rem;
}

.contact-form .info p
{
	margin-bottom:  1.5rem;
}

.contact-form .info p,
.contact-form .info ol
{
	font-size:  1.5rem;
	line-height:  2.2rem;
}

.contact-form .info a
{	
	color:  #821749;
}

.contact-form .info a:hover
{
	text-decoration:  underline;
}

.error-404
{
	margin-bottom:  4rem;
	position:  relative;
	overflow:  hidden;
}

.error-404 .image
{
	width:  100%;
	height:  100%;
	position:  absolute;
	top:  0;
	left:  0;
	background-size:  cover;
	background-position:  center center;
}

.error-404 .container
{
	position:  relative;
	z-index:  10;
	padding-top:  18rem;
	padding-bottom:  30rem;
}

.error-404 .container-inner
{
	display:  block;
}

.error-404 h1
{
	font-size:  12rem;
	line-heighT:  11rem;
	margin-bottom:  35rem;
	color:  #fff;
}

.error-404 .text
{
	margin:  0;
	color:  #fff;
	font-size:  2.4rem;
	line-height:  3rem;
}

.page-footer
{
	margin-top:  1.2rem;
	font-size:  1.8rem;
	color:  #fff;
}

.page-footer .footer a
{
	color:  #646363;
}

.page-footer .footer a:hover
{
	text-decoration:  none;
}

.page-footer p
{
	font-size:  1.8rem;
	line-height: normal;
	margin:  0;
}

.page-footer .footer
{
	background: #000;
	padding:  2rem 0;
	font-family: 'Space Grotesk';
	color: #646363;
    text-transform: initial;
	font-weight: 500;
    display:  flex;
    flex-wrap:  wrap;
}

.page-footer .footer .container-inner
{
	align-items:  center;
}

.logo-footer
{
	margin:  0 4rem;
}

.page-footer .blocks
{
	display:  flex;
	flex-wrap:  wrap;
	align-items: top;
	margin:  0 1rem;
}

.page-footer .block
{
	margin: 0 3rem;
}

.page-footer a
{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.page-footer a:hover
{
	color:  #fff;
}

.page-footer .footer .block-4 a
{
	text-decoration:  underline;
}

.page-footer .social
{
	margin: 0 0 0 auto;
	display:  flex;
	flex-wrap:  wrap;
	font-size:  3.8rem;
}

.page-footer .social li
{
	margin:  0 1rem;
}

.page-footer .social li a
{
	color:  #fff;
}

.no-margin
{
	margin-bottom:  0;
}

h1,h2,h3,h4,h5,h6
{
	color: #821749;
	margin: 0 0 4rem 0;
	font-weight: 500; 
	line-height: normal;
	font-family: 'Space Grotesk';
	text-transform:  initial;
}

h1
{
	font-size: 5rem;
	line-height:  5rem;
}

h2
{
	font-size: 3.5rem;
	line-height:  3.5rem;
}

h3
{
	font-size: 2.5rem;
}

h4
{
	font-size: 2rem;
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 2.5rem 0;
	line-height: 3.4rem;
}

.ul-with-bullet ul li
{
	position:  relative;
	padding-left:  4rem;
}

.ul-with-bullet ul li:before
{
	content: '';
	position: absolute;
    top: 1.3rem;
    left:  2rem;
    width:  .7rem;
    height:  .7rem;
    background: #821749;
}

p
{
	margin: 0 0 4rem 0;
	line-height: 3rem;
}

a, a:hover, a:focus
{
color: inherit;
text-decoration: none;
}

a
{
	color:  #821749;
}

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

input:focus, textarea:focus
{
	outline: none;
}

img
{
max-width: 100%;
height: auto;
border: 0;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.to-animate
{
	opacity: 0;
}

.white
{
	color:  #fff;
}

.purple
{
	color:  #761b4a;
}

#cookies-message
{
	background:  #1d1d1b;
	position:  fixed;
	bottom:  3rem;
	right:  3rem;
	z-index:  999999999;
	color:  #fff;
	font-family: 'Space Grotesk';
	text-transform: initial;
	font-weight: 500;	
	display:  flex;
	flex-wrap:  wrap;
	padding:  1rem;	
}

#cookies-message span
{		
	font-size:  2.4rem;
	line-height:  2.5rem;
	margin-right:  2rem;
	display:  block;
}

#cookies-message span a
{
	text-decoration:  underline;
	color:  #fff;
}

#cookies-message > a
{
	font-size:  7rem;
	line-height:  5rem;
	background:  #711b4b;
	text-decoration:  none;
	padding:  1rem;
	color:  #fff;
	display:  flex;
	align-items:  center;
}

.image-holder
{
	display: block;
}

.embed-video
{
	max-width: 100%;
	height: auto;
	margin: -1px;
	clip-path: inset(0px);
	margin:-1px -1px 4rem -1px;
	display:block;
}

.smart-page-loader
{
	background: #821749 !important;
}

.logo-preloader
{
	background: var(--wpr-bg-91ccf3e1-e5e1-4775-8e72-4db8552cf670) center center no-repeat;
	background-size: 20rem 4.2rem;
	width: 80%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -40%;
	 -webkit-animation: fadeinout 1s linear infinite;
    animation: fadeinout 2s linear infinite;
}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

.grecaptcha-badge { visibility: hidden; }

/* new header */
.header-wrap
{
	display:flex;
	justify-content:space-between;
	width:100%;
	align-items:center;
}

.header-wrap #logo
{
	margin:0;
}

.header-wrap #logo
{
	width:2.7rem;
	margin-right:3rem;
}

#menu-horizontal
{
	display:none;
	color:#821749;
	margin:0;
}

#menu-horizontal ul
{
	background:#fff;
	padding:2rem;
	left:-2rem;
}

@media (min-width:992px)
{
	.new-header-menu #menu-horizontal
	{
		display:flex;
	}
}

#menu-horizontal > li
{
	margin-left:3rem;
}

.new-header-menu .header-wrap .search
{
	display:none;
}

@media (min-width:992px)
{
	.new-header-menu .header-wrap .search
	{
		display:block;
	}
}

.new-header-menu .header-wrap .header-right
{
	display:block;
}

@media (min-width:992px)
{
	.new-header-menu .header-wrap .header-right
	{
		display:none;
	}
}

.new-header-menu .page-header
{	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;		
}

@media (min-width:992px)
{
	.new-header-menu .page-header
	{
		position:fixed;
		top:0;
		left:0;
		width:100%;	
		background:rgba(255,255,255,1);
		min-height:auto;
		height:auto;
	}
}

@media (min-width:992px)
{
	.new-header-menu .page-content
	{
		padding-top:10rem;
	}
}

.header-wrap .search-form
{
	z-index:  999;
	position:  relative;
	width: 37rem;
	border-bottom:2px solid #821749;
	display:flex;
	align-items:center;
	padding-right: 5rem;
}

@media (min-width:992px) and (max-width:1199px)
{
	.header-wrap .search-form
	{
		width:22rem;
	}
}

.header-wrap .search-field
{
	font-size: 2rem;
	line-height: 3rem;
	border:  none;
	font-family: 'Space Grotesk';
	background:  none;
	color:  #821749;
	transition: all .3s ease;
	padding:  1rem 0;
	width:  100%;
	border:none;
}

.header-wrap .search-form button
{
	border:  none;
	background:  none;
	position:  absolute;
	right:  0;
	top:  50%;
	margin-top:-1.5rem;
}

.header-wrap .search-form button svg
{
	width:  3rem;
	height: 3rem;
}

.header-wrap .search-form button svg path
{
	fill:  #821749;
}

iframe
{
	max-width:100%;
	aspect-ratio: 16 / 9;
}

.page-content > section:first-child
{
	opacity:1 !important;
}