@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");  h3.check.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/check.svg); }
h3.close.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/close.svg); }
h3.contact.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/contact.svg); }
h3.doc.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/doc.svg); }
h3.down.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/down.svg); }
h3.email.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/email.svg); }
h3.grid.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/grid.svg); }
h3.home.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/home.svg); }
h3.list.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/list.svg); }
h3.location.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/location.svg); }
h3.menu.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/menu.svg); }
h3.minus.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/minus.svg); }
h3.news.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/news.svg); }
h3.next.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/next.svg); }
h3.phone.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/phone.svg); }
h3.play.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/play.svg); }
h3.plus.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/plus.svg); }
h3.prev.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/prev.svg); }
h3.quote.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/quote.svg); }
h3.search.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/search.svg); }
h3.settings.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/settings.svg); }
h3.up.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/up.svg); }
h3.user.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/user.svg); }
a.check.button.icon:before, .drop_menu a.check.toggle_button:before, .dark h3.check.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/check.svg); }
a.close.button.icon:before, .drop_menu a.close.toggle_button:before, .dark h3.close.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/close.svg); }
a.contact.button.icon:before, .drop_menu a.contact.toggle_button:before, .dark h3.contact.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/contact.svg); }
a.doc.button.icon:before, .drop_menu a.doc.toggle_button:before, .dark h3.doc.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/doc.svg); }
a.down.button.icon:before, .drop_menu a.down.toggle_button:before, .dark h3.down.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/down.svg); }
a.email.button.icon:before, .drop_menu a.email.toggle_button:before, .dark h3.email.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/email.svg); }
a.grid.button.icon:before, .drop_menu a.grid.toggle_button:before, .dark h3.grid.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/grid.svg); }
a.home.button.icon:before, .drop_menu a.home.toggle_button:before, .dark h3.home.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/home.svg); }
a.list.button.icon:before, .drop_menu a.list.toggle_button:before, .dark h3.list.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/list.svg); }
a.location.button.icon:before, .drop_menu a.location.toggle_button:before, .dark h3.location.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/location.svg); }
a.menu.button.icon:before, .drop_menu a.menu.toggle_button:before, .dark h3.menu.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/menu.svg); }
a.minus.button.icon:before, .drop_menu a.minus.toggle_button:before, .dark h3.minus.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/minus.svg); }
a.news.button.icon:before, .drop_menu a.news.toggle_button:before, .dark h3.news.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/news.svg); }
a.next.button.icon:before, .drop_menu a.next.toggle_button:before, .dark h3.next.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/next.svg); }
a.phone.button.icon:before, .drop_menu a.phone.toggle_button:before, .dark h3.phone.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/phone.svg); }
a.play.button.icon:before, .drop_menu a.play.toggle_button:before, .dark h3.play.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/play.svg); }
a.plus.button.icon:before, .drop_menu a.plus.toggle_button:before, .dark h3.plus.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/plus.svg); }
a.prev.button.icon:before, .drop_menu a.prev.toggle_button:before, .dark h3.prev.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/prev.svg); }
a.quote.button.icon:before, .drop_menu a.quote.toggle_button:before, .dark h3.quote.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/quote.svg); }
a.search.button.icon:before, .drop_menu a.search.toggle_button:before, .dark h3.search.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/search.svg); }
a.settings.button.icon:before, .drop_menu a.settings.toggle_button:before, .dark h3.settings.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/settings.svg); }
a.up.button.icon:before, .drop_menu a.up.toggle_button:before, .dark h3.up.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/up.svg); }
a.user.button.icon:before, .drop_menu a.user.toggle_button:before, .dark h3.user.icon:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/user.svg); } h1, h2, h3, figure.wp-block-pullquote.is-style-solid-color blockquote p, #top .post_title, .banner_container section.content .banner_title, .banner_container section.content .banner_headline {
font-family: "Open Sans", sans-serif;
font-weight: 700; }
h1, h2, h3 {
color: #2482C5;
line-height: 1.25em; }
h1 a, h2 a, h3 a {
color: #2482C5; }
h1 a:hover, h2 a:hover, h3 a:hover {
color: #2374AF; }
h1 {
font-size: 1.8em; }
h2 {
font-size: 1.6em; }
h3 {
font-size: 1.4em; }
h4, h5, h6 {
font-weight: 700;
font-size: 1em;
line-height: 1.25em;
text-transform: uppercase; }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
color: #fff; }
.dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a, .dark h6 a {
color: #fff; }
.dark h1 a:hover, .dark h2 a:hover, .dark h3 a:hover, .dark h4 a:hover, .dark h5 a:hover, .dark h6 a:hover {
color: #fff; }
ul, ol {
padding-left: 1em; } .wp-block-image img, .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure img, .wp-block-media-text figure.wp-block-media-text__media img {
display: block;
position: relative;
width: auto;
max-width: 100%;
height: auto;
border-radius: 0.6rem !important;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2); }
.wp-block-image a, .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure a, .wp-block-media-text figure.wp-block-media-text__media a {
display: block;
position: relative; }
@media all and (min-device-width: 1025px) {
.wp-block-image a:after, .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure a:after, .wp-block-media-text figure.wp-block-media-text__media a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(32, 44, 68, 0.8);
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/search.svg);
background-size: 60px 60px;
background-repeat: no-repeat;
background-position: center;
border-radius: 0.6rem;
opacity: 0;
visibility: hidden; }
.wp-block-image a:hover:after, .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure a:hover:after, .wp-block-media-text figure.wp-block-media-text__media a:hover:after {
opacity: 1;
visibility: visible; } }
.wp-block-image figcaption, figure.wp-block-embed figcaption {
margin: .75rem 0;
font-size: .8em;
font-weight: 700;
line-height: 1.5em;
text-align: center; } hr.wp-block-separator, hr {
display: block;
max-width: 320px;
height: 2px;
margin: 4em auto;
background-color: #ddd;
border: none;
outline: none;
appearance: none;
clear: both; } a.wp-block-button__link, a.button, .drop_menu a.toggle_button, input[type="submit"] {
display: inline-block;
vertical-align: bottom;
padding: .8em 2.4em;
color: #fff !important;
font-size: .9em;
line-height: 1.6em;
font-weight: 800;
text-decoration: none;
text-transform: uppercase;
background-color: #2482C5;
border-radius: 1.6em; }
@media screen and (min-device-width: 1025px) {
a.wp-block-button__link:hover, a.button:hover, .drop_menu a.toggle_button:hover, input[type="submit"]:hover {
background-color: #2374AF; } }
a.button.icon, .drop_menu a.toggle_button {
position: relative;
padding-right: 4.4em; }
a.button.icon:before, .drop_menu a.toggle_button:before, a.button.icon:after, .drop_menu a.toggle_button:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 3em;
height: 100%;
background-color: rgba(0, 0, 0, 0.05);
background-position: center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em; }
.dark a.wp-block-button__link, a.button.dark, .dark a.button {
color: #2482C5 !important;
background-color: #fff; }
@media screen and (min-device-width: 1025px) {
.dark a.wp-block-button__link:hover, a.button.dark:hover, .dark a.button:hover {
background-color: #eee; } } a.social_button {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 40px;
height: 1em;
padding-left: 1em;
border-radius: 0.3rem; }
a.social_button span {
display: none;
color: #2482C5;
font-weight: 700;
padding-right: .25em; }
a.social_button svg {
display: block;
position: absolute;
top: .0;
left: 0;
width: 1em;
height: 1em;
fill: #2482C5; }
@media all and (min-device-width: 1025px) {
a.social_button:hover {
background-color: #2482C5; }
a.social_button:hover svg {
fill: #fff; } } .has-black-color {
color: #000; }
.has-black-background-color {
background-color: #000; }
.has-dark-color {
color: #151D2D; }
.has-dark-background-color {
background-color: #151D2D;
background: radial-gradient(ellipse at center, #202C44 0%, #151D2D 110%); }
.has-primary-color {
color: #202C44; }
.has-primary-background-color {
background-color: #202C44; }
.has-accent-color {
color: #2482C5; }
.has-accent-background-color {
background-color: #6bb2e4; }
.has-accent-background-color h1, .has-accent-background-color h2, .has-accent-background-color h3 {
color: #000; }
.has-accent-background-color h1 a, .has-accent-background-color h2 a, .has-accent-background-color h3 a {
color: #000; }
.has-light-color {
color: #eee; }
.has-light-background-color {
background-color: #eee; }
.has-white-color {
color: #fff; }
.has-white-background-color {
background-color: #fff; } h1.is-style-title, h2.is-style-title, h3.is-style-title, h4.is-style-title, h5.is-style-title, h6.is-style-title {
color: #000;
font-size: 2em;
text-transform: uppercase; }
h1.is-style-title:before, h1.is-style-title:after, h2.is-style-title:before, h2.is-style-title:after, h3.is-style-title:before, h3.is-style-title:after, h4.is-style-title:before, h4.is-style-title:after, h5.is-style-title:before, h5.is-style-title:after, h6.is-style-title:before, h6.is-style-title:after {
content: "";
display: inline-block;
width: 4rem;
height: 4px;
margin: .25em .5em;
background-color: #2482C5;
border-radius: 2px;
vertical-align: baseline; } .wp-block-buttons {
margin: 1.25rem 0 !important; }
.wp-block-button.is-style-small {
font-size: .67em; }  blockquote.wp-block-quote {
margin: 2rem 0;
padding-left: 1em;
border-left: solid 4px #2482C5; }
blockquote.wp-block-quote p {
font-size: 1rem;
font-style: normal; }
blockquote.wp-block-quote cite {
font-size: .8rem;
font-weight: 700; }
blockquote.wp-block-quote.is-style-large {
margin: 2em 0;
padding-left: 1em;
border-left: solid 4px #2482C5; }
blockquote.wp-block-quote.is-style-large p {
font-size: 1.25rem;
font-style: normal; }
blockquote.wp-block-quote.is-style-large cite {
font-size: 1rem;
font-weight: 700; } figure.wp-block-pullquote {
position: relative;
font-size: 1em;
margin: 4rem 0;
padding: 0;
border-top: solid 4px #2482C5;
border-bottom: solid 4px #2482C5; }
figure.wp-block-pullquote blockquote {
max-width: 800px;
margin: 1em auto;
padding: 2em; }
figure.wp-block-pullquote blockquote p {
font-size: 1.25em;
font-style: normal;
margin: 1rem 0; }
figure.wp-block-pullquote blockquote cite {
font-size: .9rem;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin: 1rem 0; }
figure.wp-block-pullquote.is-style-solid-color {
background-color: #151D2D;
border: none;
border-radius: 0.6rem; }
figure.wp-block-pullquote.is-style-solid-color.fullwidth {
border-radius: 0; }
figure.wp-block-pullquote.is-style-solid-color blockquote {
padding: 5em 2em;
color: #fff; }
figure.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 2em;
line-height: 1.4em;
margin: 1rem 0 !important; }
figure.wp-block-pullquote.is-style-solid-color blockquote cite {
font-size: 1em;
font-weight: 700;
margin: 1rem 0 !important; }
figure.wp-block-pullquote.is-style-solid-color blockquote em {
color: #2482C5; } .wp-block-columns {
margin: 1.5rem 0 !important; }
.wp-block-columns.is-style-overlap {
position: relative;
z-index: 10;
bottom: -120px;
margin-top: -120px !important;
padding: 2rem;
border-radius: 0.6rem;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2); }
.wp-block-columns .wp-block-column.has-background {
padding: 1rem;
border-radius: 0.6rem; }
.wp-block-group.has-background {
padding: 1em 0;
border-radius: 0.6rem; }
.wp-block-group.is-style-fullwidth {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw) !important;
border-radius: 0 !important; }
.wp-block-group.is-style-fullwidth:first-child {
margin-top: -1em !important; }
.wp-block-group.is-style-fullwidth:last-child {
margin-bottom: -1em !important; }
.wp-block-group .wp-block-group__inner-container {
max-width: 1180px;
margin: 0 auto;
padding: 1em; }  .wp-block-image {
margin-left: 0;
margin-right: 0; }
@media all and (min-width: 720px) {
.wp-block-image figure.alignright,
.wp-block-image figure.alignleft {
max-width: 60%; } }
@media all and (max-width: 720px) {
.wp-block-image figure.alignright,
.wp-block-image figure.alignleft {
float: none !important;
margin: 0 auto !important; } }
.wp-block-image.is-style-none img {
border: none;
border-radius: 0 !important;
box-shadow: none; }
.wp-block-image.is-style-icon img {
border: none;
border-radius: 0 !important;
box-shadow: none;
max-width: 5em;
height: auto; } .wp-block-gallery {
margin: 2rem 0;
padding: 0; }
.wp-block-gallery ul.blocks-gallery-grid {
margin: 0;
padding: 0; }
.wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item {
margin: 0;
padding: 0; }
.wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption {
color: #fff !important; } .wp-block-media-text {
margin: 2rem 0;
padding: 0; }
.wp-block-media-text .wp-block-media-text__content p {
line-height: 1.2; } figure.wp-block-embed {
margin: 2rem 0;
padding: 0; }
figure.wp-block-embed .wp-block-embed__wrapper {
margin: 0;
padding: 0;
background-color: transparent; }
figure.wp-block-embed .wp-block-embed__wrapper:before {
padding-top: 0 !important; }
figure.wp-block-embed .wp-block-embed__wrapper iframe {
margin: 0;
padding: 0;
border: none;
outline: none;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2); }
figure.wp-block-embed.is-type-video .wp-block-embed__wrapper {
position: relative;
width: 100%;
padding-top: 56%; }
figure.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } .wp-block-table {
margin: 1rem 0;
padding: 0; }
.wp-block-table table {
font-size: 1em;
line-height: 1.4;
border-collapse: collapse; }
.wp-block-table table, .wp-block-table thead, .wp-block-table tbody, .wp-block-table th, .wp-block-table td {
margin: 0;
border: none; }
.wp-block-table thead tr {
vertical-align: bottom; }
.wp-block-table thead tr th {
padding: .8rem;
color: #fff;
font-weight: 700;
text-align: left;
background-color: #2482C5; }
.wp-block-table thead tr th:nth-child(1) {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; }
.wp-block-table thead tr th:nth-last-child(1) {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.wp-block-table tbody tr {
vertical-align: top;
border-bottom: solid 2px #ddd; }
.wp-block-table tbody tr td {
padding: .8rem; }
.wp-block-table figcaption.wp-element-caption {
margin: 0;
padding: .8rem;
font-size: .8em;
opacity: .5; } html {
height: 100%; }
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #eee; }
body.dark {
background-color: #000; } html {
font-size: 20px;
line-height: 1.75; }
@media all and (max-width: 1025px) {
html {
font-size: 16px; } }
body, input, textarea {
color: #000;
font-family: "Open Sans", sans-serif;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased; }
.dark, .dark input, .dark textarea {
color: #fff; }
strong {
font-weight: 700; }
sub, sup {
font-size: .5em;
line-height: 0; }
sub {
vertical-align: sub; }
sup {
vertical-align: super; } p, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1rem 0; } a {
cursor: pointer;
color: #000;
text-decoration: underline; }
a:hover {
color: #000; }
.dark a {
color: #fff; }
.dark a:hover {
color: #fff; }  h3.icon {
font-size: 1.5em;
line-height: 2em; }
h3.icon:before {
content: "";
display: inline-block;
vertical-align: bottom;
width: 2.5em;
height: 2em;
background-repeat: no-repeat;
background-position: center;
background-size: 1.5em 1.5em; } ul, ol {
padding-left: 1.5em; }
li ul, li ol {
margin: 0 0 .25rem; } hr.clearall {
max-width: 100%;
height: 0;
margin: 0;
background-color: transparent !important; } input {
font-size: 1em; }
textarea {
font-size: 1em;
resize: none; } a, a *, :before, :after, input, textarea {
-webkit-transition: all 200ms;
transition: all 200ms;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d; } .container {
position: relative;
max-width: 1800px;
margin: 0 auto;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.dark .container,
.container.dark {
background-color: #151D2D; }
.fullwidth {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw) !important; }
section.content {
position: relative;
max-width: 1180px;
margin: 0 auto;
padding: 1rem; }
.padding {
padding: 1rem; } .half, .twothird, .third, .quarter, .threequarter {
float: left;
width: 100%; }
@media all and (min-width: 720px) {
.half {
width: 50%; }
.twothird {
width: 67%; }
.third {
width: 33%; }
.quarter {
width: 25%; }
.threequarter {
width: 75%; } }
.floatleft {
float: left; }
.floatright {
float: right; } @media screen and (min-width: 720px) {
.halves {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1em; }
.thirds {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1em; }
.quarters {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 1em; } } .banner_background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-repeat: repeat-x;
background-size: cover; }
.banner_blur {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); } .copyright {
position: relative;
font-size: .75em; }
.copyright a.poweredby {
display: inline-block;
position: relative;
padding: 8px 12px;
color: #000;
line-height: 24px;
font-weight: 400;
text-decoration: none !important;
border-radius: 0.3rem;
-webkit-transition: none;
transition: none; }
@media all and (min-device-width: 1025px) {
.copyright a.poweredby:hover {
color: #fff;
background-color: #2482C5; } }
@media all and (min-width: 720px) {
.copyright p {
padding-right: 180px; }
.copyright p span:after {
content: " •"; }
.copyright p span:nth-last-child(1):after {
content: ""; }
.copyright a.poweredby {
position: absolute;
top: 50%;
right: 0;
margin-top: -18px; } }
@media all and (max-width: 720px) {
.copyright {
text-align: center; }
.copyright p span {
display: block; }
.copyright a.poweredby {
margin: 8px auto; } }
.dark a.poweredby {
color: #fff; } .owl-carousel .owl-dots {
position: absolute;
bottom: 1em;
left: 0;
width: 100%;
min-width: 100%;
text-align: center; }
@media all and (max-width: 720px) {
.owl-carousel .owl-dots {
display: none; } }
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
width: .8em;
height: .8em;
margin: .2em;
background-color: #fff;
border-radius: 50%; }
@media all and (min-device-width: 1025px) {
.owl-carousel .owl-dots .owl-dot:hover {
background-color: #ddd; } }
.owl-carousel .owl-dots .owl-dot.active {
width: 1.2em;
height: 1.2em;
background-color: #2482C5 !important;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2); }
@media all and (min-device-width: 1025px) {
.owl-carousel .owl-dots {
bottom: 0;
opacity: 0; }
.owl-carousel:hover .owl-dots {
bottom: 1em;
opacity: 1; } } @media all and (max-width: 720px) {
.owl-carousel .owl-nav {
display: none; } }
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
display: block;
position: absolute;
z-index: 90;
top: 50%;
width: 2em;
height: 4em;
background-position: center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
background-color: rgba(0, 0, 0, 0.33);
border-radius: 0.3rem;
transform: translateY(-50%); }
@media all and (min-device-width: 1025px) {
.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
background-color: #000; } }
.owl-carousel .owl-prev {
left: .4rem;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/prev.svg); }
.owl-carousel .owl-next {
right: .4rem;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/next.svg); }
@media all and (min-device-width: 1025px) {
.owl-carousel .owl-prev {
left: 1rem;
opacity: 0; }
.owl-carousel .owl-next {
right: 1rem;
opacity: 0; }
.owl-carousel:hover .owl-prev {
left: .4rem;
opacity: 1; }
.owl-carousel:hover .owl-next {
right: .4rem;
opacity: 1; } } .owl-dots,
.owl-dot,
.owl-prev,
.owl-next {
-webkit-transition: all 200ms;
transition: all 200ms; } .post_thumb {
position: relative;
vertical-align: top;
margin: .5rem;
font-weight: 700;
background-color: #fff;
border-radius: 0.6rem;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
overflow: hidden; }
.post_thumb .image {
width: 100%;
padding-top: 60%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.post_thumb a.overlay {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.post_thumb a.overlay.preview {
display: none; }
@media all and (min-device-width: 1025px) {
.post_thumb a.overlay:after {
content: "View post";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 20px;
padding: 40px 0 0;
margin-top: -30px;
margin-left: -40px;
color: #fff;
font-size: 14px;
line-height: 20px;
text-align: center;
text-decoration: none !important;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/search.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: 40px 40px;
opacity: 0;
visibility: hidden;
transform: scale(0.8, 0.8); }
.post_thumb a.overlay:hover:after {
opacity: 1;
visibility: visible;
transform: scale(1, 1); }
.post_thumb:hover a.overlay {
background-color: rgba(32, 44, 68, 0.8); } }
.post_thumb.type-project a.overlay.preview {
display: block; }
.post_thumb.type-project a.overlay.preview:after {
content: "Preview"; }
.post_thumb.services-video-marketing a.overlay.preview:after {
content: "Play Video";
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/play.svg); } .post_item {
display: block;
position: relative;
margin: 2rem auto 3rem;
text-decoration: none !important; }
.post_item h2.post_title {
font-size: 1.5em; }
.post_item p.post_date {
display: none;
font-size: .8em; }
.post_item p.post_excerpt {
font-size: .8em; }
.post_item p.read_more {
font-size: .8em; }
@media screen and (min-width: 720px) {
.post_item.has_thumbnail h2.post_title {
float: left;
width: 58%;
margin-bottom: 0;
padding-right: 2%; }
.post_item.has_thumbnail .post_info {
float: left;
width: 58%;
padding-right: 2%; }
.post_item.has_thumbnail .post_thumb {
float: right;
width: 40%;
margin: 0; } } .grid_item {
position: relative;
margin: 1rem 0; }
.grid_item .post_thumb {
margin: 0 1rem; }
.grid_item .post_thumb + .post_info {
margin: 0 1rem;
font-size: .6em;
line-height: 1.5;
text-align: center; }
.grid_item .post_thumb + .post_info h4 {
margin: .5rem 0; }
.grid_item .post_thumb.type-markets .image {
padding-top: 100%; }
.grid_item .post_thumb.type-markets + .post_info {
position: absolute;
right: 0;
bottom: 0;
left: 0;
font-size: .8em;
line-height: 1.5;
text-align: center;
pointer-events: none;
background-color: rgba(36, 130, 197, 0.9);
border-bottom-right-radius: 0.6rem;
border-bottom-left-radius: 0.6rem; }
.grid_item .post_thumb.type-markets + .post_info h4 {
color: #151D2D; }
.grid_item .post_thumb.type-campaign .image {
padding-top: 67%;
background-size: contain; } .accordion {
margin: 1rem 0;
border-radius: 0.3rem;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
overflow: hidden; }
.accordion .accordion-title {
position: relative;
padding: 1rem;
padding-right: 3em;
font-weight: 700;
background-color: #151D2D;
cursor: pointer; }
.accordion .accordion-title:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
width: 1.5em;
height: 1.5em;
margin-top: -.75em;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/plus.svg);
background-size: 100% 100%; }
.accordion .accordion-content {
display: none;
padding: 1rem;
background-color: #2374AF; }
.accordion.active .accordion-title {
background-color: #2482C5; }
.accordion.active .accordion-title:after {
transform: rotate(45deg); }
.accordion.active .accordion-content {
display: block; } #sidebar a.button, .drop_menu a.toggle_button {
display: block;
font-size: 1em;
background-color: #ddd; }
@media screen and (min-width: 720px) {
#sidebar a.button, .drop_menu a.toggle_button {
display: inline-block;
background-color: transparent; } }
#sidebar a.ispage.button, .drop_menu a.ispage.toggle_button {
background-color: #2482C5; }
@media screen and (min-device-width: 1025px) {
#sidebar a.button:hover, .drop_menu a.toggle_button:hover {
background-color: #2374AF; } }
#sidebar {
z-index: 500;
position: relative;
text-align: center;
font-size: .8em;
padding: 1rem;
background-color: #fff; }
@media screen and (max-width: 720px) {
#sidebar a.button {
display: block !important;
margin: 4px 0; } }
.drop_menu {
display: block;
position: relative;
z-index: 500;
overflow: visible; }
.drop_menu a.toggle_button:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/down.svg);
display: block; }
.drop_menu a.toggle_button:after {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/close.svg);
display: none; }
.drop_menu.active a.toggle_button {
background-color: #2482C5; }
.drop_menu.active a.toggle_button:before {
display: none; }
.drop_menu.active a.toggle_button:after {
display: block; }
@media screen and (max-width: 720px) {
.drop_menu {
margin: 4px 0;
border-radius: 0.3rem; }
.drop_menu.active {
background-color: #2374AF; }
.drop_menu ul {
display: none;
margin: 0;
padding: 0;
text-align: left; }
.drop_menu ul li {
display: block;
margin: 0;
padding: 0; }
.drop_menu ul li a {
display: block;
padding: .5em 1em;
color: #151D2D !important;
font-weight: 600;
text-decoration: none !important; }
.drop_menu ul li.current-cat a {
background-color: rgba(32, 44, 68, 0.2); } }
@media screen and (min-width: 720px) {
.drop_menu {
display: inline-block;
vertical-align: bottom; }
.drop_menu ul {
display: none;
position: absolute;
top: 100%;
left: 50%;
width: 16em;
margin: 0;
padding: 4px 0 0;
text-align: left;
transform: translateX(-50%); }
.drop_menu ul li {
display: block;
vertical-align: bottom;
margin: 0;
padding: 0;
background-color: #202C44;
overflow: hidden; }
.drop_menu ul li a {
display: block;
position: relative;
padding: .5em 1em;
color: #fff !important;
font-weight: 600;
text-decoration: none !important; } }
@media screen and (min-width: 720px) and (min-device-width: 1025px) {
.drop_menu ul li a:hover {
background-color: #151D2D !important; } }
@media screen and (min-width: 720px) {
.drop_menu ul li.current-cat a {
background-color: #151D2D; }
.drop_menu ul li:first-child {
border-top-right-radius: 0.3rem;
border-top-left-radius: 0.3rem; }
.drop_menu ul li:last-child {
border-bottom-right-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; } }
.drop_menu.active {
z-index: 501; }
.drop_menu.active ul {
display: block; }
@media screen and (min-width: 720px) {
.drop_menu.active .overlay {
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%; } } #submenu {
background-color: #eee; }
#submenu ul.menu {
display: block;
margin: 0;
padding: 0; }
#submenu ul.menu > li {
display: none;
margin: 0;
padding: 0; }
#submenu ul.menu > li > a {
display: none; }
#submenu ul.menu > li ul.sub-menu {
display: block;
margin: 0 auto;
padding: 1.5rem 1rem;
text-align: center; }
#submenu ul.menu > li ul.sub-menu li {
display: inline-block;
margin: 0;
padding: 0; }
#submenu ul.menu > li ul.sub-menu li a {
display: block;
padding: .33rem .67rem;
color: #2482C5;
font-size: .9em;
font-weight: 600;
text-decoration: none;
border-radius: 0.3rem; }
#submenu ul.menu > li ul.sub-menu li a:hover {
background-color: #ddd; }
#submenu ul.menu > li ul.sub-menu li.current-menu-item a {
color: #fff;
padding: .33rem .67rem;
background-color: #2482C5; }
#submenu ul.menu > li.current-menu-item, #submenu ul.menu > li.current-menu-ancestor {
display: block; } .page_numbers {
position: relative;
margin-bottom: 1rem;
font-size: 0;
font-weight: 700;
text-align: center; }
.page_numbers > * {
display: inline-block;
margin: 1rem 0;
padding: 1em;
font-size: .75rem;
line-height: 1em;
color: #fff;
background-color: #2482C5; }
.page_numbers > *:first-child {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; }
.page_numbers > *:last-child {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.page_numbers a {
color: #fff;
text-decoration: none; }
.page_numbers a:hover {
color: #fff;
background-color: #2374AF; }
.page_numbers .current {
background-color: #2374AF; } input,
textarea, select {
outline: 0 none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display: inline-block;
position: relative;
width: 100% !important;
margin: 0 auto !important;
padding: .5em 0;
color: #000 !important;
font-family: "Open Sans", sans-serif !important;
font-size: 1em;
line-height: 1.5em;
font-weight: 400;
text-indent: .5em;
background-color: #eee;
border: none !important;
border-radius: 0.3rem; }
input[type="submit"] {
width: auto !important;
cursor: pointer;
text-indent: 0;
border-color: transparent; } select {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/down.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: right 10px center; }
input[type="radio"],
input[type="checkbox"] { visibility: hidden !important;
margin: 0 !important;
width: 0 !important; }
input[type="radio"] + label,
input[type="checkbox"] + label {
visibility: visible;
position: relative;
margin: .5rem 0 !important;
padding-left: 50px;
font-size: .9em;
line-height: 24px;
cursor: pointer; }
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 24px;
border: none;
border-radius: 12px;
background: #ddd;
transition: all 0.3s ease; }
input[type="radio"] + label:after,
input[type="checkbox"] + label:after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
transition: all 0.3s ease; }
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
background: #2482C5; }
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
left: 19px; } .nf-form-fields-required {
display: block;
margin: 1rem 0;
color: rgba(0, 0, 0, 0.5);
font-size: .8em;
font-style: italic; }
.nf-form-fields-required .ninja-forms-req-symbol {
color: #e1251b; } form#searchform {
position: relative;
width: 12em;
margin: 0 !important;
padding: 0 !important; }
form#searchform div {
margin: 0 !important;
padding: 0 !important; }
form#searchform div label.screen-reader-text {
display: none; }
form#searchform div input[type="text"] {
display: block;
height: 1em !important;
padding: .5em 0 !important;
font-size: 1em !important;
line-height: 1em !important; }
form#searchform div input[type="submit"] {
position: absolute;
top: 0;
right: 0;
width: 2em !important;
padding: 0 !important;
height: 2em;
color: transparent !important;
background-color: transparent;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/search.svg);
background-size: 1.5em 1.5em;
background-position: center;
background-repeat: no-repeat; } .container {
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
@media all and (min-device-width: 1025px) {
.container {
background-attachment: fixed; } } #top {
position: relative;
z-index: 200;
text-align: center; }
#top .post_title {
position: relative;
max-width: 1180px;
margin: 0 auto;
padding: 6rem;
color: #fff;
font-size: 2.75em;
line-height: 1.2em;
text-transform: uppercase; }
#top .post_title span {
display: block;
color: #2482C5;
font-size: .6em; }
#top .banner_background {
opacity: .33; } #post_banner {
padding-top: 33%; }
#post_banner .banner_background {
opacity: 1; }
.banner_container {
position: relative;
overflow: hidden;
height: 60vh; }
@media all and (max-width: 1180px) {
.banner_container {
min-height: 400px;
max-height: 120vw; } }
@media all and (min-width: 1180px) {
.banner_container {
min-height: 640px;
max-height: 900px; } }
.banner_container section.content {
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 2em);
max-width: 720px;
text-align: center;
transform: translateX(-50%) translateY(-50%); }
.banner_container section.content .banner_title {
margin: 1rem 0;
font-size: 2.33em;
line-height: 1.2em; }
.banner_container section.content .banner_headline {
margin: 1rem 0;
font-size: 2.2em;
line-height: 1.2em; }
@media all and (max-width: 720px) {
.banner_container section.content .banner_headline {
font-size: 2em; } }
.banner_container section.content .banner_headline img {
display: inline-block;
vertical-align: baseline;
width: auto;
height: 1.2em;
margin-bottom: -.2em; }
.banner_container section.content .banner_subhead {
margin: 1rem 0;
font-size: 1.5em;
line-height: 1.4em;
font-weight: 500;
text-transform: uppercase; }
@media all and (max-width: 720px) {
.banner_container section.content .banner_subhead {
font-size: 1.25em; } }
.banner_container section.content .banner_caption {
margin: 1rem 0;
font-weight: 500; }
@media all and (min-width: 720px) {
.banner_container section.content.textleft {
max-width: 1180px;
text-align: left; }
.banner_container section.content.textleft > div {
padding-right: 46%; }
.banner_container section.content.textright {
max-width: 1180px;
text-align: right; }
.banner_container section.content.textright > div {
padding-left: 46%; } }
a.banner_button {
display: block;
width: 5em;
height: 5em;
margin: 2rem auto;
background-color: #fff;
border-radius: 50%;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/play.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 60% 60%; }
@media all and (min-width: 720px) {
a.banner_button {
position: absolute;
top: 50%;
left: 75%;
width: 8em;
height: 8em;
margin: 0;
margin-top: -4em;
margin-left: -4em; } }
@media all and (min-device-width: 1025px) {
a.banner_button:hover {
background-color: #ddd; }
a.banner_button:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: solid 2px #fff;
border-radius: 50%;
opacity: 0;
pointer-events: none;
animation: 2s ease-out infinite pulse; } }
@keyframes pulse {
0% {
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
opacity: 0; }
10% {
opacity: 1; }
100% {
opacity: 0;
top: -24px;
right: -24px;
bottom: -24px;
left: -24px; } }
.banner_graphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at center, #202C44 0%, #151D2D 110%);
overflow: hidden; }
.banner_graphic .bg-blue-gradient {
position: absolute;
top: 45%;
right: 120%;
width: 150vw;
height: 100vw;
transform: translateX(50%) translateY(-50%);
background: radial-gradient(ellipse at center, #2482C5 10%, rgba(36, 130, 197, 0) 50%);
border-radius: 50%;
opacity: 60%; }
.banner_graphic .bg-red-gradient {
position: absolute;
top: 55%;
left: 120%;
width: 150vw;
height: 100vw;
transform: translateX(-50%) translateY(-50%);
background: radial-gradient(ellipse at center, #e1251b 10%, rgba(225, 37, 27, 0) 50%);
border-radius: 50%;
opacity: 60%; }
.banner_graphic .bg-graphic-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/banner-graphic-background.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 33%; }
.banner_graphic .bg-graphic-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/banner-graphic-top.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat; } .banner-slider {
border-radius: 0.6rem;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
overflow: hidden; }
.banner-slider .banner_background {
opacity: .80; }
.banner-slider .slide_container {
padding-top: 60%; }
.banner-slider .slide_container section.content {
position: absolute;
left: 50%;
bottom: 3em;
width: 80%;
max-width: 720px;
padding-right: 5%;
padding-left: 5%;
text-align: center;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 0.6rem;
transform: translateX(-50%); }
@media all and (max-width: 720px) {
.banner-slider .slide_container section.content {
bottom: 1em; } }
.banner-slider .slide_container section.content .banner_headline {
font-weight: 700; } .masonry {
margin: 0 .5em;
padding: .5em 0;
text-align: center; }
.masonry .grid_item {
float: left;
width: 100%; }
@media all and (min-width: 480px) {
.masonry .grid_item {
width: 50%; } }
@media all and (min-width: 1025px) {
.masonry .grid_item {
width: 33.3%; } } #testimonials-slider {
padding: 4em 0;
background-color: #2482C5; }
#testimonials-slider h3 {
text-transform: uppercase; }
#testimonials-slider .thirds {
margin: 2em 0; } #markets {
padding: 4em 0; }
#markets ul {
margin: 2rem 0;
padding: 0; }
@media all and (min-width: 720px) {
#markets ul {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2em;
padding: 0; } }
@media all and (min-width: 1025px) {
#markets ul {
grid-template-columns: 1fr 1fr 1fr; } }
#markets ul li {
display: block;
margin: 2rem 0;
padding: 0; }
@media all and (min-width: 720px) {
#markets ul li {
margin: .5rem 0; } }
#markets ul li a {
display: block;
position: relative;
height: 4em;
color: #fff !important;
font-size: 1.1em;
line-height: 1em;
font-weight: 700;
text-align: left;
text-decoration: none;
text-transform: uppercase;
background-color: #2482C5;
border-radius: 2em;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2); }
#markets ul li a span {
position: absolute;
top: 50%;
left: 1.5em;
right: 5em;
transform: translateY(-50%); }
#markets ul li a:after {
content: '';
position: absolute;
top: 50%;
right: 2em;
width: 5em;
height: 5em;
background-color: #fff;
background-size: 5em;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
transform: translateX(50%) translateY(-50%); }
@media all and (min-device-width: 1025px) {
#markets ul li a:hover {
background-color: #2374AF; }
#markets ul li a:hover:after {
width: 5.4em;
height: 5.4em; } }
#markets ul li.page-item-56 a:after {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/markets/blue-aerospace-icon.png); }
#markets ul li.page-item-354 a:after {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/markets/blue-medical-icon.png); }
#markets ul li.page-item-58 a:after {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/markets/blue-military-icon.png); }
#markets ul li.page-item-1540 a:after {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/markets/blue-quantum-icon.png); }
#markets ul li.page-item-57 a:after {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/markets/blue-telecom-icon.png); }
#markets ul li.page-item-59 a:after {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/markets/blue-testing-icon.png); } #footer {
z-index: 80;
padding: 1rem 0; }
#footer .copyright p {
padding-right: 0 !important; }
#widget-footer {
padding: 3rem 0; }
#cta-footer {
padding: 6rem 0;
background-color: #2482C5; }
#contact-footer {
padding: 2rem 0 6rem; }
#links-footer {
padding: 4rem 0;
background: radial-gradient(ellipse at center, #202C44 0%, #151D2D 110%); }
#links-footer:after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 200px;
height: 150px;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/usa.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
transform: translateX(-50%) translateY(-50%); }
#links-footer a {
color: #fff;
text-decoration: none; }
@media all and (min-device-width: 1025px) {
#links-footer a:hover {
color: #2482C5; } }
#links-footer ul.menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 1em;
margin: 1rem 0;
padding: 0; }
#links-footer ul.menu > li {
display: block;
margin: 0;
padding: 0;
font-size: .8em; }
#links-footer ul.menu > li > a {
text-transform: uppercase;
font-weight: 700;
text-decoration: none; }
#links-footer ul.menu > li ul.sub-menu {
display: block;
margin: 0;
padding: 0; }
#links-footer ul.menu > li ul.sub-menu li {
display: block;
margin: 0;
padding: 0; } #quicklinks {
position: absolute;
z-index: 600;
left: 50%;
background-color: #2374AF;
border-radius: 0.3rem;
transform: translateX(-50%) translateY(-50%);
overflow: hidden; }
#quicklinks a {
display: inline-block;
position: relative;
padding: 8px 16px;
padding-left: 40px;
font-size: 18px;
color: #fff;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
background-color: #2482C5;
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center left 10px; }
@media all and (min-width: 1180px) {
#quicklinks a:hover {
background-color: #2374AF; } }
#quicklinks a.quote {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/quote.svg); }
#quicklinks a.doc {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/doc.svg); }
#quicklinks a.list {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/list.svg); }
#product-content {
padding-top: 2rem; } .products .wp-block-columns {
grid-column-gap: 1.5rem; }
.products .wp-block-columns .wp-block-column ul {
border-top: solid 2px #eee;
padding: 1em .5em 1em 2em;
color: rgba(0, 0, 0, 0.5); } #nav {
position: fixed;
z-index: 1000;
width: 100%;
background-color: #fff;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2); }
#nav section.content {
max-width: 1800px;
padding: 0; }
#nav a {
text-decoration: none !important; }
#nav,
#nav * {
-webkit-transition: all 200ms;
transition: all 200ms; }
@media all and (min-width: 1025px) { #nav a#nav_logo {
display: block;
position: relative;
width: 360px;
height: 120px;
margin: 0;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/Connectronics-Logo.svg);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center; }
#navpadding {
padding-top: 120px; }
@keyframes dropdown {
0% {
top: 110%;
opacity: 0; }
100% {
top: 100%;
opacity: 1; } } #main_menu {
z-index: 1100;
position: absolute;
right: 20px;
top: 50%;
font-size: 0;
line-height: 0;
text-align: center; }
#main_menu ul.menu {
display: block;
position: relative;
margin: 0;
padding: 0; }
#main_menu ul.menu > li {
display: inline-block;
vertical-align: top;
position: relative;
margin: 0;
padding: 0; }
#main_menu ul.menu > li > a {
display: block;
padding: 10px;
color: #000;
font-size: 20px;
line-height: 30px;
font-family: "Open Sans", sans-serif;
font-weight: 900;
text-transform: uppercase; }
#main_menu ul.menu > li.current-menu-item > a, #main_menu ul.menu > li.current-menu-ancestor > a {
color: #2482C5; }
#main_menu ul.menu > li:hover > a {
color: #2482C5; }
#main_menu ul.menu > li > ul.sub-menu {
display: none;
position: absolute;
top: 100%;
width: 250px;
text-align: left;
background-color: #000;
border-radius: 0.3rem;
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
overflow: hidden;
opacity: 1;
animation: 250ms dropdown; }
#main_menu ul.menu > li > ul.sub-menu li {
display: block;
margin: 0;
padding: 0; }
#main_menu ul.menu > li > ul.sub-menu li a {
display: block;
padding: 12px 15px;
color: #fff;
font-size: 15px;
line-height: 20px;
font-weight: 700; }
#main_menu ul.menu > li > ul.sub-menu li.current-menu-item > a, #main_menu ul.menu > li > ul.sub-menu li.current-menu-ancestor > a {
background-color: #2482C5; }
#main_menu ul.menu > li > ul.sub-menu li:hover > a {
background-color: #2374AF; }
#main_menu ul.menu > li > ul.sub-menu li:first-child a {
padding-top: 15px; }
#main_menu ul.menu > li > ul.sub-menu li:last-child a {
padding-bottom: 15px; }
#main_menu ul.menu > li:hover ul.sub-menu {
display: block; }
#main_menu ul.menu > li:nth-last-child(1) > ul.sub-menu {
right: 0; } #alt_menu {
z-index: 1100;
position: absolute;
right: 20px;
bottom: 50%; }
#alt_menu .contactmenu > a {
display: inline-block;
vertical-align: middle;
padding: 6px;
color: #2482C5;
font-weight: 600;
font-size: 16px;
line-height: 20px; }
#alt_menu .contactmenu > a:hover {
text-decoration: underline !important; }
#alt_menu .contactmenu > a.telephone {
padding-left: 35px;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/phone.svg);
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center left; }
#alt_menu .contactmenu .social {
display: inline-block;
vertical-align: middle;
padding: 0 6px; } }
@media all and (max-width: 1025px) { #nav a#nav_logo {
display: block;
position: relative;
width: 240px;
height: 80px;
margin: 0 auto;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/Connectronics-Logo.svg);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center; }
#navpadding {
padding-top: 80px; } #nav .add_toggle > .toggle_button {
display: block;
position: absolute;
top: 50%;
height: 40px;
margin-top: -20px;
padding-right: 40px;
border-radius: 0.3rem;
cursor: pointer; }
#nav .add_toggle > .toggle_button:before, #nav .add_toggle > .toggle_button:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 30px 30px; }
#nav .add_toggle > .toggle_button:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/menu.svg);
opacity: 1; }
#nav .add_toggle > .toggle_button:after {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/close.svg);
opacity: 0; }
#nav .add_toggle.active > .toggle_button {
z-index: 1200;
background-color: #2482C5; }
#nav .add_toggle.active > .toggle_button:before {
background-size: 10px 10px;
opacity: 0; }
#nav .add_toggle.active > .toggle_button:after {
opacity: 1; }
#nav .add_toggle.active .overlay {
position: fixed;
z-index: 1050;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8); } #main_menu > .toggle_button {
right: 20px; }
#main_menu ul.menu {
display: block;
position: fixed;
z-index: 1100;
top: 0;
bottom: 0;
right: -320px;
width: 280px;
margin: 0;
padding: 100px 20px;
max-width: 100%;
text-align: left;
background-color: #202C44;
overflow-y: auto;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-overflow-scrolling: touch; }
#main_menu ul.menu > li {
display: block;
position: relative;
margin: 4px 0;
padding: 0;
background-color: #151D2D;
border-radius: 0.3rem;
overflow: hidden; }
#main_menu ul.menu > li a {
display: block;
height: 20px;
padding: 12px 10px;
color: #fff;
font-size: 20px;
line-height: 20px;
font-weight: 700; }
#main_menu ul.menu > li ul {
display: none;
margin: 0;
padding: 0; }
#main_menu ul.menu > li ul li {
display: block;
margin: 0;
padding: 0;
border-top: solid 1px #202C44;
border-radius: 0; }
#main_menu ul.menu > li ul li a {
color: rgba(255, 255, 255, 0.5);
font-size: 16px; }
#main_menu ul.menu > li.active ul {
display: block; }
#main_menu ul.menu > li.menu-item-has-children > a {
padding-right: 45px; }
#main_menu ul.menu > li.menu-item-has-children .toggle_button {
cursor: pointer;
display: block;
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px; }
#main_menu ul.menu > li.menu-item-has-children .toggle_button:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/white/down.svg);
background-size: 25px 25px;
background-repeat: no-repeat;
background-position: center; }
#main_menu ul.menu > li.menu-item-has-children.active .toggle_button:after {
transform: rotate(180deg); }
#main_menu.active ul.menu {
right: 0;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.5); } #alt_menu > .toggle_button {
left: 20px; }
#alt_menu > .toggle_button:before {
background-image: url(//customrfconnectors.com/wp-content/themes/connectronics-qnnect/links/icons/color/contact.svg) !important; }
#alt_menu .contactmenu {
display: block;
position: fixed;
z-index: 1100;
top: 0;
bottom: 0;
right: -320px;
width: 280px;
margin: 0;
padding: 100px 20px;
max-width: 100%;
text-align: left;
background-color: #202C44;
overflow-y: auto;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-overflow-scrolling: touch; }
#alt_menu .contactmenu > a {
display: block;
padding: 6px 0;
margin: 6px 0;
color: #fff;
font-weight: 700;
font-size: 20px;
line-height: 20px; }
#alt_menu .contactmenu .social {
margin: 12px 0; }
#alt_menu.active .contactmenu {
left: 0;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.5); } }  #swipebox-overlay {
background: rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); }
#swipebox-overlay img {
border-radius: 0.6rem; }