/*
 Theme Name:   RO Twenty Twenty Six Child
 Description:  RO Twenty Twenty Six Child Theme
 Author:       portly
 Author URI:   http://www.rageonline.oc.uk
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-seventeen-child
*/

/**
HTML elements
*/
body {
    background-color: khaki;
    color: #162754;
    font-family: "PT Sans", Arial, Helvetica, sans-serif
}

a {
    opacity: 0.75;
    text-decoration-line: underline;
    text-decoration-color: #162754;
}

.initial-opacity {
    opacity: initial;
}

h2.bg-navy-ro a.season-name, a.prev-next, .link-in-title a, #page-summary-details a {
    color: khaki;
    opacity: 0.85;
    text-decoration-line: underline;
    text-decoration-color: khaki;
}

a.prev-next {
    font-size: 1.9 rem;
}

a:hover {
    color: khaki;
    background-color: #162754;
}

h2:first-child {
    padding-top: 0.3em;
}

h2 {
    border-radius: 3px;
}
/**
my classes 
*/
.player_select {
    padding-top: 0.5rem;
}

#adhoc-select div select {
    width: 100%;
}
.bg-inverse-ro, .jumbotron {
    background-color: khaki;
}

.bg-navy-ro {
    background-color: #162754;
    color: khaki;
}

.scoreline .btn:disabled {
    opacity: 1.0;
}


.thead-ro {
    color: khaki;
    background-color: #162754;
    border-color: #162754;
}

.thead-ro th {
    font-weight: 400;
}

.table th {
    border-top: initial;
}

thead th {
    border-bottom: initial;
}

.no-left-pad {
    padding-left: 0px;
}

.pad-all-point3em {
    padding: 0.3em;
    /* margin-bottom: 0rem; */
}

.margin-top-10 {
    margin-top: 1rem;
}

.margin-all-point05em {
    margin: 0.05em;
}

.margin-bottom-point1em {
    margin-bottom: 0.1em;
}

.head-strip {
    background-color: goldenrod;
}
.pad-right-5 {
    padding-right: 5px;
}

.pad-left-5 {
    padding-left: 5px;
}

.pad-top-20 {
    padding-top: 2em;
}

.pad-top-10 {
    padding-top: 1em;
}

.pad-top-5 {
    padding-top: 0.5em;
}

.pad-bottom-10 {
    padding-bottom: 1em;
}

.pad-bottom-20 {
    padding-bottom: 2em;
}

.margin-right-minus-10 {
    margin-right: -0.35em;
}

.margin-left-plus-8 {
    margin-left: 0.65em;
}

.word-break-normal {
    word-break: normal;
}

.btn-navy {
    background-color: #162754;
    color: khaki;
}

.flexi-row {
    display: flex;
}

.flex-row >div  {
    /*
    flex: 1;
    */
    background-color: #162754;
    color: khaki;
    border: 1px solid khaki;
    padding: 0.15em;
}

.flex-row div>a {
    color:khaki;
    opacity: 0.75;
    text-decoration-line: underline;
    text-decoration-color: khaki;

}
/**
override of BS4 class
*/
.jumbotron {
    padding-top: 0.5rem;
    padding-bottom: 0;
}

.fa-2x {
    font-size: 2em;
}

.big-text {
    font-size: 10rem;
    font-weight: 700;
}

/**
override for cards
*/
.card {
    background-color: khaki;
    border-color: #162754;
    padding-bottom: 1em; 
}

.card-body {
    padding-top: 1.00rem;
    padding-bottom: 0;
}

/**
nav classes
*/
.ro-active {
    color: white;
}

#rageOnlineMainMenu ul li a {
    color: white;
    display: block;
    padding: .5rem;
}

.navbar-brand > span {
    color:khaki;
    font-weight: 700;
}

.navbar-brand {
    font-size: 1.5rem;
}

html {
    font-size: 1rem;
}

.result-wqord-break {
    word-break: break-word;
}

h3 {
    border-radius: 0.15rem;
}

h3:first-child {
    padding-top: initial;
}

@media all and (max-width: 575px) {
    html, h3, .h3 {
        font-size: 0.8rem;
    }

    .h1-reducer {
        font-size: 1.5rem;
    }
    
    .flex-row >div.h1-reducer  {
        padding-top: 1.0rem;;
    }

    .bold {
        font-weight: 700;
    }

    div.scorers .row, div.scorers .row a, .smaller-font {
        font-size: 0.8rem;
    }

    div.result-pane, div.result-pane .h5 {
        font-size: 1.0rem;
    }
}

.badge-loss {
    border-color: #162754;
    border-width: 1px;
    border-style: solid;
}

.badge-goals-A {
    border-color: khaki;
    border-width: 1px;
    border-style: solid;
    color:khaki;
}

.badge-goals-H {
    border-color: #162754;
    border-width: 1px;
    border-style: solid;
    color: #162754;
}

.badge-blue {
    color: khaki;
    background-color: #162754;
}

.badge-inverse {
    background-color: khaki;
    color: #162754;
    border-color: #162754;
    border-width: 1px;
    border-style: solid;
}

.stripe-A {
    background-color: #162754;
    opacity: 0.9;
    color: khaki;
}

.stripe-H {
    background-color: khaki;
    opacity: 0.9;
    color: #162754;
}

.stripe-A a {
    color: khaki;
    text-decoration: underline;
}    


.stripe-A a:hover {
    color: #162754;
    background-color: khaki;
}

.stripe-H a {
    color: #162754;
    text-decoration: underline;
}

.indented-list {
    padding-left: 1em;
}

.table thead th {
    border-bottom: initial;
}

thead tr {
    border-bottom: 0.35rem solid khaki;
}

#manager-details tr {
    border-bottom: 0px;
}

#dates-details td, #appearance-details td, #opponent-details td, #season-details td {
    padding: 0px;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}

#season-details tr {
    border-top: 1px solid white;
}

#season-details th {
    padding: 0.3em;
}

#season-details td {
    padding: 0.3em;
}

#page-summary-details {
    color: khaki;
    background-color: #162754;
}

.summary-true {
    font-weight: 700;
}

.col-width-1 {
    width: 9%;
}

.col-width-2 {
    width: 16%;
}

.col-width-3 {
    width: 24%;
}

.col-width-4 {
    width: 33%;
}

.col-width-6 {
    width: 50%;
}

.table td, .table th {
    border-bottom: initial;
    border-top: initial;
}

tr {
    border-bottom: initial;
}

.p-1 {
    padding-bottom: 0rem!important;
}

.no-margin-bottom {
    margin-bottom: 0rem;
}

.ro-background {
    background-image: url("http://neverperplexed.com/ro4/wp-content/uploads/2018/03/ro_back.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.form-control-lg {
    border-radius: initial;
}

/*
 Dropdown menu overides
 */
.dropdown-toggle {
    position: initial;
    font-size: 1.25rem;
    line-height: initial;
}

ul.dropdown-menu {
    left: initial;
    background-color: #162754;
    font-size: 1.25rem;
}

.strapline {
    margin-bottom: 0px;
}


#return-to-top-button {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #162754; /* Set a background color */
    color: khaki; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#return-to-top-button:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

  /*
  * footer classes for branding
  */
  .ox4 {
    border: 1px solid #162754;
    background-color: #162754;
    color: khaki;
  }

  .encoding {
    border: 1px solid #162754;
  }

  .anotherfinemash a {
      opacity: 1;
  }

  /*
  foo gallery changes
  */
  .foogallery-container {
    padding: 10px 10px 0px 10px;
    padding-bottom: 0px;
    background-color: #162754;
  }

  .fg-default.fg-gutter-10 {
      margin-bottom: 5px;
  }

  .day-A {
    color: #162754;
    border: 1px solid khaki;
    border-radius: 2px;
    background-color: khaki;
  }

  .day-H {
    color: khaki;
    border: 1px solid #162754;
    border-radius: 2px;
    background-color: #162754;
  }

  .fv {
    font-size: 1.5rem;
    font-weight: 700;
    color: khaki;
    background-color: #162754;
    padding: 3px;
    border-radius: 3px;
}

.fv-lite {
    font-weight: 700;
}

.pos-abs-bot-0 {
    position: absolute;
    bottom: 0;
}


.page-numbers {
    display: inline;
}

ul.page-numbers {
    list-style: none;
    margin: 1em auto;
    padding: 0;
    text-align: center;
    color: khaki;
}

ul.page-numbers .current {
    border-radius: 3px;
    background-color: #162754;
    margin: 2px;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none !important;
    font-size: smaller !important;
    color: khaki !important;
}

ul.page-numbers a.page-numbers {
    border-radius: 3px;
    background-color: #162754;
    margin: 2px;
    padding: 5px 10px;
    display: inline-block;

    text-decoration: none !important;
    color: khaki !important;
    font-size: smaller !important;
}

ul.page-numbers li {
    display: inline;
}

.next.page-numbers, .prev.page-numbers {
    float: initial;
    line-height: inherit;
}

.link-inner {
    display: inline;
}

.summary-panel .card-body {
    padding-bottom: 1.25em;
}

.table-bordered td:first-child, .table-bordered th:first-child {
    border-left: 0px;
}

.table-bordered td:last-child, .table-bordered th:last-child {
    border: 0px;
}

.table-bordered tbody tr {
    border-bottom: 1px solid #eee;
}

.no-border {
    border-left: 0px;
}

.list-group-item.active {
    background-color: #162754;
    border-color: #162754;
}

.list-group-item {
    color: #162754;
    border-color: #162754;
    background-color: khaki;
}

a.list-group-item {
    opacity: 1;
}

a.list-group-item:hover {
    opacity: 0.75;
    text-decoration: none;
    background-color: #162754;
    color: khaki;
}

.position-relative {
    position: relative;
    z-index: 0;
}

input[type='text'] {
	font-size: 0.9em;
	padding-bottom: 0;
    background-color: #162754;
    color: khaki;
}

.date-checker {
    font-size: 1em;
    background-color: #162754;
    color: khaki;
}