:root {
    --max-content-size: 1280px !important;
    --content-overhang: calc(var(--max-content-size) + 40px);
    --blue-pill-color: #003983;
    --theme-blue: #003983;
    --theme-Orange: #FF6900;
    --link-foreground: #e1eeee;
    --link-foreground-hover: #ffffff;
    --link-background: #4575a3;
    --link-background-hover: #253f59;
    --border-hover: #121518;
    --foreground: #5e6b78;
    --background: #ffffff;
    --accent-foreground:#ffffff;
    --accent-background: #ff6900;
    --accent-background-hover:#f55f23;
    --nav-background-hover:#f55f23;
    --action:#428385;
    --action:#f66b34;
    --action-hover:#3a6769;
    --action-foreground:#ffffff;
    --header-background:#ffffff;
    --header-foreground:#64babe;
    --nav-background:#305152;
    --nav-background-hov-menu:#4d5c68;
    --nav-background:#354f68;
    --nav-background:#003983;
    --nav-background:#0c3263;
    --nav-background-active:#4575a3;
    --hover-green: #28a203;
    /* --link-background: #e1eeee;
    --link-background-hover: #ffffff;
    --link-foreground: #4575a3;
    --link-foreground-hover: #253f59;
    --border-hover: #121518;
    --background: #5e6b78;
    --foreground: #ffffff;
    --accent-foreground:#ffffff;
    --accent-background: #ff6900;
    --accent-background-hover:#f55f23; */
  }
*{
    -moz-box-sizing: border-box !important; 
    -webkit-box-sizing: border-box !important; 
     box-sizing: border-box !important;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    hyphens: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%
}

html {
    /* overflow-y: scroll;  Phil*/
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body,
button,
input,
select,
textarea {
    /* color: #2b2b2b;  phil */
    font-family: avenir, 'Monsterrat', sans-serif;
    font-weight: 400;
    line-height: 1.7
}

body {
    background: #BBB;
    background: #fff;
}

address {
    font-style: italic;
    margin-bottom: 24px
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help
}

.hint {
    cursor: help
}

b,
strong {
    font-weight: 700
}

cite,
dfn,
em,
i {
    font-style: italic
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

p {
    margin-bottom: 25px;
    word-break: break-word;
    font-size: 18px;
}
footer p {
    font-size: 14px;
    line-height: 1.7em;
}
code,
kbd,
tt,
var,
samp,
pre {
    font-family: avenir, 'Monsterrat', sans-serif;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.6
}

pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

blockquote {
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 40px;
    /* background-image: linear-gradient(180deg, rgba(0, 57, 131, 1) 0%, rgba(0, 34, 79, 1) 100%); */
    /* background-image: (180deg, rgba(242, 242, 242, 0.7) 0%, rgba(242, 242, 242, 0.7) 100%), url(); */
    background-color: white;
    box-shadow: 0 0 0 0 #ccc;
    color: rgb(42, 42, 42);
}

blockquote cite,
blockquote small {
    color: #2b2b2b;
    font-weight: 400;
    line-height: 1.5
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal
}

small {
    font-size: smaller
}

big {
    font-size: 125%
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

dl {
    margin-bottom: 24px
}

dt {
    font-weight: bold
}

dd {
    margin-bottom: 24px
}

ul,
ol {
    list-style: none;
    margin: 0 0 24px 28px
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin: 0 0 0 20px
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle
}

figure {
    margin: 0 auto
}

fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 24px;
    padding: 11px 12px 0
}

legend {
    white-space: normal
}

button,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline
}

select {
    padding: 6px 10px 6px
}

button,
input {
    line-height: normal
}

input,
textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0))
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
button[disabled]:hover,
button[disabled]:active {
    cursor: default;
    top: 0;
    color: #DDD;
    background-color: #5E6B78
}

input[disabled],
input[disabled]:hover,
input[disabled]:active {
    cursor: default;
    background-color: #EEE
}

input[readonly="readonly"] {
    background-color: #f2f2f2;
    cusor: default
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

td {
    border: 1px solid #E3E3E3
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 24px;
    text-align: center;
    border: 2px solid #E3E3E3
}

tfoot td {
    border: 0
}

caption,
th,
td {
    font-weight: normal;
    vertical-align: middle
}

th {
    font-weight: bold
}

th,
tfoot {
    font-weight: bold;
    background-color: #E3E3E3;
    background-color: rgba(0, 0, 0, 0.1);
    background-color: #ececec;
    border: 1px solid #FFF
}

tr {
    border-width: 0 0 1px 0;
    border-color: #E3E3E3
}

del {
    color: #767676
}

hr {
    border: 0;
    height: 1px;
    margin: 20px;
    background-color: #BBB
}

::selection {
    background: #253F59;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #253F59;
    color: #fff;
    text-shadow: none
}

a {
    color: #4575A3;
    text-decoration: underline;
    /* text-transform: capitalize; */
}

a:visited {
    color: #5E6B78
}

.wp-block-button a:visited {
    color: #ffffff;
}
a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0;
    color: #253F59;
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: CutmarkBold, sans-serif;
    font-weight: 700;
    letter-spacing: 0.03em;

    /* padding: 3px 6px */
}

h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
    font-weight: 900;
    /* padding: 3px 6px */
    margin-top: 40px;
    margin-bottom: 10px;
    
}
h1 {
    /* font-size: 22px; */
    line-height: 1.5;
}

h1 .genericon {
    font-size: 22px;
    width: 22px;
    height: 22px
}

h2 {
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 20px;
    line-height: 1.3846153846
}

h2 .genericon {
    
    font-size: 22px;
    width: 20px;
    height: 20px
}

h3 {
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 18px;
    line-height: 1.0909090909;
    margin-bottom: 10px;
    margin-top: 10px;
}

h3 .genericon {
    font-size: 18px;
    width: 18px;
    height: 18px
}

h4 {
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;
    /* margin-bottom: 25px; */
}

h5 {
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px;
    line-height: 1
}

h6 {
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 14px;
    line-height: 1
}

.inverted,
.entry-header,
.entry-title,
.page-title, .page-title h1 {
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 900;
    font-size: 55px;
    margin-top: 50px;
    color: var(--theme-blue);
    line-height: 1em;
    /* padding-bottom: 25px; */
}
h1 {
    font-size: 55px;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 900;
    color: var(--theme-blue);
}
.nav-links {
    margin-bottom: 50px;
}
a .inverted:hover {
    background-color: #253F59
}

.inv {
    /* background-color: #6886A3; */
    /* background-color: var(--theme-blue);
    color: #FFF */
}

.widget .tag {
    display: block;
    text-align: left
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.textleft {
    text-align: left !important
}

.textright {
    text-align: right !important
}

.textcenter {
    text-align: center !important
}
.entry-title {
    margin-top: 25px;
    text-align: center;
}
.entry-header,
.entry-title,
.page-title {
    /* padding: 5px 3%; */
    /* margin: 0 -3% 15px */
}

@media (min-width: 950px) {

    .entry-header,
    .entry-title,
    .page-title {
        /* margin: 0 -3.5% 15px */
    }

    h1 {
        /* font-size: 28px; */
        line-height: 1.2;
        /*margin-bottom: 0  !important */;
    }

    h1 .genericon {
        font-size: 28px;
        width: 28px;
        height: 28px
    }

    h2 {
        font-size: 36px;
        line-height: 1em;
    }

    h2 .genericon {
        font-size: 24px;
        width: 24px;
        height: 24px
    }

    h3 {
        font-size: 22px;
        line-height: 1.0909090909
    }

    h3 .genericon {
        font-size: 22px;
        width: 22px;
        height: 22px
    }

    h4 {
        font-size: 20px;
        line-height: 1.2
    }

    h4 .genericon {
        font-size: 20px;
        width: 20px;
        height: 20px
    }

    h5 {
        font-size: 18px;
        line-height: 1.3333333333
    }

    h6 {
        font-size: 16px;
        line-height: 1.5
    }
}

@media (min-width: 1300px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        /* margin: 5px -1%; */
        /* padding: 5px 1%; */
        /* text-transform: capitalize; */
        margin-top: 50px;
        margin-bottom: 15px;
    }

    .widget h1,
    .widget h2,
    .widget h3,
    .widget h4,
    .widget h5,
    .widget h6 {
        margin: 35px 0 0px 0;
        padding-left: 4%
    }

    .banner {
        margin: 0 -8px
    }
}

.math {
    font-family: avenir, 'Monsterrat', sans-serif;
    font-size: 1.3em;
    font-style: italic;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em
}
.avenir {
    font-family: avenir, 'Monsterrat', sans-serif !important;
}
@font-face {
    font-family: 'icomoon';
    src: url("https://static.portlandbolt.com/fonts/icomoon.eot?7iknd7");
    src: url("https://static.portlandbolt.com/fonts/icomoon.eot?#iefix7iknd7") format("embedded-opentype"), url("https://static.portlandbolt.com/fonts/icomoon.woff?7iknd7") format("woff"), url("https://static.portlandbolt.com/fonts/icomoon.ttf?7iknd7") format("truetype"), url("https://static.portlandbolt.com/fonts/icomoon.svg?7iknd7#icomoon") format("svg");
    /* src: url("https://test.portlandbolt.com/wp-content/cache/css/font/icomoon.eot?7iknd7");
    src: url("https://test.portlandbolt.com/wp-content/cache/css/font/icomoon.eot?#iefix7iknd7") format("embedded-opentype"), url("https://test.portlandbolt.com/wp-content/cache/css/font/icomoon.woff?7iknd7") format("woff"), url("https://test.portlandbolt.com/wp-content/cache/css/font/icomoon.ttf?7iknd7") format("truetype"), url("https://test.portlandbolt.com/wp-content/cache/css/font/icomoon.svg?7iknd7#icomoon") format("svg"); */

    font-weight: normal;
    font-style: normal
}

[class^="genericon-"],
[class*=" genericon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.genericon-menu:before {
    content: "\f419"
}

.genericon-downarrow:before {
    content: "\f502"
}

.genericon-uparrow:before {
    content: "\f500"
}

.genericon-rightarrow:before {
    content: "\f501"
}

.genericon-leftarrow:before {
    content: "\f503"
}

.genericon-chat:before {
    content: "\f108"
}

.genericon-time:before {
    content: "\f303"
}

.genericon-trash:before {
    content: "\f407"
}

.genericon-mail:before {
    content: "\f410"
}

.genericon-edit:before {
    content: "\f411"
}

.genericon-checkmark:before {
    content: "\f418"
}

.genericon-expand:before {
    content: "\f431"
}

.genericon-collapse:before {
    content: "\f432"
}

.genericon-external:before {
    content: "\f442"
}

.genericon-document:before {
    content: "\f443"
}

.genericon-info:before {
    content: "\f455"
}

.genericon-notice:before {
    content: "\f456"
}

.genericon-help:before {
    content: "\f457"
}

.genericon-print:before {
    content: "\f469"
}

.genericon-home:before {
    content: "\e902"
}

.genericon-file:before {
    content: "\e926"
}

.genericon-phone:before {
    content: "\e942"
}

.genericon-location:before {
    content: "\e947"
}

.genericon-reply:before {
    content: "\e96a"
}

.genericon-refresh:before {
    content: "\e984"
}

.genericon-search:before {
    content: "\f400"
}

.genericon-attachment:before {
    content: "\e9cd"
}

.genericon-show:before {
    content: "\e9ce"
}

.genericon-hide:before {
    content: "\e9d1"
}

.genericon-star:before {
    content: "\e9d9"
}

.genericon-plus:before {
    content: "\ea0a"
}

.genericon-minus:before,
.genericon-minimize:before {
    content: "\ea0b"
}

.genericon-close:before {
    content: "\ea0f"
}

.genericon-up:before {
    content: "\ea3a"
}

.genericon-right:before,
.genericon-next:before {
    content: "\ea3c"
}

.genericon-down:before {
    content: "\ea3e"
}

.genericon-left:before,
.genericon-previous:before {
    content: "\ea40"
}

.genericon-share2:before {
    content: "\ea7d"
}

.genericon-share:before {
    content: "\ea82"
}

.genericon-googleplus:before {
    content: "\ea89"
}

.genericon-facebook:before {
    content: "\ea8d"
}

.genericon-twitter:before {
    content: "\ea92"
}

.genericon-feed:before {
    content: "\ea94"
}

.genericon-feed2:before {
    content: "\ea95"
}

.genericon-youtube:before {
    content: "\ea97"
}

.genericon-youtube2:before {
    content: "\ea9a"
}

.genericon-linkedin:before {
    content: "\eac8"
}

.genericon-pdf:before {
    content: "\eada"
}

.site {
    background-color: #FFF;
    /* max-width: 1260px; phil */
    position: relative;
    /* padding: 0 auto 50px auto; */
    margin-top: -1px;
}
.site .container {
    max-width: 1300px;
    margin: auto;
    /* padding-left: 0; */
    padding-bottom: 50px;
}

#wpadminbar {
    min-height: 32px
}
#site-header {
    position: relative;
    z-index: 3; 

}
#header-image,
.header-tray {
    background-color: #5E6B78;
    /* background-color: #fff; /* phil */ 
    background-color: #000000;
    color: #FFFFFF;
    background-image: none !important;
}

.header-tray {
    background-color: #5E6B78;
    background-color: #fff; /* phil */ 
    color: #FFFFFF;
    background-image: none !important;
}

.header-tray a,
.header-tray a:visited,
.header-tray a:active,
.header-tray a:hover {
    color: #FFF !important;
    font-weight: bold !important;
}

#masthead {
    z-index: 3
}

#masthead .header-main {
    padding: 0
}

.site-header,
.site-footer,
#primary:before,
.site-header a,
.site-footer a {
    background-color: #4A5159;
    color: #FFF
}

#header-image {
    /* margin-top: 48px; phil */
    position: inherit;
    z-index: 2;
    text-align: center
}

#header-logo {
    /* background-color: #FFFFFF; was #fff phil*/
    padding: 6px;
    display: block;
    border: none
}

#header-logo img {
    width: 100%;
    max-width: 206px /* phil */
}

#header-phone {
    font-size: 1.5em;
    font-weight: bold
}

#header-phone .phone,
#header-phone a:link,
#header-phone a:visited,
#header-phone a:hover,
#header-phone a:active {
    color: #FFF
}

.header-tray {
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: center;
    background-color: #5E6B78;
    color: #FFF;
    position: relative
}

.header-tray ul {
    margin: 0;
    list-style: none
}

.header-tray a,
.header-tray a:visited,
.header-tray a:active,
.header-tray a:hover {
    background-color: transparent
}

.top-links,
.search-toggle .screen-reader-text {
    float: right;
    /* text-transform: uppercase; */
    font-size: 11px;
    line-height: 44px
}

.top-links a {
    display: inline-block;
    padding: 0 16px 0 8px
}

.top-links .genericon {
    vertical-align: middle;
    margin: 0;
    font-size: 24px
}

#site-logo {
    position: absolute;
    z-index: 3;
    padding: 6px;
    height: 32px;
    display: block;
    background: transparent url(https://static.portlandbolt.com/images/logo-rollover.png) no-repeat 0 -48px;
    width: 48px
}

.site-header {
    position: relative;
    width: 100%;
    z-index: 4
}

.header-content {
    margin: 0 auto;
    max-width: 1300px
}

.header-main {
    min-height: 60px;  /* was 48 phil */
    padding: 0
}

.header-fixed {
    position: fixed;
    top: 0;
    display: none; /* phil */
}

#wpadminbar {
    position: fixed
}

.admin-bar .header-fixed {
    top: 46px
}

.site-title {
    float: left;
    font-weight: 700;
    line-height: 48px;
    margin: 0
}

.site-title a,
.site-title a:hover {
    color: #fff
}

@media (min-width: 950px) {
    .admin-bar .header-fixed {
        top: 32px
    }

    #header-image {
        position: relative;
        width: 100%;
        text-align: left;
        /* height: 110px  phil 140 */
    }

    #header-logo {
        padding: 5px 6px 5px 0px;
        /* margin-top: 20px;
        float: left */
    }

    .header-tray {
        float: right;
        width: 285px;
        margin-top: 20px;
        padding: 10px 0px 0px 5px;
        background-color: #FFF;
        color: #5E6B78;
        text-align: right
    }

    .header-tray ul {
        width: 210px
    }

    .top-links .genericon {
        vertical-align: middle;
        margin-right: 4px;
        font-size: 16px
    }

    .header-tray #chat-photo {
        background: #FFF url("https://static.portlandbolt.com/uploads/2016/10/chat-steven-op.jpg") no-repeat 0 0;
        width: 80px;
        height: 80px;
        margin: 0 0 0 8px;
        float: right
    }

    .header-tray a,
    .header-tray a:visited,
    .header-tray a:active,
    .header-tray a:hover {
        color: #F58823;
        border-bottom: none !important
    }

    .header-tray a:hover {
        color: #F55F23;
        text-decoration: underline
    }

    #header-phone {
        position: absolute;
        left: 0;
        z-index: 1;
        text-align: right;
        top: 0;
        border-right: 24px solid transparent;
        border-top: 36px solid #F58823;
        height: 0;
        z-index: 15;
        display: inline-block
    }

    #header-phone span {
        color: #FFF
    }

    #header-phone .phone {
        text-decoration: none;
        margin-top: -38px !important;
        border: none;
        margin-bottom: 12px;
        padding: 2px 5px 2px 10px;
        display: block
    }

    #header-phone .genericon-phone {
        display: inline;
        vertical-align: middle
    }

    #header-email {
        margin-top: 28px
    }
}

.search-toggle {
    /* float: right;
    margin-right: 0;
    margin-left: 4px;
    text-align: center  phil*/
}

.search-toggle .search-field {
    /* float: left;
    margin: 8px 0 6px 8px; Phil*/
    width: 190px;
    display: inline-block;
    border-radius: 9999px 0 0 9999px;
}

.search-toggle .search-submit {
    width: 48px;
    height: 32px; /* was 48 phil */
    text-align: center;
    /* float: right; */
    display: inline-block; /* phil was block /*
    padding: 0;
    background-color: transparent; /* phil */
    background-color: #fff;
    border-radius: 0 9999px 9999px 0;
    position: relative;
    /* top: 8px;
    left: -1px; phil*/
}

.search-toggle .search-submit:after {
    font-family: 'icomoon';
    content: "\f400";
    font-size: 20px;
    width: 48px;
    height: 48px;
    color: #4d4d4d;
}
        
/* Pill Shape Search Block */
/* .search-2024 .search-field {
  background-color: #FFFFFF;
  border-width: 0;
  opacity: 1;
  border: 1px solid #292929;
  border-radius: 50px; 
}*/

/* Search Block - Text */
/* .search-2024 .search-field {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.02em;
  color: #000000 !important;
  opacity: 1 !important;
  padding-left: 35px;
} */
/*          */
.search-2024 .pr-5, .search-2024 .px-5 {
    padding-right: 3rem !important;
}
.search-2024 .rounded-pill {
    border-radius: 50rem !important;
}
.search-2024 .border-secondary {
    border-color: #6c757d !important;
}
.search-2024 .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    max-width: 260px;
    margin: auto;
}
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
/*          */
.page-id-5252 table,
.page-id-5252 tr,
.page-id-5252 td {
    border: none;
    text-align: left;
    margin-bottom: 0
}

.menu-toggle {
    border-radius: 0;
    cursor: pointer;
    height: 48px;
    margin: 0;
    overflow: hidden;
    padding: 4px 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100px;
    font-size: 16px;
    background-color: #4A5159
}

.menu-toggle .genericon-menu {
    display: inline;
    vertical-align: middle
}

.menu-toggle .genericon-menu:before {
    font-size: 20px
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
    position: absolute;
    top: 0
}

.search-toggle:hover,
.search-toggle.active,
.search-box-wrapper,
.search-box,
.top-links a:active,
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover,
#site-logo:hover,
.top-links a:hover {
    background-color: #5E6B78;
    border-color: #FFF
}

.search-toggle:hover .search-submit:after,
.search-toggle.active .search-submit:after,
.top-links a:hover .genericon:before,
.top-links a:active .genericon:before {
    color: #FFFFFF; /* phil */
    color: #4d4d4d !important;
}

@media (min-width: 950px) {
    .search-toggle .search-field {
        display: block
    }

    .search-toggle {
        margin-right: 0;
        border-top: 0px solid #798491;
        margin-top: 12px;
    }

    .search-toggle .search-submit {
        /* height: 44px Phil */
        /* position:relative;
        right:50px */
    }
}

.site-navigation ul {
    list-style: none;
    margin: 0
}

.site-navigation li {
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.site-navigation ul ul {
    margin-left: 20px
}

.site-navigation a {
    display: block
}

.site-navigation .current_page_item>a,
.site-navigation .current_page_ancestor>a,
.site-navigation .current-menu-item>a,
.site-navigation .current-menu-ancestor>a {
    font-weight: 700
}

.nav-menu>.current_page_item>a,
.nav-menu>.current_page_ancestor>a,
.nav-menu>.current-menu-item>a,
.nav-menu>.current-menu-ancestor>a {
    border-color: #FFF
}

.navigation.pagination {
    text-align: center
}

.header-description {
    padding-left: 70px;
    padding-right: 10px;
    display: block;
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: right;
    height: 48px;
    line-height: 22px
}

.header-description,
.primary-navigation {
    font-size: 16px
}

.primary-navigation {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* padding-top: 24px; phil */
    padding: 0
}

.top-links a {
    text-decoration: none;
    border-bottom: 4px solid #798491
}

.primary-navigation.toggled-on {
    padding: 72px 0 36px
}

.primary-navigation .nav-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: none
}

.primary-navigation.toggled-on .nav-menu {
    display: block
}

.primary-navigation a {
    padding: 7px 0;
    text-decoration: none
}

.primary-navigation ul {
    padding: 0 10px
}

.primary-navigation ul ul {
    padding: 0 30px;
    margin: 0 -20px;
    display: none
}

.primary-navigation ul ul ul {
    margin: 0 -40px;
    padding: 0 50px;
    display: none
}

.primary-navigation ul ul {
    background-color: #5E6B78
}

.primary-navigation ul ul a {
    background-color: transparent;
    border: none
}

.primary-navigation ul ul ul {
    background-color: #798491
}

.primary-navigation.toggled-on {
    padding: 48px 0 36px 0;
    width: 100%
}

@media (min-width: 570px) {
    .header-description {
        line-height: 48px
    }
}

@media (min-width: 950px) {
    .site-header a {
        text-decoration: none;
        border-bottom: 4px solid #798491;
        /* text-transform: uppercase; */
    }

    .primary-navigation a {
        /* border-top: 4px solid #798491; phil */
        border-bottom: none
    }

    .primary-navigation ul ul ul a {
        border: none
    }

    .primary-navigation {
        float: left;
        margin: 0 1px 0 -12px;
        padding: 0 0 0 10px
    }

    .primary-navigation .menu-toggle {
        display: none;
        padding: 0
    }

    .primary-navigation .nav-menu {
        border-bottom: 0;
        display: block
    }

    .primary-navigation.toggled-on {
        border-bottom: 0;
        margin: 0;
        padding: 0
    }

    .primary-navigation ul {
        padding: 0
    }

    .primary-navigation li {
        border: 0;
        display: inline-block;
        height: 75px; /* was 44 phil */
        line-height: 75px; /* was 44 phil */
        position: relative
    }

    .primary-navigation a {
        display: inline-block;
        padding: 0 12px;
        white-space: nowrap;
        /* text-transform: uppercase; */
        font-weight: bold;
    }

    .primary-navigation ul ul {
        float: left;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 75px; /* phil was 48 */
        left: auto;
        display: none;
        z-index: 99999;
        width: 250px
    }

    .primary-navigation ul ul ul {
        padding: 0;
        margin: 0
    }

    .primary-navigation li li {
        border: 0;
        display: block;
        height: auto;
        line-height: 1.0909090909
    }

    .primary-navigation ul ul ul {
        left: auto;
        display: none;
        top: 0
    }

    .primary-navigation ul ul a {
        padding: 12px 5%;
        white-space: normal;
        width: 90%
    }

    .primary-navigation li:hover>a,
    .primary-navigation li.focus>a {
        background-color: #5E6B78;
        color: #fff;
        border-color: #FFF
    }

    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus>a {
        background-color: #5E6B78
    }

    .no-js .primary-navigation ul li:hover>ul,
    .primary-navigation ul li.hover>ul,
    .primary-navigation ul li.focus>ul {
        display: block
    }

    .no-js .primary-navigation ul ul li:hover>ul,
    .primary-navigation ul ul li.hover>ul,
    .primary-navigation ul ul li.focus>ul {
        left: 100%;
        display: block
    }

    .primary-navigation .menu-item-has-children>a,
    .primary-navigation .page_item_has_children>a {
        padding-right: 7%;
        width: 88%
    }

    .nav-menu>li {
        margin-right: 4px
    }

    .nav-menu>.menu-item-has-children>a {
        padding-right: 24px;
        width: auto
    }

    .primary-navigation .menu-item-has-children>a:after,
    .primary-navigation .page_item_has_children>a:after {
        -webkit-font-smoothing: antialiased;
        content: "\f502";
        display: inline-block;
        font: normal 8px/1 icomoon;
        position: absolute;
        right: 8px;
        top: 42%;
        vertical-align: text-bottom
    }

    .primary-navigation .menu-item-has-children li.menu-item-has-children>a:after,
    .primary-navigation .menu-item-has-children li.page_item_has_children>a:after,
    .primary-navigation .page_item_has_children li.menu-item-has-children>a:after,
    .primary-navigation .page_item_has_children li.page_item_has_children>a:after {
        content: "\f501";
        right: 2%;
        top: 40%
    }

    .primary-navigation li:hover>a,
    .primary-navigation li.focus>a,
    .top-links a:hover,
    .primary-navigation ul ul ul a:hover,
    .primary-navigation ul ul ul li.focus>a {
        background-color: #5E6B78
    }

    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus>a {
        background-color: #798491
    }

    .primary-navigation {
        background-color: transparent
    }
}

.hentry {
    margin: 0 auto 24px
}
/* .site-content {padding-left: 15px; padding-right:15px;} */
.page-content,
.site-content {
    margin: 0 auto;
    /* max-width: 94% phil */
    padding-bottom: 50px;
}
.container{
   padding-left: 15px;
   padding-right: 15px;
    /* max-width: 94% phil */
}
.page-content {
    margin-bottom: 48px
}
.breadcrumbs {
    margin-top: 25px !important;
    font-size: 14px;
}
#breadcrumbs {
    list-style: none;
    margin: 25px 10px 10px 0;
    overflow: hidden;
    /* margin-top: 25px; */
    font-size: 14px;
}
.p-breadcrumbs {
    background: #f5f5f5;
    margin-bottom: 25px;
    
}
.the-crumbs #breadcrumbs {
    list-style: none;
    margin: 5px 5px 5px 0;
    overflow: hidden;
    font-size: 12px;
}

#breadcrumbs li {
    float: left;
    margin-right: 15px
}

#breadcrumbs .separator {
    color: #BBBBBB
}

#breadcrumbs a {
    text-decoration: none
}

.entry-content,
.entry-summary,
.page-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    padding-bottom: 75px;
}

.page .entry-content,
.page-content {
    padding-top: 0;
    /* padding-left: 25px;
    padding-right: 25px; */
}
.page-content-full {
    padding-left: 0;
    padding-right: 0;
}
.full-width .hentry {
    max-width: 100%
}

.full-content {
    width: 100%;
    margin: 0
}

.content-sidebar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    width: 90%;
    margin: 0 auto;
    padding: 8px;
    text-align: left;
    /* height: 100vh; phil */
}

.content-sidebar h1,
.content-sidebar h2,
.content-sidebar h3,
.content-sidebar h4,
.content-sidebar h5,
.content-sidebar h6 {
    text-align: center
}
.content-sidebar h1.text-left,
.content-sidebar h2.text-left,
.content-sidebar h3.text-left,
.content-sidebar h4.text-left,
.content-sidebar h5.text-left,
.content-sidebar h6.text-left {
    text-align: left;
    padding-left: 5px;
} 
.content-sidebar h1:first-child,
.content-sidebar h2:first-child,
.content-sidebar h3:first-child,
.content-sidebar h4:first-child,
.content-sidebar h5:first-child,
.content-sidebar h6:first-child {
    /* margin-top: 0 */
}

.widget {
    margin: 8px auto
}
.sidebar-quote-button {
    margin-top: 35px;
}
@media (min-width: 950px) {
    .content-sidebar {
        width: 100%;
        margin-bottom: 0
    }

    .content-sidebar .widget {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        width: 33%;
        vertical-align: top;
        display: inline-block
    }

    .content-sidebar .wp-caption {
        max-width: 96% !important;
        width: auto !important
    }

    .content-sidebar:after {
        clear: both
    }
}

@media (min-width: 1024px) {
    .content-sidebar {
        border: 0;
        float: right;
        width: 30%
    }

    .content-sidebar.after {
        float: right
    }

    .site-sidebar .page-content,
    .site-sidebar .entry-content {
        width: 68%;
        float: left
    }

    .content-sidebar .widget {
        width: 94%;
        float: none;
        display: block
    }

    .content-sidebar h3:first-of-type {
        margin-top: 0;
        padding-top: 0
    }

    .site-content .entry-header,
    .entry-title,
    .page-title {
        /* margin-top: 52px; */
    }

    #main,
    #primary {
        /* margin-bottom: 50px; */
        min-height: 600px
    }
}

.site-footer {
    background-color: #0c3162;
    position: relative;
    z-index: 2;
    clear: both;
    font-size: 80%
}

.footer-sidebar {
    padding-top: 16px
}

.footer-sidebar .widget-title {
    padding: 0;
    margin-bottom: 10px;
}

.footer-sidebar .widget {
    /* padding: 8px 8px 8px 0; */
    text-align: left;
}

.footer-sidebar .textwidget {
    text-align: left
}

.site-footer .button {
    background-color: var(--theme-Orange);
}

.site-info {
    padding: 15px 10px;
    text-align: center;
    background: #212121; /*phil */
    color: #fff; /*phil */
    font-size: 1.2em;  /*phil */
    font-weight: bold; /*phil */
}

@media (min-width: 1024px) {
    .footer-sidebar {
        font-size: 14px;
        line-height: 1.5;
        max-width: 1600px; /*phil */
        max-width: 1250px; /*phil */
        margin: auto; /*phil */
        text-align: center; /*phil */
        padding: 25px 0 50px 0; /*phil */
    }
}

.inline-grid {
    text-align: center;
    margin-bottom: 12px;
    margin-top: 10px;
    padding: 0
}

.half,
.third,
.fourth,
.two-thirds,
.three-fourths,
.whole {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    display: inline-block
}

.third.box,
.fourth.box,
.half.box,
.two-thirds.box,
.three-fourths.box {
    margin: 0
}

.whole {
    display: block;
    clear: both
}

.two-thirds,
.three-fourths {
    text-align: left
}

.inline-grid .third {
    max-width: 300px;
    min-width: 200px;
    margin-bottom: 75px; /* phil */
    margin-left: 20px; /* phil */
    margin-right: 20px; /* phil */
    /* margin-left: auto;
    margin-right: auto; */
}

.inline-grid .fourth {
    /* max-width: 265px; */
    min-width: 190px
}

.inline-grid .half {
    max-width: 545px;
    min-width: 250px
}

.third ul,
.third ol,
.third p,
.fourth ul,
.fourth ol,
.fourth p,
.two-thirds ul,
.two-thirds ol,
.two-thirds p,
.three-fourths ul,
.three-fourths ol {
    padding: 3px 10px;
    margin-left: 0
}

.half ul,
.third ul,
.fourth ul,
.two-thirds ul,
.three-fourths ul,
.half ol,
.third ol,
.fourth ol,
.two-thirds ol,
.three-fourths ol {
    text-align: left
}

@media (min-width: 570px) {

    .half.textleft,
    .third.textleft,
    .fourth.textleft,
    .two-thirds.textleft,
    .three-fourths.textleft,
    .whole.textleft {
        text-align: left
    }

    .third p,
    .fourth p,
    .two-thirds p {
        text-align: left
    }

    .third ul,
    .third ol,
    .fourth ul,
    .fourth ol,
    .two-thirds ul,
    .two-thirds ol,
    .three-fourths ul,
    .three-fourths ul,
    .three-fourths ol {
        text-align: left;
        margin-left: 20px
    }

    .inline-grid {
        margin-left: 0
    }

    .half,
    .third,
    .fourth {
        vertical-align: top;
        margin: 0.2%
    }

    .third.box,
    .fourth.box,
    .half.box,
    .two-thirds.box,
    .three-fourths.box {
        margin: 0 0.2% 8px
    }

    .fourth {
        width: 48%
    }

    .whole {
        text-align: left
    }
}

@media (min-width: 650px) {
    .third {
        width: 48%
    }
}

@media (min-width: 950px) {

    .third,
    .fourth {
        width: 32.5%
    }

    .two-thirds,
    .three-fourths {
        width: 65.5%
    }

    .half {
        width: 48%
    }
}

@media (min-width: 950px) {
    .inline-grid {
        text-align: left
    }

    .fourth {
        width: 24.2%
    }

    .three-fourths {
        width: 74.4%
    }
}

.gallery:after {
    content: "";
    display: table;
    clear: both
}

img.aligncenter,
div.aligncenter,
figure.aligncenter,
img.wp-post-image {
    display: block;
    margin: 1em auto
}

img.alignright,
div.alignright,
figure.alignright {
    float: right;
    margin: 1em 0 1em 0;
    Margin-left: 0px !important;
}

img.alignleft,
div.alignleft,
figure.alignleft,
img.wp-post-image.attachment-thumb {
    float: left;
    margin: 1em 1em 2em 0
}

figure {
    max-width: 100%;
    height: auto;
    margin: 1em 0
}

p img.alignright,
p img.alignleft {
    margin-top: 0
}

.gallery figure img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block
}

.gallery figure {
    float: left;
    margin: 0 2% 1em 0
}

.gallery.gallery-columns-1 figure {
    width: 100%;
    margin: 0 0 1em 0;
    float: none
}

.gallery.gallery-columns-3 figure {
    width: 32%
}

.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {
    margin-right: 0
}

.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {
    clear: left
}

.gallery.gallery-columns-2 figure {
    width: 49%
}

.gallery.gallery-columns-2 figure:nth-of-type(even) {
    margin-right: 0
}

.gallery.gallery-columns-2 figure:nth-of-type(odd) {
    clear: left
}

.gallery.gallery-columns-4 figure {
    width: 23.25%
}

.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {
    margin-right: 0
}

.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {
    clear: left
}

.gallery.gallery-columns-5 figure {
    width: 18%
}

.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {
    margin-right: 0
}

.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {
    clear: left
}

.gallery.gallery-columns-6 figure {
    width: 14.2%
}

.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {
    margin-right: 0
}

.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {
    clear: left
}

.gallery.gallery-columns-7 figure {
    width: 12%
}

.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {
    margin-right: 0
}

.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {
    clear: left
}

.gallery.gallery-columns-8 figure {
    width: 10.2%
}

.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {
    margin-right: 0
}

.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {
    clear: left
}

.gallery.gallery-columns-9 figure {
    width: 8.85%
}

.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {
    margin-right: 0
}

.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {
    clear: left
}

@media (max-width: 767px) {

    img.alignright,
    div.alignright,
    figure.alignright,
    img.alignleft,
    div.alignleft,
    figure.alignleft,
    img.wp-post-image.attachment-thumb {
        display: block;
        margin: 1em auto;
        float: none
    }

    .gallery.gallery-columns-4 figure,
    .gallery.gallery-columns-5 figure,
    .gallery.gallery-columns-6 figure,
    .gallery.gallery-columns-7 figure,
    .gallery.gallery-columns-8 figure,
    .gallery.gallery-columns-9 figure {
        width: 100%;
        margin: 0 0 1em 0;
        float: none
    }
}

.hidden,
.medium,
.large,
.x-large {
    display: none;
}

@media (min-width: 950px) {
    .medium {
        display: inherit
    }
}

@media (min-width: 1024px) {
    .x-large {
        display: inherit
    }

    .large {
        display: inherit
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.box {
    background-color: #EEE;
    border: 0px solid #DDD;
    margin: 8px 5px;
    padding: 14px 10px;
    list-style: none
}

a.box {
    display: block
}
.box h5 {margin-top: 10px; margin-bottom: 5px}
a:hover.box {
    background-color: #DDD;
    border-color: #CCC
}

.box img {
    margin-top: 0
}

.box.info {
    background-color: aliceblue;
    border-color: lightblue
}

.emphasize {
    background-color: #5E6B78;
    padding: 0 2px 0 6px;
    color: #FFF
}

.border {
    border: 1px solid #DDD
}

.external:after {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-family: 'icomoon';
    text-decoration: none;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.3;
    vertical-align: bottom;
    font-style: normal;
    margin-left: 5px;
    content: '\ea7e'
}

.banner {
    background-color: #F58823;
    color: #FFF;
    padding: 3px 8px;
    text-align: center
}

.banner a {
    color: #FFF
}

.alignleft,
.alignright {
    margin: 5px auto;
    display: block
}

@media screen and (min-width: 500px) {
    .alignleft {
        float: left;
        margin: 7px 24px 7px 0
    }

    .alignright {
        float: right;
        margin: 7px 0 7px 0
    }
}

th,
td {
    padding: 3px
}

.disclaimer {
    color: #535353;
    font-style: italic;
    font-size: 0.9em
}

input,
textarea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #100C12;
    padding: 8px 10px 7px
}

textarea {
    width: 100%
}

input:focus,
textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline: 0
}

button,
.button,
.button:visited,
input[type="button"],
.frm_form_fields input[type="button"],
input[type="reset"],
.frm_form_fields input[type="reset"],
input[type="submit"],
.frm_form_fields input[type="submit"],
.buttons a,
.buttons a:visited {
    /* background-color: var(--nav-background); */
    background-color: var(--theme-Orange);
    border: 0;
    color: #fff;
    font-weight: 700;
    padding: 10px 30px 11px;
    /* text-transform: uppercase; */
    text-decoration: none;
    cursor: pointer;
    border-radius: 9999px
}
button.accordion {border-radius: 0px;}
.frm_form_fields input[type="submit"] {
    border-radius: 9999px;
    margin-top: 25px;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.buttons a:hover,
.buttons a:focus {
    background-color: #253F59;
    background-color: var(--hover-green);
    color: #fff
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.buttons a:active {
    background-color: #E04210;
    /* position: relative */
}

.button:disabled,
.button.disabled,
.button[disabled=disabled],
button:disabled,
button[disabled=disabled],
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
    background-color: #CCC;
    cursor: default;
    pointer-events: none
}

.button:disabled:hover,
.button:disabled:visited,
.button.disabled:hover,
.button.disabled:visited,
.button[disabled=disabled]:hover,
.button[disabled=disabled]:visited,
button:disabled:hover,
button:disabled:visited,
button[disabled=disabled]:hover,
button[disabled=disabled]:visited,
input[type="button"]:disabled:hover,
input[type="button"]:disabled:visited,
input[type="submit"]:disabled:hover,
input[type="submit"]:disabled:visited,
input[type="reset"]:disabled:hover,
input[type="reset"]:disabled:visited {
    background-color: #CCC !important
}
ul.buttons {
    margin-top: 25px;
}
ul.buttons li {
    margin-bottom: 25px;;
}
#qq-add {
    margin-left: 15px;
}
.frm_final_submit {
    background-color: var(--theme-Orange);
}
.button.cancel {
    background-color: #550909;
    border-radius: 9999px;;
}

.button.cancel:visited {
    background-color: #CCC
}

.button.cancel:hover {
    background-color: #AAA
}

.button.link,
.buttons a, a.primary-button  {
    background-color: var(--theme-Orange);
    border-radius: 9999px;
    padding: 15px 45px;
}
.buttons a.blue-button, a.blue-button,.buttons a.blue-button:visited, a.blue-button:visited  {
    background-color: var(--theme-blue);
    border-radius: 9999px;
    padding: 15px 45px;
}
a.blue-button:hover  {
        background-color: var(--hover-green) !important;
}
a.primary-button  {
    background-color: var(--theme-Orange);
    color: white;
    border-radius: 9999px;
    padding: 15px 45px;
    font-weight: bold;
    text-decoration: none;
}
a.primary-button:first-of-type  {
    margin-right: 25px
}

a.primary-button:hover {
    background-color: var(--hover-green);
}
a.secondary-button,a.secondary-button:visited   {
    background-color: #ffffff36;
    color: white;
    border-radius: 9999px;
    padding: 15px 45px;
    font-weight: bold;
    text-decoration: none;
}
a.secondary-button:first-of-type  {
    margin-right: 25px
}

a.secondary-button:hover {
    background-color: var(--hover-green);
}

.button.link:visited,
.buttons a:visited {
    background-color: #5E6B78;
    background-color: var(--theme-Orange)
}

.button.link:hover,
.buttons a:hover {
    background-color: var(--hover-green);
}

.button.action,
.button.action:visited {
    background-color: var(--theme-Orange);
    border-radius: 9999px;
    padding: 15px 40px;

}

.button.action:hover {
    background-color: var(--hover-green);
}

.search-field {
    width: 100%
}

.search-submit {
    display: none
}

::-webkit-input-placeholder {
    color: #939393
}

:-moz-placeholder {
    color: #939393
}

::-moz-placeholder {
    color: #939393;
    opacity: 1
}

:-ms-input-placeholder {
    color: #939393
}

.comment-content img,
.entry-content img,
.page-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
    max-width: 100%
}

.comment-content img[height],
.entry-content img,
.page-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
/* img[class*="attachment-"],  phil */
#site-header img {
    height: auto;
    /* display: none; */
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
    height: auto;
    margin: 25px 10px;
    /* max-width: 100%; */
}

embed,
iframe,
object,
video {
    margin-bottom: 50px;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

p>embed,
p>iframe,
p>object,
span>embed,
span>iframe,
span>object {
    margin-bottom: 0
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: 7px;
    margin-bottom: 7px
}
blockquote:before {
    /* content: '\201C';
    font-size: 80px; */
    font-style: italic;
    display: block;
    text-align: center;
    color: var(--theme-blue);
}
blockquote p {
    margin-bottom: 8px;
    text-align: left;
    line-height: 1.5em;
}

blockquote cite {
    /* color: #ffffff; */
    display: block;
    font-weight: bold;
    margin-top: 25px;
    /* text-align: left; */
    border-top: 0px solid #00000050;
    /* padding-top: 25px; */
    color: #ff6900;
}
blockquote {
    /* margin-left: 3% */
    /* see .testimonial blockquote for more */
}
.site-content blockquote.alignleft,
.site-content blockquote.alignright {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 17px;
    width: 50%
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
    margin-bottom: 17px
}

.testimonial {
    /* margin: 0 5%; */
    margin: 45px 0 0 0;
    text-align: right
}
.testimonial-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 40px;
}

.testimonial blockquote {
    border: 1px solid #ccc;
    padding: 40px;
    display: flex;
    flex-direction: column;
    Line-height: 1.7em;
    justify-content: center;
    /* box-shadow: 1px 5px 20px 0 #e7e7e7; */
    width: 40%;
    background: #fbfbfb;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.testimonial blockquote a {
    color: var(--theme-blue);
}
.wp-caption {
    margin-bottom: 24px
}

.wp-caption img[class*="wp-image-"] {
    margin: 0
}

.wp-caption {
    color: #767676
}

.wp-caption-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0;
    text-align: center
}

div.wp-caption .wp-caption-text {
    padding-right: 10px
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
    padding-left: 10px;
    padding-right: 0
}

.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #21759b;
    display: block;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    text-transform: none;
    width: auto;
    z-index: 100000
}

.hide {
    display: none
}

.footer-sidebar:before,
.footer-sidebar:after,
.hentry:before,
.hentry:after,
.gallery:before,
.gallery:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
    /* content: ""; */
    display: table
}

.footer-sidebar:after {
    clear: both
}

.table-drawing {
    text-align: center
}

.table-drawing img {
    display: none
}

.equipment-table {
    min-width: 400px
}

.print-table {
    float: right;
    text-decoration: none;
    margin-top: -25px
}

.print-table .genericon-print {
    font-size: 20px;
    width: 20px
}

.table-wrapper {
    width: 100%;
    text-align: center;
    background-color: #EEE;
    position: relative;
    overflow-x: auto;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #DDD), color-stop(100%, rgba(221, 221, 221, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ddd), color-stop(100%, rgba(221, 221, 221, 0)));
    background-image: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #ddd, rgba(221, 221, 221, 0)), -webkit-linear-gradient(right, #ddd, rgba(221, 221, 221, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #fff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #ddd, rgba(221, 221, 221, 0)), -moz-linear-gradient(right, #ddd, rgba(221, 221, 221, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(255, 255, 255, 0)), -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0)), -o-linear-gradient(left, #ddd, rgba(221, 221, 221, 0)), -o-linear-gradient(right, #ddd, rgba(221, 221, 221, 0));
    background-image: linear-gradient(left, #fff, rgba(255, 255, 255, 0)), linear-gradient(right, #fff, rgba(255, 255, 255, 0)), linear-gradient(left, #DDDDD, rgba(221, 221, 221, 0)), linear-gradient(right, #ddd, rgba(221, 221, 221, 0));
    background-position: 0 0, 100% 0, 0 0, 100% 0;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 16em 100%, 16em 100%, 2em 100%, 2em 100%;
    background-attachment: local, local, scroll, scroll;
    margin-bottom: 50px;
}

.table-wrapper table {
    width: 100%;
    margin-bottom: 0
}

.table-wrapper .print-table {
    position: absolute;
    top: 4px;
    right: 4px;
    margin-top: 0;
    z-index: 1
}

.table-drawing .hint {
    display: block;
    background-color: #5E6B78;
    background-color: var(--theme-blue);
    color: #FFF;
    padding: 5px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

table.no-border td {
    border: none
}

table.aligncenter {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.top-of-page {
    display: block;
    text-align: center;
    margin-top: -24px;
    text-decoration: none
}

.highlight-table tbody tr:nth-child(even) {
    background-color: #FAFAFA;
    background-color: #f3f3f3;
}

.highlight-table tbody tr:hover {
    background-color: #E1EFFC;
    background-color: #ffe99757;
}

tr.stripe {
    background-color: #FAFAFA;
    background-color: #f3f3f3;
}

tfoot ul,
tfoot ol {
    text-align: left;
    display: inline-block;
    margin: 8px 0 8px 40px
}

@media (min-width: 1024px) {
    .table-drawing {
        position: relative
    }

    .table-drawing img {
        position: absolute;
        top: 0;
        max-width: 374px;
        max-height: 400px;
        border: 1px solid #DDD;
        z-index: 4
    }
}

.highlight-ul {
    margin-left: 0;
    list-style: none
}

.highlight-ul li {
    padding: 5px 8px;
    line-height: 60px;
    height: 60px;

}

.highlight-ul li:nth-child(even) {
    background-color: #f3f3f3;
}

.highlight-ul li:hover {
    background-color: #E1EFFC
}

.highlight {
    background-color: #E1EFFC
}

.index-item {
    text-align: left;
    overflow: auto;
    margin: 10px 2px;
    border: 1px solid #AAA
}

.index-item p,
.index-item h3 {
    padding: 7px;
    margin-bottom: 0
}

.index-item h3 {
    margin: 6px 7px
}

.index-item img {
    width: 20%;
    max-width: 100px;
    margin: 7px;
    float: left;
    border: 1px solid #AAA
}

.buttons {
    list-style: none
}

.buttons li {
    display: inline-block;
    padding: 5px
}

#loadarea {
    margin-bottom: 5px
}

.buttons {
    margin: 0 0 20px 0
}

.buttons a {
    padding: 5px 8px
}

.buttons li {
    padding: 0px;
    margin: 3px 0
}

.image-gallery {
    margin-bottom: 15px
}

.image-gallery .loadarea {
    margin-bottom: 8px;
    text-align: center
}

.image-gallery .thumb img {
    max-width: 50px;
    max-height: 50px
}

.image-gallery a {
    text-decoration: none
}

.image-gallery .caption {
    display: none
}

.loading {
    background: #FFF url("https://static.portlandbolt.com/images/ajax_loader.gif") no-repeat center center
}


h3.collapser, h4.collapser {
    color: white;;
    padding: 25px 0 25px 0;
    padding: 25px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 25px;
}
.collapser {
    /* background-color: #EEE; */
    background-color: var(--theme-blue);
    cursor: pointer;
    margin-bottom: 0;
    padding: 5px 8px
}

.collapser:hover {
    background-color: #ff6900
}

.collapsee {
    padding-top: 0;
    border: 0px solid #DDD; 
    /* border-width: 0 1px; */
    margin: 0;
}
.tab-container {
    margin-top: 15px;
}
.tab-container .tab-contents {
    display: none;
}

.tab-container div.active {
    display: block;
    background-color: #FFF;
    /* border-top: 1px solid #DDD; */
    /* padding-top: 25px; */
    text-align: center;
}
.tab-container ul.tab-labels  {
    text-align:center;
    line-height: 34px;
    margin-bottom: 40px;
}
.tab-container .tab-labels .active a {
    color: #fff;
    background-color: var(--nav-background-active);
    border: 1px solid #DDD;
    border-bottom-width: 0
}
.tab-container .tab-labels .active a:hover {
    background-color: var(--hover-green);
}
.tab-labels {
    height: 60px; 
}
.tab-labels,
.tab-labels li {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    background: transparent;
}
.tab-container .buttons a {
    /* text-transform: none; */
    margin-top: 3px;
    /* -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px; */
    /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    padding: 10px 25px 10px 25px;
}

@media (min-width: 950px) {
    .full-width .site-content .alignleft {
        clear: left;
        float: left
    }

    .full-width .site-content .alignright {
        clear: right;
        float: right
    }
}

.signature {
    text-align: left
}

.search-excerpt,
mark {
    background-color: #EBF5FF
}

.search-result {
    padding: 8px 12px 0 12px;
    border: 1px solid #EEE;
    margin-bottom: 1em;
    min-height: 100px
}

.search-result img {
    max-height: 100px;
    float: right
}

.search-result p {
    margin-bottom: 0
}

.search-url {
    font-size: 0.8em;
    color: #F58823
}

.search-url mark {
    background-color: inherit;
    color: inherit;
    font-weight: bold
}

.grade {
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #EBF5FF;
    padding: 10px 30px
}

.widget h1 {
    font-size: 22px;
    line-height: 1.0909090909
}

.widget h2 {
    font-size: 20px;
    line-height: 1.2
}

.widget h3 {
    font-size: 18px;
    line-height: 1.3333333333
}

.widget h4 {
    font-size: 16px;
    line-height: 1.5
}

.widget h5 {
    font-size: 14px;
    line-height: 1.7142857142
}

.widget h6 {
    font-size: 12px;
    line-height: 2
}

.content-sidebar .widget li>ol,
.content-sidebar .widget li>ul {
    margin-left: 18px
}

.wp-caption.aligncenter {
    text-align: center
}

.content-sidebar .widget .widget-title {
    border-top: 5px solid #000;
    font-size: 14px;
    font-weight: 900;
    margin: 0 0 18px;
    padding-top: 7px
}

.color1,
.color1:visited {
    background-color: #FFF;
    color: #253F59
}

.color1 {
    border-color: #FFF
}

.color1:hover {
    color: #FFF;
    /* border-color: #253F59 phil */
}

.color1:hover .tileLabel.bottom {
    border-bottom-color: #253F59;
    border-bottom-color: #ff6900;
    background: #ff6900;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* padding-top: 10px; */
}

.color1:hover .tileLabelDesc {
    border-color: #ff6900; /*  phil  */
    /* border-color: hotpink; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.color1 .tileLabel {
    /* color: #253F59 phil*/
    /* color: #ff6900; */
    text-align:center;
    font-family: avenir, 'Monsterrat', sans-serif;
    font-optical-sizing: auto;
    font-style: normal; /* phil */
}

.color1:hover .tileLabel {
    /* color: #FFF !important; */
    /* background: #ff6900; */
}

.color2,
.color2:visited {
    color: #FFF;
    border-color: #4575A3
}

.color2:hover {
    border-bottom-color: #253F59;
    color: #FFF
}

.color3 {
    background-color: #000;
    color: #FFF;
    border-color: #000
}

.color3:hover {
    border-color: #000
}

.color3 .tileLabel.bottom {
    border-bottom-color: #000;
    color: #FFF
}

.color3 .tileLabelDesc {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    filter: alpha(opacity=60%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    color: #FFF;
    border-color: #000
}

.color4 {
    border-color: #4575A3
}

.color4:hover {
    border-color: #253F59
}

.color4 .tileLabel.bottom {
    border-bottom-color: #4575A3;
    color: #FFF
}

.color4:hover .tileLabel.bottom {
    border-bottom-color: #253F59
}

.color4:hover .tileLabelDesc {
    border-color: #253F59
}

.color5 {
    border-color: #FFF
}
.fourth-container {
    width: 250px; /* phil 100% */
    min-height: 250px; /* phil 140px */
    margin-bottom: 30px;
}
.third-container {
    width: 350px; /* phil 100% */
    min-height: 250px; /* phil 140px */
    margin-bottom: 30px;
}
.tile {
    padding: 0px;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 25px;
    overflow: hidden;
    /* float: left; Phil*/
    position: relative;
    transition: box-shadow 0.15s ease-out;
    -moz-transition: box-shadow 0.15s ease-out;
    -webkit-transition: box-shadow 0.15s ease-out;
    -o-transition: box-shadow 0.15s ease-out;
    -ms-transition: box-shadow 0.15s ease-out;
    font-weight: normal;
    line-height: normal;
    display:block; 
}

.tile img {
    border: none;
    max-width: 100%; /* phil */
    margin: auto;
    border-radius: 10px;
}

.tile:hover {
    text-decoration: none;
    cursor: pointer;
    /* -moz-box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333 phil */ 
}

.tileLabelWrapper {
    position: absolute;
    left: 0;
    z-index: 1;
    text-align: left;
    width: 100%;
    font-size: 0;
}

.tileLabel {
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    padding-left: 5px;
    padding-top: 2px
}

h2.tileLabel {
    font-size: 22px;
    padding-top: 10px !important;
}

h3.tileLabel {
    font-size: 14px
}

.tileLabelDesc,
p.tileLabelDesc {
    border-top: 2px solid #FFF;
    /* background-color: #FFF; */
    background-color: rgba(255, 255, 255, 0.85); /* phil */
    background-color: #ff6900;
    line-height: 1.7em; 
    color: #000;  /* phil */
    color: #fff; 
    line-height: 1.5em; /* phil */
    padding: 10px; /* phil */
    font-size: 16px;
    margin: 0;
    bottom: 0;
    font-weight: bold;
    text-align: center;
}
span.product-link {
    display: block;
    /* text-decoration: underline; */
    background: #fff;
    background: var(--nav-background);
    padding: 7px;
    color: #ffffff;
    border-radius: 9999px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    width: 75%;
    margin: auto;
    margin-top: 20px;

}
span.product-link:hover {
    background-color: var(--hover-green);
    color: #fff;
}
.showOnHover {
    display: none
}

.showOnHover p,
.showOnHover ul {
    margin-bottom: 5px;
    
}

.showDescOnHover .showOnHover {
    margin-bottom: 0;
   /* height: 250px;  phil 250 */
   position: relative;
        top: 0px;
        height: 185px;
}
.showDescOnHover .showOnHover p{
    line-height: 1em;
}
.tileLabelWrapper.bottom {
    bottom: 0;
    left: 0
}

.tileLabel.bottom {
    padding: 5px 5px 0px 5px;
   /*  border-right: 15px solid transparent; */
    /* border-bottom: 1.3em solid #FFF; */
    height: auto;
    line-height: 1.3em;
    /*display: inline-block; /* phil */
    display: block;
    margin-bottom: 0;
    font-size: 24px;
    /* background: #fff; */
    background-image: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.tileLabelWrapper.top {
    top: 0;
    border-right: 15px solid transparent;
    border-top: 20px solid #4575A3;
    height: 0;
    z-index: 15;
    display: inline-block
}

.site-content .h1Wrapper {
    margin: 0 -1.5%
}

.h1Wrapper {
    border: 0;
    position: relative;
    display: block;
    border-right: 24px solid transparent;
    border-top: 40px solid #4575A3;
    color: #FFF;
    padding-left: 1.5%
}

.h1Wrapper h1 {
    margin-top: -38px;
    padding: 2px 8px
}

a.h1Wrapper {
    text-decoration: none
}

a.h1Wrapper:hover {
    border-top-color: #253F59
}

.widget .h2Wrapper {
    text-align: left;
    display: block
}

.h2Wrapper {
    border: 0;
    /* position: relative;
    display: inline-block; */
    /* border-right: 20px solid transparent;
    border-top: 32px solid #6886A3; */
    color: #FFF;
    /* margin-left: -8px; */
    margin-top: 25px;
}

.h2Wrapper h2 {
    /* margin-top: -28px !important;
    padding: 0 8px 0 14px;
    border: none;
    margin-bottom: 12px */
}

.tileLabel.top {
    position: relative;
    padding: 2px 2px 2px 2px;
    margin-top: -20px
}

.tileTitle {
    margin: 6px;
    padding: 0px;
    font-size: 25px;
    font-weight: 500;
    font-weight: bold;
    text-align: left;
    text-decoration: none
}

.tileTitle.bottom {
    position: absolute;
    bottom: 0;
    left: 0
}

.tileDesc {
    margin: 12px;
    padding: 0;
    position: relative;
    text-align: left
}

a.tileImg:hover .tileLabelWrapper.bottom {
    bottom: 0;
    right: 0;
    left: 0
}

a.tileImg:hover .tileLabelWrapper.top {
    margin-right: -1px;
    margin-top: -1px
}

a.tileImg:hover .tileLabelDesc {
    color: #FFF;
}

a.noClick:hover,
a.inactiveTile:hover {
    cursor: default;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 1px;
    border: none
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.frm_dropzone,
.frm_dropzone * {
    box-sizing: border-box;
    width: 100%;
}
.frm_dropzone .frm-svg-icon {
    display: block;
    max-width: 300px; 
    margin: 0 auto 0 auto;
    color: #ccc;
}
.frm_dropzone.dz-clickable {
    min-height: 150px;
    border: 2px dashed #dfdfdf;
    background: #ffffff;
    padding: 20px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 5px;
    line-height: 1.42857143
}

.frm_dropzone.dz-clickable * {
    cursor: default
}

.frm_dropzone.dz-clickable.frm_single_upload {
    max-width: 200px
}

.frm_dropzone .dz-message {
    display: none;
    font-size: 20px;
    text-align: center;
    margin: .5em 0 1em
}

.frm_dropzone.dz-clickable.frm_single_upload .dz-message {
    margin: 0 0 .5em 0
}

.frm_dropzone.dz-clickable .dz-message,
.frm_dropzone .frm_upload_icon {
    display: block
}

.frm_dropzone.dz-clickable .dz-message,
.frm_dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

#frm_form_editor_container .frm_dropzone.dz-clickable,
#frm_form_editor_container .frm_dropzone.dz-clickable * {
    cursor: default
}

.frm_dropzone.dz-started .dz-message {
    display: none
}

.frm_dropzone.dz-drag-hover .dz-message {
    opacity: 0.5
}

.frm_dropzone .frm_upload_icon:before {
    font-size: 40px
}

.frm_dropzone .frm_small_text {
    font-size: 14px
}

.frm_dropzone.dz-drag-hover {
    border-style: solid
}

.frm_dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px
}

.frm_dropzone .dz-preview:hover {
    z-index: 1000
}

.frm_dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.frm_dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd)
}

.frm_dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.frm_dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.frm_dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none
}

.frm_dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.frm_dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.frm_dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%
}

.frm_dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px
}

.frm_dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.frm_dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8)
}

.frm_dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.frm_dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.frm_dropzone .dz-preview .dz-details .dz-filename span,
.frm_dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px
}

.frm_dropzone .dz-preview .dz-details .dz-filename a {
    cursor: pointer
}

.frm_dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.frm_dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10
}

.frm_dropzone .dz-preview .dz-image img {
    display: block;
    margin: 0 auto
}

.frm_dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.frm_dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.frm_dropzone .dz-preview .dz-success-mark,
.frm_dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.frm_dropzone .dz-preview .dz-success-mark svg,
.frm_dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

.frm_dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.frm_dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in
}

.frm_dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

.frm_dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.frm_dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out
}

.frm_dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.frm_dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.frm_dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 29px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white
}

.frm_dropzone .fallback input[type=file] {
    display: block
}

.frm_compact_text {
    display: none
}

.frm_compact .frm_dropzone.dz-clickable {
    min-height: 60px;
    padding: 5px;
    border: none;
    background-color: transparent
}

.frm_compact .frm_dropzone.dz-clickable.frm_single_upload {
    max-width: 100%
}

.frm_compact .frm_compact_text {
    display: inline
}

.frm_compact .frm_dropzone.dz-clickable.frm_single_upload .dz-message,
.frm_compact .frm_dropzone.dz-clickable .dz-message {
    font-size: 14px;
    border: 1px solid #dfdfdf;
    background: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 6px 11px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px #eeeeee;
    vertical-align: middle
}

.frm_compact .frm_dropzone .frm_upload_icon:before {
    font-size: 22px;
    padding-right: 7px;
    vertical-align: middle
}

.frm_compact .frm_dropzone .frm_upload_icon {
    display: inline
}

.frm_compact .frm_dropzone .dz-preview {
    min-height: 20px;
    max-width: 175px;
    margin: 5px
}

.frm_compact .frm_dropzone .frm_upload_text,
.frm_compact .frm_dropzone .frm_small_text,
.frm_compact .frm_dropzone .dz-preview .dz-image,
.frm_compact .frm_dropzone .dz-preview .dz-details .dz-size {
    display: none
}

.frm_compact .frm_dropzone .dz-preview.dz-error .dz-error-message {
    top: -40px;
    padding: 4px;
    width: auto;
    text-align: center
}

.frm_compact .frm_dropzone .dz-preview .dz-success-mark,
.frm_compact .frm_dropzone .dz-preview .dz-error-mark {
    margin-left: -16px;
    margin-top: 0;
    top: 6px
}

.frm_compact .frm_dropzone .dz-preview:hover .dz-error-mark {
    display: none
}

.frm_compact .frm_dropzone .dz-preview .dz-success-mark svg,
.frm_compact .frm_dropzone .dz-preview .dz-error-mark svg {
    height: 35px;
    width: 35px
}

.frm_compact .frm_dropzone .dz-preview .dz-details {
    opacity: 1;
    position: relative;
    padding: 5px
}

.frm_compact .frm_dropzone .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    text-overflow: ellipsis
}

.frm_compact .frm_dropzone .dz-preview .dz-details .dz-filename span {
    border: none;
    background: transparent
}

label {
    float: none;
    text-align: left;
    margin: 0;
    padding: 0;
    width: auto
}

.frm_primary_label {
    font-weight: bold;
    display: block
}

.frm_top_container .frm_primary_label {
    display: block;
    float: none;
    width: auto
}

.frm_left_container .frm_primary_label {
    float: left;
    padding-right: 2%;
    width: 23%;
    text-align: right;
    line-height: 2.4em;
}

.frm_right_container .frm_primary_label {
    float: right;
    padding-left: 10px;
    width: 150px
}

.frm_none_container .frm_primary_label {
    display: none
}

.frm_hidden_container .frm_primary_label {
    visibility: hidden
}

.frm_inline_container .frm_primary_label,
.frm_inline_container .frm_opt_container {
    display: inline;
    padding-right: 5px
}

.horizontal_radio .frm_checkbox,
.horizontal_radio .frm_radio {
    margin-right: 10px;
    display: inline
}

.form-field,
.frm_form_field {
    margin-bottom: 15px
}

.frm_blank_field label,
.frm_error {
    color: #be2e17
}

.frm_blank_field input,
.frm_blank_field textarea,
.frm_blank_field select,
.frm_blank_field #recaptcha_area {
    border: 1px solid #be2e17
}

.frm_required {
    color: #B94A48;
    font-weight: bold
}

.frm_checkbox,
.frm_radio {
    display: block;
    margin: 0
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.frm_description,
.frm_error {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-align: left;
    font-style: normal;
    clear: both
}

.frm_error {
    font-weight: bold
}

.widget .frm_error {
    text-align: center
}

.frm_form_fields input,
.frm_form_fields select,
.frm_form_fields textarea {
    margin-bottom: 0
}

.frm_form_fields input,
#wpcontent .frm_form_fields select,
.frm_form_fields select,
.frm_form_fields textarea {
    border-width: 1px;
    border-style: solid;
    width: 100%;
    padding: 10px
}

.frm_set_select .frm_form_fields select,
.frm_set_select .frm_form_fields select.auto_width {
    width: 95%
}

.frm_radio label,
.frm_checkbox label {
    display: inline
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
    margin-right: 3px
}

.frm_error_style,
.frm_message {
    padding: 15px;
    margin: 5px 0 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.frm_message,
.frm_message p {
    color: #468847;
    text-align: center
}

.frm_message {
    border: 2px dashed #5EC460;
    background-color: #FFF
}

.frm_message p {
    margin-bottom: 5px
}

.frm_error_style {
    color: #B94A48;
    border: 1px solid #EBCCD1;
    background-color: #F2DEDE
}

.frm_default,
.placeholder {
    font-style: italic
}

.frm_ajax_loading {
    margin-right: -20px;
    visibility: hidden
}

.frm-loading-img {
    background: url(https://static.portlandbolt.com/images/ajax_loader.gif) no-repeat center center;
    display: block;
    height: 16px
}

.frm_pagination {
    list-style: none;
    text-align: center
}

.frm_pagination li {
    display: inline
}

.frm_pagination .active a {
    cursor: default;
    font-weight: bold;
    color: #000;
    text-decoration: none
}

.frm_forms.with_frm_style {
    max-width: 98%
}

.frm_form_field.frm_third,
.frm_form_field.frm_fourth,
.frm_form_field.frm_fifth,
.frm_form_field.frm_inline {
    clear: none;
    float: left
}

.frm_form_field.frm_left_half,
.frm_form_field.frm_left_third,
.frm_form_field.frm_left_two_thirds,
.frm_form_field.frm_left_fourth,
.frm_form_field.frm_left_fifth,
.frm_form_field.frm_left_inline,
.frm_form_field.frm_first_half,
.frm_form_field.frm_first_third,
.frm_form_field.frm_first_two_thirds,
.frm_form_field.frm_first_fourth,
.frm_form_field.frm_first_fifth,
.frm_form_field.frm_first_inline {
    clear: left;
    float: left
}

.frm_form_field.frm_right_half,
.frm_form_field.frm_right_third,
.frm_form_field.frm_right_two_thirds,
.frm_form_field.frm_right_fourth,
.frm_form_field.frm_right_fifth,
.frm_form_field.frm_right_inline,
.frm_form_field.frm_last_half,
.frm_form_field.frm_last_third,
.frm_form_field.frm_last_two_thirds,
.frm_form_field.frm_last_fourth,
.frm_form_field.frm_last_fifth,
.frm_form_field.frm_last_inline {
    clear: none;
    float: right
}

.frm_form_field.frm_left_half,
.frm_form_field.frm_right_half,
.frm_form_field.frm_first_half,
.frm_form_field.frm_last_half {
    width: 48%
}

.frm_form_field.frm_left_half,
.frm_form_field.frm_first_half {
    margin-right: 4%
}

.frm_form_field.frm_left_half.frm_left_container .frm_primary_label,
.frm_form_field.frm_right_half.frm_left_container .frm_primary_label,
.frm_form_field.frm_left_half.frm_right_container .frm_primary_label,
.frm_form_field.frm_right_half.frm_right_container .frm_primary_label,
.frm_form_field.frm_first_half.frm_left_container .frm_primary_label,
.frm_form_field.frm_last_half.frm_left_container .frm_primary_label,
.frm_form_field.frm_first_half.frm_right_container .frm_primary_label,
.frm_form_field.frm_last_half.frm_right_container .frm_primary_label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 25%;
    margin-right: 0;
    margin-left: 0
}

.frm_form_field.frm_left_half.frm_left_container .frm_primary_label,
.frm_form_field.frm_right_half.frm_left_container .frm_primary_label,
.frm_form_field.frm_first_half.frm_left_container .frm_primary_label,
.frm_form_field.frm_last_half.frm_left_container .frm_primary_label {
    padding-right: 10px
}

.frm_form_field.frm_left_half.frm_right_container .frm_primary_label,
.frm_form_field.frm_right_half.frm_right_container .frm_primary_label,
.frm_form_field.frm_first_half.frm_right_container .frm_primary_label,
.frm_form_field.frm_last_half.frm_right_container .frm_primary_label {
    padding-left: 10px
}

.frm_form_field.frm_left_container input,
.frm_form_field.frm_left_container select,
.frm_form_field.frm_left_container textarea,
.frm_form_field.frm_right_container input,
.frm_form_field.frm_right_container select,
.frm_form_field.frm_right_container textarea {
    max-width: 75%
}

.frm_form_field.frm_left_third,
.frm_form_field.frm_third,
.frm_form_field.frm_right_third,
.frm_form_field.frm_first_third,
.frm_form_field.frm_last_third {
    width: 30%
}

.frm_form_field.frm_left_two_thirds,
.frm_form_field.frm_right_two_thirds,
.frm_form_field.frm_first_two_thirds,
.frm_form_field.frm_last_two_thirds {
    width: 60%
}

.frm_form_field.frm_left_third,
.frm_form_field.frm_first_third,
.frm_form_field.frm_third,
.frm_form_field.frm_left_two_thirds,
.frm_form_field.frm_first_two_thirds {
    margin-right: 5%
}

.frm_form_field.frm_left_fourth,
.frm_form_field.frm_fourth,
.frm_form_field.frm_right_fourth,
.frm_form_field.frm_first_fourth,
.frm_form_field.frm_last_fourth {
    width: 22%
}

.frm_form_field.frm_left_fourth,
.frm_form_field.frm_fourth,
.frm_form_field.frm_first_fourth {
    margin-right: 4%
}

.frm_form_field.frm_left_fifth,
.frm_form_field.frm_fifth,
.frm_form_field.frm_right_fifth,
.frm_form_field.frm_first_fifth,
.frm_form_field.frm_last_fifth {
    width: 16%
}

.frm_form_field.frm_left_fifth,
.frm_form_field.frm_fifth,
.frm_form_field.frm_first_fifth {
    margin-right: 5%
}

.frm_form_field.frm_left_inline,
.frm_form_field.frm_first_inline,
.frm_form_field.frm_inline,
.frm_form_field.frm_right_inline,
.frm_form_field.frm_last_inline {
    width: auto
}

.frm_form_field.frm_left_inline,
.frm_form_field.frm_first_inline,
.frm_form_field.frm_inline {
    margin-right: 4%
}

.frm_full,
.frm_full input,
.frm_full select,
.frm_full textarea {
    width: 100% !important
}

.frm_full .wp-editor-wrap input {
    width: auto !important
}

.frm_form_field.frm_two_col .frm_radio,
.frm_form_field.frm_three_col .frm_radio,
.frm_form_field.frm_four_col .frm_radio,
.frm_form_field.frm_two_col .frm_checkbox,
.frm_form_field.frm_three_col .frm_checkbox,
.frm_form_field.frm_four_col .frm_checkbox {
    float: left;
    margin-right: 5px
}

.frm_form_field.frm_two_col .frm_radio,
.frm_form_field.frm_two_col .frm_checkbox {
    width: 45%
}

.frm_form_field.frm_three_col .frm_radio,
.frm_form_field.frm_three_col .frm_checkbox {
    width: 30%
}

.frm_form_field.frm_four_col .frm_radio,
.frm_form_field.frm_four_col .frm_checkbox {
    width: 20%;
    margin-right: 3px
}

.frm_form_field.frm_two_col .frm_opt_container,
.frm_form_field.frm_three_col .frm_opt_container,
.frm_form_field.frm_four_col .frm_opt_container {
    background: none
}

.frm_form_field.frm_scroll_box .frm_opt_container {
    height: 100px;
    overflow: auto
}

.frm_form_field.frm_two_col .frm_opt_container:after,
.frm_form_field.frm_three_col .frm_opt_container:after,
.frm_form_field.frm_four_col .frm_opt_container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.frm_form_field.frm_total input,
.frm_form_field.frm_total textarea {
    opacity: 1;
    background-color: transparent;
    border: none;
    font-weight: bold;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.frm_inline_container.frm_grid_first label.frm_primary_label,
.frm_inline_container.frm_grid label.frm_primary_label,
.frm_inline_container.frm_grid_odd label.frm_primary_label,
.frm_inline_container.frm_grid_first .frm_opt_container,
.frm_inline_container.frm_grid .frm_opt_container,
.frm_inline_container.frm_grid_odd .frm_opt_container {
    margin-right: 0
}

input[type="button"].frm_prev_page {
    background-color: #BBB
}

input[type="button"].frm_prev_page:visited {
    background-color: #CCC
}

input[type="button"].frm_prev_page:hover {
    background-color: #AAA
}

.frm_text_block {
    margin-left: 20px
}

.frm_text_block input,
.frm_text_block label.frm_primary_label {
    margin-left: -20px
}

.frm_text_block .frm_checkbox input[type=checkbox],
.frm_text_block .frm_radio input[type=radio] {
    margin-right: 4px
}

.frm_clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.frm_clearfix {
    display: inline-block
}

html[xmlns] .frm_clearfix {
    display: block
}

* html .frm_clearfix {
    height: 1%
}

.frm_section_heading h3 {
    border-bottom: 1px solid #BBB
}

.frm_pos_hidden {
    visibility: hidden
}

.frm_forms form {
    max-width: 90%;
    margin: 50px auto 0 auto;
    background-color: #EEE;
    padding: 2%
}

.frm_submit {
    text-align: center;
    display: block;
    clear: both
}

#footer-sidebar .frm_forms form {
    background-color: transparent
}

.post-label {
    padding-left: 4px
}

.frm_pos_none {
    display: none
}

#loginform1 .login-submit {
    text-align: center
}

#loginform1 .forgetmenot {
    text-align: center
}

#loginform1 .forgetmenot label {
    float: none;
    display: inline;
    width: auto
}

#loginform1 label {
    width: 25%;
    text-align: right;
    display: block;
    float: left;
    margin-right: 2%
}

#form_sliding-puzzle {
    background-color: transparent;
    padding: 0
}

#form_bolt-quiz .frm_form_field {
    border-bottom: 1px solid #DDD;
    padding: 15px
}

#form_bolt-quiz .frm_radio {
    margin-left: 15px;
    margin-top: 5px
}

.post-type-archive-pb-newsletters #content #form_newsletter {
    padding-bottom: 0
}

.post-type-archive-pb-newsletters #content #form_newsletter .frm_submit {
    padding: 0
}

#field_t5gkrq div div {
    margin: 0 auto;
    clear: both
}

.frm_checkbox {
    text-align: center
}

.frm_submit input {
    width: auto
}

.frm_hidden {
    display: none
}

form#login {
    display: none;
    background-color: #FFFFFF;
    position: fixed;
    top: 200px;
    padding: 40px 25px 25px 25px;
    width: 350px;
    z-index: 999;
    left: 50%;
    margin-left: -200px
}

form#login p.status {
    display: none
}

.login_overlay {
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    opacity: 0.9;
    position: fixed;
    z-index: 998
}

form .emphasize {
    background-color: #FAFAFA;
    color: #000;
    padding: 4px
}

form .half {
    margin-left: 0.7%;
    margin-right: 0.7%;
    text-align: left
}

#frm_field_328_container {
    text-align: left
}

#frm_field_328_container .horizontal_radio .frm_opt_container {
    float: right
}

.quick-quote-industry select {
    width: auto
}

.qq-edit-link {
    text-align: right;
    float: right;
    margin-top: -24px;
    background-color: #DDD;
    padding: 3px 20px;
    border: 1px solid #DDD;
    border-top-width: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

a:hover.qq-edit-link {
    background-color: #EEE
}

form .auto_width {
    width: auto !important
}

.home #primary {
    padding-top: 10px
}

.home-emphasis {
    margin-left: -2.5%;
    margin-right: -2.5%;
    background-color: #5E6B78;
    padding: 30px 2.5%
}

@media (min-width: 950px) {
    .home .site-content {
        /* background-image: url("https://static.portlandbolt.com/uploads/2015/01/ship-anywhere-big.jpg");
        background-repeat: no-repeat;
        padding-top: 160px; Phil */
        background-position: center top
    }

    .home-about {
        margin-left: -30px;
        padding-left: 30px
    }
}

@media (min-width: 1300px) {
    .home-emphasis {
        margin-left: -50px;
        margin-right: -50px;
        padding: 30px 50px
    }
}

@media print {
    .home-about .third {
        width: 100%
    }
}

#map_canvas {
    width: 100%;
    height: 360px;
    margin-bottom: 0;
}

#map_canvas img {
    max-width: none
}

.info-title {
    min-width: 200px;
    margin: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 0 0 7px 25px
}

#map_canvas .description {
    margin: 0 0 5px 25px
}

#map_canvas .others {
    text-align: center;
    margin: 5px 0 0 0;
    padding-top: 3px;
    border-top: 1px solid #DDD
}

@media (min-width: 950px) {
    #map_canvas {
        height: 550px
    }
}

@media (min-width: 1024px) {
    #map_canvas {
        height: 550px
    }
}

.featured-projects .name {
    display: block
}

@media (min-width: 950px) {
    .featured-projects {
        text-align: right
    }

    .featured-projects .name {
        float: left
    }
}

.question:before {
    content: 'Q'
}

.answer:before {
    content: 'A'
}

.question:before,
.answer:before {
    font-size: 3em;
    font-family: avenir, 'Monsterrat', sans-serif;
    font-style: italic;
    color: #EEE;
    position: absolute;
    top: -0.7em;
    left: -0.5em
}

.question h2,
.answer .answer-body {
    position: relative;
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
}

.question,
.answer {
    position: relative;
    margin: 1em 0 2em 0.5em
}

.question {
    font-size: 1.1em
}

.specifications {
    list-style: none;
    margin-left: 0;
    margin-bottom: 50px;
}

.specifications ul {
    border: 1px solid #DDD;
    border-radius: 12px;
    list-style: none;
    background-color: #ffffff;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 25px;
}

/* ul.specifications li {
    margin-bottom: 15px;
} */
.specifications ul li:nth-child(even) {
    background-color: #f3f3f3;
}

.specifications ul li a {
    border-bottom: 1px solid #DDD;
    display: block;
    padding: 5px 15px;
    text-decoration: none
}

.specifications ul li a:hover {
    background-color: #ffe99757;
}

.specifications ul li a strong {
    margin-right: 1em;
    min-width: 100px;
    display: inline-block
}

.spec-table tfoot ul,
.spec-table tfoot ol {
    text-align: left;
    display: inline-block;
    margin: 8px 0 8px 40px
}

.quiz-answers {
    margin: 0 auto;
    max-width: 800px;
    border: 1px solid #EEE;
    padding: 3%
}

.quiz-answers h4 {
    font-size: 1em
}

.quiz-answer {
    color: red
}

.quiz-correct {
    color: green
}

#crossword .ecw-boxerror_sel {
    background-color: #EBF5FF
}

#crossword .ecw-boxcheated_sel {
    background-color: #EBF5FF
}

#crossword .ecw-boxnormal_sel {
    background-color: #EBF5FF
}

@media (min-width: 950px) {
    #crosswordmessages {
        margin-left: 645px
    }

    #crosswordarea {
        float: left;
        width: 625px;
        margin-bottom: 0
    }
}

#plate-weight {
    max-width: 21em;
    margin: 1em auto;
    text-align: left
}

#plate-weight h1 {
    font-size: 20px;
    text-align: center;
    margin: 0px;
    padding: 10px 0px 0px 0px
}

#plate-weight #pic {
    position: relative;
    border: 1px solid #000;
    width: 100%;
    height: 122px;
    margin: 0px auto 10px auto;
    background-color: #fff
}

#pic img {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -87px;
    z-index: 0;
    display: none
}

#pic img#holeImg {
    z-index: 2
}

#pic img.show {
    display: block
}

#plate-weight fieldset {
    border: 0px none transparent;
    margin: 0px;
    padding: 0px
}

#plate-weight fieldset.active {
    display: block
}

#plate-weight fieldset#fhole {
    display: block
}

#plate-weight label {
    display: inline-block;
    width: 45%;
    text-align: right;
    padding-right: 1em;
    margin-top: 1px
}

#plate-weight .post-label {
    width: 10%
}

#plate-weight input[type=text],
#plate-weight select {
    max-width: 4.8em;
    margin-bottom: 5px
}

#plate-weight select {
    margin-left: -4px;
    max-width: 7em
}

#plate-weight .readonly {
    font-weight: bold;
    background-color: #f2f2f2;
    color: #666
}

#plate-weight .ans {
    font-weight: bold
}

#compare-grades {
    display: none;
    position: fixed;
    left: 45%;
    width: 10%;
    bottom: 4px;
    z-index: 2
}

.jqPuzzle {
    margin: 0 auto
}

#youtube {
    overflow: hidden;
    background: #000;
    position: relative;
    height: 0;
    padding-bottom: 50%
}

.youtube .carousel {
    width: 20%;
    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
    z-index: 3
}

.youtube .thumbnail {
    width: 100%
}

.youtube iframe.player {
    width: 80%;
    height: 100%;
    overflow: auto;
    border: 0;
    margin-bottom: 0;
    float: left
}

.fb-like-box,
.fb-like-box span,
.fb-like-box span iframe {
    width: 100% !important
}

.social-share {
    text-align: left;
    margin: 0 0 16px 8px;
    max-width: 270px
}

.social-share .share {
    float: left
}

.social-share .genericon {
    font-size: 30px;
    width: 30px;
    height: 30px;
    padding: 2px;
    color: #6886A3;
    text-decoration: none
}

.social-share .genericon:hover {
    color: #253F59
}

.share h2 {
    margin-bottom: 0
}

.social-footer {
    margin-top: 8px
}

.social-footer a {
    font-size: 30px;
    width: 30px;
    height: 30px;
    text-decoration: none
}
.responsive-section-wrap {max-width: 100% !important}
.hero-contain  {
    max-width: 1250px;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.round-image {
    border-radius: 50%;
}
.hero-paragraph {padding-left: 10px;}
.mw-65 {max-width: 700px}

.justify {
    text-align: justify;
}
.responsive-heading-desc-text {padding-left: 10px}
.product-image {
    height: 425px;
}
.relative {position: relative}
.new-product-header {
    color: #424c83;
    font-family: avenir, 'Monsterrat', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 15px;
    text-decoration: none;
    font-size: 30px;
    /* text-transform: uppercase; */
}
.new-product-description {
    line-height: 1.8em;
    text-align: center !important;
}

.no-border {
    border: 0px !important;
}
.new-product-button {
    display: inline-block;
    font-family: avenir, 'Monsterrat', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #fff !important;
    background-color: #ff6900;
    border-radius: 9999px;
    border-radius: 4px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
    /* text-transform: uppercase; */
    font-weight: bold;
    width: 75%;
}

.new-product-button:hover {
    background-color: #4575A3;
    color: #fff;
    transform: scale(1.03);
}
.cutmark {font-family: 'CutmarkBold', avenir,'Monsterrat', sans-serif;}

.Poppins a:hover {
    color: #fff !important;
    background-color: #4575A3 !important;
    transform: scale(1.03) !important;
    
}
.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.
.industry-button {
    /* border: 0px; */
    font-family: 'CutmarkBold', avenir,'Monsterrat', sans-serif;
    border: 1px solid #ccc;
}
.industry-button:hover {
    /* border: 0px; */
    font-family: CutmarkBold, avenir, 'Monsterrat', sans-serif;
    border: 1px solid #F55F24;
    border-radius: 4px;
}
.industry-button a:hover {
    color: #F55F24 !important;
}
  /* recolor only  */
  .site-header a, 
  .site-footer a{
    background-color:transparent;
  }

  #masthead{
    top: 0px;
    background-color:var(--nav-background);
    transition: all 1s;
    /* background: rgb(0,57,131);
background: linear-gradient(180deg, rgba(0,57,131,1) 34%, rgba(0,35,81,1) 100%); phil */
  } 
  #masthead .sub-menu li a {
    background-color:var(--nav-background-hov-menu);
  }
  #masthead .sub-menu li a:hover {
    background-color:var(--action-hover);
  }
  .cta_contact {
    background: var(--theme-blue);
    padding: 75px 0 125px 0;
    & h2 {
        color: white;
        text-align: center;
    }
    & p {
        color: white;
        text-align: center;
    }
  }

  @media (min-width:1220px){
    

  }
  /* end recolor only */
   .header-content,
  .footer-sidebar{
    /* max-width:1250px;  phil*/
    margin:0 auto;
  }

  .header-tray{
    background-color:var(--action);
    color:var(--action-foreground);
    margin-top:0;
    margin-right:14px;
    text-align:center;
  }
  .header-tray a{
    color:var(--action-foreground);
  }
   .header-tray a:visited{
    color:var(#fff )!important;
  }
  .header-tray:after{
      /* content:"";
      position: absolute;
      left: 0;
      right:0;
      top:100%;
      width:0;
      height:0px;
      border-top:30px solid var(--action);
      border-left:118px solid transparent;
      border-right:118px solid transparent; */
  }
  #header-email {margin-top: 0;}
  #header-phone {
    border:none;
    color:var(--action-foreground);
    position:relative;
  }
  #header-phone a, 
  #header-phone .genericon{
    color:var(--action-foreground);
  }
  #header-phone .phone{
    margin-bottom:0;
    margin-top:unset !important;
  }
  .orange-pill {
    background: var(--theme-Orange) !important;
    color: #ffffff !important;
    text-decoration: none;
  } 
  .orange-pill:first-of-type {
    margin-right: 8px;
  }
  .blue-pill {
    background-color: var(--blue-pill-color);
  }
  .pill {
    border-radius: 9999px;
    /* height: 30px; */
    height: calc(1.5em + .75rem + 2px);
    display: inline-block;
    height: 30px;
    border-bottom: 0px !important;
    padding: 6px 30px 4px 30px;
    font-weight: bold;
    /* text-transform: uppercase; */
  }
  .cta-nav {
    text-align: end;
    margin-top: -3px;
  }
  .site-footer .button {
    color:#fff;
    background-color:var(--theme-Orange);
    border-radius: 999px;
  }
  .site-footer .button:hover{
    color:#fff;
    background-color:var(--hover-green);
}
  @media (min-width:1220px){
    .header-tray{
      width:230px;
      padding-top:12px;
    }
  }
  .header-flex {
    display: flex;
    padding-top: 5px;
    padding-bottom: 0px;
  }
  .header-item {
    flex-grow: 1;
    align-self: center;
    width: 33%;

  }
  .flex-center {
    /* background: #ccc; */
  }
  .hero-contain {
    max-width: var(--max-content-size);
    margin:auto;
  }
.content-contain {
    /* max-width: 1280px !important; */
    max-width: var(--max-content-size);
    margin:auto;
    /* padding-bottom: 50px; */
  }
  .width-950 {
    max-width: 950px;
  }
  .content-overhang {
    max-width: var(--content-overhang);
    margin: auto;
  }
  .p0 {
    padding: 0;
  }
  .p10 {padding: 10px}
  .p-25 {padding: 25px}
  .pt-0 {padding-top: 0;}
  .pt-5 {padding-top: 5px !important;}
  .pt-10 {padding-top: 10px}
  .pt-25 {padding-top: 25px}
  .pt-50 {padding-top: 50px}
  .pt-100 {padding-top: 100px}
  .pl-0 {padding-left: 0 !important;}
  .pl-10 {padding-left: 10px;}
  .pl-15 {padding-left: 15px;}
  .pl-25 {padding-left: 25px;}
  .pb-0 {padding-bottom: 0}
  .pb-10 {padding-bottom: 10px}
  .pb-25 {padding-bottom: 25px}
  .pb-50 {padding-bottom: 50px}
  .pb-100 {padding-bottom: 100px}
  .pr-0 {padding-right: 0;}
  .pr-10 {padding-right: 10px;}
  .pr-15 {padding-right: 15px;}
  .pa-10 {padding: 10px;}
  .m-25 {margin:25px;}
  .ml-0 {margin-left: 0;}
  .mr-25 {margin-right: 25px}
  .mr-15 {margin-right: 15px}
  .mb-0 {margin-bottom: 0;}
  .mb-10 {margin-bottom: 10px;}
  .mb-15 {margin-bottom: 15px;}
  .mb-25 {margin-bottom: 25px;}
  .mt-0 {margin-top: 0px}
  .mt-15 {margin-top: 15px}
  .mt-25 {
      margin-top: 25px;
  }
  .mt-50 {
    margin-top: 50px;
}
.mt-75 {
    margin-top: 75px;
}
.mt-100 {
    margin-top: 100px;
}
  .mb-25 {
    margin-bottom: 25px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-75 {
    margin-bottom: 75px;
}
  .mw-1000 {max-width: 1000px; margin: auto;}
  .mw-1200 {max-width: 1200px; margin: auto;}
  .margin-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .contain-1000 {
    max-width: 1000px;
  }
  .text-left {
    text-align: left;
  }
  .text-lowercase {
    text-transform: lowercase;
  }
  .vh-50 {
      height: 60vh;
  }
  /* title colors */
  h2 {
    color: var(--theme-blue)
  }
  .qq-button {
    background: #fff;
    padding: 25px;
    /* border-bottom: 1px solid #ccc; */
    box-shadow:rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
    top: 60px;
  }
  .qq_hero_button {
    border-radius: 9999px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .sticky-contain {
    height: 100vh;
    padding-top: 3rem;
  }
  .sticky {
    position: sticky !important;
    position: -webkit-sticky !important;
    /* z-index: 1500; */
}
/* #TopSearch {
    opacity:1;
    transition: all 500ms;
} */
#masthead {
   
}
#masthead-inner {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    margin: auto;
}
#BlueSearch {
    margin-top:10px;
    visibility: visible;
    opacity:1;
    transition: all 500ms;

}
ul.related-links, ul.related-products {
    margin-left: 0;
    text-align: left;
    margin-top: 5px;
}
ul.related-links li, ul.related-products li  {
    margin-bottom: .5em;
    list-style-type: none;
    /* display: inline-block; */
    
}
ul.related-links li svg, ul.related-products li svg  {
    /* color: #ff6900 !important;
    fill: #990000 !important; */
}

ul.related-links li:before, ul.related-products li:before {
    /* content: URL("/wp-content/images/circle-arrow-right-solid.svg");
    font-weight: 600;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    position: relative;
    bottom: -9px; */

}
#ActionBar {
    background: #282828;
    visibility: hidden;
    /* min-height: 50px; */
    position: sticky;
    opacity:1;
    transition: all 500ms;
    top: 55px;
    display: none;
}
a.action-link {
    background-color: transparent;
    text-decoration: none; 
    font-size: 14px;
    margin-left: 5px; 
    margin-right: 5px;
    border-bottom: 0px;
    padding-bottom: 5px;
    transition: all .3s ease-in-out;
    border-bottom: 2px solid var(--theme-Orange); 
    box-shadow: inset 0 0 0 0 var(--theme-Orange);
    padding: 5px 2px;
    font-weight: bold;

}
a.action-link:hover {
    box-shadow: inset 250px 0 0 0 var(--hover-green);
    border-bottom: 2px solid var(--hover-green); 
    padding: 5px 5px;
    margin-left: 2px; 
    margin-right: 2px;
    color: white;
}
a.action-link-dark {
    background-color: transparent;
    text-decoration: none; 
    /* font-size: 14px; */
    margin-left: 0px; 
    margin-right: 5px;
    margin-bottom: 5px;
    border-bottom: 0px;
    padding: 5px 5px;
    padding-bottom: 2px;
    transition: all .3s ease-in-out;
    border-bottom: 2px solid var(--theme-Orange); 
    box-shadow: inset 0 0 0 0 var(--theme-Orange);
    font-weight: bold;
    color: #4d4d4d !important;
    
    display: inline-block;
}
a.action-link-dark:hover {
    box-shadow: inset 250px 0 0 0 var(--hover-green);
    border-bottom: 2px solid var(--hover-green); 
    padding: 5px 5px;
    padding-bottom: 2px;
    margin-left: 0px; 
    margin-right: 5px;
    color: white !important;
    border-radius: 3px;
}
a.body-link {
    background-color: transparent;
    text-decoration: none; 
    /* font-size: 14px; */
    /* margin-left: 5px; 
    margin-right: 5px;
    margin-bottom: 5px;
    border-bottom: 0px;
    padding: 5px 5px; 
    padding-bottom: 2px;*/
    transition: all .3s ease-in-out;
    border-bottom: 2px solid var(--theme-Orange); 
    box-shadow: inset 0 0 0 0 var(--theme-Orange);
    /* font-weight: bold; */
    color: black;
    display: inline-block;
}
a.body-link:hover {
    /* box-shadow: inset 250px 0 0 0 var(--hover-green); */
    border-bottom: 2px solid var(--hover-green); 
    color: rgb(0, 91, 21) !important;
    border-radius: 3px;
}
/* a.action-link-dark:first-of-type {margin-left: 0;} */
ul.acf-links {
    list-style-type: none; 
    margin-left: 0;
    & li {display: inline-block;}
}
/* a.action-link:last-of-type {margin-right: 25px;} */
.hero-content-contain {
    /* padding-left: 25px; */
}
.hero-content-contain ul {
    padding-left: 15px;
}
/* .hero-title {
    font-size: 65px;
 } */
 .margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
 }
 .content-overhang {border-radius: 20px !important;}
 .overflow-hidden {
    overflow: hidden;
 }
 .grid-card {
    border: 1px solid transparent;
    padding-bottom: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
 }
 .grid-card:hover {
    border: 1px solid #cccccc;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 }
 .container-cover {
    object-fit: cover;
    max-width: 250px;
    width: 250px;
    height: 250px;
    max-height: 250px;
    margin: auto;
 }
 .res-button {
	text-decoration: none;
    /* text-transform: uppercase; */
    font-weight: bold;
}
.wp-block-responsive-block-editor-addons-card-item__title {
    /* text-transform: uppercase; */
    margin-bottom: 0;
}
.hidesub > .wp-block-responsive-block-editor-addons-card-item__subtitle {
    display: none;
}
.margin-auto {
    margin-left: auto;
    margin-right: auto;
}
.nodot {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.nodot li {
    list-style: none; 
    margin-bottom: 1.5em;
}
.vcard {
    & span.org {
        /* margin-top: 20px; */

        font-weight: bold;
    }
    & span.block {
        display:block;

    }
    & span {
        display: inline-block;
        line-height: 1.7em;
    }
    & .hidden {
        display: none !important;
    }
    .spacer {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
.third .product-card {
    perspective: 1000px;
    background: transparent;
    width: 300px;
    height: 300px;
    border: 1px solid #d0d0d0;
    box-shadow: rgba(149, 157, 165, 0.0) 0px 8px 24px;
    transition: all .25s linear;
}
.fourth .product-card {
    perspective: 1000px;
    background: transparent;
    width: 250px;
    height: 250px;
    border: 1px solid #d0d0d0;
    box-shadow: rgba(149, 157, 165, 0.0) 0px 8px 24px;
    transition: all .25s linear;
    text-align: center;
    margin: auto;
}
.product-card:hover {
    transition: box-shadow .25s linear;
    box-shadow: rgba(149, 157, 165, 0.8) 0px 8px 24px;
    transform: scale(1.011, 1.011);
  }
  .product-card h2 {
        font-family: avenir, 'Monsterrat', sans-serif;
        font-weight: 900;
        /* text-transform:none; */
  }
  .product-card:hover .product-card-front {
    transform: translateY(300px);
  }
.product-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.4s;
    overflow: hidden;
    /* transform-style: preserve-3d; */
}
.product-card-front, .product-card-back {
    position: absolute;
    height: 100%;
  }
.product-card-front {
    background: white;
    color:#011f47; 
    z-index: 500;
    overflow: hidden;
    transition: transform 0.4s;
    width: 100%;
    display: flex;
    align-items: center;
}
.card-cover {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
}
.card-cover-alt {
    background: rgba(255,255,255, 75%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
}
.third .product-card-back {
    background:#0C3263;
    color: #fff;
    padding: 0 15px;
    overflow: hidden;
    box-shadow: 0 1.5em 2.5em -.5em rgba(#000000, .8);
}
.third .product-card-back p {
    text-align: center;
    position: relative;
    height: 100%; /* exactly three lines */
}

.third .product-card-back p::after {
    content: "";
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 11em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, #0c3263 109%);
}
.fourth .product-card-back {
    background:#0C3263;
    color: #fff;
    padding: 0 15px;
    overflow: hidden;
    box-shadow: 0 1.5em 2.5em -.5em rgba(#000000, .8);
}
.fourth .product-card-back p {
    text-align: center;
    position: relative;
    height: 100%; /* exactly three lines */
}

.fourth .product-card-back p::after {
    content: "";
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 11em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, #0c3263 90%);
}
.product-card-front h2 {
    margin: 15px 0 0 0;
    padding: 15px;
    color: #011f47;
    font-size: 1.2rem;
    position: absolute;
    z-index: 500;
    text-align: center;
    bottom: 5px;
    background: #fff;
    filter: drop-shadow(0px 4px 50px #00000050);
    width: 100%;
}
.product-card-back h2 {
    font-size: 1.2rem;
    margin-top: 15px;
    color: #fff;
    margin-bottom: 15px;;
}
.product-card p {
    line-height: 1.4em;

}
.eyecon {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%
}
.eyecon svg.svg-inline--fa {
    /* color: #ff9e5a; */
}
.blueeyecon {
    color: var(--theme-blue);
    background: #ffffff50;
}
.nudge-down {
    position: relative;
    bottom: -.14em;
}
.object-cover {
    object-fit: none;
    max-width: none;
}
.object-center {
    object-position: center center;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
/*----------------------------------------------
->> navigation style alt
----------------------------------------------*/
.picker-contain {
    height: 300px;
    width: 300px;
    object-fit: cover;

}
.third .picker-contain-II {
    position: relative;
    z-index: 200;
    height: 300px;
    width: 300px;
    object-fit: cover;

}
.fourth .picker-contain-II {
    position: relative;
    z-index: 200;
    height: 250px;
    width: 250px;
    object-fit: cover;

}
#slidenav {    
position: relative;
z-index: 5000;
}
.show {
    /* position: fixed !important;
    top: 0px;
    transition: top 0.5s;
    height: 134px; */
}
.hide {
    /* top: -134px;
    transition: top 0.5s; */
}
.carrot {
    /* position: fixed;
    z-index: 5000;
    width: 100%;
    top: -134px; */
}
.accordion {
    background-color: #eee;
    color: var(--theme-blue);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    font-weight:bold;
    transition: 0.2s;
    margin-bottom: 25px;
  }
  
.accordion:hover {
    background-color: var(--hover-green); 
    color: white;
  }
  .active {
    /* background-color: var(--nav-background-active);  */
    /* color: white; */
  }
  
  .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .panel p {color: #232323;margin-bottom: 50px;}
  .faq-title {
    font-size: 22px;
    display: inline-block;
    margin-bottom: 20px;
    color: #4d4d4d;
}
  .accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #212121;
    float: right;
    margin-left: 5px;
  }
  
.bactive:after {
    content: "\2796" !important; /* Unicode character for "minus" sign (-) */
    color: white !important;
  }
.double-hero {
    display: flex;
    column-gap: 25px;
    width: 100%;
    justify-content: center;
}
.signup-box {
    flex-basis: fit-content;
    /* align-self: center; */
    /* height: 253px; */
    background: #eee;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    padding: 25px;
}
.text-white {
    color: white;
}

.featured-article-BG {
    position: relative;
    z-index: 100;
    height: 50vh;
    border: 1px solid #d0d0d0;
    background-repeat: no-repeat;
    background-size: cover;
}
.featured-article-BG h2 {
    margin: 15px 0 0 0;
    padding: 25px 25px 45px 25px;
    color: #011f47;
    background: #ffffffdf;
    font-size: 4rem;
    position: absolute;
    z-index: 500;
    text-align: left;
    bottom: 25px;
    width: 100%;    
}
.featured-article-BG:hover h2{
    filter: drop-shadow(0px 4px 10px #00000027); 
    color: white;
    background: var(--theme-blue);
}
.featured-article-BG:hover .title-date{
    color: white;
}
.content-date {
    margin: -10px auto 50px auto;
}
.title-date {
    position: absolute;
    bottom: 45px;
    left: 25px;
    z-index: 600;
    font-weight: bold;
}
.news-contain{
    /* border-top: 1px solid #ccc; */
    padding-top: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2%;
    padding-bottom: 75px;
}
a.news-tile-link {
    display: block;
}
.news-tile {
    width: 47.5%;
    border: 1px solid #ccc;
    padding: 25px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.news-tile:hover {
    background: var(--theme-blue);
    color: white;
    filter: drop-shadow(0px 4px 10px #00000027);
    cursor: pointer;
}
.news-tile:hover a {
    color: white;
}
.border-top {
    /* border-top: 1px solid #ccc;
    padding-top: 25px; */
}
#calc {
    border-radius: 9999px;
}
/* Flexible iFrame */

/* .flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  
  .flexible-container iframe,
  .flexible-container object,
  .flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  } */
  .has-luminous-vivid-orange-background-color:hover {
    background: #28a203;
}
.easy-notification-bar-message {font-weight: bold;}
.social-icons {margin-bottom: 25px;}
.top-neg {
    /* margin-top: -25px; */
}
ul.mega-sub-menu ul.mega-sub-menu li a.mega-menu-link  {
    background: #021d43 !important;

}
.strong {font-weight: bold;}
.image-100, .image-100 img {width: 100%; max-width: 100%;}
.responsive-block-editor-addons-lightbox__background {
    filter: blur(25px) saturate(175%) brightness(50%);

}

.title-bar {
    background: #bebebe;
    height: 33vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    & .entry-title {
        margin-top: 0;
        color: #fff;
    }

}
.img-shadow img{
    box-shadow: rgba(0, 0, 0, 0.392) 0px 10px 36px 0px, rgba(0, 0, 0, 0.10) 0px 0px 0px 1px;
}
.shipment-contain {
    background: #cccccc45;
}
ul#shipments  {
    display: flex;
    justify-content: space-around;
    font-weight: bold;
    list-style: none;
    margin-left: 0;
}
.mini-hero {
    height: 300px;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #003983 !important;
    

    & .hero-tint {
        background-color: #00000085;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;        
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(5px);

    }

    & h1 {
        color: white;
        margin: auto;
        line-height: normal;
        filter: drop-shadow(5px 5px 0px #000000);
    }
}
/* HubSpot Styling */
.hbspt-form {
    & fieldset.form-columns-2, fieldset.form-columns-1 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 25px
    }
    & .hs-fieldtype-text {width: 100%}
    & .hs-input {
        width: 100% !important;
    }
    & .hs-form-field input, .hs-form-field input.hs-input, textarea {border: 1px solid rgba(63, 62, 62, 0.4);}
    &  .form-columns-1:has(> .hs_submission_page_url) {margin-bottom: 0;}
    & .hs-fieldtype-textarea {margin-bottom: 0px !important}
}

@media screen and (max-width: 500px) {
    .mobile-hide {display: none;}
    .content-overhang {
        border-radius: 0px;
}
 }
  @media screen and (max-width: 1300px) {
    .p-breadcrumbs {margin-bottom: 0 }
  }
 @media screen and (max-width: 1000px) {
    .testimonial blockquote {
        width: 100%;
        margin-left: 25px; margin-right: 25px;
    }
    .footer-sidebar {
        margin: 0 25px;
    }
    h1,h1,h3,h4,h5,h6 {
        text-align: center;
    }
    .highlight-ul li {
        padding-top: 20px;
        line-height: 60px;
        height: 80px;
    }
    /* .site-content {padding-left: 25px; padding-right:25px;} */
    .inverted,
.entry-header,
.entry-title,
.page-title, .page-title h1 {
    font-weight: 900;
    font-size: 36px;
}
h1 {
    font-size: 36px;
}
}
@media screen and (max-width: 950px) {
    .p-breadcrumbs {display: none;}
    .product-card:hover .product-card-front {
        transform: none;
    }
    .small-center {
        text-align: center;
    }
    .third .product-card {
        margin: auto;
    }
    a.action-link:last-of-type {margin-right: 0;}
    .header-flex {display: block !important; }
    .header-item {
        flex-grow: 1;
        align-self: center;
       width: 100%;

    }
    .logo-bar{
        width: 100%
    }
    
    .cta-nav {
        width: 100%;
        /* height: 40px; */
        text-align: center;
        background-color: #011f47; 
        padding: 10px 0 15px 0;;
        margin-top: 0;
    }
    .hero-title {
      font-size: 36px;
      text-align: center;
   }
    #header-image {
        text-align: center;
    }
    #BlueSearch {
        margin-top: 0px;
        visibility: visible;
        opacity: 1;
        transition: all 500ms;
        padding: 10px;
    }
    .tab-labels li {margin-bottom: 15px;}
}
.mobile-link {display: none;}
@media screen and (max-width: 1300px) {

   p.content-contain {padding-left: 25px; padding-right:25px;}

} 
@media screen and (max-width: 900px) {
    .mobile-link {display: inline;}
    .cta_contact {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;;
        & a {
            display: block;
            margin: 10px auto !important;
        }
    }
    .cta-nav {
        padding: 20px 0 25px 0;
    }
    .mobile-flex {
        display: flex;
        flex-direction: column;
    }
    .half,
    .third,
    .fourth,
    .two-thirds,
    .three-fourths,
    .whole {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% ;
        text-align: center;
        display: flex;
        flex-direction: column;
        margin: auto;
        margin-bottom: 25px;
       
    }
    .inline-grid .third {
        margin-left: auto;
        margin-right: auto;
    }            
    .footer-sidebar .fourth {width: 100%;}
    .footer-sidebar {margin-left: 0; margin-right: 0;}
    .footer-block {width: 100%;} 
    ul#shipments {
        display: block;
        width: 100%;
        padding-top: 25px;
        text-align: center;
        margin-left: 0px;
    }
 }
 .wp-block-media-text__media img {
    box-shadow: rgba(0, 0, 0, 0.392) 0px 10px 36px 0px, rgba(0, 0, 0, 0.10) 0px 0px 0px 1px;
   }
/*# sourceMappingURL=main.css.map */