// Business theme for Tiki Bootstrap 5
// This file is for additional SCSS rules beyond what are in variables.scss.
// Image path example:
$imagePath: "../images/";
// body {
//    background-image: url('#{$imagePath}bg.jpg');
// }

$tiki-topmodules-row-sidemargins: 0;
$tiki-topbar-row-sidemargins: -15px;

//.page-header .top_modules {
//  background: #8ba8c8; /* Old browsers */
//  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ba8c8), color-stop(0%, #0b346c), color-stop(1%, #003376), color-stop(1%, #00366f), color-stop(2%, #01366c), color-stop(3%, #023175), color-stop(3%, #00356e), color-stop(60%, #003470), color-stop(64%, #023574), color-stop(64%, #03357a), color-stop(67%, #00387b), color-stop(68%, #00387f), color-stop(71%, #023b82), color-stop(71%, #003e85), color-stop(74%, #003e89), color-stop(75%, #013e8e), color-stop(77%, #004394), color-stop(81%, #024699), color-stop(82%, #00489d), color-stop(85%, #01499e), color-stop(85%, #0049a5), color-stop(88%, #014aa6), color-stop(89%, #014ca9), color-stop(92%, #034eab), color-stop(97%, #004daa), color-stop(98%, #004ba6), color-stop(99%, #003e8d), color-stop(100%, #003a80), color-stop(100%, #1e599f)); /* Chrome,Safari4+ */
//  background: -webkit-linear-gradient(top, #8ba8c8 0%, #0b346c 0%, #003376 1%, #00366f 1%, #01366c 2%, #023175 3%, #00356e 3%, #003470 60%, #023574 64%, #03357a 64%, #00387b 67%, #00387f 68%, #023b82 71%, #003e85 71%, #003e89 74%, #013e8e 75%, #004394 77%, #024699 81%, #00489d 82%, #01499e 85%, #0049a5 85%, #014aa6 88%, #014ca9 89%, #034eab 92%, #004daa 97%, #004ba6 98%, #003e8d 99%, #003a80 100%, #1e599f 100%); /* Chrome10+,Safari5.1+ */
//  background: linear-gradient(to bottom, #8ba8c8 0%, #0b346c 0%, #003376 1%, #00366f 1%, #01366c 2%, #023175 3%, #00356e 3%, #003470 60%, #023574 64%, #03357a 64%, #00387b 67%, #00387f 68%, #023b82 71%, #003e85 71%, #003e89 74%, #013e8e 75%, #004394 77%, #024699 81%, #00489d 82%, #01499e 85%, #0049a5 85%, #014aa6 88%, #014ca9 89%, #034eab 92%, #004daa 97%, #004ba6 98%, #003e8d 99%, #003a80 100%, #1e599f 100%); /* W3C */
//  color: #fff;

//  & button {
//    color: #fff;
//  }

//  & a {
//    color: #fff;
//  }
//}

//.page-header .top_modules .cssmenu_horiz li ul > li > a,
//.page-header .top_modules .dropdown-item {
//  color: #212529;
//}

.navbar-dark-parent {
    .sitetitles a {
        color: #ffffff;
    }
    .sitesubtitle {
        color: #91bef5;
    }
}

.sitetitles {
  font-weight: 700
}

h1.sitetitle {
  font-size: 24px;
}

h2.sitesubtitle {
  font-size: 13px;
  font-style: italic;
}

.page-header,
.header_outer.bg-dark-parent,
.bg-dark,
.topbar.bg-dark > li,
.navbar-dark
    {
  background: #1f5daa !important; /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f5daa), color-stop(2%, #3977c4), color-stop(3%, #3b7ac7), color-stop(5%, #3877c6), color-stop(7%, #3a7cca), color-stop(9%, #3778c8), color-stop(19%, #3674c7), color-stop(43%, #2c6abf), color-stop(69%, #1c5cb3), color-stop(93%, #1454ac), color-stop(97%, #1455a9), color-stop(98%, #1a57a8), color-stop(100%, #346dba)) !important; /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, #1f5daa 0%, #3977c4 2%, #3b7ac7 3%, #3877c6 5%, #3a7cca 7%, #3778c8 9%, #3674c7 19%, #2c6abf 43%, #1c5cb3 69%, #1454ac 93%, #1455a9 97%, #1a57a8 98%, #346dba 100%) !important; /* W3C */
   border-left: 1px solid #3676C4;
  border-right: 1px solid #1957AA;
}

.topbar.bg-dark > li > a,
//.topbar.bg-light > li > a,
.topbar .cssmenu_horiz > li > a,
.layout_social .fixed-top .navbar-brand,
.layout_social .fixed-top .nav-link,
//.layout_social .fixed-top button.dropdown-toggle,
.layout_social .fixed-top .cssmenu_horiz > li > a,
.navbar.bg-dark > .nav-link,
//.navbar.bg-light > .nav-link
 {
  color: #fff;
}

.navbar.bg-dark//,
//.navbar.bg-light
    {
    .nav-link {
        color: #fff;
    }
    .dropdown-item {
        color: $dropdown-color;
    }
}

//.navbar li.dropdown {
//  border-left: 1px solid #3676c4;
//  border-right: 1px solid #1957aa;
//
//  & > a {
//    color: #fff;
//  }
//}

// topbar hover
.topbar .nav > li > a:hover,
.topbar .nav > li > a:focus,
.topbar .cssmenu_horiz > li > a:hover,
.topbar .cssmenu_horiz > li:hover,
.topbar .cssmenu_horiz li.sfHover:hover,
.topbar .cssmenu_horiz > li.selected > a,
.bg-dark > li > a:hover,
.bg-dark > li > a:focus,
.bg-dark > .active > a//,
//.bg-light > li > a:hover,
//.bg-light > li > a:focus,
//.bg-light > .active > a
     {
  text-decoration: none;
  background: #3270bd; /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3270bd), color-stop(2%, #1855a5), color-stop(3%, #1553a8), color-stop(5%, #1855ae), color-stop(7%, #1353ad), color-stop(14%, #1858af), color-stop(26%, #1a5ab1), color-stop(29%, #1d5eb2), color-stop(53%, #2866bb), color-stop(55%, #2c6abf), color-stop(95%, #3a79c9), color-stop(97%, #3a7ac4), color-stop(98%, #3777c1), color-stop(100%, #205ea9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3270bd 0%, #1855a5 2%, #1553a8 3%, #1855ae 5%, #1353ad 7%, #1858af 14%, #1a5ab1 26%, #1d5eb2 29%, #2866bb 53%, #2c6abf 55%, #3a79c9 95%, #3a7ac4 97%, #3777c1 98%, #205ea9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3270bd 0%, #1855a5 2%, #1553a8 3%, #1855ae 5%, #1353ad 7%, #1858af 14%, #1a5ab1 26%, #1d5eb2 29%, #2866bb 53%, #2c6abf 55%, #3a79c9 95%, #3a7ac4 97%, #3777c1 98%, #205ea9 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #3270bd 0%, #1855a5 2%, #1553a8 3%, #1855ae 5%, #1353ad 7%, #1858af 14%, #1a5ab1 26%, #1d5eb2 29%, #2866bb 53%, #2c6abf 55%, #3a79c9 95%, #3a7ac4 97%, #3777c1 98%, #205ea9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3270bd', endColorstr='#205ea9', GradientType=0); /* IE6-9 */
}

//.topbar .navbar {
//  margin-bottom: 0;
//  border: none;
//}

.topbar .cssmenu_horiz > li > a,
.topbar .navbar-dark .navbar-nav > li > a {
  //  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 15px;
  padding-top: 15px;
  font-weight: 700;
  font-size: 12px;
}

#col1, #col2, #col3 {
  padding-top: 1em;
}

.layout_classic .middle_outer,
body:not(.layout_classic) #middle.container-std.middle,
.layout_basic .row-middle {  // Moved from #col1 for Bootstrap 5
  background: #fbfbfb url('#{$imagePath}image2.jpg') 100% 0 no-repeat;
}



#footer .container,
footer.main-footer .container {
  min-height: 60px;
  background: url('#{$imagePath}footer.gif') repeat-x;
}

.card-header,
.modal-header {
  //  background: #3475c6 url('#{$imagePath}title_bg.png') no-repeat 0 0;
  background: #386dbb; /* Old browsers */
  background: -webkit-linear-gradient(top, #386dbb 0%, #3a6fbb 7%, #457bc3 25%, #4c82ca 54%, #2f6dc0 57%, #3371c4 82%, #3574c4 86%, #3574c4 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #386dbb 0%, #3a6fbb 7%, #457bc3 25%, #4c82ca 54%, #2f6dc0 57%, #3371c4 82%, #3574c4 86%, #3574c4 100%); /* W3C */
  text-transform: uppercase;
  color: #fff;

  & a:not(.dropdown-item) {
    color: #fff;
  }

  .dropdown-item .tips {
    color: $body-color;

    &:hover {
      text-decoration: none;
    }
  }
}

h3.card-title {
  font-size: 90%;
  font-weight: 700;
}

.adminanchors.card { background: transparent; }

.modal-header {
  color: $gray-300;
}

// Class no longer supported by Bootstrap
.well {
  background: url('#{$imagePath}market.jpg') 0 100% no-repeat;
  background-size: 100% 100%;
  color: $gray-500;
}

.magnifying_glass {
  background: url('#{$imagePath}magnifyT.png') no-repeat;
  height: 59px;
  width: 59px;
  position: absolute;
  top: -3px;
  left: -45px;
  z-index: 2;
}

.topbar .sf-arrows .sf-with-ul:after {
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #ffffff; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255, 255, 255, .5);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #ffffff; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  border-color: transparent;
  border-left-color: #dfeeff; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, .5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #ffffff;
}

//.popover { Moved to variables
//  color: $body-color;
//}

// prevent gradient on gradient or on middle box-shadow
.bg-dark .bg-dark,
.tiki .navbar.bg-dark .navbar.navbar-dark.bg-dark,
//.tiki.navbar.bg-light .navbar.bg-light
//.page-header
{
  background-image: none !important;
  background: transparent !important;
  border-left: none;
  border-right: none;
}

.layout_classic .navbar-dark-parent {
    background: transparent !important;
}

// Update for Smartmenus
.navbar .navbar-nav.sm-vertical {
    .dropdown { border: none;
     a { color: #005999; }
    }
}

// overriding some cypht stuff
.tiki-webmail, .tiki-cypht, .mobile.tiki-cypht, .inline-cypht {
    .moduletitle { color: $card-text !important; }
}

// Buttons
.btn-outline-warning {
    color: #975D0C;
}

.btn-outline-danger {
    color: #B82D28;
}

.btn-outline-info,
.spinner-border.text-info {
    color: #1F7C98;
}

.btn-outline-light {
    color: #fff;
    border-color: #fff;
}

// Badges
.badge.bg-warning.text-dark, // Need to be specified because Bootstrap isn't sorting it out
.progress-bar.bg-warning.text-dark {
    color: #fff !important;
}

// Spinners
.spinner-border.text-light {
    color: $text-muted;
}