/*-- scss:defaults --*/

@import url(./fonts/league-gothic/league-gothic.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Open+Sans:ital@0;1&display=swap');

.my-custom-image {
    height: 50% !important;
    width: auto !important;  // Set width as needed
}

// fonts
$font-family-sans-serif:  'Open Sans' !default;

// large text

.large-text {
  font-size: 2.25rem;       /* or whatever “large” means for you */
  line-height: 1.2;         /* tighten up the spacing */
  font-weight: bold;
  color: #fff;              /* if you need white on a dark bg */
}


.small-text {
  font-size: 12px; /* Adjust as needed */
  font-weight: bold; /* Optional: make the text bold */
}

// center
.center-xy {
          margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translateY(-50%), translateX(-50%);
          transform: translateY(-50%), translateX(-50%);
        }

// Ensure all Reveal.js slides use the same font size
.reveal {
  font-size: 24px !important;  // This sets the font size for all elements
}


// colors
$body-bg: #FFFBEB !default;
$body-color: #041E42 !default;
$link-color: #830065 !default;
$selection-bg: #D50032 !default;


// headings
$presentation-heading-font: "Montserrat", sans-serif !default;
$presentation-heading-color: #041E42 !default;


// code blocks
$code-block-border-color: #93a1a1 !default;


/*-- scss:defaults --*/
html * {
  color-profile: sRGB;
  rendering-intent: auto;
}

.reveal .footer {
  font-size: 14px;
  color: #830065 !important;

}

$link-color: #39729E;
$text-muted: #6a737b;

/*-- scss:rules --*/
.hero-banner h2 {
  color: #39729E;
  font-size: 1.5rem;
}

.layout-example {
  background: #00539B;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1em;
  font-family: $font-family-monospace;
  font-size: .875em;
  font-weight: 600;
  padding-top: 1em;
  border-radius: 3px;
}

.left {
  text-align: left;
  padding-left: 1em;
}

.right {
  text-align: right;
  padding-right: 1em;
}

.hello-quarto-banner h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

#quarto-announcement {
  padding: 1em;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00539B; 
}

#quarto-announcement a {
  color: #FFFFFF;
}
.big-text {
  font-size: 1.8em;
}

.red-text {
  color: #d62728;
}

.mecir-box {
  background-color: #e8f4f8;
  padding: 1em;
  border-left: 5px solid #0072B2;
  border-radius: 8px;
  font-size: 1.1em;
}