/*
Theme Name: Ribah on the Beat!
Theme URI: www.ribahonthebeat.com
Description: Custom Theme created and designed for Ribah. Copyright 2020 solely for use by Ribah on the Beat.
Version: 1.0.0
Author: Good Fellas Digital Marketing
Author URI: https://goodfellastech.com
*/
/* 3rd party packages */


/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Required for full background image */


html, body, header,
.view {
	height: 100%;
	width: 100%;
}

@media (max-width: 740px) {
html,
body,
header,
.view {
  height: 100%;
  width: 100%;

	}
}

@media (min-width: 800px) and (max-width: 850px) {
html,
body,
header,
.view {
  height: 100%;
  width: 100%;
	}
}

h1,h2,h3,h4,h5{
	font-family: pirulen, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.navbar-brand{
	font-family: pirulen, sans-serif;
	font-weight: 700;
	font-style: normal;	
}

.img-small{
	max-width: 75px;
	height: auto;
}

.btn{
	font-family: pirulen, sans-serif;
	font-weight: 700;
	font-style: normal;	
}

.pagination .page-item.active .page-link {
    transition: all .2s linear;
    border-radius: .125rem;
    color: #fff;
}

.fixed-bg {
  background-image: url('/wp-content/uploads/2025/07/moody-background-equipment.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
  width: 100%;
}

.border-gradient {
  position: relative;
  padding: 2px; /* Thickness of the border */
  border-color: linear-gradient(135deg, rgb(18, 102, 241), rgb(249, 49, 84));
}