/*
Theme Name: Rogue Brush 3.0
Theme URI: https://www.roguebrush.net
Author: Yane Naumoski
Author URI: http://www.jane.mk
Description: No templates. No shortcuts. Just like the work.
Version: 2026
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
*/

@font-face {
  font-family: "Retro Team";
  src: url('fonts/retroteam.otf') format("opentype");
}

body, html {
	padding:0;
	margin:0 !important;
	font-family:'Manrope', sans-serif;
	height:100%;
	background:#000;
	color:#fff;
}
header {
	width:100%;
	height:60px;
	/*background:#000;
	padding:24px 0 0 0;*/
	position:absolute;
	z-index: 2;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family:'Retro Team', 'IM FELL English SC', 'Open Sans';
	text-transform:uppercase;
	color:#FFF;
	padding:0;
	margin:0;
}
h1 {
	font-size:128px;
	line-height:128px;
}
h2 {
	font-size:96px;
	line-height:96px;
}
h3 {
	font-size:72px;
	line-height:72px;
}
h4 {
	font-size:48px;
	line-height:48px;
}
h5 {
	font-size:32px;
	line-height:32px;
}
h6 {
	font-size:28px;
	line-height:28px;
}

/* Paragraph */
p {
	font-family:'Manrope', sans-serif;
	font-size:20px;
	color:#fff;
	margin-top:16px;
}
p:empty {
	display:none;
}

/* Separator */
hr {
	width:100%;
	height:2px;
	background:none;
	border:none;
}

/* Links and Buttons */
a, a:hover {
	text-decoration:none;
	color:#000;
}
.containerpost a {
	text-decoration:underline;
}
.buttons {
	margin-top:48px;
}
button, a.button, input[type="submit"] {
	height:54px;
	padding:16px 32px;
	background:#000;
	color:#fff;
	font-family: 'Retro Team', 'Open Sans';
	font-size:32px;
	cursor:pointer;
	border:1px solid #fff;
}
a.button.secondary {
	border:0;
}
a.button.small {
	padding:6px 18px 4px 18px;
	font-size:20px;
}
.loadmore {
	margin-top:48px;
}

/* Hero video background */
.homepage-bg {
	position: relative;
    overflow: hidden;
}
.homepage-bg #bgVideo {
	position: absolute;
	left: auto;
	right:0;
	bottom:0;
	object-fit:contain;
	object-position:right;
	width:100%;
	height:100%;

}
.homepage-bg .container {
	position: relative;
    z-index: 1;
}



/* Navigation */
.navbar {
	position:fixed;
	background: linear-gradient(
  to bottom,
  rgba(0, 0, 0, 0.5) 50%,
  rgba(0, 0, 0, 0) 100%
);
}
nav ul {
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;

}
nav li {
	margin-left:24px;
}
nav li a, header li a:hover {
	color:#FFF;
}
nav .barsicon {
	color:#fff;
	font-size:32px;
}
nav button:focus {
	outline:none;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
nav .show {
	background:#000;
	width:100%;
	height:100vh;
	text-align:center;
	position:absolute;
	top:0;
	bottom:0;
	z-index:6;
	margin-top:0 !important;
}
nav .show ul {
	margin-top:120px;
	font-size:42px;
	background:#000;
	font-family:'Retro Team', 'IM FELL English SC', 'Open Sans';
	font-weight:normal;
}
nav .collapse {
	margin-top:24px;
}
.navbar-toggler, #shoppingCart {
	position: relative;
    z-index: 11;
}
.navbar-toggler:focus {
	box-shadow:none;
}
#logo {
	width: 80px;
	height:80px;
	display:block;
	background-image: url(images/logo-glitch.gif);
	/*background-image: url(images/logo.png);*/
	background-size:100%;
	position:absolute;
	top:0;
	left:0;
}
#mainNav {
	margin-right:24px;
}


/* Hero */
#hero {
	position:relative;
	top:-60px;
	display:flex;
    align-items:center;
}
#herospawn {
	position:relative;
	display:flex;
    align-items:center;
}
#herospawn .scrollformore {
	position:absolute;
	bottom:24px;
	width: 100%;
    text-align: center;
}
#herospawn .scrollformore h6 {
	color:#444;
}
#innerHero {
	position:relative;
	height:80%;
}
#innerHero .container {
	position:absolute;
	z-index:1;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	margin-top:60px;
	
}
#innerHero .bggradient {
	position: absolute;
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 1),
		rgba(0, 0, 0, 0)
	);
	z-index: 1;
	pointer-events: none;
	height: 100%;
	width: 40%;
	right: 0;
    top: 0;
}
#innerHero .background {
	position: absolute;
    right: 0;
    top: 0;
    height:100%;
    width: 40%;
	z-index:0;
}
#innerHero .title {
	flex: 0 0 auto;
    width: 90%;
}
#innerHero .subtitle {
	margin-top:24px;
	flex: 0 0 auto;
    width: 66.66666667%;
}



#innerHero.rblogo {
	background-size:55%;
}
#innerHero .rblogo1 {
	background-image: url(images/sectionbackground.png);
	background-position:right;
	background-repeat: no-repeat;
}
#innerHero .rblogo2 {
	background-image: url(images/0120.gif);
	background-position:right;
	background-repeat: no-repeat;
	background-size:60%;
}




/* Content */
.content {
	margin-top:200px;
}
.content .grid {
	margin-top:48px;
}
.content .grid .col {
	aspect-ratio: 1 / 1; 
}

.workcard {
	opacity:0.5;
	overflow:hidden;
}
.workcard:hover {
	opacity:1;
}
.workcard .header, .sizematters .header {
	position:relative;
}
.workcard .cardinfo {
	width:100%;
	position:absolute;
	bottom:0;
	z-index:2;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	padding:12px 16px;
	transform: translateY(100%);
	opacity: 0;
	transition:
		transform 0.5s cubic-bezier(.2,.6,.2,1),
		opacity 0.4s ease;
}
.workcard .cardinfo p, .sizematters p {
	font-size:16px;
	margin: 4px 0 0 0;
}
.sizematters .cardinfo {
	width:100%;
	position:absolute;
	bottom:0;
	z-index:1;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	padding:12px 18px;
}

.workcard:hover .cardinfo {
  transform: translateY(0);
  opacity: 2;
}

.workcard img, .sizematters img {
	width:100%;
	height:100%;
	position:relative;
	z-index:0;
	object-fit: cover;
	transform: scale(1);
	transition: transform 0.6s ease;
}
.workcard:hover img {
	transform: scale(1.03) rotate(0.4deg);;	
}
.workcard .glitch {
	position: absolute;
	inset: 0;
	z-index: 2;
	background-image: url(images/glitch.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}
.workcard:hover .glitch {
	opacity:0.3;
}
.testimonial {
	
}
.testimonial .testimg {
	width:100%;
	height:250px;
	margin-bottom:24px;
	background-position:0 0;
	background-size:100%;
	background-repeat: no-repeat;
}
.testimonial .testxt p {
	display: -webkit-box;
	-webkit-line-clamp: 5;  /* number of lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin:6px 0 0 0;
}

.testimonial .avatar {
	margin-top:24px;	
}
.testimonial .avatar img {
	width:44px;
	height:44px;
	border-radius:50%;
	margin-right:12px;
}
#testimonials {
	column-count:2;
	column-gap: 1.5rem;
}
#testimonials .rbtestimonial {
	background:#080808;
	break-inside: avoid;
	margin-bottom: 1.5rem;
	padding:16px;
}
#testimonials .testimonial .testxt p {
	-webkit-line-clamp: none;  /* number of lines */
}





/* Chaos */
#theDamage span {
	color:#fff;
}
#theWork .col-sm-12, #theWork .col-md-12, #theWork .col-lg-6, #theWork .col-xl-6, #theWork .col-lg-4, #theWork .col-xl-4 {
	aspect-ratio: 1 / 1; 
}
#sceneSizes .col-sm-12, #sceneSizes .col-md-12, #sceneSizes .col-lg-4, #sceneSizes .col-xl-4 {
	aspect-ratio: 1 / 1; 
}
#epicMiniPrint .logo {
	width:100%;
	height:100%;
	background-image: url(images/emp.png);
	background-position:center;
	background-repeat: no-repeat;
}
#epicMiniPrint .col-sm-12, #epicMiniPrint .col-md-12, #epicMiniPrint .col-lg-6, #epicMiniPrint .col-xl-6 {
	aspect-ratio: 1 / 1; 
}
#manifesto {
	position:relative;
}
#manifesto .pledge {
	width:60%;
	background:rgba(8, 8, 8, 0.6);
	padding:36px;
	margin-top:80px;
	position:relative;
	z-index:1;
}
#manifesto .pledge p {
	font-size:24px;
	color:#fff;
	margin:0;
}
#manifesto .yane {
	position: absolute;
    width: 800px !important;
    height: 800px;
    right: 0;
    top: -110px;
}


/* Raven scrolls */
.socialmedia .icon {
	font-size:56px;
	display: block;
	color:#FFF;
	float:left;
}
.socialmedia h4 {
	margin-left:18px;
	float:left;
}
input[type=text], input[type=email], textarea {
	width:100%;
	background:#050505;
	border:1px solid #3C3C3C;
	padding:12px;
	resize: none;
	color:#fff;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
	border:1px solid #7D7D7D;
	
}
form .row {
	margin-bottom:24px;
}
form label {
	width:100%;
	margin-bottom:6px;
	font-size:18px;
}
.bigbutton input[type="submit"] {
	height:80px;
	padding: 16px 0;
	
}


/* Footer */
#footer {
	margin-top:200px;
	height:auto;
	background:#000;
	padding:24px 0;
}

#footer p {
	font-size:14px;

}
#footer p span {
	font-size:10px;
}
#footer a {
	color:#fff;
	display:block;
	margin-left:24px;
}
#footer .icon {
	font-size:32px;
	display: block;
    float: left;
}
#footer .social {
	font-family:'Retro Team', 'IM FELL English SC', 'Open Sans';
	font-size:24px;
    margin:8px 0 0 12px;
	display: block;
    float: left;
}
#footer .socialmedia {
	padding:0;
}






figcaption {
	font-size:12px;
	text-align:center;
	margin-top:6px;
}
.coltopmargin .col-md-12 {
	margin-top:15px;
}


.not-found {
	margin-top:200px;
}
.error404 { 
    min-height: 100%;
    height: 100%;
}

.wp-block-columns {
	display: flex;
	width:100%;
}

.wp-block-column {
	flex: 1;
	width:100%;
	margin-right:1%;
}
.wp-block-column img {
	width:100%;
	height:100%;
}
.wp-block-embed{
	width:100% !important;
}
.containerpost p {
	margin-top:16px;
}
.containerpost img {
	width:100%;
	height:100%;
}
.containerpost figure {
	width:100%;
}
.containerpost .wp-block-image.size-large {
	margin-right:1%;
}
.containerpost h2 {
	margin-top:30px;
}
.containerpost a:hover {
	text-decoration:underline;
}
.containerpost .wp-block-heading {
	width:100% !important;
}
.containerpost figure iframe {
	width:100%;
}
.grecaptcha-badge {
	display:none !important;
}
.wp-block-columns {
	margin-bottom:0;
}

.mygear .roguegear {
	margin-top:16px;
}

.tag {
	background-color:#000;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	padding:2px 8px;
	font-weight:bold;
}
.darkmode {
	background:#000;
	color:#fff;
	padding:54px 0;
}
.darkmode h6 {
	color:#fff;
}
.darkmode .tag {
	background-color:#fff;
	color:#000;
}
.darkmode p {
	color:#AEAEAE;
	font-size:16px;
}
.wpcf7-submit {
	width:100%;
}




.lastcontainer {
	margin-bottom:0 !important;
}
.thecursedshard {
	margin-bottom:54px;
}
.thecursedshard h1 {
	color:#000;
}
.thecursedshard img {
	width:100%;
	height:100%;
}
.thecursedshard .col-12 .col {
	padding:0;
}

  

@media only screen and (max-width:1999px) {

}

@media only screen and (max-width:990px) {
	.testimonial { 
		margin-bottom:20px;
	}
	.emailfield {
		margin-top:24px;
	}
	#mainNav {
		margin-right:0;
	}
	#manifesto .pledge {
		width:100% !important;
	}
	#innerHero {
		height:100% !important;
	}
	#innerHero .bggradient {
		width:100% !important;
	}
	#innerHero .background {
		width:100% !important;
	}
	.homepage-bg #bgVideo {
		object-position: bottom;
	}
	#testimonials {
		column-count:1;
	}
}

@media only screen and (max-width:778px) {
	.wp-block-columns {
		display: block;
	}
	.wp-block-column {
		margin: 20px 0;
	}
	.containerpost .row {
		padding:0 24px;
	}
	.rbstats .col-sm-12 {
		margin-top:26px;
	}
	.rbstat .col-sm-6 {
		margin-top:0;
	}
}

@media (max-width: 478px) {
  .wp-block-columns {
    display: block;
  }
  
  .wp-block-column {
    margin: 20px 0;
  }

  .hometitle {
	  font-size: 72px;
	  line-height:72px;
  }
  .homepage-bg #bgVideo {
	  display:none;
	  background:url(images/background.png);
  }
	.homepage-bg {
		
	  background:url(images/background.png);
	}
	#footer .socialmedia {
		display:none !important;
	}
	h1 {
		font-size: 72px !important;
		line-height: 72px !important;
		text-align:center;
	}
	h2 {
		font-size: 52px !important;
		line-height: 52px !important;
	}
	#innerHero .title {
		width:100% !important;
		
	}
	#innerHero .subtitle, #herospawn p {
		width:100% !important;
		text-align:center;
	}
	#epicMiniPrint .logoto {
		margin-top:48px;
	}
	nav li {
		margin-left:0 !important;
	}
  
}