/*/////////////////////////////////////////////////////////////////////
 //
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 //
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 //
 // ----------------------------------------------------
 //
 // Remove unused code for better performances
 //
 // ----------------------------------------------------
 //
 // $see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 //
 // $note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 //
 /////////////////////////////////////////////////////////////////////*/
/*******************************************************
 * Custom theme code styles
 * Written by Themelize.me (http://themelize.me)
 *
 * Includes the base variables & mixins needed for all
 * scss files
 *******************************************************/
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
 #header {
    /* 1. Header wrapper */
  }

  #highlighted {
    /* 2. Highlighted (below header) wrapper */
  }

  #content {
    /* 3. Content wrapper */
    min-height: 360px;
  }

  #content-below {
    /* 4. Content Below wrapper */
  }

  #footer {
    /* 5. Footer wrapper */
  }

  body a {
    text-decoration: none;
  }

  .header-inner .header-brand {
    margin-right: auto;
    padding-bottom: 8px;
    padding-top: 8px;
  }

  .logo-box {
    display: flex;
    align-items: center;
    height:50px;
  }

  .logo-imgwrap {
    margin: auto;
  }

  .logo-imgwrap img {
    display: block;
    height: auto; /* maintain aspect ratio*/
    margin: auto; /*optional centering of image*/
  }

  .page-title {
    font-size: 2.00rem !important;
  }

  .nav-link{
    font: 400 14.3333px Arial !important;
    text-transform: none !important;
  }

  .dropdown-item{
    font: 400 14.3333px Arial !important;
    text-transform: none !important;
  }

  .slide-banner {
    max-height: 286px;
  }

  .card-no-border {
    border: none !important;
  }

  .card-padding {
    padding: 0px !important;
    padding-top: 8px !important;
  }

  .card-img-border{
    border-radius: 15px;
  }

  .card-title {
    font-size: 16px !important;
  }

  .card-title-slide {
    font-size: 21px !important;
  }  

  .card-link-title {
    color:rgb(25, 31, 40) !important;
  }

  .card-event-date {
    font-size: 14px;
  }

  #page-header {
    padding-top: 85px;
  }

  #page-header .breadcrumb {
    padding-top: 10px;
  }

  .slide-row{
    display: flex;
    position: relative;
  }

  .slide-col-1{
    flex: 1 1 0%;
    height: 414px;
  }

  .slide-col-2{
    display: flex;
    width: 386px;
    flex-direction: column;
    padding-right: 12px;
  }

  .slide-img{
    border-radius: 12px;
  }

  .slide-card{
    height: 380px;
    box-shadow: rgba(25, 31, 40, 0.15) 0px 6px 24px 0px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .slide-event-title {
    font-size: 28px;
    color:rgb(25, 31, 40) !important;
  }

  .owl-dots .owl-dot span {
    width: 13px !important;
    height: 13px !important;
    border-radius: 6px !important;
  }

  .wp-float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }

  .wp-icon-float{
    margin-top:10px;
    color: #FFF;
  }

  .grecaptcha-badge {
    display: none !important;
  }

  .badge-block {
    width: 100%;
    padding: .75em .4em !important;
  }

  /* Center the loader */
  #loader {
    position: fixed;
    display: none;
    left: 50%;
    top: 50%;
    z-index: 9999;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #8712b1;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }

  @-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
  }

  @keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
  }  

  /*
   * --------------------------------------------------
   * 2. Colours
   *--------------------------------------------------
   */
  /*
   * --------------------------------------------------
   * 3. Responsiveness/media queries
   *--------------------------------------------------
   */
  /* Extra small devices (phones, less than 768px) */
  /* No media query since this is the default in Bootstrap */
  @media (min-width: 576px) {
    /* Small devices (576px and up). Mixin: media-breakpoint-up(sm) */
  }

  @media (min-width: 768px) {
    /* Medium devices (768px and up). Mixin: media-breakpoint-up(md) */
    .navbar-main {
      background-color: #fff !important;
    }
  }

  @media (min-width: 992px) {
    /* Large devices (992px and up). Mixin: media-breakpoint-up(lg) */
  }

  @media (min-width: 1200px) {
    /* X-Large devices (1200px and up). Mixin: media-breakpoint-up(xl) */
  }

  /* max-width */
  @media (max-width: 575.98px) {
    /* Small devices (575px and down). Mixin: media-breakpoint-down(xs) */


  }

  @media (max-width: 767.98px) {
    /* Medium devices (767px and down). Mixin: media-breakpoint-down(sm) */

    .header {
      padding: 0px 0;
    }

    .page-title {
        font-size: 25px !important;
    }

    #page-header .breadcrumb {
      padding-top: 5px;
    }

    .slide-col-1{
      flex: 1 1 0%;
      height: auto;
    }

    .slide-col-2{
      display: none;
    }

    .header-search form input {
      padding: 0 100px 0 0 !important;
      font-size: 23px !important;
    }
    
  }

  @media (max-width: 991.98px) {
    /* Large devices (992px and down). Mixin: media-breakpoint-down(md) */
  }

  @media (max-width: 1199.98px) {
    /* X-Large devices (1200px and down). Mixin: media-breakpoint-down(lg) */

  }

  /* target one breakpoint */
  @media (min-width: 576px) and (max-width: 767.98px) {
    /* Small devices (between 576px and 767px). Mixin: media-breakpoint-only(sm) */
  }

  @media (min-width: 768px) and (max-width: 991.98px) {
    /* Medium devices (tablets, between 768px and 991px). Mixin: media-breakpoint-only(md) */
  }

  @media (min-width: 992px) and (max-width: 1199.98px) {
    /* Large devices (desktops, between 992px and 1199px). Mixin: media-breakpoint-only(lg) */
  }

  @media (min-width: 1200px) {
    /* Extra large devices (large desktops, 1200px and up). Mixin: media-breakpoint-only(xl) */
  }

  /* span multiple screenwidths */
  @media (min-width: 768px) {
    /* From medium to large (between 768px and 1199px). Mixin: media-breakpoint-between(md, xl)  */
  }

  /*
   * --------------------------------------------------
   * 4. Misc
   * Other stuff
   *--------------------------------------------------
   */