/*
Theme Name: Daily Brief App
Author: Quackpipe.com
Author URI: http://www.quackpipe.com/
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Datatype:wght@100..900&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Imbue:opsz,wght@10..100,100..900&family=Ultra&family=Manufacturing+Consent&display=swap');

@import url('https://app.quackpipe.com/wp-content/themes/alfred/style.css');

body {
    font-family: "Google Sans Flex", sans-serif;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.headerFont {
    font-family: "Caprasimo" !important;
}

.img-fluid {
    width: 100%;
}

.container {
  padding: 0 2.5vw 2.5vw 2.5vw;
}

.overflow-wrapper {
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
}

/* Wider than viewport */
.custom-row {
    width: 120%;
    margin-left: -10%;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

/* Shift second row */
.row-2 {
    margin-left: -22.5%;
}

/* Equal-width columns */
.custom-col {
    flex: 1;
    min-height: 16vw;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 2rem;
    position: relative;
}


body.home .navbar {
    transform: translateY(-100%);
    transition: transform .3s ease;
    will-change: transform;
}

body.home .navbar.show-nav {
    transform: translateY(0);
}

    

/* Default Colors */

:root {

  /* Core Theme Colors */
  --bs-primary: #252F57;
  --bs-primary-rgb: 37, 47, 87;

  --bs-secondary: #607B7D;
  --bs-secondary-rgb: 96, 123, 125;

  --bs-info: #828E82;
  --bs-info-rgb: 130, 142, 130;

  --bs-dark: #EBDBC2;
  --bs-dark-rgb: 235, 219, 194;

  --bs-light: #FFF9ED;
  --bs-light-rgb: 255, 249, 237;

  /* Body / General */
  --bs-body-bg: var(--bs-light);
  --bs-body-color: #000000;
  --bs-body-color-rgb: var(--bs-primary-rgb);

  /* Links */
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-secondary);

  /* Borders */
  --bs-border-color: rgba(var(--bs-secondary-rgb), .25);

  /* Primary Buttons */
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1d2545;
  --bs-btn-hover-border-color: #1d2545;

  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #171d37;
  --bs-btn-active-border-color: #171d37;

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);

  /* Secondary Buttons */
  --bs-secondary-color: #fff;
  --bs-secondary-bg: var(--bs-secondary);
  --bs-secondary-border-color: var(--bs-secondary);

  /* Forms */
  --bs-form-control-bg: #fff;
  --bs-form-control-color: var(--bs-primary);
  --bs-form-control-border-color: rgba(var(--bs-secondary-rgb), .45);
  --bs-form-control-focus-border-color: var(--bs-primary);
  --bs-form-control-focus-box-shadow:
    0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);

  /* Cards */
  --bs-card-bg: #fff;
  --bs-card-border-color: rgba(var(--bs-secondary-rgb), .2);
  --bs-card-cap-bg: var(--bs-dark);
  --bs-card-cap-color: var(--bs-primary);

  /* Alerts */
  --bs-info-bg-subtle: #eef1ec;
  --bs-info-border-subtle: var(--bs-info);
  --bs-info-text-emphasis: var(--bs-primary);

  /* Navbar */
  --bs-navbar-color: var(--bs-primary);
  --bs-navbar-hover-color: var(--bs-secondary);
  --bs-navbar-brand-color: var(--bs-primary);
  --bs-navbar-brand-hover-color: var(--bs-secondary);

  /* Dropdowns */
  --bs-dropdown-bg: #fff;
  --bs-dropdown-link-color: var(--bs-primary);
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: var(--bs-primary);

  /* Modals */
  --bs-modal-bg: #fff;
  --bs-modal-color: var(--bs-primary);
  --bs-modal-header-border-color: rgba(var(--bs-secondary-rgb), .2);
  --bs-modal-footer-border-color: rgba(var(--bs-secondary-rgb), .2);

  /* Table */
  --bs-table-bg: transparent;
  --bs-table-color: var(--bs-primary);
  --bs-table-striped-bg: rgba(var(--bs-dark-rgb), .35);
  --bs-table-hover-bg: rgba(var(--bs-secondary-rgb), .12);
}

.btn-primary {
  --bs-btn-bg: #252F57;
  --bs-btn-border-color: #252F57;
  --bs-btn-hover-bg: #1d2545;
  --bs-btn-hover-border-color: #1d2545;
  --bs-btn-active-bg: #171d37;
  --bs-btn-active-border-color: #171d37;
}

.btn-secondary {
  --bs-btn-bg: #607B7D;
  --bs-btn-border-color: #607B7D;
  --bs-btn-hover-bg: #4f6768;
  --bs-btn-hover-border-color: #4f6768;
  --bs-btn-active-bg: #435758;
  --bs-btn-active-border-color: #435758;
}

.btn-info {
  --bs-btn-bg: #828E82;
  --bs-btn-border-color: #828E82;
  --bs-btn-hover-bg: #6f7a6f;
  --bs-btn-hover-border-color: #6f7a6f;
  --bs-btn-active-bg: #5f695f;
  --bs-btn-active-border-color: #5f695f;
  color: #ffffff;
}

.btn-dark {
  --bs-btn-color: #252F57;
  --bs-btn-bg: #EBDBC2;
  --bs-btn-border-color: #EBDBC2;
  --bs-btn-hover-color: #252F57;
  --bs-btn-hover-bg: #dfccb0;
  --bs-btn-hover-border-color: #dfccb0;
}

.btn-light {
  --bs-btn-color: #252F57;
  --bs-btn-bg: #FFF9ED;
  --bs-btn-border-color: #FFF9ED;
  --bs-btn-hover-color: #252F57;
  --bs-btn-hover-bg: #f2eadb;
  --bs-btn-hover-border-color: #f2eadb;
}

.table-dark {
    --bs-table-color: #000000;
    --bs-table-bg: var(--bs-dark);
    --bs-table-border-color: var(--bs-border-color);
}

/* Opacity */

.opacity-100 {
    opacity: 1;
}

.opacity-95 {
    opacity: 0.95;
}

.opacity-90 {
    opacity: 0.90;
}

.opacity-85 {
    opacity: 0.85;
}

.opacity-80 {
    opacity: 0.80;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-70 {
    opacity: 0.70;
}

.opacity-65 {
    opacity: 0.65;
}

.opacity-60 {
    opacity: 0.60;
}

.opacity-55 {
    opacity: 0.55;
}

.opacity-50 {
    opacity: 0.50;
}

.opacity-45 {
    opacity: 0.45;
}

.opacity-40 {
    opacity: 0.40;
}

.opacity-35 {
    opacity: 0.35;
}

.opacity-30 {
    opacity: 0.30;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-20 {
    opacity: 0.20;
}

.opacity-15 {
    opacity: 0.15;
}

.opacity-10 {
    opacity: 0.10;
}

.opacity-5 {
    opacity: 0.05;
}

.opacity-0 {
    opacity: 0;
}

.offcanvas.offcanvas-left {
    --bs-offcanvas-height: 100vh;
    --bs-offcanvas-width: 60vw;
    min-width: 60vw;
    min-height: 100vh;
    left: 0;
}

.offcanvas.offcanvas-bottom {
    --bs-offcanvas-width: 94vw;
    --bs-offcanvas-height: 96vh;
}

    .offcanvas.offcanvas-bottom {
        margin-right: 3vw;
        margin-left: 3vw;
        margin-top: 3vh;
    }