/* https://www.minifier.org/ */

/* General layout 1170px */
.sidebar {
    width: 300px;
    margin-right: 20px;
}

.content-main {
    width: 850px;
}

/* Reduce font size tag line on landing*/
h1.jumbotron-tag {
    font-size: 3.2em;
}

a.navbar-brand {
    font-weight: bold;
    font-size: 1.6em;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding-top: 0;
    padding-bottom: 0;
}

/* Start of nav links Latest Past ... too near to sgodds BETA */
#navbarColor01 {
    margin-left: 50px;
}

/* Landing 'News' textbox */
.news {
    width: 95%; /* eliminate horizon scrollbar */
    margin-bottom: 0.25rem !important; /* mb-1 */
}

/* Movement page change icon to white color over Danger (red) background */
.color-white {
    color: #fff;
}

/* Latest odds display [latest] */
.odds-width {
    display: inline-block;
    width: 46px;
    /*border: 1px solid #000; debug*/
}

/* Latest Match odds display [latest] [open] */
.odds-width2 {
    display: inline-block;
    width: 46px;
    /*border: 1px solid #000; debug*/
}

/* Match odds <table> <td> width display */
.odds-w13 {
    width: 13%;
}
.odds-w2 {
    width: 2%;
}
.odds-w163 {
    width: 16.3%;
}
.odds-w33 {
    width: 33%;
}

/* Score predictions page table checkbox */
input.checkbox-align {
    line-height: normal;
    margin: 0;
}

/* Past odds legends Bookmaker vs Punters */
.left20 {
    margin-left: 20px;
}

/* Heading in <td> for SEO */
.tbl-h2 {
    font-size: 1.5em;
    display: inline;
}
.tbl-h3 {
    font-size: 1.1em;
    display: inline;
}
.badge-pill {
    font-size: 1em;
}

/* Raising, Dropping Odds - % difference */
.percent-font {
    font-size: 1.1em; /* so that -37.5% can fit inline with triangle */
}

/* Raising, Dropping Odds - % difference */
.percent-font-sidebar {
    font-size: 1.2em; /* better WoW effect when font size larger than table (above)  */
}

/* Table font size */
/*td, th {
    font-size: 1em;
}*/

/* https://csscheckbox.com/css-checkbox-generator.php
    height/font/icon size = 24px, Bootstrap green (#198754)
-------------------------------------------------- */
.css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }#inputPreview { display: flex; gap: 20px; justify-content: center;	}.css-checkbox + label { position: relative; font-size: 24px; cursor: pointer; display: inline-flex; align-items: center; height: 26px; color: rgb(0, 0, 0); }.css-checkbox + label::before { content: " "; display: inline-block; vertical-align: middle; margin-right: 3px; width: 24px; height: 24px; background-color: white; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 2px; box-shadow: none; }.css-checkbox:checked + label::after { content: " "; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTIgNTEyIj48cGF0aCBmaWxsPSIjMTk4NzU0IiBkPSJNMjQyLjcyIDI1NmwxMDAuMDctMTAwLjA3YzEyLjI4LTEyLjI4IDEyLjI4LTMyLjE5IDAtNDQuNDhsLTIyLjI0LTIyLjI0Yy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDE3NiAxODkuMjggNzUuOTMgODkuMjFjLTEyLjI4LTEyLjI4LTMyLjE5LTEyLjI4LTQ0LjQ4IDBMOS4yMSAxMTEuNDVjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhMMTA5LjI4IDI1NiA5LjIxIDM1Ni4wN2MtMTIuMjggMTIuMjgtMTIuMjggMzIuMTkgMCA0NC40OGwyMi4yNCAyMi4yNGMxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBMMTc2IDMyMi43MmwxMDAuMDcgMTAwLjA3YzEyLjI4IDEyLjI4IDMyLjIgMTIuMjggNDQuNDggMGwyMi4yNC0yMi4yNGMxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4TDI0Mi43MiAyNTZ6Ii8+PC9zdmc+"); background-repeat: no-repeat; background-size: 24px 24px; background-position: center center; position: absolute; display: flex; justify-content: center; align-items: center; margin-left: 0px; left: 0px; top: 0px; text-align: center; background-color: transparent; font-size: 10px; height: 26px; width: 26px; }


/* Below Start: http://getbootstrap.com/docs/4.1/examples/sticky-footer-navbar/sticky-footer-navbar.css
    Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 155px;
    line-height: 60px; /* Vertically center the text there */
    /*background-color: #f5f5f5;*/
    border-top: 1px solid #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/*body > .container {
    padding: 60px 15px 0;
    padding: 60px 15px 130px; Add vertical space between end content and footer
}*/

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}


/* Custom footer CSS
-------------------------------------------------- */
.footer-logo-gray {
    color: #7b8a8b !important; /* from Bootswatch v4.1.1 */
}

.footer-logo2 {
    color: #000 !important; /* from Bootswatch v4.1.1 */
    margin-bottom: 0;
}

.footer-copyright {
    font-size: 0.9em;
}

.footer-disclaimer {
    font-size: 0.9em; /* same as .footer-links */
    padding-top: 10px;
    line-height: 1.5em;
}

.footer-2 {
    border-top: 2px solid #ecf0f1;
    background-color: #f5f5f5;
    height: 150px;
}


/* media-query.css
  https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488

  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
-------------------------------------------------- */

/* Hide your Sidebar on Mobile Globally */
/* https://docs.oceanwp.org/article/478-hide-your-sidebar-on-mobile-globally */
/*@media (max-width: 767px) {*/
@media (max-width: 1024px) { /* covers iPads */
	.sidebar { display: none; }
}

/* 22-Sep-20: Overwrite Materia CSS default container width 1140px to 1170px */
@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        /*max-width: 1140px;*/
        max-width: 1170px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        /*max-width: 1140px;*/
        max-width: 1170px;
    }
}