/* 28/03/2020 1530 */

/*!
font-family: Haettenschweiler;
font-family: 'Quicksand', sans-serif;
font-family: 'Passion One', cursive;

@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
 */

h2#privacy:before,
h2#terms:before { 
  display: block; 
  content: " "; 
  margin-top: -100px; 
  height: 100px; 
  visibility: hidden; 
}

h2#cookies:before { 
  display: block; 
  content: " "; 
  margin-top: -150px; 
  height: 150px; 
  visibility: hidden; 
}

h5.privacy{
  padding-top: 2rem;
}


#wrapper{
  margin-top: 75px;
}

.logo-f1
{
  color:#fff;
}

.affix .navbar-nav li a {
  color: #fff;
}

.navbar-custom .nav li a{
  color: #fff;
}


.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
  color: #ff0000;
  text-decoration: none;
  background-color: #222;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #ff0000;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}


.dropdown-menu {
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* Colour overrides */
.white{
  color:white!important;
}

.white-bold{
    color: white!important;
    font-weight: bold;
}

.green{
  color:#00b925!important;
}

.red{
  color:#f00!important;
}

.black{
  color:#000!important;
}

.gold{
  color:#eacb28!important;
}

.orange{
  color:#ff940a!important;
}

.blue
{
  color:#0099ff!important;
}




/*@media (min-width: 768px) {*/
@media (min-width: 992px) {
  #wrapper {
    margin-top: 125px;
  }  

  .logo-f1 {
    color:#000;
  }

  .navbar-custom .nav li a{
    color: #000;
  }

    .not_logged_in .navbar-nav li a,
  .affix .navbar-nav li a {
    color: #fff;
  }  

  .navbar-custom .nav li a:hover,
  .navbar-custom .nav li a:active{
    color: #f00;
  }  

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
  }  

  .navbar-nav>li>a {
    color: #000;
  } 

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #ff0000;
    text-decoration: none;
    background-color: #fff;
  }

}

.not_logged_in .logo-f1,
.affix .logo-f1
{
  color:#fff;
}

.logo-pl
{
  color:#f00;
}
/*
.affix .navbar-nav li a {
  color: #fff;
}
*/
#mainNav
{
  clear: both;
}

.card-warning
{
    color: #000;
    background-color: #ffcc3a;
    border: #000 1px dashed;
}

.card-danger
{
    color: #ff0;
    background-color: #ff0d0d;
    border: #ff0 2px dashed;
}

.card-success
{
    color: #0f7d00;
    background-color: #f2ffdf;
    border: #17c300 1px dashed;
}

.card-blockquote
{
    /*color: #000;
    background-color: #ffcc3a;*/
    text-align: center;
    padding: 1.25rem;
    border-radius: 0.25rem;
    display: flex;
    /*border: #000 1px dashed;*/
}



@media (max-width: 991px) and (min-width: 768px) {
    
    #main-nav{
      background-color: #222;
    }
    #wrapper{
      margin-top: 125px;
    }
    .navbar-header {
        float: none;
    }
    
    .navbar-left,.navbar-right {
        float: none !important;
    }
    
    .navbar-toggle {
        display: block;
    }
    
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
          margin-top: 25px;
    }
    
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
          background-color: #222;
    }
    
    .navbar-collapse.collapse {
      display: none!important;
    }
    
    .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
    }
    
    .navbar-nav>li {
      float: none;
    }
    
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    
    .collapse.in{
      display:block !important;
    }
/**/

  .affix .navbar-nav li a {
    color: #fff;
  }

  .navbar-custom .nav li a{
    color: #fff;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color: #fff;
          background-color: #222;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #ff0000;
    background-color: #222;
  }

  .navbar-default .navbar-nav>.open>a, 
  .navbar-default .navbar-nav>.open>a:focus, 
  .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #ff0000;
  }

  .navbar-custom .affix-top {
    background-color: #222222;
    padding: 10px 0;
  }

  .dropdown-menu {
        background-color: #222;
        border: 1px solid #e5e5e5;
  }
  .dropdown-menu .divider{
        display: none;
  }

}







/*********************************************************************/
/* Sidebar style (from global.css)
/*********************************************************************/
.sidebars
{
  /*width: 220px;
  float: right;
  margin-left: 35px;
  width: 25%;
  float: right;
  min-width: 13.75em;*/
}

#sidebar{
  margin-top:20px;
  padding-top: 0px;
  padding-bottom: 20px;
}

.sidebar 
{
  margin-bottom: 25px;
  background: #fff; 
  padding-bottom: 10px;
  border: 1px solid #f00;
  -webkit-border-radius: 0.5rem;
     -moz-border-radius: 0.5rem;
      border-radius: 0.5rem;
}

.sidebar h3 
{

  font-size: 20px;
  font-weight: 500;
  margin: 0;
  background: #f00;
  color: #FFF;
  padding: 5px;
  -webkit-border-top-right-radius: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
     -moz-border-radius-topright: 0.3rem;
     -moz-border-radius-topleft: 0.3rem;
      border-radius-top-right: 0.3rem;
      border-radius-top-left: 0.3rem;
}

.sidebar ul 
{
  color: #000;
  font-size: 0.8em;
  margin: 0;
  padding: 10px 5px 0 5px;
}

.sidebar p
{
  color: #000;
  /*font-size: 0.8em;*/
  margin: 0;
  padding: 5px 5px 0 5px;
}


.sidebar table
{
  color: #000;
  margin: 0;
  padding: 5px 5px 0 5px;
}


.sidebar form
{
  color: #000;
  font-size: 0.8em;
  margin: 0;
  padding: 10px 10px 0 19px;
}


.sidebar li 
{
  background: url(images/sidebar/flower_bullet.gif) no-repeat 0px 2px;
  list-style: none;
  padding-left: 18px;
  margin-bottom: 6px;
}


.sidebar-alt 
{
  margin-bottom: 25px;
  background: #ffffff; 
  padding-bottom: 10px;
  border: 1px solid #8c8c8c;
     -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
}

.sidebar-alt h3 
{
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  background: #8c8c8c; 
  color: #FFF;
  padding: 5px;
  -webkit-border-top-right-radius: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
     -moz-border-radius-topright: 0.3rem;
     -moz-border-radius-topleft: 0.3rem;
      border-radius-top-right: 0.3rem;
      border-radius-top-left: 0.3rem;
  
}

.sidebar-alt p
{
  color: #000;
  /*font-size: 0.8em;*/
  margin: 0;
  padding: 5px 5px 0 5px;
}

.sidebar-alt .row
{
  /*
  margin-right: 0;
  margin-left: 0;
  */
}

.sidebar-twit 
{
  margin-bottom: 25px;
  background: #ffffff; 
  padding-bottom: 10px;
  border: 1px solid #00bbff;
  -webkit-border-radius: 0.5rem;
     -moz-border-radius: 0.5rem;
      border-radius: 0.5rem;
}


.sidebar-twit h3 
{
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  background: #00bbff;
  color: #FFF;
  padding: 5px;
  -webkit-border-top-right-radius: 0.3rem;
  -webkit-border-top-left-radius: 0.3rem;
     -moz-border-radius-topright: 0.3rem;
     -moz-border-radius-topleft: 0.3rem;
      border-radius-top-right: 0.3rem;
      border-radius-top-left: 0.3rem;
  
}

.sidebar-twit p
{
  color: #000;
  /*font-size: 0.8em;*/
  margin: 0;
  padding: 5px 5px 0 5px;
}


.sidebar p.heading,
.sidebar-alt p.heading{
  font-weight: bold;
  padding-bottom: 0;
}


.sidebar-icon{
  float: right;
}


p.heading
{
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
}

.sidebar p.post_message
{
  padding-top: 1px; 
  padding-bottom: 2px;
}

.sidebar p.post_author
{
  font-style: italic;
  font-size: 0.8em;
  padding-top: 1px; 
  padding-bottom: 2px;
}


.blog-post-date{
  margin-top: -1rem;
  font-style: italic;
  font-size: smaller;
}

.blog-post-category{
  margin-top: -1rem;
  font-style: italic;
  font-size: smaller;
}

.category-update{
  background-color: #989898;
  color: #ffffff;
    -webkit-border-radius: 0.2rem;
     -moz-border-radius: 0.2rem;
      border-radius: 0.2rem;
  padding-left: 0.3rem;
  padding-right: 0.5rem;  
}

.category-article{
  background-color: #e00909;
  color: #ffffff;
    -webkit-border-radius: 0.2rem;
     -moz-border-radius: 0.2rem;
      border-radius: 0.2rem;
  padding-left: 0.3rem;
  padding-right: 0.5rem;  
}

.blog-content{
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}


.blog-pending{
  font-size: small;
  color: darkgrey;
}

.blog-pending-posts-header{
  font-weight: bold;
}

.blog-pending-posts{
  /*display: none;*/
}

.blog-pending-post-details{
  font-style: italic;  
}


.forum-style h3
{

}



/******************************/
/* SUBMIT                     */
label .border-right-color{
  color: #f00;
}



/******************************/
/* NAVIGATION                 */
.flag-navigation{
  margin-bottom: 3rem;
}

.flag-nav{
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.flag-nav a small
{
  text-decoration: none;
  color: #f00;
  padding: 2px 1px 2px 1px;
}

.flag-nav a:hover small
{
  background: #fff;
  text-decoration: none;
}

/* Adjust margins for submit.php (& others?)*/
#race1,
#race2,
#race3,
#race4,
#race5,
#race6,
#race7,
#race8,
#race9,
#race10,
#race11,
#race12,
#race13,
#race14,
#race15,
#race16,
#race17,
#race18,
#race19,
#race20,
#race21
{ 
  margin-top: 2rem;
}


/* Styles for the "you are here" buttons */
/* Standard state for link 
#race1 .flag-nav a#race1,
#race2 .flag-nav a#race2,
#race3 .flag-nav a#race3,
#race4 .flag-nav a#race4,
#race5 .flag-nav a#race5,
#race6 .flag-nav a#race6,
#race7 .flag-nav a#race7, 
#race8 .flag-nav a#race8, 
#race9 .flag-nav a#race9, 
#race10 .flag-nav a#race10, 
#race11 .flag-nav a#race11, 
#race12 .flag-nav a#race12, 
#race13 .flag-nav a#race13, 
#race14 .flag-nav a#race14, 
#race15 .flag-nav a#race15, 
#race16 .flag-nav a#race16, 
#race17 .flag-nav a#race17, 
#race18 .flag-nav a#race18, 
#race19 .flag-nav a#race19, 
#race20 .flag-nav a#race20,
#race21 .flag-nav a#race21
{ 
  //border-bottom: 2px solid #ff0000;
}
*/

/* Hover state for link *
#race1 .flag-nav a#race1:hover,
#race2 .flag-nav a#race2:hover,
#race3 .flag-nav a#race3:hover,
#race4 .flag-nav a#race4:hover,
#race5 .flag-nav a#race5:hover,
#race6 .flag-nav a#race6:hover,
#race7 .flag-nav a#race7:hover,
#race8 .flag-nav a#race8:hover,
#race9 .flag-nav a#race9:hover,
#race10 .flag-nav a#race10:hover,
#race11 .flag-nav a#race11:hover,
#race12 .flag-nav a#race12:hover,
#race13 .flag-nav a#race13:hover,
#race14 .flag-nav a#race14:hover,
#race15 .flag-nav a#race15:hover,
#race16 .flag-nav a#race16:hover,
#race17 .flag-nav a#race17:hover,
#race18 .flag-nav a#race18:hover,
#race19 .flag-nav a#race19:hover,
#race20 .flag-nav a#race20:hover,
#race21 .flag-nav a#race21:hover
{ 
  //border-bottom: 2px solid #ff0000;
}
*/

/* Standard state for text link for this race (nothing extra) */
#race1 .flag-nav a#race1 small,
#race2 .flag-nav a#race2 small,
#race3 .flag-nav a#race3 small,
#race4 .flag-nav a#race4 small,
#race5 .flag-nav a#race5 small,
#race6 .flag-nav a#race6 small,
#race7 .flag-nav a#race7 small,
#race8 .flag-nav a#race8 small,
#race9 .flag-nav a#race9 small,
#race10 .flag-nav a#race10 small,
#race11 .flag-nav a#race11 small,
#race12 .flag-nav a#race12 small,
#race13 .flag-nav a#race13 small,
#race14 .flag-nav a#race14 small,
#race15 .flag-nav a#race15 small,
#race16 .flag-nav a#race16 small,
#race17 .flag-nav a#race17 small,
#race18 .flag-nav a#race18 small,
#race19 .flag-nav a#race19 small,
#race20 .flag-nav a#race20 small,
#race21 .flag-nav a#race21 small
{ 
  background-color: #f00;
  color: #fff;
  border-radius: 0.25rem;
}


/* Hover state for text links for this race */
#race1 .flag-nav a#race1:hover small,
#race2 .flag-nav a#race2:hover small,
#race3 .flag-nav a#race3:hover small,
#race4 .flag-nav a#race4:hover small,
#race5 .flag-nav a#race5:hover small,
#race6 .flag-nav a#race6:hover small,
#race7 .flag-nav a#race7:hover small,
#race8 .flag-nav a#race8:hover small,
#race9 .flag-nav a#race9:hover small,
#race10 .flag-nav a#race10:hover small,
#race11 .flag-nav a#race11:hover small,
#race12 .flag-nav a#race12:hover small,
#race13 .flag-nav a#race13:hover small,
#race14 .flag-nav a#race14:hover small,
#race15 .flag-nav a#race15:hover small,
#race16 .flag-nav a#race16:hover small,
#race17 .flag-nav a#race17:hover small,
#race18 .flag-nav a#race18:hover small,
#race19 .flag-nav a#race19:hover small,
#race20 .flag-nav a#race20:hover small,
#race21 .flag-nav a#race21:hover small
{ 
  background-color: #fff;  
  color: #f00;
}

.flag-nav>tbody>tr{
  min-height:2rem;
}

.flag-nav>tbody>tr>td{
  padding: 0;
  border: 0;
  width: 10rem;
  padding-right: 1rem;
}

.flag-nav>tbody>tr>td img{
  padding: 0;
  border: 1px solid #eaeaea;
}

.flag-nav small{
  min-width: 10rem;
}

thead
{
  font-weight: bold;
}

thead tr
{
  background: #f00;
  color: #fff;
  border: 1px solid #f00;
}

.first-col {
    /*position: absolute;       */
    /*width: 5em;               */
    /*margin-left: -5em;        */
    font-weight: bold;
}

.table-bordered>thead>tr>td
{
  border: 1px solid #f00;  
}

@media screen and (max-width: 767px){

  .table-responsive {
    border: 0;
  }

}

.team-name, .race-location
{
  font-style: italic;
  font-size: small;
}

.race-location{
  margin-left: 35px;
}


.small-flag{
  padding: 0;
  border: 1px solid #eaeaea;
  height: 15px;
  width: 25px;
  margin-top: 1px;
}

.small-flag.calendar{
  padding: 0;
  border: 1px solid #eaeaea;
  height: 20px;
  width: 32px;
  margin-top: 1px;
}

.result-flag{
  position: relative;
  top: -3px;
  padding: 0;
  border: 1px solid #eaeaea;
  height: 30px;
  width: 50px;
}

.profile-flag{
  position: relative;
  top: -8px;
  padding: 0;
  border: 1px solid #eaeaea;
  height: 30px;
  width: 50px;
}

.prev-flag{
  padding: 0;
  border: 1px solid #eaeaea;
  height: 15px;
  width: 25px;
  margin-top: -5px;
}

.hidden-lg>.small-flag.team,
.hidden-md>.small-flag.team,
.hidden-lg>.small-flag.driver,
.hidden-md>.small-flag.driver
{
  float: right;
}

.yearlinks
{
  font-size: small;
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.leaderboard thead tr
{
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  border: 0;  
}

.leaderboard tbody tr td:last-child
{
  font-weight: bold;  
}

.leaderboard-flag
{
  border: solid 1px #eaeaea;
  height: 15px;
  width : 25px;
}

.pagination>li>a, .pagination>li>span
{
  color: #f00;  
}

.pagination>li>a:focus, .pagination>li>a:hover, 
.pagination>li>span:focus, .pagination>li>span:hover{
  color:#f00;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #e02a2a;
    border-color: #b73333;
}

.announce_icon
{
  background: url("/images/icons/megaphone.png") no-repeat;
  padding-left:2rem;
}

.reminder_icon
{
  background: url("/images/icons/sticky-note.png") no-repeat;
  padding-left:2rem;
}

.announce-details{
  font-style: italic;
  font-size: small;
}

.winner2{
    top: 40px;
    position: relative;
  }


td .time,
td .points
{
  text-align: right;
}

.info-blue{
  color: #55f;
}
/*
.btn-danger > a,
.btn-danger > a:hover,
.btn-danger > a:active,
.btn-danger > a:visited{
  color:#fff;
  text-decoration: none;
}*/


.btn-file-open
{
    margin: 4px;
    /*background-color: #fff;
    border-color: #ccc;
    color: #000;*/
}




/* --------- FORUM --------------- */
.by{
  font-style: normal;
  font-size: small;
  font-weight: 700;
}

.forum-post-date{
  font-style: italic;
  font-size: smaller;
}

.nav-icon
{
  color:#0099ff;
}

.forum-badge{
  background-color:#0099ff;
  /*#07c5b2*/
  margin-bottom: 3px;
  margin-left: 3px;
}

.forum-item-green{
  color:#00b925;
}

.forum-locked
{
    color: #000;
    background-color: #ffcc3a;
    text-align: center;
    padding: 1.25rem;
    border-radius: 0.25rem;
    display: flex;
    border-left: none;
    border: #000 1px dashed;
}

#thread{
  margin-bottom: 4rem;
}

.top_icon{
  float:right;
}

.post-header{
  font-size: smaller;
  font-style: italic;

}

.post-header > .date{
 float: left;
}

.post-header > .permalink{
  float: right;
}

.permalink{
  float: right;
}


.post-username{
  font-weight: 700;
  /*text-transform: uppercase;*/
}

.post-username-small{
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 1rem;
  vertical-align: top;
}

.post-user-info{
  font-size: small;
  font-style: italic;
}

.post-member-details{
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-edited{
  font-size: smaller;
  font-weight: 700;
}

.post-content{
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.post-content:nth-child(2n){
  background-color: #f9f9f9;
}

th a{
  color: #fff;
  text-decoration: underline;
}

th a:hover,
th a:active,
th a:visited{
  color: #fff;
  text-decoration: none;
}

.member-list-flag {
    vertical-align: top;
    margin-top: 0.1em;
    margin-left: 0.5em;
}

.memb-achieve {
    margin-top: 0.1em;
    margin-left: 0.5em;
}

.memb-details {
    /*clear: left;*/
}

.memb-name {
    vertical-align: top;
    margin-left: 0.5em;
    font-weight: 700;
}

.memb-img
{ 
  float: left;
}

.memb-last-login{
  clear: both;
  font-size: smaller;
  font-style: italic;
}

.memb-desc{
  clear: both;
}

td.membername {
  /*white-space: nowrap;*/
}


.black
{
  color:black ! important;
}

.user-info{
  font-size: smaller;
  font-style: italic;
  margin-bottom: 1rem;
}

.user-name{
  font-weight: 700;
}


/* PREVIEW page */

.prev-small-flag
{
  margin-top: -4px;
  height: 29px;
  width: 48px;
  border: 1px solid #efefef;
}

.prev-large-flag
{
  position:relative;
  left:0px;
  top:0px;
  height:300px;
  width:450px;
  opacity: 0.1;
}

.panel-body.preview{
  padding-top: 5px;
  padding-bottom: 0;
}

.caveat{
  font-style: italic;
  font-size: smaller;
  margin-top: 2rem;
  text-shadow: 0 0 20px #000;
}


.weather-icon
{
  float: left;
  margin-right: 0.2em;
  margin-left: 0.2em;
  margin-top: -0.2em;
  font-size: 4em;
}

.weather-upd{
  font-size: smaller;
  font-style: italic;
}

.weather-logo
{
  float: right;
  width: 90px;
}

.weather-source
{
  /*background-color: #4e4d4a;*/
  float: right;
  width: 90px;
  margin-top: -2em;
}


.weather-logo-forecast img
{
  float: right;
  width:20%;
  min-width: 150px;
  /*padding-top: 10px;
  padding-bottom: 20px;*/
}

.weather-wind-speed
{
}

.weather-wind-dir
{
    font-size: 1.6em;
    margin-top: -0.5em;
}

.forecast-upd{
  font-size: small;
  font-style: italic;
  padding-top: 1rem;
}


.prev-circuit
{
  width:100%;
}

.prev-circuit-info
{
  margin-bottom: 4rem;
}


.weather-title
{
  font-weight: bold;
}

.weather-curr-img{
  float:left;
}

.weather-curr-desc{
  padding-left:60px;
}

.blog-content h4{
  padding-top: 2rem;
}

#twitter-status{
  /*No sytle!*/
}

#twitter-time{
  font-size: smaller;
  font-style: italic;
}

#twitter-via{
  font-size: smaller;
  font-style: italic;
}

#twitter-view{
  font-size: smaller;
  font-style: italic;
}

#twitter-tweet-img img{
  width:100%;
  border-radius: 10px;
  padding: 5px;
}




.hrsidebar{
  color:#f00;
  margin: 5px;
}

.admin-badge{
  background-color:#ff6700;
  margin-bottom: 3px;
  margin-left: 3px;
}

.admin-server{
  font-style: italic;
  font-size: small;
}

.sidebar h3 a,
.sidebar h3 a:visited,
.sidebar h3 a:active,
.sidebar h3 a:hover{
  color:#fff;
}

#new-announcement-form{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display:none;
}


.right{
  float:right!important;
}


/*
.card {
  position: relative;
  padding-bottom: 25%;
}

.card__front, 
.card__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card__front,
.card__back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.card__front {
}

.card__back {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}
*/



#add-button{
  margin-bottom: 1rem;
}

#ajax-status{
  color: #f00;
}


.fp_message_pending{
  color: #b8860b;
}

.fp_message_active{
  color: #006400;
}

.fp_message_expired{
  color: #8b0000;
}


/* Article specific styling */

figure {
  display: inline-block;
  margin: 0 0 1.5em 0;
  position: relative;
}

.figright{
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.figleft{
  float: left;
  margin: 0 1.5em 1.5em 0;
}

.figcentre{
  float: left;
  margin: 0 1.5em 1.5em 0;
}

figcaption{
  position: absolute;
  bottom: 0em;
  left: 0;
  color: #000;
  background-color: #ffffff63;
  width: 100%;
}

.caption_description{
  float: left;
  margin-left: 0.2em;
  font-size:  small;
  font-weight:  bold;
}

.caption_attribution{
  float: right;
  margin-right: 0.3em;
  font-size: small;
  font-style: italic;
}

.photo {
  float: left;
  margin: 0.5em;
  border: 1px solid #ccc;
  padding: 1em;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
  text-align: center;
  font-size: 0.8em;
}


/* Article preview specific styling */

.article-previews-header{
  margin-top: 3rem;
}

.article-previews{

}

.blog-preview-post-date{
  font-size: 0.75em;
    font-style: italic;
    margin-top: -0.9rem;
}

.blog-preview-content > p{
  font-size: 0.85em;
}


.pending{
  background-color: #d3d3d3;
}

.status-pending{
  color: #0099ff;
}


.message-notify{
  margin-left: 1.5rem;
  margin-right: 0.5rem;
  font-size: 1.3em;
}

.message-notify-count{
  font-weight: bold;
  font-size: 0.7em;
  color: #fff;
  background-color: #f00;
  border-radius: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 5px;
}



/********** IMAGE FINDER PAGE SPECIFIC *********************/
.image-caption{
  position: absolute;
  bottom: 0em;
  color: #000;
  background-color: #bdbdbdbf;
  width: 95%;
  margin: 5px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;  
}


.img-finder{
  position: relative;
}


/* Add league button link style */
button a,
button a:visited,
button a:active,
button a:hover{
  color: #000;
  text-decoration: none;
}

/* Button style */
#create-new-league{
  min-width: 16rem;
  text-align: left;
}