Errors in Code

When I go into my theme editor I see multiple errors in the code. Although I don’t see an issue with the functionality I definitely do not want errors hanging around. Can anyone help?

Note that when I hover over the orange ‘!’ I see a solution, but I don’t know how to incorporate that solution.

Here they are:

input:not([type=’checkbox’]):not([type=’radio’])

“Outlines should only be modified using focus”

1. padding: .8em;
color: inherit;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;

2. .btArticleContent blockquote {
text-align: center;
width: 100%;
padding: 2em 6em;
margin: 0 auto;
background-image: url(blockquote.png);
background-size: contain;
background-position: center;
3. border: 1px solid rgba(0,0,0,.05);
}
.btContentHolder table td,
.btContentHolder table th {
padding: 1em;
border: 1px solid #c7c7c7;
}

4. /* Gutter port keeps width */
.port {
width: 100%;
padding: 0 30px;
}
.gutter .port {
max-width: 1260px;
margin: auto;
}
.btWithSidebar .btContent .gutter .port {
padding: 0;
}
@media (max-width: 1259px) {
.gutter .port {
width: 100%;
max-width: none;
padding-left: 30px;
padding-right: 30px;
}
.btMenuVerticalRight .btVerticalMenuTrigger {
margin: 0;
}
}

5. .btVerticalHeaderTop {
display: none;
position: absolute;
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.btMenuVertical .btVerticalHeaderTop {
display: block;
}

“Using width with padding can sometimes make elements larger than you expect”

a,
a:active,
a:focus {
outline: none;
}

“outlines shouldn’t be hidden unless other visual changes are made”

html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li {
width: INF% !important;
}

“Expected RBRACE at line 2023; col, 15”

The page I need help with: [log in to see the link]