/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.6
Created: August 2014
License URI: http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/



@media (max-width: 767px) {
    div#dvTopSidebar.TopSideBar .container {
        padding: 10px 20px;
    }
}

.featured-box {
    background: #F5F5F5;
    background-color: transparent;
    background: -webkit-linear-gradient(top, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 100px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.featured-box h4 {
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.7px;
    margin-top: 5px;
    text-transform: uppercase;
        color: #262626;
}

.featured-box .box-content {
    border-radius: 8px;
    border-top: 3px solid #B10B31;
    border-top-width: 4px;
    padding: 30px 30px 10px 30px;
}

.featured-box .learn-more {
    display: block;
    margin-top: 10px;
}

/* Featured Boxes */
.featured-boxes .featured-box {
    margin-bottom: 30px;
    margin-top: 45px;  
    background: #fafafa;
}

.featured-boxes .featured-box.info-content {
    text-align: left;
}
/*====== Sponsorship Gallery ======= */

.sponsorshipGallery .itemPrice {
    background: #f5f5f5;
}

.sponsorshipGallery .sponsorshipType {
    background: #0c4874;
    color: white;
}

.sponsorshipGallery span.itemsLeft {
    color: rgb(88, 95, 105);
}


/* ==== filter bar styles ====*/

.filterSearchBar {
    background: #0c4874;
    background-color: #0c4874 !important;
}

.filterSearchBar .btn-group.bootstrap-select.show-tick {
    border: 2px solid #fff;
}

.filterSearchBar input#ctl00_ContentPlaceHolder1_btnSearch {
    color: #0c4874;
    border: 1px solid #e6ebf5;
}

.filterSearchBar .input-group .form-control {
    border-color: #0c4874;
    border-right: 2px solid #0c4874;
}



.filterMenu button.btn.dropdown-toggle.btn-default {
    color: white;
}


.filterSearchBar .sortTxt {
    color: white;
}

.filterSearchBar #btnreset {
    color: white;
    border: 2px solid #fff;
}



/*===== Modal Styles ======*/

#ctl00_ContentPlaceHolder1_divSponsorshipItemDetails h4#divPrice {
    color: #0c4874;
}


h4#divPrice {
    color: #0c4874;
}


.modal-body .sponsorshipType {
    color: #0c4874;
}

@media (min-width: 768px) {
    .sponsorshipGallery .itemPrice {
        background: #f5f5f5;
    }
}



@media (max-width: 992px) {

    ul.list-inline.filterMenu {
        background: #0c4874;
    }
}



/*======== Sold out items ========== */

.SoldOut .sponsorshipType {
    background: rgba(140, 140, 140, 0.35);
}

.SoldOut span.itemsLeft {
    color: rgba(199, 39, 39, 0.29);
}


.SoldOut .itemPrice {
    color: #ccc !important;
    background: #fff;
}

.SoldOut .thumbnail.sponsorshipGallery {
    border-color: #fafafa;
}

.SoldOut h5 {
    color: #ccc;
}

ul.list-inline.filterMenu .dropdown-menu a {
    color: white !important;
    background: #1f55a2;
}


.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 11px !important;
    top: 7px;
}



/*======== Carousel Fade for Spargo Slider ========== */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/*======== Testimonial Carousel Homepage ========== */

.spargo.wrapper {
    padding: 20px 0px 70px 0px;
}

h2.title {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    h2.title {
        text-align: center;
    }
}

.spargo.wrapper .thumbnail.spargo {
  border: none;
}

.spargo.wrapper .spargo {
  width: 100%;
  margin-bottom: 0;
}

.spargo.wrapper .adjust2 {
  margin: 0;
}

.spargo.wrapper .carousel-indicators li {
  border: 1px solid #ccc;
}

.spargo.wrapper .carousel-control {
  color: #dbdbdb;
  width: 5%;
}

.spargo.wrapper .carousel-control:hover,
.spargo.wrapper .carousel-control:focus {
  color: #dbdbdb;
}

.spargo.wrapper .carousel-control.left,
.spargo.wrapper .carousel-control.right {
  background-image: none;
}

.spargo.wrapper .media-object {
  margin: auto;
  margin-top: 15%;
}

@media screen and (max-width: 768px) {
  .spargo.wrapper .media-object {
    margin-top: 0;
  }
}

.spargo.wrapper .testimonial-body.spargo {
    padding: 15px 15px 15px 0px;
}

@media (min-width: 993px) {
    .navbar-collapse .navbar-nav {
        padding: 20px 0px;
    }
}

/*======== COVID Top Banner ========== */

div#covidStatement {
    background: #487D92;
    padding: 5px 0px;
}

.covidText {
    margin: 0px;
}

.covidText a {
    color: white;
}

.covidText a:hover {
    color: white;
    text-decoration: none;
}
.navbar-nav > li > a {
    font-size: 12px;
}


/*======== added navigation styles ========== */

div#tdleftnav {
    width: 100%;
    padding: 10px 4% 10px 4%;
}
.flexHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#tdleftnav > div.flexHeader > div.navbar-collapse.collapse.top-navbar.main-nav-top.flexHeaderItem > ul > li:last-child > a{
    background: #1177BE;
    color: white;
    padding: 15px 20px;
    font-weight: 900;
}
#tdleftnav > div.flexHeader > div.navbar-collapse.collapse.top-navbar.main-nav-top.flexHeaderItem > ul > li:last-child:hover > a{
    background: #0d629e;
}
@media only screen and (max-width: 1400px) {
    ul.social-links.square.top {
        display: none;
    }
}
@media only screen and (max-width: 1200px) {
    div#tdleftnav {
        width: 100%;
        padding: 10px 1% 10px 1%;
    }
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
}
}
@media only screen and (max-width: 992px) {
    div#tdleftnav {
        width: 100%;
        padding: 10px 4% 10px 4%;
    }
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }
}
