/* Created by: Matt Kitson */
/* September 2020 */
/* style.css */

/* START OF General Page settings */
         body {
            font-family:Arial, Helvetica, sans-serif;
            font-size:1.2em;
            width: 96%;
            background-color: #ffffff;
         }
         /* unvisited link */
         a:link {
           color: #000000;
           text-decoration: none;
         }

         /* visited link */
         a:visited {
           color: #454645;
           text-decoration: none;
         }

         /* mouse over link */
         a:hover {
           color: #454645;
           text-decoration: none;
         }

         /* selected link */
         a:active {
           color: #454645;
           text-decoration: none;
         }
        .error-message {
        font-size:11px;
        color:#cc0000;
        margin-top:10px
        }
/* END OF General Page settings */

/* START OF FORMS settings */
         label {
            font-weight:bold;
            width:100px;
            font-size:1em;
         }
         .scores-box {
            border:#666666 solid 1px;
            width: 40px;
         }
         .login-box {
            border:#666666 solid 1px;
            width: 200px;
         }
         .team-box {
            border:#666666 solid 1px;
            width: 150px;
         }
         .teamnames {
            border:none;
            width: 105px;
            display: inline-block;
            font-size: 0.8em;
         }
         .order-box-title {
            border:none;
            border-width: 0.4px;
            display: inline-block;
            font-size: 0.8em;
            text-align: left;
            width: 60px;
         }
         .fixture-team-title {
            border:none;
            border-width: 0.4px;
            width: 110px;
            display: inline-block;
            text-align: left;
            font-size: 0.8em;
            margin-left: 5px;
            margin-right: 5px;
         }
         .order-box {
            border:solid;
            border-width: 0.4px;
            display: inline-block;
            font-size: 0.8em;
            width: 60px;
         }
         .fixture-team {
            border:solid;
            border-width: 0.4px;
            width: 110px;
            display: inline-block;
            font-size: 0.8em;
            margin-left: 5px;
            margin-right: 5px;
         }
         .fixture-team-noentry {
            border:none;
            border-width: 0.4px;
            width: 110px;
            display: inline-block;
            font-size: 0.8em;
            margin-left: 5px;
            margin-right: 5px;
         }
         .predictentry {
            border:none;
            width: 42px;
            display: inline-block;
         }
         .predictdisplay {
            border:none;
            width: 22px;
            display: inline-block;
            font-size: 0.8em;
         }
        input {
            font-size:1.2em;
        }
        select {
            font-size:1.2em;
        }
/* END OF FORMS settings */

/* START OF TITLE settings */
         .header-row {
            background-color:#333333;
            color:#FFFFFF;
            padding:3px;
            width: 99%;
            text-align: center;
         }
/* END OF TITLE settings */

/* START OF MENU settings */
         .menu-row {
            background-color:#ffffff;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            display: block;
            border: none;
         }
         .menu-item {
            background-color:#06ef27;
            color:#000000;
            padding:3px;
            margin-left: 2px;
            margin-right: 2px;
            margin-bottom: 5px;
            width: 150px;
            text-align: center;
             box-shadow: 10px 10px 8px #888888;
            display: inline-block;
         }
         .menu-item-admin {
            background-color:#06ef8a;
            color:#000000;
            padding:3px;
            margin-left: 2px;
            margin-right: 2px;
            width: 250px;
            margin-bottom: 5px;
            text-align: center;
            box-shadow: 10px 10px 8px #888888;
            display: inline-block;
         }
        .menu-items {
        align: center;
        width: 98%;
        display: block;
        border: none;
        }
        .menu-button {
        align: center;
        width: 100%;
        }
        .mobile-menu-top {
            background-color:#ffffff;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            display: none;
            border: none;
        }
        .mobile-menu-inner {
            background-color:#ffffff;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            display: block;
            border: none;
        }
/* END OF MENU settings */

/* START OF BLOG settings */
         .blog-item {
            background-color:#edebeb;
            color:#000000;
            padding:3px;
            margin-left: 2px;
            margin-right: 2px;
            width: 80%;
            text-align: left;
            margin: auto;
            display: inline-block;
         }

      .blog-entry {
            width:80%;
            height:400px;"
        }
/* END OF BLOG settings */

/* START OF LAYOUT settings */
         .sub-header-row {
            background-color:#ffffff;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            border: none;
         }
         .entry-row {
            background-color:#FFFFFF;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            border: none;
         }
        .content {
            width: 98%;
            margin-left: auto;
            margin-right: auto;
            overflow-x:hidden;
            border: none;
        }
/* END OF LAYOUT settings */

/* START OF CALENDAR settings */
        .calendar-date-header {
        align: center;
        width: 100px;
        display: inline-block;
        }
        .calendar-control-arrow {
        display: inline-block;
        }
        .calendar-date-select {
        display: inline-block;
        width: 100%;
        height: 30px;
        margin: 0;
        padding: 0;
        background-color: #000000;
        }
        .calendar-date-number {
        align: center;
        width: 40px;
        height: 30px;
        border: solid;
        border-width: 1px;
        padding: 1px;
        overflow: hidden;
        display: inline-block;
        }
        .calendar-date-blank {
        align: center;
        width: 42px;
        border: none;
        padding: 1px;
        display: inline-block;
        }
/* END OF CALENDAR settings */


/* START OF POINTS settings */        
        .points-container {
        border: solid;
        width: 350px;
        margin: auto;
        text-align: left;
        }
        .points-position {
        display: inline-block;
        border-bottom: solid;
        border-width: 0.2px;
        width:30px;
        padding-left: 5px;
        }
        .points-teamname {
        display: inline-block;
        border-bottom: solid;
        border-width: 0.2px;
        width: 150px;
        padding-left: 5px;
        }
        .points-figures {
        display: inline-block;
        width: 40px;
        text-align: right;
        border-bottom: solid;
        border-width: 0.2px;
        }
/* END OF POINTS settings */


/* START OF DEFAULTS settings */
        .defaults-name {
        display: inline-block;
        border: none;
        width: 120px;
        padding-left: 5px;
        }
        .defaults-scores {
        display: inline-block;
        width: 60px;
        text-align: right;
        }
/* END OF DEFAULTS settings */

/* START OF SCREEN RESOLUTION CHANGES */

/* desktop view start */
@media only screen and (min-width:992px) 
{
        .mobile-menu-top {
            display: none;
        }
        .mobile-menu-inner {
            display: block;
        }

}
/* desktop view end */

/* tablet view start */
@media only screen
and (min-width : 768px)
and (max-width : 991px) 
{
        .mobile-menu-top {
            display: none;
        }
        .mobile-menu-inner {
            display: block;
        }
}
/* tablet view end */

/* mobile view start */
@media only screen
and (max-width : 767px)
{
        .blog-item {
           width: 98%;
        }

       .blog-entry {
            width:98%;
            height:400px;"
        }
        .mobile-menu-top {
            display: block;
        }
        .mobile-menu-inner {
            display: none;
        }
}
/* mobile view end */

/* END OF SCREEN RESOLUTION CHANGES */