/*
Theme Name: Stirling Street Arts Centre 2026
Theme URI: http://brandicoot.com/
Description: Do not deactivate or delete this theme.
Author: Brandicoot
Author URI: http://brandicoot.com/
Version: 1.0
Tags: responsive, multiple layouts, clean, modern, typography
Template: twentytwentyfive

Version History
	See history.txt
*/

/*********************************************
	Default Wordpress Style Modifications
  https://developer.wordpress.org/themes/features/block-style-variations/
*********************************************/

/* Modifying the 'rounded' style for the image to have a border radius of 0.5em */
.wp-block-image.is-style-rounded img {
  border-radius: 0.5em;
}

/* Add custom font @font-face below  find/replace Roboto */


/* Add custom color variables below -- 
use var(--color1, --color2, color3);*/

:root {
    --color1: #65257a; /* Dark Purple */
    --color2: #a62281; /* Purple */
    --color3: #e71984; /* Pink */
	  --color4: #f9b233; /* Yellow */
	  --color5: #89CCCA; /* Light Blue */
	  --colortxt: #777777; /* Text Color */
    --ff1: 'Montserrat', sans-serif; /* Font Family */
	  --ff2: 'Pacifico', cursive; /* Font Family */
}



/*********************************************
	Coloured Scrollbars
*********************************************/
::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #efefef;
}

::-webkit-scrollbar-thumb {
    background: var(--color1);
    -webkit-border-radius: 0.5em;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: var(--color2);
}
/*********************************************
	html styles
*********************************************/
html {
	scroll-behavior: smooth;
	scroll-padding-top: 3em;
}
strong {
  font-weight: 700;
}
.shadow {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.65);
}

.wp-block-cover.fixed {
	position: relative;
	overflow: hidden;
  z-index: -100;
}
.wp-block-cover__image-background,
.wp-block-cover__video-background {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	z-index: -150;
}

.header-background {
  background: #fff url('images/header_01.png') bottom no-repeat;
  background-size: 100%;
}
.body-background {
  background: url('images/background_left.png') left repeat-y,
	url('images/background_right.png') right repeat-y;
}
/*********************************************
	Media querys
*********************************************/
@media screen and (max-width: 780px) {
  .wp-block-cover {
    min-height: 200px !important;
  }
}

/*********************************************
	Buttons
*********************************************/

/* Button hover */
.wp-block-button__link {
  -webkit-transition: all .2s ease-in;
}
.wp-block-button__link:hover {
  background: var(--color2) ;
}
.is-style-outline a:hover {
  background-color: var(--color1) !important;
  color: #fff;
  border-color: var(--color1) !important;
}
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active,
.is-style-outline a:hover, .is-style-outline a:focus, .is-style-outline a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.contact a::before {
	font-weight: 900; 
	font: var(--fa-font-solid);
	content: "\f0e0";
	margin-right: 1.2em;
	font-size: 1.2em;
}
.map a::before {
	font-weight: 900; 
	font: var(--fa-font-solid);
	content: "\f59f";
	margin-right: 1.2em;
	font-size: 1.2em;
}

/*********************************************
	Button Link Styles
*********************************************/

.btn,
.more-link,
.loop-utility a,
input[type="submit"],
input[type="button"],
.comment-reply-link {
	font-weight: 700;
	font-size: inherit;
	cursor: pointer;
	display: inline-block;
	background: var(--color1);
	color: #FFFFFF;
	padding: .5em 1em;
	border: 1px solid transparent;
	border-radius: 0.5em;
	-webkit-appearance: none;	
	margin-bottom: 1.5em;
	text-decoration: none;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;	
}
.btn:hover,
.more-link:hover,
.loop-utility a:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.comment-reply-link:hover {
	background: var(--color2);
	color: #FFFFFF;	
	text-decoration: none;
}

a.btn img {
	font-size: 1rem;
	vertical-align: middle;
}
/*********************************************
	Navigation
*********************************************/
.wp-block-navigation a {
  display: block !important;
  padding: 0.5em 1em !important;
  border-radius: 0.5em !important;
  -webkit-transition: all .2s ease-in;
}
.wp-block-navigation a:hover {
  text-decoration: none;
  background: var(--color1);
  color: #fff !important;
  border-radius: 0.5em !important;
}
.wp-block-navigation .wp-block-navigation-item {
  background: none;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  border-radius: 0.5em;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation__container {
  border-radius: 0.5em !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container a {
  font-size: 0.85rem;
  letter-spacing: 0.05rem;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container a:hover {
  color: #fff !important;
  text-decoration: none;
  background: var(--color1);
}

/*********************************************
	Add reverse-on-mobile to column parent > advanced
*********************************************/

/* Reverse column order on mobile */
@media (max-width: 768px) {
  .reverse-on-mobile {
    display: flex;
    flex-direction: column-reverse !important;
  }
}
/*********************************************
	Animations
*********************************************/

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

.fadeInUp-animation {
  animation: 1.5s fadeInUp;
}

/*********************************************
	Footer center on mobile
*********************************************/

/* Reverse column order on mobile */
@media (max-width: 450px) {
  footer .credits p {
      text-align: center;
    }
}

/*********************************************************
	Remove white space between footer and last element
*********************************************************/

footer {
  margin-block-start: 0 !important;
}

/****************************************************
	GSAP Animated Elements
****************************************************/

.block-bar {
  opacity: 0;
}

.block {
  opacity: 0
}

.intro {
  opacity: 0;
}

.editor-styles-wrapper .block-bar {
  opacity: 1 !important;
  transform: none !important;
}

.editor-styles-wrapper .block {
  opacity: 1 !important;
  transform: none !important;
}

.editor-styles-wrapper .intro {
  opacity: 1 !important;
  transform: none !important;
}