/* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ #myr_gamer_latency .container { position: relative; width: 100%; /*max-width: 1100px;*/ margin: 0 auto; padding: 0 20px; box-sizing: border-box; } #myr_gamer_latency .column, #myr_gamer_latency .columns { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 400px */ @media (min-width: 400px) { #myr_gamer_latency .container { padding: 0; } } /* For devices larger than 550px */ @media (min-width: 550px) { /* #myr_gamer_latency .container { width: 80%; }*/ #myr_gamer_latency .column, #myr_gamer_latency .columns { margin-left: 4%; } #myr_gamer_latency .column:first-child, #myr_gamer_latency .columns:first-child { margin-left: 0; } #myr_gamer_latency .one.column, #myr_gamer_latency .one.columns { width: 4.66666666667%; } #myr_gamer_latency .two.columns { width: 13.3333333333%; } #myr_gamer_latency .three.columns { width: 22%; } #myr_gamer_latency .four.columns { width: 30.6666666667%; } #myr_gamer_latency .five.columns { width: 39.3333333333%; } #myr_gamer_latency .six.columns { width: 48%; } #myr_gamer_latency .seven.columns { width: 56.6666666667%; } #myr_gamer_latency .eight.columns { width: 65.3333333333%; } #myr_gamer_latency .nine.columns { width: 74.0%; } #myr_gamer_latency .ten.columns { width: 82.6666666667%; } #myr_gamer_latency .eleven.columns { width: 91.3333333333%; } #myr_gamer_latency .twelve.columns { width: 100%; margin-left: 0; } #myr_gamer_latency .one-third.column { width: 30.6666666667%; } #myr_gamer_latency .two-thirds.column { width: 65.3333333333%; } #myr_gamer_latency .one-half.column { width: 48%; } /* Offsets */ #myr_gamer_latency .offset-by-one.column, #myr_gamer_latency .offset-by-one.columns { margin-left: 8.66666666667%; } #myr_gamer_latency .offset-by-two.column, #myr_gamer_latency .offset-by-two.columns { margin-left: 17.3333333333%; } #myr_gamer_latency .offset-by-three.column, #myr_gamer_latency .offset-by-three.columns { margin-left: 26%; } #myr_gamer_latency .offset-by-four.column, #myr_gamer_latency .offset-by-four.columns { margin-left: 34.6666666667%; } #myr_gamer_latency .offset-by-five.column, #myr_gamer_latency .offset-by-five.columns { margin-left: 43.3333333333%; } #myr_gamer_latency .offset-by-six.column, #myr_gamer_latency .offset-by-six.columns { margin-left: 52%; } #myr_gamer_latency .offset-by-seven.column, #myr_gamer_latency .offset-by-seven.columns { margin-left: 60.6666666667%; } #myr_gamer_latency .offset-by-eight.column, #myr_gamer_latency .offset-by-eight.columns { margin-left: 69.3333333333%; } #myr_gamer_latency .offset-by-nine.column, #myr_gamer_latency .offset-by-nine.columns { margin-left: 78.0%; } #myr_gamer_latency .offset-by-ten.column, #myr_gamer_latency .offset-by-ten.columns { margin-left: 86.6666666667%; } #myr_gamer_latency .offset-by-eleven.column, #myr_gamer_latency .offset-by-eleven.columns { margin-left: 95.3333333333%; } #myr_gamer_latency .offset-by-one-third.column, #myr_gamer_latency .offset-by-one-third.columns { margin-left: 34.6666666667%; } #myr_gamer_latency .offset-by-two-thirds.column, #myr_gamer_latency .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } #myr_gamer_latency .offset-by-one-half.column, #myr_gamer_latency .offset-by-one-half.columns { margin-left: 52%; } } /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ #myr_gamer_latency .button, #myr_gamer_latency button, #myr_gamer_latency input[type="submit"], #myr_gamer_latency input[type="reset"], #myr_gamer_latency input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; } #myr_gamer_latency .button:hover, #myr_gamer_latency button:hover, #myr_gamer_latency input[type="submit"]:hover, #myr_gamer_latency input[type="reset"]:hover, #myr_gamer_latency input[type="button"]:hover, #myr_gamer_latency .button:focus, #myr_gamer_latency button:focus, #myr_gamer_latency input[type="submit"]:focus, #myr_gamer_latency input[type="reset"]:focus, #myr_gamer_latency input[type="button"]:focus { color: #333; border-color: #888; outline: 0; } #myr_gamer_latency .button.button-primary, #myr_gamer_latency button.button-primary, #myr_gamer_latency input[type="submit"].button-primary, #myr_gamer_latency input[type="reset"].button-primary, #myr_gamer_latency input[type="button"].button-primary { color: #FFF; background-color: #33C3F0; border-color: #33C3F0; } #myr_gamer_latency .button.button-primary:hover, #myr_gamer_latency button.button-primary:hover, #myr_gamer_latency input[type="submit"].button-primary:hover, #myr_gamer_latency input[type="reset"].button-primary:hover, #myr_gamer_latency input[type="button"].button-primary:hover, #myr_gamer_latency .button.button-primary:focus, #myr_gamer_latency button.button-primary:focus, #myr_gamer_latency input[type="submit"].button-primary:focus, #myr_gamer_latency input[type="reset"].button-primary:focus, #myr_gamer_latency input[type="button"].button-primary:focus { color: #FFF; background-color: #1EAEDB; border-color: #1EAEDB; } /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ #myr_gamer_latency input[type="email"], #myr_gamer_latency input[type="number"], #myr_gamer_latency input[type="search"], #myr_gamer_latency input[type="text"], #myr_gamer_latency input[type="tel"], #myr_gamer_latency input[type="url"], #myr_gamer_latency input[type="password"], #myr_gamer_latency textarea, #myr_gamer_latency select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ #myr_gamer_latency input[type="email"], #myr_gamer_latency input[type="number"], #myr_gamer_latency input[type="search"], #myr_gamer_latency input[type="text"], #myr_gamer_latency input[type="tel"], #myr_gamer_latency input[type="url"], #myr_gamer_latency input[type="password"], #myr_gamer_latency textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #myr_gamer_latency textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } #myr_gamer_latency input[type="email"]:focus, #myr_gamer_latency input[type="number"]:focus, #myr_gamer_latency input[type="search"]:focus, #myr_gamer_latency input[type="text"]:focus, #myr_gamer_latency input[type="tel"]:focus, #myr_gamer_latency input[type="url"]:focus, #myr_gamer_latency input[type="password"]:focus, #myr_gamer_latency textarea:focus, #myr_gamer_latency select:focus { border: 1px solid #33C3F0; outline: 0; } #myr_gamer_latency label, #myr_gamer_latency legend { display: block; margin-bottom: .5rem; font-weight: 600; } #myr_gamer_latency fieldset { padding: 0; border-width: 0; } #myr_gamer_latency input[type="checkbox"], #myr_gamer_latency input[type="radio"] { display: inline; } #myr_gamer_latency label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ #myr_gamer_latency .u-full-width { width: 100%; box-sizing: border-box; } #myr_gamer_latency .u-max-full-width { max-width: 100%; box-sizing: border-box; } #myr_gamer_latency .u-pull-right { float: right; } #myr_gamer_latency .u-pull-left { float: left; } /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ #myr_gamer_latency hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; } /* Clearing –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Self Clearing Goodness */ #myr_gamer_latency .container:after, #myr_gamer_latency .row:after, #myr_gamer_latency .u-cf { content: ""; display: table; clear: both; }