/*
 * site.css - the stylesheet shared by RoofersCoffeeShop, MetalCoffeeShop,
 * CoatingsCoffeeShop and OutdoorCoffeeShop.
 *
 * These four brands were forked from RoofersCoffeeShop by find-and-replacing
 * its four signature colours; each file's own header used to record the
 * substitution. Those colours are now custom properties, set per brand in
 * brand/<code>.css, which is loaded after this file:
 *
 *   --brand-primary      the main brand colour
 *   --brand-primary-alt  a second primary; only RCS distinguishes the two
 *   --brand-link         link colour
 *   --brand-dark         darker shade, used for hovers and accents
 *
 * Rules that genuinely differ between the brands live in brand/<code>.css,
 * not here. AskARoofer is not part of this and keeps aar.css.
 */
html,
body {
    min-height: 100vh;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px
}

/* --------------------------------------------------------------------------
   Horizontal overflow.

   overflow-x:hidden used to sit on BOTH html and body here. On <html> it also
   disables scroll anchoring and silently breaks position:sticky for every
   descendant - which is why the mobile header is pinned from JavaScript
   instead of in CSS.

   Measured at 390px against real content on the home page, the directory and
   the classifieds index, the only thing that actually overflowed was 15px, from
   bootstrap .row elements sitting directly in .bottom-wrap with no
   .container to cancel their -15px side margins (see below). With those fixed,
   document scrollWidth equals the viewport exactly and nothing overflows.

   body keeps the clip as a backstop for editorial content, which is authored in
   CKEditor and can always introduce a wide element. html must not have it.
   -------------------------------------------------------------------------- */
body {
    overflow-x: hidden;
}

/* The actual overflow, rather than hiding it: these rows are not inside a
   .container, so bootstrap's negative side margins have nothing to cancel them
   and they run 15px past the viewport on every page.

   Both wrappers are listed deliberately - .featorganizations renders inside
   .top-wrap on some pages and .bottom-wrap on others, so scoping to one of
   them fixes the home page and misses the directory (or the reverse). */
.top-wrap > .row,
.bottom-wrap > .row,
.top-wrap > #cookie-banner > .row,
.bottom-wrap > #cookie-banner > .row {
    margin-left: 0;
    margin-right: 0;
}
.rotation-nav {
    color: #c6c6c6;
}
.imgRotater {
    background-repeat: no-repeat;
  background-size: auto;
}
.ct14 {
    text-align: left;
}
.ct14, .a {
    font-size: 16.8px;
  padding-top: 21px;
}
.alignnone,
.alignleft,
.alignright {
    display: block
}
.alignleft {
    float: left;
    margin-right: 2em
}
.alignright {
    float: right;
    margin-left: 2em
}
.caption {
    padding: 15px;
    border: 1px solid #dfdfdf
}
img,
img.size-full {
    max-width: 100%;
    /* width:auto matters now that getImageTag() emits intrinsic width/height.
       Those attributes are presentational hints, so width becomes a SPECIFIED
       value - and when a max-height then caps the height, CSS does not go back
       and recompute a specified width. A 1400x1400 post image with
       style="max-height:450px" rendered 960x450.

       With width:auto the attributes do what they are there for - supply the
       aspect ratio so the box can be reserved before the bytes arrive - without
       pinning the used width. Rules that set an explicit width on an image are
       more specific and still win. */
    width: auto;
    height: auto
}
img.aligncenter {
    display: block;
    margin: 15px auto
}
.hot-header-news {
    text-align: center;
}
.hot-header-news a {
    font-size: medium;
  font-weight: bold;
}
.hot-header-news a:hover {
    color:#043056;
}
.modal {
    background: rgba(0, 0, 0, .25)
}
.fade {
    transition: opacity 0.25s;
    opacity: 1
}
.hidden {
    position: absolute;
    visibility: hidden;
    opacity: 0
}
.show-transition {
    position: relative;
    visibility: visible;
    opacity: 0
}
.menu-account a {
    font-size: 14px
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600
}
h1 {
    font-weight: 600
}
a.no-style {
    color: #212529
}
a.no-style:hover {
    color: #212529
}
a.no-style:hover>.row {
    background: rgba(166, 37, 42, .15)
}
/* h2,
h3 {
    color: #494f51
} */
h2 {
    color: #494f51
}
h1 a,
h2 a,
h3 a {
    text-decoration: none
}
a.btn:hover {
    border: 1px solid transparent
}
.btn,
.form-control {
    border-radius: 0
}
.btn-rounded {
    border-radius: 10em;
}
.btn-tertiary {
    background: var(--brand-dark);
    color: #fff;
    border: 1px solid #fff;
    transition: color 0.25s, background 0.25s
}
.btn-tertiary:hover {
    background: #fff;
    color: var(--brand-dark);
    border: 1px solid #fff
}
.btn-tertiary:active {
    background: #fff;
    color: var(--brand-dark);
    border: 1px solid #fff
}
.main-menu a {
    display: block;
    padding: 10px;
    color: #696766;
    text-decoration: none
}
.main-menu>ul>li>a {
    padding-bottom: 15px;
    text-align: center;
    font-size: .9em;
    padding-right: 0;
    padding-left: 0
}
.main-menu {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    padding-left: 5px;
}
.main-menu>ul {
    margin-bottom: -5px
}
.main-menu>ul ul {
    position: absolute;
    top: 100%;
    display: none;
    width: 200px;
    z-index: 100;
    padding: 5px 0;
    border: 1px solid #ccc;
    background: #a2a1a0;
    box-shadow: 0 6px 8px rgba(0, 0, 0, .1)
}
.main-menu>ul ul:after {
    content: "";
    display: block;
    border: 10px solid transparent;
    border-bottom-color: #a2a1a0;
    position: absolute;
    top: 0;
    margin-left: -65px;
    margin-top: -20px
}
.main-menu>ul ul ul {
    width: 402px
}
.main-menu>ul ul ul>li {
    width: 200px;
    float: left
}
.main-menu>ul ul ul:before,
.main-menu>ul ul ul:after {
    content: "";
    display: block;
    border: 10px solid transparent;
    border-right-color: #a2a1a0;
    position: absolute;
    top: 32px;
    left: 0;
    right: 100%;
    margin-left: -20px
}
.main-menu>ul ul ul:before {
    margin-top: -21px;
    border-right-color: #ddd;
    border-width: 11px;
    margin-left: -22px
}
.main-menu>ul li {
    position: relative
}
.main-menu>ul ul>li {
    display: block;
    margin: 0
}
.main-menu>ul ul>li a {
    padding: 5px 10px;
    color: #eee;
    background: transparent;
    transition: background .25s, text-indent .25s, color .25s, box-shadow 0.25s
}
.main-menu>ul ul>li a:hover {
    background: rgba(255, 255, 255, .55);
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, .15);
    text-decoration: none;
    color: var(--brand-primary)
}
.main-menu>ul ul ul {
    top: -5px;
    left: 100%
}
.main-menu ul>li:hover>ul {
    display: block
}
.main-menu>ul>li>a:hover {
    color: var(--brand-link)
}
.full-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%
}
.full-menu>li {
    display: table-cell;
    position: relative
}
.h-menu {
    margin: 0;
    padding: 0
}
.h-menu>li {
    display: inline-block;
    margin: 0 13px
}
.h-menu>li:first-child {
    margin-left: 0
}
.toolbar {
    background: #e2e0dd;
    color: #777;
    padding: 5px 0
}
.toolbar a {
    color: #777;
    display: inline-block;
    margin-right: 10px
}
.header {
    background: #e2e0dd;
    border-bottom: 2px solid #a2a1a0;
    padding: 5px 0;
    margin-bottom: 25px
}
.breadcrumbs {
    padding: 15px 0;
    position: relative;
    margin-top: -25px;
    background: #eee;
    margin-bottom: 25px;
    box-shadow: inset 0 6px 8px rgba(0, 0, 0, .1)
}
.footer {
    padding-bottom: 10px;
    padding-top: 10px;
    background: #e2e0dd;
    color: #043056;
    font-weight: 700
}
.footer,
.footer a {
    color: #043056;
    text-decoration: none
}
li.fa {
    position: relative
}
li.fa>a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.media-group>.rotation {
    position: relative;
    overflow: hidden;
    /* Creates a stacking context, which keeps the rotation's internal z-indexes
       internal. The slides run 0/5/10 and .rotation-arrow sits at 20 to clear
       them - but with no context here those values competed in the ROOT stacking
       context, where the mobile drawers live at 15, so the billboard arrows drew
       on top of the open side menu.

       0 rather than a positive value on purpose: it paints exactly where auto
       did, so nothing moves relative to neighbouring blocks - it only stops the
       children escaping. */
    z-index: 0
}
.media-group>.rotation .media-block {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%
}
.media-group>.rotation>.media-block:first-child {
    position: relative;
    display: block
}
div.gallerythumb {
    float: left;
    margin: 0 2% 2% 0
}
div.gallerythumb img {
    display: block;
    margin: 0 0 10px;
    width: 100%;
    height: auto
}
.gallerybutton {
    float: right;
    background: var(--brand-link);
    color: #fff;
    padding: 5px 15px
}
.mod {
    margin-bottom: 1em
}
div.mod_div {
    background: #eee;
    padding: 10px
}
.widget-inner h3 {
    margin: 0;
    font-size: 20px
}
ul.job_listings {
    padding: 0;
    margin: 0;
    border-top: 1px solid #ddd
}
ul.job_listings li.job_listing {
    list-style: none outside;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #eee
}
ul.job_listings li.job_listing a {
    display: block;
    padding: 1em 1em 1em 2em;
    border: 0;
    overflow: hidden;
    zoom: 1;
    position: relative;
    line-height: 1.5em;
    text-decoration: none
}
.widget ul.job_listings li.job_listing ul.meta {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
    text-align: left
}
ul.job_listings li.job_listing ul.meta li:after {
    padding: 0 0 0 .5em;
    content: "\2023"
}
ul.job_listings li.job_listing ul.meta li:last-child:after {
    content: ''
}
ul.job_listings li.job_listing ul.meta li {
    float: none;
    display: inline;
    padding: 0;
    margin: 0 .5em 0 0;
    font-weight: 400
}
.ad-sidebar .media-block img {
    margin: 10px auto
}
.col-md-12 + div[class*="col-"],
.col-sm-12 + div[class*="col-"],
div[class*="col-"] + .col-md-12,
div[class*="col-"] + .col-sm-12 {
    margin-top: 15px
}
.first-image .col-image {
    display: none
}
.first-image .col-image + div[class*="col-"] {
    margin-top: 0
}
.first-image .module-content>.row:first-child>.col-image {
    display: block;
    margin-bottom: 15px
}
.first-image-full .col-image {
    display: none
}
.first-image-full .col-image + div[class*="col-"] {
    margin-top: 0
}
.first-image-full .module-content>.row:first-child>.col-image {
    display: block;
    margin-bottom: 15px
}
.newsroom.module.first-image-full .col-image {
    max-height: none;
    min-height: 0;
    overflow: visible;
    position: static
}
.newsroom.module.first-image-full .col-image a {
    min-width: 0;
    min-height: 0;
    overflow: visible
}
.newsroom.module.first-image-full .col-image a:first-of-type img {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: auto;
    margin: 0
}
.row.featured, tr.featured {
    background: #FF9!important;
}
.row.disabled, tr.disabled {
    color: gray;
}
.ad-sidebar {
    background: rgba(0, 0, 0, .05);
    padding: 20px 0
}
.ad-sidebar .media-block img {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.container-fluid {
    padding: 0 3rem 0 3rem
}
.post-thumbnail {
    text-align: center
}
.post-thumbnail img {
    max-width: 100%;
    max-height: 200px;
    vertical-align: middle
}
.vac {
    display: flex;
  justify-content: center;
  align-items: center;
}
.directory-listing .post-thumbnail img {
    max-height: 150px
}
.list-row {
    padding-bottom: 15px
}
.list-post-title {
    margin-bottom: .2em
}
.pre-wrap {
    white-space: pre-wrap
}
.module {
    background: #f7f6f4;
    padding: 1em;
	padding-top: 0;
    margin-bottom: 20px
}
.module.gallery {
    background: white;
    padding: 0
}
.module.directory img {
    padding: 5px
}
.module-subtitle {
    font-size: 1.2em;
    font-weight: 700
}
.newsroom.module {
    background: white
}
.newsroom.module .col-image {
    max-height: 9em;
    overflow: hidden;
    text-align: center
}
.newsroom.module a {
    color: #757575;
    font-weight: 600
}
.newsroom.module>.module-content>.row:first-child a {
    color: var(--brand-link);
    font-weight: 700
}
.newsroom.module>.module-content>a {
    color: var(--brand-link)
}
.newsroom.module>.module-subtitle {
    font-size: 1.1em
}
.all-content, .full-image {
    background: white!important
}
.all-content .module-content .mb-3 {
    padding: 1em;
    border-bottom: 1px solid #eee
}
.all-content .module-subtitle {
    font-size: 1.5em;
    font-weight: 700
}
.all-content .module-subtitle>a {
    color: #4D4D4D;
    font-weight: 700
}
.all-content .module-subtitle>a:hover {
    color: var(--brand-link)
}
.hub-content {
    background: white!important
}
.hub-content .module-content .mb-3 {
    padding: 1em;
    border-bottom: 1px solid #eee
}
.featured-single {
    background: white!important
}
.featured-single .module-subtitle {
    font-size: 1.5em
}
.featured-single .col-image {
    text-align: center
}
.featured-single img {
    max-height: 400px
}
.white {
    background: white!important
}
.header-featured-link a {
    color: #043056;
    font-weight: 700
}
ul.job-listings {
    list-style: none;
    padding-left: 0
}
ul.job-listings li {
    border-bottom: 1px solid #eee;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(238, 238, 238)
}
.module-view-all-link {
    color: #e97025;
    font-weight: 700
}
.footer-social i {
    font-size: 36px!important
}
.social i {
    color: var(--brand-dark)!important;
    font-size: 36px!important;
    padding-right: 10px
}
.fa.large {
    font-size: 36px;
    padding-right: 8px;
    color: #a2a1a0
}
.forum-header {
    background: #eaeaea
}
.forum-body {
    border: 1px solid #eee;
    margin-bottom: 20px
}
.forumTitle {
    display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: fit-content;
  margin-right: auto;
}
.forumImage img {
    max-height: 150px;
  float: right;
}
.forumImage {
    max-width: fit-content;
}
.forumImage p {
    padding: 0px;
  margin: 0px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
}
.topic-header {
    background: #eaeaea;
    border-top: 1px solid #eee;
    font-weight: 700;
    padding: 8px;
    text-align: center
}
.reply-header {
    background-color: #f4f4f4;
    border-top: 1px solid #ddd;
    padding: 8px
}
.reply-body {
    padding: 8px
}
.reply-author {
    margin: 12px auto 0 auto;
    text-align: center;
    word-break: break-word
}
.reply-content {
    padding: 12px 12px 12px 0;
    white-space: pre-wrap;
    display: inline
}
.event-details {
    background: #fafafa;
    border: 1px solid #eee;
    margin: 10px 0
}
.event-details h6 {
    font-size: 1.2em;
    font-weight: 700;
    margin: 20px 0 10px
}
.event-details label {
    font-weight: 700
}
.event-separator {
    background-color: #eee;
    font-size: 1.2em;
    padding: .5em;
    font-weight: 700
}
.notice {
    border-width: 1px;
    border-style: solid;
    padding: 8px;
    margin: 5px 0 15px;
    border-radius: 3px;
    background-color: #ffffe0;
    border-color: #e6db55;
    color: #000;
    clear: both;
    font-size: 14px
}
.info {
    border: #cee1ef 1px solid;
    background-color: #f0f8ff
}
.pagination {
    margin-top: 10px;
    margin-bottom: 15px
}
.pagination-links a,
.pagination-links span {
    display: block;
    float: left;
    padding: 0 5px;
    margin-left: 5px;
    border: 1px solid #efefef;
    text-decoration: none
}
.pagination-links a:hover {
    background: #eee;
    opacity: .8;
    border: 1px solid #ddd
}
.pagination-links .dots {
    border: none
}
.page-numbers {
    line-height: 1.2
}
.page-numbers.current {
    background: #eee;
    opacity: .8;
    border: 1px solid #ddd
}
.topic-meta {
    font-size: 12px
}
.job-type {
    color: #fff;
    background-color: #f08d3c;
    padding: .4em
}
.form-row {
    margin-bottom: 15px
}
.form-label {
    font-size: 1.125em;
    margin-bottom: 0
}
.form-label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.directory-form {
    font-size: 18px;
    font-weight: 700
}
.event-navigation-bar {
    background: #f5f5f5;
    padding: 10px 0 10px
}
.event-calendar {
    border: 1px solid #bbb;
    width: 100%
}
.event-calendar thead {
    background: #ddd;
    color: #333;
    text-align: center
}
.event-calendar td {
    border: 1px solid #bbb;
    width: 14.28%
}
.event-calendar .daynum {
    background-color: #f5f5f5;
    color: #333
}
.comment {
    border-bottom: 1px solid #e2e0dd;
}
.comment-author {
    margin: 12px auto 12px auto;
    text-align: center
}
.comment-content {
    padding: 12px 12px 12px 0;
    white-space: pre-wrap;
    display: inline
}
.comments {
    margin: 40px 0 20px
}
.readmore {
    color: #EB7124;
    font-weight: 700;
    font-size: 18px
}
.readmore:after {
    font-family: FontAwesome;
    content: " \f0da"
}
#rcs-lightbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 10000
}
.thumb-holder {
    overflow: hidden;
    position: relative;
	padding-bottom: 25px !important;
}
.thumb-holder .left-tri,
.thumb-holder .right-tri {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 30px;
    border: 10px solid var(--brand-primary);
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
	visibility: visible !important;
}
.thumb-holder .left-tri {
    left: 0;
}
.thumb-holder .right-tri {
    right: 0;
    border-right-color: transparent;
    border-left-color: var(--brand-primary)
}
ul.thumbs {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}
ul.thumbs li {
    display: inline-block;
    width: 200px;
    margin-right: 6px
}
ul.thumbs img {
    max-width: 100%;
    height: auto
}
@media only screen and (max-width:767px) {
.hide-mobile {
    display: none
}
}
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6,
.home h1 a,
.home h2 a,
.home h3 a,
.home h4 a,
.home h5 a,
.home h6 a {
    color: #043056
}
.home h2 {
    font-weight: 700
}
.home h3 {
    font-weight: 700
}
.home a {
    color: #127db5;
    font-weight: 700
}
.home .module-subtitle {
    font-size: 1.2em
}
.home p {
    margin-bottom: 2px
}
/* For the borders, should add a class to replace the current .col-sm-12 */
.home>.row>[class*='col-'] {
    margin: 12px 0 12px
}
.home .col-sm-12>.row>[class*='col-'] + [class*='col-'] {
    border-left: 2px solid rgba(0, 0, 0, .1)
}
.home .col-sm-12>.row + .row {
    border-top: 2px solid rgba(0, 0, 0, .1)
}
/* Hack, replace with something like the rule below this one */
.home .col-sm-12 .row:nth-child(3),
.home .col-sm-12 .row:nth-child(5) {
    border-top: none!important
}
.home .title + .row {
    border-top: none
}
.home hr {
    border-top: 2px solid rgba(0, 0, 0, .1)
}
.directory-of-everything img {
    width: 100%
}
.home-organizations .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}
.home-organizations .row>[class*='col-'] {
    display: flex;
    flex-direction: column;
    align-self: center
}
.home-organizations .row>[class*='col-'] img {
    align-self: center
}
.home-articles-big {
    padding-bottom: 0
}
.like-content {
    border-radius: 20px;
    padding: .375rem .75rem!important
}
.unlike-content {
    background-color: var(--brand-primary);
    color: white;
    border-radius: 20px;
    padding: .375rem .75rem!important
}
blockquote {
    border-left: 6px solid lightgray;
    padding-left: 20px;
    margin-left: 25px;
    font-style: italic;
}
.gallery-description {
    padding-bottom: 20px
}
header.header {
    margin-top: -6px
}
.content {
    line-height: 1.8
}
.content h1 {
    margin-bottom: .4em
}
.py-4 {
    padding-top: 0!important
}
.form-control:not([name="s"]) {
    line-height: 1.8;
    border: 1px solid #ddd;
    height: auto;
}
.form-control:not([name="s"]):focus {
    box-shadow: 0 0 1rem rgba(166, 37, 42, .3);
    border: 1px solid rgba(166, 37, 42, .2)
}
.header-search .form-control[name="s"] {
    display: inline-block;
    width: 270px
}
.form-control[name="s"]:focus {
    box-shadow: 0 0 .5rem rgba(166, 37, 42, .2);
    border: 1px solid rgba(166, 37, 42, .2)
}
.header-search {
    position: relative;
    top: -12px;
    max-height: 43px
}
.top-wrap,
.bottom-wrap {
    transition: margin .3s ease-out;
    background-color: white
}
.slide-right {
    margin-left: 80vw;
    z-index: 2;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .05)
}
.slide-left {
    overflow-y: visible;
    margin-left: -80vw;
    z-index: 2;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .05)
}
.ad-bottom {
    margin: 1rem 0 2rem 0
}
div[id=":0.targetLanguage"] {
    display: none
}
iframe[id=":2.container"] {
    display: none
}
.media-group .ad-bottom {
    height: 100px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}
.media-group .ad-bottom .media-block {
    position: absolute;
    top: 0
}
.breadcrumbs .row span {
    margin-right: .3rem
}
#rcsmainmenu .mainitem,
#rcsmainmenu .mainitem:after,
#rcsmainmenu .mainitem a {
    display: inline-block
}
ul#rcsmain li.mainitem:not(:last-of-type):after {
    content: "|";
    position: relative;
    transform: scale(.75, 1.8);
    color: #cbc9cf!important;
    opacity: .6;
    padding-right: 5px
}
div.col-sm-12.col-lg-8.col-xl-6.main-menu {
    padding: 0
}
#menu {
    display: grid;
    grid-template: 1fr / .9fr .85fr .65fr 1fr 1.1fr;
    overflow: hidden;
    width: 100%
}
#menu.es-menu {
    display: grid;
    grid-template: 1fr / .9fr .85fr .5fr 1fr 1.1fr
}
#menu.fr-menu {
    display: grid;
    grid-template: 1fr / 1.4fr .85fr .65fr 1fr 1.1fr
}
#menu>a {
    text-transform: uppercase;
    font-size: .9em;
    text-align: center;
    position: relative;
    z-index: 25
}
#menu>a:not(:last-of-type):after {
    content: "|";
    position: absolute;
    right: -3px;
    transform: scale(.75, 1.8);
    color: var(--brand-primary)!important;
    opacity: .2
}
#mega-menu {
    width: 100%;
    height: 20rem;
    position: absolute;
    left: 0;
    top: 175%;
    background-color: #ededed;
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    transition: all .4s;
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: .5rem;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .15);
    overflow: visible
}
#mega-menu>div {
    width: 100%;
    height: 100%;
    position: relative
}
#menu>a:not(.menu-home):hover~#mega-menu,
#mega-menu:hover {
    visibility: visible;
    opacity: 1;
    top: 100%
}
#mega-menu li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center
}
#mega-menu li.active {
    visibility: visible!important;
    opacity: 1!important
}
.mega-menu-classifieds {
    padding: 1rem
}
.mega-menu-classifieds .map {
    width: 54%
}
.mega-menu-classifieds .links-left,
.links-right {
    width: 23%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem 0
}
.mega-menu-classifieds a {
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center
}
.mega-menu-classifieds a:hover {
    background-color: rgba(255, 255, 255, .5)
}
.mega-menu-classifieds svg {
    width: 105%;
    box-sizing: border-box;
    transform: rotate(-5deg);
    position: relative;
    top: .5rem;
    left: -.25rem
}
.mega-menu-classifieds path {
    fill: #E2E0DD;
    transition: fill .2s;
    transform: translate(18%, 10%)
}
.mega-menu-classifieds a:hover path {
    fill: var(--brand-link)
}
.mega-menu-classifieds .outline {
    fill: black!important
}
.mega-menu-classifieds .alaska {
    transform: translate(-8%, -42%)
}
.mega-menu-classifieds .hawaii {
    transform: translate(12%, -16%)
}
#mega-menu li.mega-menu-directory {
    display: grid;
    grid-template: 1fr 1fr 1fr 1fr 1fr / 1fr 1fr 1fr;
    padding: 2rem 2.25rem 1.5rem 2.25rem
}
.mega-menu-directory a {
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center
}
.mega-menu-directory a:not(.btn) {
    height: 100%
}
.mega-menu-directory a:not(.btn):hover {
    background-color: rgba(255, 255, 255, .5)
}
.mega-menu-directory .btn {
    background-color: var(--brand-primary);
    grid-column: span 3;
    color: white;
    display: inline-block;
    font-weight: 700;
    font-size: 1.25rem;
    width: 99%;
    margin: 0 auto .75rem auto;
    padding: .5rem 0
}
.mega-menu-forum label {
    width: 85%;
    margin: .25rem auto 0 auto
}
.mega-menu-forum p {
    margin-bottom: 1.4rem
}
.mega-menu-forum input {
    margin: .25rem 0
}
.mega-menu-forum div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}
.mega-menu-forum .btn {
    display: inline-block;
    width: 45%;
    margin: 1rem auto .4rem auto;
    background-color: var(--brand-primary);
    padding: .5rem 0;
    font-weight: 700;
    font-size: 1.1rem
}
.mega-menu-information,
.mega-menu-opportunities {
    display: flex;
    align-items: center;
    justify-content: space-between!important
}
.mega-menu-information .index,
.mega-menu-opportunities .index {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, .9) 40%, transparent 100%)
}
.mega-menu-information .news-social,
.mega-menu-opportunities .learning-listening,
.mega-menu-information .information-on,
.mega-menu-information .advocacy,
.mega-menu-information .about-us,
.mega-menu-opportunities .promos-downloads,
.mega-menu-opportunities .surveys-contests {
    display: none;
    width: 75%;
    height: 100%;
    padding: 1.5rem 2rem
}
.mega-menu-opportunities .promos-downloads,
.mega-menu-opportunities .surveys-contests,
.mega-menu-opportunities .learning-listening {
    width: 65%
}
.mega-menu-opportunities .learning-listening {
    grid-template: 1fr 1fr 1fr / 1fr 1fr;
    padding: 1.75rem 1rem 1.75rem 0
}
.mega-menu-opportunities .learning-listening a:nth-child(odd),
.mega-menu-information .advocacy a:nth-child(odd) {
    position: relative;
    top: 1.5rem
}
.mega-menu-information .news-social,
.mega-menu-opportunities .learning-listening {
    display: grid
}
.mega-menu-information .news-social {
    grid-template: 1fr 1fr 1fr / 1fr 1fr;
    padding: 4rem 1rem 4rem 0
}
.mega-menu-information .information-on {
    grid-template: 1fr 1fr 1fr 1fr 1fr / 1fr 1fr;
    padding: 1.2rem 1rem
}
.mega-menu-information .advocacy {
    grid-template: 1fr 1fr 1fr 1fr / 1fr 1fr;
    padding: 2.5rem 1rem
}
.mega-menu-information .about-us {
    grid-template: 1fr 1fr 1fr / 1fr 1fr;
    padding: 4rem 1rem
}
.mega-menu-opportunities .promos-downloads,
.mega-menu-opportunities .surveys-contests {
    grid-template: 1fr 1fr 1fr / 1fr;
    padding: 3rem 4rem
}
.mega-menu-information div a,
.mega-menu-opportunities div a {
    display: flex;
    justify-content: center;
    align-items: center
}
.mega-menu-information div a:hover,
.mega-menu-opportunities div a:hover,
.mega-menu-information div a.opened,
.mega-menu-opportunities div a.opened {
    background-color: #F6F6F6
}
.mega-menu-information .index a,
.mega-menu-opportunities .index a {
    width: 100%;
    text-align: center
}
.mega-menu-information .index a {
    height: 20%
}
.mega-menu-information .index a.active,
.mega-menu-opportunities .index a.active {
    background-color: white;
    color: #EE6262;
    transform: scale(1.2);
    transform-origin: 0% 50%;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .06);
    width: 80%
}
.a-product-information,
.a-forum {
    grid-column: 2;
    top: 0!important
}
.mega-menu-information .news-blogs {
    display: none;
    position: absolute;
    background-color: #D7D7D7;
    top: 7.25rem;
    left: 31.65%;
    width: 33%
}
.mega-menu-information .roofing-influencers {
    display: none;
    position: absolute;
    background-color: #D7D7D7;
    top: 7.25rem;
    left: 64.5%;
    width: 33%
}
.mega-menu-information .photo-galleries {
    display: none;
    position: absolute;
    background-color: #D7D7D7;
    top: 10.6rem;
    left: 31.5%;
    width: 33%
}
.mega-menu-opportunities .the-hub {
    display: none;
    position: absolute;
    background-color: #D7D7D7;
    top: 6.4rem;
    left: 35%;
    width: 31.44%
}
.mega-menu-information .news-blogs a,
.mega-menu-information .roofing-influencers a,
.mega-menu-information .photo-galleries a,
.mega-menu-opportunities .the-hub a {
    padding: .6rem 1rem;
    top: 0!important;
    font-size: .85rem
}
.mega-menu-information .news-blogs a:hover,
.mega-menu-information .roofing-influencers a:hover,
.mega-menu-information .photo-galleries a:hover,
.mega-menu-opportunities .the-hub a:hover {
    background-color: rgba(255, 255, 255, .75);
    box-shadow: 0 0 1.5rem inset rgba(0, 0, 0, .1)
}
.a-news-blogs,
.a-roofing-influencers,
.a-photo-galleries,
.a-the-hub {
    display: inline-flex;
    width: 15px;
    height: 15px;
    margin-left: .6rem;
    background-color: rgba(137, 135, 134, .5);
    color: white;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border-radius: .25rem;
    font-size: 70%
}
.a-news-blogs:hover,
.a-roofing-influencers:hover,
.a-photo-galleries:hover,
.a-the-hub:hover,
.a-news-blogs.opened,
.a-roofing-influencers.opened,
.a-photo-galleries.opened,
.a-the-hub.opened {
    background-color: var(--brand-primary)
}
.a-news-blogs i,
.a-roofing-influencers i,
.a-photo-galleries i,
.a-the-hub i {
    transition: all .2s
}
.flipped {
    transform: rotate(180deg)
}
.side-info .uptotheminute.utmsubpages {
    max-height: unset;
    padding: 1rem 0
}
.side-info-int>.module:first-of-type form {
    margin-bottom: .5rem
}
.side-info-int>.module:first-of-type .input-group-append.pl-2 {
    padding-left: 0!important;
    width: 50%
}
.side-info-int>.module:first-of-type .input-group-append.pl-2 div.dropdown {
    width: 100%
}
.side-info-int>.module:first-of-type .input-group-append.pl-2 button.dropdown-toggle {
    width: 100%
}
.side-info-int>.module:first-of-type div.languageselect {
    width: calc(50% - .5rem)
}
.side-info-int>.module:first-of-type div.languageselect #google_translate_element_side {
    margin-left: 0;
    width: 100%
}
#menu-main-menu {
    display: grid;
    grid-template: 1fr / .9fr .85fr .65fr 1fr 1.1fr
}
#menu-main-menu.es-menu {
    display: grid;
    grid-template: 1fr / .9fr .85fr .5fr 1fr 1.1fr
}
#menu-main-menu.fr-menu {
    display: grid;
    grid-template: 1fr / 1.4fr .85fr .65fr 1fr 1.1fr
}
#menu-main-menu>li {
    text-transform: uppercase;
    font-size: 16px
}
#menu-main-menu>li ul {
    text-transform: none
}
#menu-main-menu>li:not(:last-child) a:after {
    content: "|";
    position: absolute;
    right: -3px;
    transform: scale(.75, 1.8);
    color: #cbc9cf!important;
    opacity: .6
}
.main-menu ul ul {
    width: auto
}
.main-menu ul ul:after {
    margin-left: 0;
    left: calc(50% - 10px)
}
#menu-classifieds>ul {
    left: -16px
}
#menu-classifieds>ul:after {
    left: calc(50% - 27px)
}
#menu-directory>ul {
    left: -40px
}
#menu-information>ul {
    left: -18px
}
#menu-opportunities>ul {
    left: -29px
}
.main-menu ul ul li a {
    padding: 8px 15px;
    white-space: nowrap
}
.main-menu ul ul ul {
    width: auto
}
.main-menu ul ul ul li {
    width: 100%!important
}
.main-menu ul ul ul li a {
    width: 100%!important
}
.menu-button,
.info-button {
    display: none
}
.main-menu {
    margin: 3px 0 -3px 0
}
header.header .container .row:first-child a[href="/"] {
    margin-left: 2px!important
}
div.input-group-append:first-of-type button {
    padding: 0 12px;
    text-align: center
}
div.input-group-append:first-of-type button.dropdown-toggle,
div.input-group-append:first-of-type a.signin {
    min-width: 150px;
    margin: .2rem 0;
    text-align: center
}
div.input-group-append:first-of-type button.dropdown-toggle i,
div.input-group-append:first-of-type a.signin i {
    margin-right: 3px
}
.dropdown-toggle::after {
    margin-left: .5rem;
    position: relative;
    top: 1px
}
.header-featured-link-eb::after {
    content: "";
    display: table;
    clear: both
}
.header {
    z-index: 20;
    width: 100%
}
.header-fixed {
    position: fixed!important
}
.header-search {
    display: flex;
    justify-content: flex-end
}
#google_translate_element,
#google_translate_element_side {
    background-color: #F2BC5D;
    color: #544c3d;
    padding: 6px 1em 0 1em;
    font-weight: 600;
    margin: .2rem .5rem .2rem 0;
    box-shadow: 0 0 .5rem inset rgba(0, 0, 0, .2);
    transition: box-shadow .3s;
    border: 1px solid #F2BC5D;
    cursor: pointer;
    user-select: none;
    position: relative;
    min-width: 150px;
    text-align: center
}
#google_translate_element:hover,
#google_translate_element_side:hover {
    box-shadow: 0 0 1rem inset rgba(255, 255, 255, .75);
    color: #544c3d;
    border: 1px solid #F2BC5D
}
#google_translate_element .skiptranslate.goog-te-gadget,
#google_translate_element_side .skiptranslate.goog-te-gadget {
    display: none
}
#google_translate_element::after,
#google_translate_element_side::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}
#google_translate_element_side {
    margin: 0;
    padding: 6.25px!important;
    min-width: unset;
    width: 120px;
    margin-left: .5rem
}
#language-dropdown,
#language-dropdown-side {
    background-color: #F2BC5D;
    box-shadow: 0 0 .5rem inset rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 100;
    padding: .25em 0;
    overflow: hidden;
    display: none
}
#language-dropdown div,
#language-dropdown-side div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #544c3d;
    padding: .4em 1em
}
#language-dropdown div:hover,
#language-dropdown-side div:hover {
    box-shadow: 0 0 1rem inset rgba(255, 255, 255, .75)
}
/* 
* Mobile Mega Menu and Side Info Menu
*/
.noscroll {
    overflow: hidden;
    max-height: 100vh;
}
.side-info {
    right: -80vw;
    top: 0;
    height: 100%;
    width: 80vw;
    margin: unset;
    position: fixed;
    z-index: 15;
    transition: 0.5s ease-in-out;
}
.side-menu {
    height: 100%;
    top: 0;
    width: 80vw;
    margin: unset;
    position: fixed;
    left: -380vw;
    z-index: 15;
    transition: 0.5s ease-in-out;
}
.header {
    transition: 0.5s ease-in-out;
}
.side-info[open="open"] {
    right: 0
}
.side-info[open="open"] ~ .header {
    margin-left: -80vw;
}
.side-menu[open="open"] {
    left: 0;
}
.side-menu[open="open"] ~ .header {
    margin-left: 80vw;
}
.side-menu-int,
.side-info-int {
    height: 100%;
    width: 80vw;
    overflow-y: auto;
    background-color: #F7F6F4;
    padding: 1rem;
    background-color: #f7f6f4;
}
.side-info-int .module {
    /* width: 90%; */
    /* margin: 1rem auto 0 auto; */
    background-color: white;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .075)
}
.side-info-int .module:not(:last-of-type) {
    margin-bottom: .75rem
}
.side-info-int .ad-sidebar {
    background-color: transparent
}
.menu-button,
.info-button {
    display: none;
    box-sizing: border-box;
    position: absolute;
    width: 65px;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10
}
.menu-button {
    top: 0;
    left: 0;
    padding-left: 20px;
    flex-direction: column
}
.info-button {
    top: 0;
    right: 0;
    padding-right: 20px;
    flex-direction: row
}
.menu-button div,
.info-button div {
    background-color: var(--brand-primary);
    transition: all .5s
}
.menu-button div {
    width: 100%;
    height: 6px;
    margin: 5px
}
.info-button div {
    width: 25px;
    height: 40px
}
.info-button div:first-child {
    margin-right: 6px;
    width: 11px
}
.close-button {
    flex-direction: column
}
.close-button div:nth-child(2) {
    display: none
}
.close-button div:first-child,
.close-button div:last-child {
    position: relative;
    height: 6px;
    margin: 0!important;
    width: 100%!important
}
.close-button div:first-child {
    transform: rotate(-45deg);
    top: 3px
}
.close-button div:last-child {
    transform: rotate(45deg);
    top: -3px
}
#menu-side-menu {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0
}
#menu-side-menu li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    background-color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .025);
    font-weight: 600
}
#menu-side-menu li:after {
    content: "";
    clear: both;
    display: table
}
#menu-side-menu li:not(:first-child) {
    margin-top: .5rem
}
#menu-side-menu li a {
    flex: 1;
    height: 4.5rem;
    display: flex;
    align-items: center;
    padding-left: 5%
}
#menu-side-menu ul,
#menu-side-menu ul ul {
    /* max-height: 0; */
    overflow: hidden;
    display: none;
    width: 100%;
    padding: 0;
    background-color: #eee;
    transition: max-height .3s
}
#menu-side-menu ul li {
    background-color: transparent;
    height: auto;
    box-shadow: none;
    margin-top: 0!important
}
#menu-side-menu ul li:first-child {
    margin-top: .5rem!important
}
#menu-side-menu ul li:last-child {
    margin-bottom: .5rem!important
}
#menu-side-menu ul li:hover {
    background-color: #eaeaea
}
#menu-side-menu ul li a {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    font-size: 16px;
    padding: .75rem 0 .75rem 8%
}
#menu-side-menu #menu-item-11930 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
.menu-toggle,
.sub-menu-toggle {
    display: inline-flex;
    height: 3rem;
    width: 3rem;
    min-height: 3rem;
    min-width: 3rem;
    background-color: #F7BEBE;
    color: var(--brand-primary);
    margin-left: auto;
    font-size: 2rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s, color .2s;
    margin-right: 5%
}
.sub-menu-toggle {
    margin-right: 8%
}
.sub-sub-menu-toggle {
    margin-right: 11%
}
.menu-toggle::after,
.sub-menu-toggle::after {
    content: "+"
}
.menu-toggle:hover,
.sub-menu-toggle:hover {
    background-color: var(--brand-primary);
    color: white
}
.menu-toggle-close,
.sub-menu-toggle-close {
    background-color: var(--brand-primary);
    color: white
}
.menu-toggle-close::after,
.sub-menu-toggle-close::after {
    content: "×";
    transition: content .5s
}
#menu-side-menu ul ul.sub-sub-menu {
    /* max-height: 0; */
    overflow: hidden;
    background-color: #e6e6e6;
    width: 100%
}
#menu-side-menu ul ul.sub-sub-menu li:hover {
    background-color: #e2e2e2
}
#menu-side-menu ul ul.sub-sub-menu li a {
    padding-left: 11%
}
#menu-side-menu ul ul.sub-sub-sub-menu {
    background-color: #dedede;
    width: 100%
}
#menu-side-menu ul ul.sub-sub-sub-menu li:hover {
    background-color: #dadada
}
#menu-side-menu ul ul.sub-sub-sub-menu li a {
    padding-left: 17%
}
.home>.row:not(:first-of-type) {
    padding: 1rem 0
}
.home>.row:first-of-type {
    padding-bottom: 1rem
}
.home h2 {
    margin: 0 0 .5rem 0;
    line-height: 1
}
.home h2 u {
    font-size: 32px;
    text-decoration: none;
    border-bottom: 3px solid #E5E5E5;
    font-weight: 600;
    padding-bottom: 4px;
    text-shadow: 0 1px 0 #127db5
}
div.media-block {
    min-height: 305px
}
.features-galleries div.media-block {
    min-height: unset
}
.home h3.module-title {
    margin-bottom: 1.5rem
}
.home h4 {
    font-weight: 700
}
.home>.row>[class*='col-']:last-child {
    padding: 0 0 0 30px
}
.home .row .col-sm-12 {
    padding: 0 15px!important
}
.up-to-the-minute {
    border-left: 2px solid rgba(0, 0, 0, .1);
    overflow-x: hidden;
    max-height: 320px
}
.row-information {
    border-right: 2px solid rgba(0, 0, 0, .1);
    padding-right: 0
}
.up-to-the-minute .module-content .my-3 {
    font-weight: 600;
    color: #127db5
}
.up-to-minute-header,
.newsroom-influencers h4 {
    padding-left: 15px
}
.up-to-the-minute .module-subtitle a {
    font-weight: 600
}
.newsroom-influencers .module-subtitle a {
    color: #127db5
}
.newsroom-influencers .module-subtitle + i {
    font-style: normal;
    font-weight: 700;
    color: #127db5
}
.newsroom-influencers .module-subtitle~.my-3 {
    font-weight: 600;
    color: #043056
}
.newsroom-influencers .module-subtitle~.my-3 a {
    font-weight: 700;
    color: #127db5
}
.home-articles {
    margin-top: .5em
}
.home-classifieds {
    background-color: #F7F6F4
}
.home-classifieds .fa-caret-right {
    color: #FD671A
}
.home-classifieds a[href="/our-listings"] {
    color: #FD671A
}
.home-events .module-content i,
.rcs-forum-module i {
    font-style: normal;
    font-weight: 600;
    color: #127db5
}
@media (min-width:992px) {
.features-galleries {
    width: 45%;
        max-width: 45%;
        flex: 0 0 45%
}
}
@media (min-width:992px) {
.learning-promos-surveys {
    width: 30%;
        max-width: 30%;
        flex: 0 0 30%
}
}
.directory-of-everything {
    display: flex;
    flex-direction: column;
    justify-content: center
}
div.directory-of-everything a:last-child,
div.home-classifieds .module-content:last-child a[href="/our-listings"] {
    position: relative;
    right: 0
}
div.directory-of-everything a.view-all {
    display: block;
    margin-top: 1.5rem
}
.directory-of-everything .text-center {
    margin-top: .75rem
}
.directory-of-everything .text-center em {
    font-style: normal;
    color: var(--brand-primary)
}
.home-events {
    margin-bottom: 0!important
}
.webinars-videos-podcasts h4 {
    font-size: 32px;
    text-align: center;
    margin: 1rem 0 2rem 0
}
.webinars-videos-podcasts div[class^="col-"] {
    text-align: center
}
.e-news-not-roofer {
    padding: 2rem 0!important
}
.e-news {
    padding: 0 7.5% 0 6%!important
}
.not-roofer {
    /*padding: 0 15% 0 7.5%!important;*/
    vertical-align: middle;
}
/* Coffee Cast */
#ytThumbnail {
    cursor: pointer;
    display: block;
    margin: auto;
    max-height: 285px;
    max-width: 380px;
    width: 100%;
    height: auto;
    bottom: 3%;
    left: 0;
}
#ytplayer {
    display: none;
    margin: auto;
}
.ytThumbnail {
    cursor: pointer;
    display: block;
    margin: auto;
    max-height: 285px;
    max-width: 380px;
    width: 100%;
    height: auto;
    bottom: 3%;
    left: 0;
}
.ytThumbContainer {
    position: relative;
}
.ytThumbContainer::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: url(/assets/img/play.svg);
    display: inline-block;
    cursor: pointer;
    width: 100px;
    background-repeat: no-repeat;
    filter: grayscale(1) drop-shadow(2px 4px 6px black) saturate(1);
    opacity: 0.94;
	transition: 0.5s;
}
.ytThumbContainer-playing::after {
    opacity: 0;
	transition: 1.5s;
}
.ytThumbContainer-small:hover:after {
    opacity: 0;
}
.coffee-cast {
    /* position: relative; */
    margin-bottom: 15px;
}
.home-poll-social > div > a > img {
    width: 100%;
}
.vac {
    text-align: center;
  height: calc(100% - 52px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsroom-influencers {
    margin-bottom: 0!important
}
.rcs-influencers-heading + .module.home-articles-big.white .module-content .col-text .my-3 {
    margin-bottom: 0!important
}
.social-feed {
    max-height: 0;
    overflow-y: scroll
}
.social-feed-title {
    position: sticky;
    top: 0;
    width: 100%
}
.home-organizations {
    display: -ms-grid;
    display: grid;
    grid-template: 1fr 1fr / 1fr 1fr 1fr 1fr;
    margin-bottom: 2rem
}
.home-organizations a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    margin: 10px 0
}
.about-us-link {
    font-weight: 900
}
blockquote.slogan {
    color: rgba(0, 0, 0, .7);
    font-style: italic;
    font-weight: 900;
    font-size: 1.25rem
}
.py-4 textarea {
    height: 7rem
}
.py-4 input::placeholder,
.py-4 textarea::placeholder {
    color: #aaa
}
.py-4 label {
    font-weight: 400
}
.py-4 label:not(:first-of-type) {
    margin-top: 1rem
}
div.form-row.g-recaptcha div {
    width: 100%!important
}
div.form-row.g-recaptcha div div {
    text-align: center
}
.py-4 iframe[src^="https://www.google.com/recaptcha"] {
    margin: 1rem auto 0 auto
}
.py-4 button[type="submit"] {
    padding: 6px 20px
}
.py-4 input,
.py-4 textarea {
    margin-top: .25rem
}
.contact_iconic_text i {
    color: #A2A1A0;
    padding-right: 15px;
    vertical-align: middle
}
.contact_iconic_text i.fa-phone-square {
    font-size: 34px
}
.contact_iconic_text i.fa-fax {
    font-size: 30px
}
.contact_iconic_text i.fa-map-marker {
    font-size: 42px;
    padding: 0 17px 0 3px
}
.search-classifieds {
    margin: 2rem 0 3rem 0!important
}
.search-classifieds select.form-control {
    margin-top: 1.5rem
}
.classifieds-locale {
    padding: 0 13px
}
.listing-country {
    background-color: #edebe8;
    padding: 0
}
.listing-country b {
    background-color: #E8E6E3;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 6px 0;
    border: 1px solid white;
    border-top: none
}
.listing-country ul {
    display: grid;
    text-align: center
}
.listing-canada ul {
    grid-template: 1fr 1fr / 1fr 1fr 1fr 1fr 1fr
}
.listing-us ul {
    grid-template: 1fr / 1fr 1fr 1fr 1fr 1fr
}
.listing-us {
    margin: 2rem 0 1rem 0!important
}
.listing-country ul li {
    margin: 0!important;
    border: 1px solid white
}
.listing-country ul li input[type="checkbox"] {
    transform: scale(1.25);
    margin-right: 7px;
    cursor: pointer
}
.listing-country ul li label {
    margin: .8rem 0;
    cursor: pointer
}
.listing-canada ul li:nth-of-type(6) {
    grid-column: span 3
}
div.row.py-3 {
    padding: 2rem 0!important
}
div.row.py-3 div p {
    margin: 0!important
}
div.row.py-3 div {
    display: flex;
    flex-direction: column;
    justify-content: center
}
.classified-index-row {
    /*padding: 2rem 0!important*/
}
.classified-index-row div p {
    margin: 0!important
}
.classified-index-row div {
    display: flex;
    flex-direction: column;
    justify-content: center
}
.place-ads {
    text-align: left;
    position: relative
}
.place-ads i {
    font-size: 34px;
    color: #A2A1A0;
    position: absolute;
    left: -44px;
    top: 3px
}
.place-ads-break {
    display: none
}
.classifieds-buttons {
    display: grid;
    grid-template: 1fr 1fr / 1fr 1fr;
    margin: 1.5rem auto 10rem auto;
    max-width: 400px
}
.classifieds-buttons a:first-child {
    margin: 0 4px 4px 0!important;
    text-align: center;
    -ms-grid-column: 1;
    -ms-grid-row: 1
}
.classifieds-buttons a:nth-child(2) {
    margin: 0 0 4px 4px;
    -ms-grid-column: 2;
    -ms-grid-row: 1
}
.classifieds-buttons a:nth-child(3) {
    margin: 4px 4px 0 0;
    -ms-grid-column: 1;
    -ms-grid-row: 2
}
.classifieds-buttons a:last-child {
    margin: 4px 0 0 4px;
    -ms-grid-column: 2;
    -ms-grid-row: 2
}
.curtaincontainer {
    position: relative;
}
.curtainad {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0s;
    width: unset;
    position: absolute;
    z-index: 25;
    height: unset;
    display: block;
}
.teaseradc {
    width: 100%;
    margin-bottom: 5px;
}
.fulladc {
    box-shadow: 5px 4px 20px 6px #000;
}
.dropShadowOnAd {
    box-shadow: 5px 4px 20px 6px #00000082;
    /* box-shadow: unset */
}
/*
.fulladc {
    transform: rotateX(90deg);
    transform-origin: 50% 0;
    transition: all .5s ease-out;
    box-shadow: none;
    max-width: 480px;
} */
/* 
.curtaincontainer:hover .curtainad {
    height: fit-content;
} */
/* 
.curtaincontainer:hover .fulladc {
    transform: none;
     height: 480px;
    height: auto;
    box-shadow: 5px 4px 20px 6px #000;
} */

.preview-buttons {
    float: right;
}
.module.featured-single {
    padding-left: 0
}
.featured-single .col-text i {
    display: inline-block;
    margin-top: 1rem
}
.featured-single .module-subtitle a:first-child {
    display: block;
    line-height: 1.5;
    margin-top: .5rem
}
div.newsroom {
    display: block;
    line-height: 1.5
}
div.latest-news,
div.rcs-influencers-updates,
div.top-promotions,
div.top-ebooks,
div.top-contests {
    margin-top: -56px
}
div.rcs-influencers-updates > p:nth-child(2) {
    font-weight: 700; font-size: 1.5rem;
}
div.latest-news .module-subtitle a {
    line-height: 1.5
}
.featured-ebook-download .module-content .col-image {
    text-align: left
}
.newsroom.module .col-image {
    position: relative;
    overflow: hidden;
    min-height: 9em
}
.newsroom.module .col-image a {
    display: block;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden
}
.newsroom.module .col-image a:first-of-type img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto
}
.newsroom.module .module-content div.row:not(:first-of-type) .col-image {
    display: none!important
}
.newsroom.module .module-content .row.mb-3 {
    padding: 0 15px
}
.newsroom.module .module-content .row.mb-3 .col-md-12.col-text {
    padding: 0
}
.newsroom.module {
    display: flex;
    flex-direction: column
}
.newsroom.module .module-content {
    display: flex;
    flex-direction: column;
    height: 100%
}
.newsroom.module .module-content hr {
    margin-top: auto;
    width: 100%
}
.newsroom.module .module-content hr + a {
    align-self: center;
    font-weight: 900
}
div.module.first-image.newsroom {
    margin-bottom: 30px
}
div.row div.col-md-4:first-child div.module.first-image.newsroom {
    padding-left: 0
}
div.row div.col-md-4:last-child div.module.first-image.newsroom {
    padding-right: 0
}
div.module.first-image-full.newsroom {
    margin-bottom: 30px
}
div.row div.col-md-4:first-child div.module.first-image-full.newsroom {
    padding-left: 0
}
div.row div.col-md-4:last-child div.module.first-image-full.newsroom {
    padding-right: 0
}
.rcs-influencer {
    padding: 10px 15px;
    line-height: 1.6;
    text-align: center
}
.rcs-influencer img {
    margin-bottom: 10px
}
.rcs-trends-report {
    margin: 2rem 0;
    text-align: center
}
.rcs-trends-report img {
    margin: 0 auto;
    transform: rotate(3deg);
    max-width: 100%
}
.rcs-trends-report~form {
    width: 550px;
    margin: 2rem auto 0 auto;
    max-width: 100%
}
div.col-12.col-md-9 img.display-block[alt="Maria Alcala"][title="Maria Alcala"][src="/uploads/media/2018/03/Alcala.jpg"],
div.col-12.col-md-9 img.display-block[alt="Charles Antis"][title="Charles Antis"][src="/uploads/media/2017/04/rcs-influencers-antis-1.jpg"],
div.col-12.col-md-9 img.display-block[alt="Trent Cotney"][title="Trent Cotney"][src="/uploads/media/2017/04/rcs-influencers-cotney-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Heidi J. Ellsworth"][title="Heidi J. Ellsworth"][src="/uploads/media/2017/04/rcs-influencers-ellsworth-1-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Rudy Gutierrez"][title="Rudy Gutierrez"][src="/uploads/media/2017/04/rcs-influencers-gutierrez-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Mike Hicks"][title="Mike Hicks"][src="/uploads/media/2017/04/rcs-influencers-hicks-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Mark \"Lefty\" Holencik"][title="Mark \"Lefty\" Holencik"][src="/uploads/media/2017/04/rcs-influencers-Holencik-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Karen L. Inman"][title="Karen L. Inman"][src="/uploads/media/2018/02/rcs-influencers-Inman.jpg"],
div.col-12.col-md-9 img.display-block[alt="Alison LaValley"][title="Alison LaValley"][src="/uploads/media/2017/08/rcs-influencers-LaValley-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Nathan Pick"][title="Nathan Pick"][src="/uploads/media/2018/03/rcs-influencers-pick.jpg"],
div.col-12.col-md-9 img.display-block[alt="Brian Pratt"][title="Brian Pratt"][src="/uploads/media/2017/04/rcs-influencers-pratt-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Jon Stantz"][title="Jon Stantz"][src="/uploads/media/2018/03/rcs-influencers-stantz.jpg"],
div.col-12.col-md-9 img.display-block[alt="Jennifer Stone"][title="Jennifer Stone"][src="/uploads/media/2017/04/rcs-influencers-Stone-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Martin Stout"][title="Martin Stout"][src="/uploads/media/2017/04/rcs-influencers-stout-min.jpg"],
div.col-12.col-md-9 img.display-block[alt="Sarah Weiss"][title="Sarah Weiss"][src="/uploads/media/2017/08/rcs-influencers-sarah-weiss-min.jpg"] {
    float: right;
    padding: 1.25rem;
    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .5);
    margin: -55px 0 1.5rem 1.5rem;
    max-height: 100%
}
div.col-12.col-md-9 img.display-block[alt="Mike Hicks"][title="Mike Hicks"][src="/uploads/media/2017/04/rcs-influencers-hicks-min.jpg"]~p iframe,
div.col-12.col-md-9 img.display-block[alt="Mark \"Lefty\" Holencik"][title="Mark \"Lefty\" Holencik"][src="/uploads/media/2017/04/rcs-influencers-Holencik-min.jpg"]~p iframe {
    display: block;
    margin: 2rem auto
}
p.week-in-review {
    margin: 2rem 0 2rem 0
}
p.week-in-review~div.row {
    margin: 3rem 0!important
}
p.week-in-review~div.row>div.col-md-9 {
    display: flex;
    justify-content: flex-start;
    align-items: center
}
.gallery-clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}
.gallery-clearfix::after {
    content: "";
    display: table;
    clear: both
}
div.gallerythumb {
    margin: 0 0 3% 0;
    line-height: 2.4;
    font-size: 16px;
    padding: 10px;
    box-shadow: 0 .4rem .75rem rgba(0, 0, 0, .2);
    transition: transform .3s;
    text-align: center;
    min-height: 200px;
}
div.gallerythumb strong a:last-child {
    font-size: 1.25rem;
    display: inline-block;
    margin: .5rem 0
}
div.gallerythumb:nth-of-type(3n),
div.gallerythumb:last-child {
    margin-right: 0
}
div.gallerythumb:hover {
    transform: scale(1.03)
}
.gallerybutton {
    transition: background-color .2s;
    line-height: 1.8;
    font-size: 14px
}
#partner-galleries-subheader~.row.my-3 .col-md-4 {
    max-width: 32%;
    box-sizing: border-box;
    margin: 0 2% 2% 0;
    font-size: 16px;
    padding: 10px;
    padding-bottom: 20px;
    box-shadow: 0 .4rem .75rem rgba(0, 0, 0, .2);
    transition: transform .3s;
    text-align: center;
    font-weight: 600;
    line-height: 1.3;
    height: auto
}
#partner-galleries-subheader~.row.my-3 .col-md-4 a {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding-bottom: 15px;
    font-weight: 700;
    line-height: 1.6
}
#partner-galleries-subheader~.row.my-3 .col-md-4 a img {
    margin-bottom: auto;
    min-height: 75%
}
#partner-galleries-subheader~.row.my-3 .col-md-4:nth-child(3n) {
    margin-right: 0
}
#partner-galleries-subheader~.row.my-3 .col-md-4:hover {
    transform: scale(1.03)
}
#roofers-waving {
    margin: 3rem 0 1.75rem 0
}
img.aligncenter.size-medium.wp-image-110622 {
    margin: 2.5rem auto 3.5rem auto;
    padding: 15px 15px 105px 15px;
    box-shadow: 0 .4rem .75rem rgba(0, 0, 0, .3);
    transform: rotate(2deg)
}
.post-thumbnail {
    margin: 15px 0
}
.share-this {
    font-size: 16px;
    font-style: italic;
    margin-bottom: .6rem
}
a[class^="social-share"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    color: white;
    font-size: 16px
}
a[class^="social-share"]:not(:last-of-type) {
    margin-right: .25rem
}
.social-share-facebook {
    background-color: #4267B2
}
.social-share-twitter {
    background-color: #00ACED
}
.social-share-google-plus {
    background-color: #DC4E41
}
.social-share-linkedin {
    background-color: #0274B3
}
.social-share-pinterest {
    background-color: #EE1B22
}
.social-share-facebook:hover {
    background-color: #899BC1
}
.social-share-twitter:hover {
    background-color: #000
}
.social-share-google-plus:hover {
    background-color: #EA9287
}
.social-share-linkedin:hover {
    background-color: #65ADD2
}
.social-share-pinterest:hover {
    background-color: #DF787D
}
.featured-single.-full a[class^="social-share"] {
    width: 2rem;
    height: 2rem;
    font-size: 13px
}
.featured-single.-full a[class^="social-share"]:not(:last-of-type) {
    margin-right: 0
}
.featured-single.-full a[class^="social-share"] i {
    margin-top: 0
}
.featured-single.-full .share-this {
    font-size: 14px;
    margin-bottom: .4rem
}
.directory-listing .d-flex,
.directory-listing .d-md-flex {
    align-items: center;
    justify-content: center
}
.directory-listing .col-8.col-md-6.col-lg-8 {
    padding-left: 30px
}
.directory-nav {
    /*display: grid;
    grid-template: 1fr / .8fr 1.4fr 1fr 1fr 1fr 1.4fr 1.4fr 1fr;*/
    margin: .5rem 0 .75rem 0;
    text-align: center
}
.directory-nav li {
    padding-right: 15px;
}
.directory-nav li:first-child {
    font-size: 16px;
    padding-right: 10px;
    line-height: 1.2
}
.directory-nav input[type="checkbox"] {
    transform: scale(1.25);
    margin-right: 7px
}
.locations-nav {
    /*margin: .5rem 0 .75rem 0;*/
	text-align: center;
}
.locations-nav input[type="checkbox"] {
    transform: scale(1.25);
    margin-left: 25px;
}
.directory-br-1,
.directory-br-2 {
    visibility: hidden
}
.row.filters.my-2 li {
    margin: .25rem 0
}
.something-great-photo {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    min-height: 1px;
    padding: 15px
}
.btn.paging {
    background-color: var(--brand-link);
    transition: background-color .2s
}
.directory-listing .thumb-holder .thumbs {
    width: 2000px!important
}
.directory-listing .thumb-holder .thumbs li a img {
    visibility: visible!important
}
.directory-listing .thumb-holder .thumbs .left-tri.hidden,
.directory-listing .thumb-holder .thumbs .right-tri.hidden {
    visibility: visible!important
}
#resources-wrapper {
    margin-top: 3rem;
    font-weight: 700;
    font-size: 16px
}
#resources-wrapper a {
    margin-left: 10px
}
.rcs-webinars {
    margin: 0 0 3rem 0
}
.webinars-resume {
    margin: 2rem 0 1rem 0
}
.webinars-resume + hr {
    margin-bottom: 3rem
}
.stories-from-the-roof {
    margin-top: 2.5rem
}
.presents-podcast {
    font-size: 1.9rem;
    margin-bottom: 1rem
}
#homeowner-tips-wrapper {
    margin-top: 3rem
}
.homeowner-tips-subhead {
    font-family: 'Montserrat'
}
.homeowner-tips-subhead.top {
    margin-bottom: 1.5rem
}
.homeowner-tips-subhead strong {
    font-weight: 900;
    margin-right: 3px
}
#homeowner-tips-wrapper ul {
    margin: 3.5rem 0 3rem 0
}
#homeowner-tips-wrapper ul li {
    margin-bottom: 1.75rem
}
.partner-thanks {
    margin-top: 3rem
}
.partner-click {
    margin: 1rem 0 3rem 0
}
.row.partner-logos {
    margin: 3rem 0
}
.partner-img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px
}
.partner-img a img {
    max-height: 120px
}
.partner-img:first-child {
    padding-left: 0
}
.partner-img:last-child {
    padding-right: 0
}
@media only screen and (max-width:991px) {
ul#rcsmain>li>div.rcssub {
    left: -22px;
}
.partner-img:nth-child(2n-1) {
    padding: 1.5rem 25px 1.5rem 0
}
.partner-img:nth-child(2n) {
    padding: 1.5rem 0 1.5rem 25px
}
}
div#rcs-partners-intro~.row {
    margin: 2.5rem 0
}
div#rcs-partners-intro~.row [class^="col-"] {
    display: flex;
    align-items: center;
    justify-content: center
}
@media only screen and (max-width:767px) {
.curtainad {
    position:   unset;
        width: fit-content;
        margin: auto;
        /* text-align: center; */
}
whitespace {
    display: block;
}
.dropShadowOnAd {
    /* box-shadow: 5px 4px 20px 6px #00000082; */
        box-shadow: unset
}
div#rcs-partners-intro~.row {
    margin: 0
}
div#rcs-partners-intro~.row [class^="col-"] {
    width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin: 2rem 0
}
div#rcs-partners-intro~.row [class^="col-"]:first-child,
    div#rcs-partners-intro~.row [class^="col-"]:nth-child(3) {
    padding: 0 2rem 0 0
}
div#rcs-partners-intro~.row [class^="col-"]:last-child,
    div#rcs-partners-intro~.row [class^="col-"]:nth-child(2) {
    padding: 0 0 0 2rem
}
}
#spacer {
    display: block;
    margin: 3rem 0
}
.look-up-intro {
    margin: 1rem 0 1.5rem 0
}
.look-up-img {
    width: 367px;
    max-width: 50%;
    font-size: 12px;
    margin-bottom: 1rem
}
.look-up-img img {
    margin-bottom: 1rem
}
.look-up-sticker {
    margin: 2rem auto
}
.look-up-outro {
    font-size: 20px;
    margin-bottom: 1rem
}
.look-up-outro + h3 {
    font-size: 20px
}
.media-kit-callout {
    margin: 3rem 0 1rem 0
}
.advertise-on-rcs-form {
    max-width: 750px;
    margin-top: 3rem
}
.add-us-social {
    margin-top: 1rem
}
.add-us-social a i {
    color: var(--brand-primary);
    font-size: 40px!important
}
.add-us-social a {
    margin-right: .25rem!important
}
.add-us-social .fa {
    transition: color .2s
}
.add-us-social .a-instagram {
    display: inline-flex!important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--brand-primary);
    position: relative;
    top: -3px;
    transition: all .2s
}
.add-us-social .fa-instagram {
    color: white;
    font-size: 30px!important
}
.add-us-social .fa-facebook-square:hover {
    color: #4267B2
}
.add-us-social .fa-square-x-twitter:hover {
    color: #000
}
.add-us-social .fa-google-plus-square:hover {
    color: #DC4E41
}
.add-us-social .fa-linkedin-square:hover {
    color: #0274B3
}
.add-us-social .fa-pinterest-square:hover {
    color: #EE1B22
}
.add-us-social .a-instagram:hover {
    animation: finsta forwards .2s
}
.add-us-h2 {
    margin: 2.5rem 0 1rem 0
}
.add-us-hr {
    margin: 2rem 0
}
.add-us-h3 {
    color: var(--brand-primary);
    margin-bottom: 1rem
}
.add-us-kit {
    margin: 2rem 0;
    display: flex;
    align-items: center
}
.add-us-kit-img img {
    margin-right: 0
}
.add-us-kit-blurb {
    margin-left: 1.5rem
}
.add-us-kit-blurb strong {
    font-size: 16px
}
.add-us-download {
    display: inline-block;
    background-color: #eee;
    padding: 0 5px;
    margin-right: 2px;
    border-radius: 5px;
    font-weight: 600;
    transition: all .2s
}
.add-us-download:hover {
    background-color: #A6242A;
    color: white
}
.add-us-download i {
    margin-right: 2px
}
.add-us-stickers {
    position: relative;
    width: 850px;
    margin: 2rem auto 0 auto;
    max-width: 100%;
    height: 280px
}
.add-us-window-sticker img {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-5deg);
    width: 45%
}
.add-us-bumper-sticker img {
    position: absolute;
    right: 0;
    top: 20%;
    transform: rotate(5deg);
    width: 65%
}
.media-kit-callout {
    margin-bottom: 2rem
}
.media-kit-download i {
    color: #A2A1A0;
    font-size: 34px;
    transition: color .3s;
    margin-top: 1rem
}
.media-kit-download i:hover {
    color: var(--brand-primary)
}
.forum-body {
    border: 1px solid #DEE2E6;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .04)
}
.forum-header {
    background: linear-gradient(to bottom, #ebebeb 0%, #eee 25%, #eee 75%, #ebebeb 100%);
    border: 1px solid #D5D5D5!important;
    border-bottom-width: 2px!important
}
.topic-header {
    border-bottom: 1px solid #DEE2E6!important;
    background: linear-gradient(to bottom, #ebebeb 0%, #eee 25%, #eee 75%, #ebebeb 100%)
}
.forum-header th {
    border: none!important
}
.forum-body tbody tr {
    background-color: #fffdfa;
    border: 1px solid #E2E0DD
}
.forum-body tbody tr:first-child td {
    border-top: none
}
.forum-body tbody tr td {
    vertical-align: middle
}
.reply-header {
    background-color: #f2f2f2
}
.reply-body {
    padding: 14px 8px 24px 8px
}
.reply-author img {
    margin-bottom: .5rem
}
.pagination.row + .forum-body {
    margin-top: 2rem
}
a.page-numbers {
    background: linear-gradient(to bottom, #ebebeb 0%, #eee 25%, #eee 75%, #ebebeb 100%);
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-radius: 2px
}
span.page-numbers.current {
    background-color: #a5a5a5;
    color: white;
    border: 1px solid #a5a5a5;
    border-radius: 2px;
    text-shadow: 0 0 .25rem rgba(0, 0, 0, .5)
}
.footer-social a {
    margin-right: .75rem!important
}
.footer .fa {
    transition: color .2s
}
.footer .fa-facebook-square:hover {
    color: #4267B2
}
.footer .fa-square-x-twitter:hover {
    color: #000
}
.footer .fa-google-plus-square:hover {
    color: #DC4E41
}
.footer .fa-linkedin-square:hover {
    color: #0274B3
}
.footer .fa-pinterest-square:hover {
    color: #EE1B22
}
.footer .fa-youtube-square:hover {
    color: #FF0000
}
.footer .a-instagram:hover {
    animation: finsta forwards .2s
}
.footer .fa-rss-square:hover {
    color: #ee802f
}
.footer-social + div {
    white-space: nowrap
}
br.mobile-break {
    display: none
}
@keyframes finsta {
0% {
    background: var(--brand-primary)
}
100% {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)
}
}
@media only screen and (max-width:1399px) {
#menu-main-menu {
    padding-right: 0;
        grid-template: 1fr / .9fr .85fr .6fr 1fr 1.1fr
}
#menu-main-menu>li>a {
    font-size: 13px
}
.main-menu {
    width: 110%;
        font-size: 1.1rem
}
.main-menu ul ul ul {
    width: auto
}
.main-menu ul ul ul li {
    width: auto
}
#menu-classifieds>ul {
    left: -38px
}
#menu-directory>ul {
    left: -43px
}
#menu-information>ul {
    left: -20px
}
#menu-opportunities>ul {
    left: -30px
}
.header-search input[name="s"] {
    min-width: 180px;
        font-size: 1rem
}
.header-featured-link-eb {
    margin-top: 9px
}
div.media-block {
    min-height: 268px
}
.features-galleries div.media-block {
    min-height: unset
}
.up-to-the-minute {
    max-height: 285px
}
.my-listings,
    .place-my-ad {
    padding: .3em 1.2em
}
.directory-nav {
    font-size: 13px
}
.directory-nav li:first-child {
    font-size: 15px
}
.directory-nav input[type="checkbox"] {
    transform: scale(1);
        margin-right: 5px;
        position: relative;
        top: 2px
}
}
@media only screen and (max-width:1199px) {
#menu-main-menu {
    padding-right: 5%;
        grid-template: 1fr / .9fr .85fr .6fr 1fr 1.1fr
}
#menu-main-menu li#menu-home {
    display: none
}
.header-search input[name="s"] {
    min-width: unset;
        max-width: unset;
        width: 160px!important
}
.header-search .input-group-append.pl-2 a.button.text-white {
    min-width: 131px
}
.header-featured-link-eb {
    font-size: 1.1rem
}
div.input-group-append:first-of-type button.dropdown-toggle,
    #google_translate_element {
    margin: .45rem 0
}
li.mainitem.smallfeatured div.gallerycolumn {
    width: 25%
}
div.media-block {
    min-height: 215px
}
.home>.row>[class*='col-']:first-child,
    .home>.row>[class*='col-']:last-child {
    padding: 0 30px
}
.e-news {
    padding: 0 4% 0 8%!important
}
.not-roofer {
    padding: 0 8% 0 4%!important
}
.up-to-the-minute {
    max-height: 235px
}
div.home-organizations {
    grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr;
		-ms-grid-rows: 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 1fr 1fr;
}
div.home-organizations a:first-of-type {
    -ms-grid-row: 1; -ms-grid-column: 1;
}
div.home-organizations a:nth-of-type(2) {
    -ms-grid-row: 1; -ms-grid-column: 2;
}
div.home-organizations a:nth-of-type(3) {
    -ms-grid-row: 1; -ms-grid-column: 3;
}
div.home-organizations a:nth-of-type(4) {
    -ms-grid-row: 2; -ms-grid-column: 1;
}
div.home-organizations a:nth-of-type(5) {
    padding: 0 75px; -ms-grid-row: 2; -ms-grid-column: 2;
}
div.home-organizations a:nth-of-type(6) {
    -ms-grid-row: 2; -ms-grid-column: 3;
}
div.home-organizations a:nth-of-type(7) {
    -ms-grid-row: 3; -ms-grid-column: 1;
}
div.home-organizations a:last-of-type {
    -ms-grid-row: 3; -ms-grid-column: 2;
}
.home-organizations a {
    padding: 0 25px; margin: 15px 0;
}
div.home-organizations>a:nth-of-type(5) {
    padding: 0 50px; margin-right: -4rem;
}
.home-organizations>a:nth-child(7), .home-organizations>a:last-child {
    position: relative; left: 16.67%;
}
@supports (display: grid) {
.home-organizations>a:nth-child(7), .home-organizations>a:last-child {
    position: relative; left: 50%;
}
}
div.gallerythumb {
    line-height: 1.5
}
div.latest-news,
    div.rcs-influencers-updates,
    div.top-promotions,
    div.top-ebooks,
    div.top-contests {
    margin-top: 0
}
.my-listings,
    .place-my-ad {
    padding: .3em .8em
}
.directory-nav {
    font-size: 14px;
        padding: 0 10%;
        grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
.directory-nav li {
    grid-column: span 3;
        padding: 3px 0
}
.directory-nav li:first-child {
    font-size: 16px;
        grid-column: span 12
}
.directory-nav li:nth-child(6),
    .directory-nav li:nth-child(7),
    .directory-nav li:nth-child(8) {
    grid-column: span 4
}
.directory-nav input[type="checkbox"] {
    transform: scale(1.25);
        margin-right: 7px;
        top: 0
}
.something-great-photo {
    padding: 10px
}
.something-great-photo:first-of-type {
    padding-left: 15px
}
.something-great-photo:last-of-type {
    padding-right: 15px
}
.add-us-stickers {
    height: 260px
}
}
@media only screen and (min-width:992px) {
.up-to-the-minute .module.white.small-titles {
    padding-bottom: 0
}
.up-to-the-minute div.module-content div.row.mb-3:not(:first-child) {
    margin-bottom: 1rem!important
}
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
div.home-classifieds {
    display: none;
}
}
@media only screen and (max-width:991px) {
#menu {
    grid-template: 1fr / .85fr 1.5fr 1.2fr 1fr 1.5fr 1.6fr
}
.main-menu {
    justify-content: center
}
#rcsmain {
    position: relative;
        top: -4px
}
header.header {
    padding: 5px 0 1px 0
}
#menu-main-menu {
    grid-template: 1fr / .9fr .85fr 1.5fr 1fr 1.1fr
}
#menu-main-menu>li>a {
    font-size: 14px
}
#menu-classifieds>ul:after {
    left: calc(50% - 13px)
}
header.header {
    margin-top: 0
}
#logo-primary a {
    display: block;
        width: 100%;
        text-align: center;
        margin-bottom: .75rem
}
#logo-primary a img {
    width: 425px;
        max-width: 100%!important
}
.header-featured-link {
    display: none
}
.main-menu {
    float: right;
        position: relative;
		/*
		Change back to this when coronavirus notice is removed
		top: 50px;
		*/
		/*top: 160px;*/
        margin: 7px 0 -5px 0
}
.header-search {
    float: left;
        margin: 12px auto 10px auto!important;
        position: relative;
        /*top: -55px*/
}
.header-search div.pl-2 {
    padding-left: .75rem!important
}
#menu-main-menu {
    padding-right: 0%;
        grid-template: 1fr / .55fr .9fr .85fr .6fr 1fr 1.1fr
}
#menu-main-menu li#menu-home {
    display: block
}
.menu-item-148 ul {
    left: -70px
}
#menu-main-menu li.menu-item-148 ul:after {
    left: 86px
}
#menu-main-menu li.menu-item-136>ul:after {
    left: 135px
}
.main-menu ul ul ul {
    width: 502px
}
.form-control[name="s"] {
    font-size: 1rem
}
#menu-item-136 .sub-menu {
    left: -110px
}
#menu-item-136 .sub-menu .sub-menu {
    left: 100%
}
#menu-classifieds>ul {
    left: -33px
}
#menu-directory>ul {
    left: -38px
}
#menu-information>ul {
    left: -15px
}
#menu-opportunities>ul {
    left: -25px
}
#menu-information ul ul {
    width: auto;
        right: 100%;
        left: unset
}
#menu-information ul ul ul {
    right: 100%
}
#menu-information ul ul li a {
    width: auto
}
#menu-opportunities ul ul {
    width: auto;
        right: 100%;
        left: unset
}
#menu-opportunities ul ul li a {
    width: auto
}
#menu-opportunities ul li ul:after {
    left: 100%;
        right: unset
}
.header-search {
    justify-content: center;
        margin: 6px 0 15px 0!important
}
.header-search input[name="s"] {
    min-width: 275px
}
header>.container>div:nth-child(1)>div.col-md-8 {
    margin: 0 auto;
        display: flex;
        justify-content: center
}
.up-to-the-minute {
    max-height: unset
}
#menu-main-menu>li ul ul:after,
    #menu-main-menu>li ul ul:before {
    left: unset;
        right: -20px;
        transform: rotateY(180deg)
}
#menu-main-menu>li ul ul:before {
    right: -22px
}
.up-to-the-minute {
    border: none;
        margin-top: 2rem!important
}
.hide-md {
    display: none
}
.learning-promos-surveys,
    .col-information {
    text-align: center
}
.row-information {
    border: none;
        padding-right: 30px
}
.directory-of-everything {
    margin-top: 2rem
}
.up-to-the-minute {
    margin-bottom: 0!important
}
.up-to-the-minute .module.white.small-titles {
    padding-bottom: 0
}
.listing-country ul li input[type="checkbox"] {
    margin-right: 3px;
        transform: scale(1)
}
.listing-canada .nav {
    grid-template: 1fr 1fr 1fr 1fr / 1fr 1fr 1fr 1fr 1fr 1fr
}
.listing-canada ul li {
    grid-column: span 2
}
.listing-canada ul li:nth-of-type(2) {
    grid-column: span 4
}
.listing-canada ul li:nth-of-type(6) {
    grid-column: span 6
}
.listing-canada ul li:last-child {
    grid-column: span 4
}
.place-ads-break {
    display: initial
}
.place-ads i {
    display: block;
        position: static;
        float: left;
        margin: 3px 15px 0 0
}
.place-ads {
    padding-left: 15px!important
}
.waving-contest-gallery .col-6:first-child {
    margin-bottom: 1rem
}
.directory-nav {
    padding: 0%;
        font-size: 13px
}
.directory-nav li {
    padding: 0
}
.directory-nav li:first-child {
    font-size: 15px
}
.directory-nav input[type="checkbox"] {
    transform: scale(1);
        margin-right: 5px;
        position: relative;
        top: 2px
}
.something-great-photo {
    -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
}
.something-great-photo:nth-of-type(4) {
    margin-left: 16.67%
}
div.col-12.col-md-9 img.display-block[alt="Maria Alcala"][title="Maria Alcala"][src="/uploads/media/2018/03/Alcala.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Charles Antis"][title="Charles Antis"][src="/uploads/media/2017/04/rcs-influencers-antis-1.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Trent Cotney"][title="Trent Cotney"][src="/uploads/media/2017/04/rcs-influencers-cotney-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Heidi J. Ellsworth"][title="Heidi J. Ellsworth"][src="/uploads/media/2017/04/rcs-influencers-ellsworth-1-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Rudy Gutierrez"][title="Rudy Gutierrez"][src="/uploads/media/2017/04/rcs-influencers-gutierrez-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Mike Hicks"][title="Mike Hicks"][src="/uploads/media/2017/04/rcs-influencers-hicks-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Mark \"Lefty\" Holencik"][title="Mark \"Lefty\" Holencik"][src="/uploads/media/2017/04/rcs-influencers-Holencik-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Karen L. Inman"][title="Karen L. Inman"][src="/uploads/media/2018/02/rcs-influencers-Inman.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Alison LaValley"][title="Alison LaValley"][src="/uploads/media/2017/08/rcs-influencers-LaValley-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Nathan Pick"][title="Nathan Pick"][src="/uploads/media/2018/03/rcs-influencers-pick.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Brian Pratt"][title="Brian Pratt"][src="/uploads/media/2017/04/rcs-influencers-pratt-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Jon Stantz"][title="Jon Stantz"][src="/uploads/media/2018/03/rcs-influencers-stantz.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Jennifer Stone"][title="Jennifer Stone"][src="/uploads/media/2017/04/rcs-influencers-Stone-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Martin Stout"][title="Martin Stout"][src="/uploads/media/2017/04/rcs-influencers-stout-min.jpg"],
    div.col-12.col-md-9 img.display-block[alt="Sarah Weiss"][title="Sarah Weiss"][src="/uploads/media/2017/08/rcs-influencers-sarah-weiss-min.jpg"] {
    margin: 0 0 1.5rem 1.5rem;
        max-width: 50%
}
.add-us-stickers {
    height: 190px
}
.forum-index {
    transform: scale(.95);
        transform-origin: 0% 0%;
        margin-bottom: -20%
}
.forum-topic {
    font-size: 13px
}
.footer-social {
    padding: 7px 0!important
}
.footer-social a {
    margin-right: .4rem!important
}
.footer-social a i {
    font-size: 45px!important
}
.footer-social + div {
    white-space: initial;
        text-align: center;
        padding-right: 40px
}
.footer .a-instagram {
    width: 40px;
        height: 40px
}
.footer .fa-instagram {
    font-size: 35px!important
}
}
@media only screen and (max-width:767px) {
/* body already carries overflow-x:hidden unconditionally - see the block near
   the top of this file. Restating it here only made it look breakpoint-specific. */
.menu-button,
    .info-button {
    display: flex
}
.side-info {
    display: block
}
.header .container .row:not(:first-child) {
    display: none
}
#logo-primary {
    margin-bottom: .25rem;
        text-align: center
}
#logo-primary a {
    display: inline-block;
        max-width: 70%
}
header.header {
    position: relative
}
header>.container>div:nth-child(1)>div.col-md-8 {
    display: none
}
div.media-block {
    min-height: 160px
}
h2.rlw-read-listen-watch {
    line-height: 1.5; margin-bottom: .5rem;
}
h2.rlw-read-listen-watch u {
    padding-bottom: 0;
}
.newsroom-influencers .module-subtitle {
    margin-top: 1rem!important
}
.directory-of-everything .text-center {
    margin: .75rem 0 1.5rem 0
}
.features-galleries div:first-child .row div .row .col-md-6 {
    border-left: none
}
.e-news {
    padding: 0 5% 0 15px!important
}
.not-roofer {
    padding: 0 15px 0 5%!important
}
.webinars-videos-podcasts h4 {
    font-size: 26px
}
.webinars-videos-podcasts div[class^="col-"]:first-child {
    padding-left: 0!important
}
.webinars-videos-podcasts div[class^="col-"]:last-child {
    padding-right: 0!important
}
div.home-organizations {
    grid-template: 1fr 1fr 1fr 1fr / 1fr 1fr;
        max-width: 425px;
        margin: 0 auto 2rem auto
}
.home-organizations a {
    grid-column: span 1;
        padding: 0 20px;
        margin: 10px 0
}
.home-organizations>a:nth-child(5) {
    grid-column: span 1;
        padding: 0 50px;
        margin-right: 0
}
.home-organizations>a:nth-child(7), .home-organizations>a:last-child {
    left: 0;
}
.directory-nav {
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        text-align: left;
        margin-bottom: 1rem
}
.directory-nav li {
    grid-column: span 6!important;
        padding-left: 15%
}
.directory-nav li:first-child {
    grid-column: span 12!important;
        text-align: center;
        padding-left: 0
}
.footer-social {
    text-align: center;
        padding: 10px 0!important
}
.footer-social a:last-child {
    margin-right: 0!important
}
.footer-social + div {
    padding-right: 0
}
.footer-social a {
    margin-right: .75rem!important
}
.footer-social a i {
    font-size: 55px!important
}
.footer .a-instagram {
    width: 48px;
        height: 48px
}
.footer .fa-instagram {
    font-size: 42px!important
}
.footer-logo {
    text-align: center;
        margin: 2rem 0 .75rem 0
}
.footer-logo img {
    margin-bottom: .5rem
}
.reply-author {
    padding-left: 5px
}
.reply-author img {
    width: 64px!important;
        height: 64px!important
}
}
@media only screen and (min-width:578px) {
.mobile-hr {
    display: none
}
}
/* @media only screen and (max-width:578px){
    #ytThumbnail{
        width: 100%;
    }
} */
@media only screen and (max-width:425px) {
#ytThumbnail {
    width:100%;
}
}
@media only screen and (max-width:575px) {
.menu-button,
    .info-button {
    width: 11.82vw
}
.menu-button {
    padding: 0 3.636vw 0 1.82vw
}
.info-button {
    padding: 0 1.82vw 0 3.636vw
}
.menu-button div {
    height: .909vw;
        margin: .727vw
}
.info-button div {
    height: 5.75vw
}
.info-button div:first-child {
    margin-right: .909vw;
        width: 2.182vw
}
div.media-block {
    min-height: unset
}
.home-organizations .module.gallery .module-content .row .col-md-2 {
    width: 50%;
        padding: 15px 40px
}
.col-sm-6.col-information div {
    border-right: none!important
}
.e-news {
    padding: 0 15px!important;
        padding-bottom: 2.5rem!important;
        border-bottom: 2px solid #E5E5E5
}
.not-roofer {
    padding: .5rem 15px 0 15px!important
}
.home-organizations {
    margin-top: 0!important
}
.webinars-videos-podcasts h4 {
    font-size: 32px
}
.webinars-videos-podcasts div[class^="col-"]:first-child {
    padding-left: 30px!important
}
.webinars-videos-podcasts div[class^="col-"]:last-child {
    padding-right: 30px!important
}
.latestclassifieds {
    display: none
}
.listing-country ul li {
    font-size: 2.43vw
}
a.gallerybutton {
    margin-top: .5rem
}
div.gallerythumb:nth-of-type(3n) {
    margin-right: 4%
}
div.gallerythumb:nth-of-type(2n) {
    margin-right: 0
}
#partner-galleries-subheader~.row.my-3 {
    padding-left: 15px;
        padding-right: 15px;
        margin: 0!important
}
#partner-galleries-subheader~.row.my-3 .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%
}
#partner-galleries-subheader~.row.my-3 .col-md-4:nth-child(3n) {
    margin-right: 2%
}
#partner-galleries-subheader~.row.my-3 .col-md-4:nth-child(2n) {
    margin-right: 0
}
.directory-listing .d-flex {
    align-items: flex-start
}
.directory-nav li {
    padding-left: 5%
}
.add-us-stickers {
    height: 33vw
}
.forum-index {
    transform: none;
        margin-bottom: 0;
        display: block;
        max-width: 90vw
}
.forum-index th:last-child,
    .forum-index td:last-child {
    display: none
}
.forum-search {
    display: block;
        width: 100%;
        float: none!important;
        text-align: center;
        margin-top: 1rem
}
.pagination-text {
    display: block;
        text-align: center;
        padding-bottom: .5rem
}
.forum-topic {
    font-size: 12px
}
.reply-body {
    padding: 14px 0 24px 0
}
}
@media only screen and (max-width:499px) {
.preview-buttons {
    width: 100%;
}
.preview-buttons > .input-group {
    justify-content: space-around;
}
br.mobile-break {
    display: initial
}
.footer-social + div a:nth-child(2),
    .footer-social + div a:nth-child(5) {
    margin-right: 0!important
}
}
@media only screen and (max-width:430px) {
.directory-nav li {
    padding-left: 0;
        font-size: 3vw
}
}
@media only screen and (max-width:400px) {
.place-ads .btn-group {
    transform: scale(.9)
}
.btn-classifieds {
    margin-left: -1.25rem
}
.btn-faqs {
    margin-left: -1rem!important
}
}
@media only screen and (max-width:390px) {
.footer-social a {
    margin-right: .4rem!important
}
.footer-social a i {
    font-size: 45px!important
}
.footer .a-instagram {
    width: 40px;
        height: 40px
}
.footer .fa-instagram {
    font-size: 35px!important
}
}
@media only screen and (max-width:370px) {
.place-ads .btn-group {
    transform: scale(.8)
}
.btn-classifieds {
    margin-left: -2.25rem
}
.btn-faqs {
    margin-left: -2.25rem!important
}
}
p,
.newsroom-influencers .module-subtitle~.my-3,
.post--content ul li,
.post--content ol li,
.row.mb-3.directory-listing,
.directory-listing ul li,
.sidebar,
.container.content form,
.container.content .row .col-12.col-md-9 ol li,
.container.content .row .col-12.col-md-9 .row .col-12.col-xl-8,
.container.content .row .col-12.col-md-9 .row .col-12.col-xl-4,
.joindirectorysidebar ul li,
.col-12.eventsingle,
.gallery-description,
.col-12.col-md-9 ul li,
.comments {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-size: 16px;
    line-height: 1.625em;
    color: #494f51;
    letter-spacing: 0;
    font-weight: 300;
    text-rendering: optimizeLegibility
}
.gallery-description em {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif
}
form.classifiedform {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-size: 16px;
    line-height: 1.625em;
    color: #494f51;
    letter-spacing: 0;
    font-weight: 300;
    text-rendering: optimizeLegibility
}
form#classified-sort,
select#select_type,
form table {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif
}
form.classifiedform .filter-option {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-size: 16px
}
h2,
.h2 {
    margin-bottom: .8125em;
    color: #62696b;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 200
}
.breadcrumbs {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-size: 14px;
    line-height: 1.625em;
    color: #6f6f6f;
    letter-spacing: 0;
    font-weight: 300;
    text-rendering: optimizeLegibility
}
strong {
    font-weight: 700
}
h2,
.h2 {
    margin-bottom: .8125em;
    color: #62696b;
    font-size: 28px;
    font-size: 1.75rem;
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-weight: 200
}
.btn-tertiary:hover,
.button:hover {
    border: none
}
a.btn:hover {
    border: none
}
.news-category.col-lg-4.col-sm-6 .module-content .row.mb-3:nth-child(1) a {
    color: var(--brand-link);
    font-weight: 400
}
.news-category.col-lg-4.col-sm-6 .module-content .row.mb-3 a {
    margin-bottom: .73864em;
    color: #757575;
    font-size: 19.2px;
    font-weight: 300;
    font-family: "Proxima Nova Condensed", "proxima-nova-condensed", "Source Sans Pro", "source-sans-pro", sans-serif;
    line-height: 1
}
.news-category.col-lg-4.col-sm-6 {
    line-height: 24px
}
.webinars-videos-podcasts h4 {
    font-size: 1.5rem
}
form#directory-search h2 {
    font-size: 18px
}
form#classified-sort h4 {
    font-size: 18px
}
h3.list-post-title {
    font-size: 21px
}
.module-subtitle.m-0 a {
    font-size: 21px;
    color: var(--brand-link)
}
.col-md-3.d-none.d-md-block {
    font-size: 16px
}
.row.hide-md.forum-club-events .module-subtitle.m-0 a {
    color: #043056
}
.home .module-subtitle.m-0 a {
    color: #043056
}
.home .module-subtitle a {
    font-size: 1em
}
@media (max-width:1199px) {
.input-group-append.pl-2 a.button.text-white,
    .input-group-append.pl-2 button {
    padding: 6.25px 15px
}
}
ul.hubitems li {
    list-style-type: none;
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif!important
}
ul.hubitems li a {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif!important
}
ul.hubitems {
    padding-left: 0px!important
}
.filter-option-inner-inner {
    color: #495057;
    font-size: 1rem
}
button.btn.dropdown-toggle.bs-placeholder.btn-light {
    padding: .375rem .75rem;
    height: calc(2.25rem + 2px)
}
.bg-red p {
    color: #fff
}
form#directoryform, form#rcsclubform {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-size: 16px;
    line-height: 1.625em;
    color: #494f51;
    letter-spacing: 0;
    font-weight: 300;
    text-rendering: optimizeLegibility
}
table.table.forum-body.forum-index,
table.table.forum-body,
div.forum-body.forum-topic {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-size: 16px
}
td.recentpostdate {
    color: #757575
}
span.pagination-text,
.col-12.replytotopic,
.forum-body.col-12.forumsearch,
.gallery-item-description {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif
}
.galleryitem {
    padding-bottom: 20px;
    height: 12em;
    overflow: hidden;
    background: #8080801a;
}
.galleryitem img {
    min-width: 100%;
    /*min-height: 100%;*/
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
@media (max-width:767px) {
.col-md-3.galleryitem {
    padding-bottom: 20px;
        text-align: center
}
}
#partner-galleries-subheader~.row.my-3 .col-md-4,
.gallerythumb,
.module.gallery .col-md-3 {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif
}
iframe {
    max-width: 100%
}
.waving-contest-gallery em {
    text-decoration: none;
    font-style: normal;
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif
}
.waving-contest-gallery .text-center {
    text-align: left!important
}
ul.catlist {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    padding-left: 0
}
ul.catlist li {
    list-style-type: none
}
button.btn.btn-secondary.editlisting {
    margin-right: 5px
}
#menu-forum>ul {
    left: -40px
}
.webinars-videos-podcasts h4 {
    text-align: left
}
.row.webinars-videos-podcasts h3.module-title {
    margin-top: 10px;
    text-align: left
}
.row.webinars-videos-podcasts h3.module-title a {
    color: #fff
}
.header {
    background: rgba(238, 238, 238)
}
.footer {
    background: transparent
}
.breadcrumbs {
    background: #f4f4f4
}
.module.gray {
    background: rgba(238, 238, 238)!important
}
.module.gallery {
    background: rgba(238, 238, 238)!important
}
.becomeamember {
    text-align: center;
    background: #043056;
    padding: 10px;
    color: #fff
}
.becomeamember h3 {
    margin-bottom: 5px
}
.becomeamember p,
.becomeamember h3 {
    color: #fff;
    margin-bottom: 0
}
.becomeamember p a {
    color: #fff;
    font-weight: 700
}
.becomeamember h3 a.button {
    font-size: 1.25rem;
    padding: .3em 2em;
    color: #fff
}
h3.signupbutton {
    margin-bottom: 15px;
    margin-top: 5px
}
@media (min-width:991px) and (max-width:1399px) {
.becomeamember {
    text-align: center;
        background: #043056;
        padding: 10px;
        color: #fff
}
.becomeamember h3 {
    margin-bottom: 5px;
        font-size: 18px
}
.becomeamember p {
    color: #fff;
        margin-bottom: 0;
        font-size: 14px
}
.becomeamember p a {
    color: #fff;
        font-weight: 700
}
.becomeamember h3 a.button {
    font-size: 15px;
        padding: .3em 2em;
        color: #fff
}
h3.signupbutton {
    margin-bottom: 15px;
        margin-top: 5px
}
}
@media (min-width:991px) and (max-width:1199px) {
.col-lg-3.up-to-the-minute {
    max-height: none;
        padding: 0 3px!important
}
}
.newsroom-influencers .module-subtitle + i,
.newsroom-influencers .module-subtitle~.my-3 a,
.home a,
.home-events .module-content i,
.rcs-forum-module i {
    color: #26679e;
}
.features-galleries {
    align-items: initial
}
.col-md-3.col-sm-12.teammember {
    padding: 15px
}
.col-sm-6.features-galleries {
    border-right: 2px solid rgba(0, 0, 0, .1)
}
.col-sm-3.hide-md.latestclassifieds {
    border-left: 2px solid rgba(0, 0, 0, .1)
}
.input-group-append.pl-2.signin button {
    padding: 6.25px 2em
}
.headbuttons {
    clear: both
}
.languageselect div#google_translate_element {
    padding: 6.25px 2em!important;
    width: 130px;
    clear: both;
    float: right;
    margin-right: 0
}
.input-group.signinbutton {
    width: 166px;
    float: right;
    margin: 0
}
.languageselect {
    float: right
}
.memenu {
    position: absolute;
    background: #fff;
    z-index: 999;
    width: 100%;
    box-shadow: 0 2px 1px #a2a1a0;
    width: 1320px;
    max-width: 1320px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}
ul#menu-main-menu li a:hover + div.memenu ul {
    position: relative
}
.memenu {
    opacity: 0
}
div#menudropdown {
    opacity: 0;
    position: absolute;
    background: #fff;
    z-index: 999;
    width: 100%;
    box-shadow: 0 2px 1px #a2a1a0;
    width: 1320px;
    max-width: 1320px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}
ul#menu-main-menu>li:hover>div.memenu {
    opacity: 1
}
div#menus:hover div#menudropdown {
    display: block
}
.memenu.classifiedsmenu.activemenu,
.memenu.directorymenu.activemenu {
    display: block
}
#rcsmain {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500
}
ul#rcsmain li {
    list-style-type: none;
    display: block;
    float: left
}
div.rcssub {
    position: absolute;
    display: block;
    left: -5px;
    opacity: 0;
    overflow: hidden;
    background: #fff;
    z-index: 999;
    box-shadow: 0 2px 1px #a2a1a0;
    visibility: hidden;
}
ul#rcsmain>li:hover>div.rcssub {
    opacity: 1;
    visibility: visible;
    overflow: visible
}
ul#rcsmain li .gallerycolumn ul li {
    float: none
}
.gallerycolumn {
    width: 20%;
    float: left
}
ul#rcsmain li.topitem {
    font-weight: 700;
    border-bottom: 1px solid
}
ul#rcsmain {
    padding-left: 0;
    margin-bottom: 0
}
ul#rcsmain li.mainitem.lastitem a:after {
    content: none!important
}
.gallerycolumn ul li a:after {
    content: none!important
}
.headbuttons {
    padding-top: 4px
}
.megamenufeaturedimage img {
    float: right;
    /*width: 375px;*/
	max-width: 64%;
	/*max-height:300px;*/
	margin-left: 10px;
}
.megamenuimagetext > a {
    display: block!important;
	padding: 0!important;
}
span.featuredtextmm {
    color: #be6d6f;
	display: block;
}
span.featuredlinkmm {
    display: inline-block;
    color: #E2E0DD;
    height: 100%;
    background-color: var(--brand-primary);
    background-image: url(/uploads/media/2019/01/right-arrow.png);
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: auto 55%;
    padding: 0 38px 0 15px;
    transition: text-decoration .2s;
    float: right;
    border: 2px solid #fff
}
span.featuredlinkmm a:after {
    content: none!important
}
span.featuredlinkmm a {
    color: #d2d2d1
}
.megamenuimagetext {
    /*float: left;*/
    padding-right: 25px;
    padding-left: 25px;
	/*width: 36%;*/
}
span.featuredlinkmm {
    position: absolute;
    bottom: 15px;
    height: 50px;
}
.gallerycolumn ul li {
    font-size: 12px!important
}
.gallerycolumn ul li.topitem {
    font-size: 16px!important
}
@media (max-width:1199px) {
.megamenufeaturedimage {
    display: none
}
.gallerycolumn {
    width: 45%
}
}
@media (max-width:1199px) and (min-width:992px) {
.uptotheminute {
    max-height: 230px
}
}
.uptotheminute h4.up-to-minute-header a {
    color: #043056
}
li.mainitem.smallfeatured .gallerycolumn {
    width: 15%
}
li.mainitem.smallfeatured .megamenuimagetext {
    float: none;
    clear: both
}
li.mainitem.smallfeatured .megamenufeaturedimage {
    max-width: 39%;
    width: initial;
}
li.mainitem.smallfeatured .megamenufeaturedimage h2 {
    font-size: 16px;
    padding: 0;
    padding-top: 10px;
    margin-bottom: 0
}
li.mainitem.smallfeatured .megamenufeaturedimage img {
    max-width: 100%;
}
li.mainitem.smallfeatured .megamenuimagetext {
    padding: 0
}
li.mainitem.smallfeatured span.featuredlinkmm {
    position: relative;
    bottom: 0;
    height: 50px;
    float: right;
	/*top: 20px;*/
	margin-left:20px;
	margin-top: 5px;
}
.uptotheminute .module-subtitle.m-0 a {
    font-size: 16.8px!important;
    color: #043056;
    line-height: 25px!important
}
.uptotheminute.utmsubpages {
    margin: -1em
}
.uptotheminute.utmsubpages .module-subtitle {
    line-height: 25px!important
}
.uptotheminute.utmsubpages .my-3 {
    font-weight: 600;
    color: #127db5;
    font-size: 14px
}
.uptotheminute.utmsubpages .module.white.small-titles {
    margin-bottom: 0
}
li.mainitem.lastitem .megamenufeaturedimage img {
    width: auto!important
}
.input-group.signinbutton {
    width: auto
}
.languageselect div#google_translate_element {
    width: auto
}
@media (min-width:1400px) {
.container {
    width: 1320px;
        max-width: 1320px
}
.d-max-none {
    display: none!important;
}
}
.module.top-promotions.topbuyonline {
    margin-top: 0px;
}
.module.top-promotions.topbuyonline .module-subtitle.m-0 a {
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
}
.module.top-promotions.topbuyonline .module-subtitle {
    line-height: 1.625em;
}
.directory-listing .col-4.col-md-3.col-lg-2.d-flex a img {
    /* width: 110%;
    max-width: 190px; */
}
.directory-listing .col-4.col-md-3.col-lg-2.d-flex a img {
    width: 80%;
    max-width: 190px;
    margin: 10px auto;
    display: block
}
.plaque {
    border: 2px solid var(--brand-primary); 
    border-bottom: 17px solid var(--brand-primary);
}
.plaque, .unplaqued {
    overflow: hidden;
    width: 300px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inscription {
    position: absolute;
    bottom: 0;
    color: white;
    left: 50%;
    transform: translate(-50%);
    line-height: 17px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    letter-spacing: 2px;
    font-size: small;
    white-space: nowrap;
}
.directory-listing-image {
    margin: 12px auto;
    box-sizing: border-box;
    display: block;
    max-height: 80%;
    max-width: 80%;
}
#classified-sort div.row img {
    flex-shrink: 0;
}
.home-organizations {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr
}
.home-organizations a {
    max-width: 100%
}
.home-organizations a img {
    flex-shrink: 0
}
.home-organizations a:first-of-type {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}
.home-organizations a:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}
.home-organizations a:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}
.home-organizations a:nth-of-type(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4
}
.home-organizations a:nth-of-type(5) {
    padding: 0 75px;
	-ms-grid-row: 2;
    -ms-grid-column: 1
}
.home-organizations a:nth-of-type(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
}
.home-organizations a:nth-of-type(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3
}
.home-organizations a:last-of-type {
    -ms-grid-row: 2;
    -ms-grid-column: 4
}
.directory-listing .post-thumbnail img {
    max-height: none;
}
.directory-listing h2 strong {
    font-weight: 700;
    color: #494F51;
}
/*
.media-group .ad-bottom .media-block {
    display: none;
}
*/
.ad-bottom .media-block img {
    width: 750px;
    max-width: 100%;
    max-height: 100px;
}
.ad-sidebar .media-block img {
    width: 250px;
}
.uptotheminute.utmsubpages {
    position: relative;
}
/* TODO: remove - used only by the old directory dashboard templates (this and .dashboard-top-header below: content/dashboard*.html.twig), retired 2026-09-22. */
.dashboard-source {
    background-color: #ededed;
}
.dashboard-top-header {
    text-align: center;
	border-bottom: 0px!important;
}
.rtooltip {
    position: relative;
    display: inline-block;
}
.custom-frm-label .rtooltip {
    width: 100%;
}
.rtooltip .rtooltiptext {
    visibility: hidden;

    background-color: #777;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 20px 10px 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
	width:350px;
	font-size: 12px;
}
.custom-frm-label .rtooltip .rtooltiptext {
    top: auto;
    left: auto;
	width: auto;
    max-width: 350px;
}
.rtooltip:hover .rtooltiptext {
    visibility: visible;
}
.rtooltip ul {
    padding-left: 20px;
	margin-bottom: 0px;
}
.rtooltip li {
    text-indent: -4px;
}
/*  Page load spinner
	Source: https://www.w3schools.com/howto/howto_css_loader.asp
*/
#loader {
    width: 50%;
  margin: 0 auto;
  z-index: 1;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid var(--brand-dark);
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#pollLoader {
    margin: 70px auto 100px;
  z-index: 1;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid var(--brand-dark);
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1.4s linear infinite;
  animation: spin 1.4s linear infinite;
}
.poll-image-container {
    text-align: center;
}
@-webkit-keyframes spin {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.animate-bottom {
    position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}
@-webkit-keyframes animatebottom {
from {
    bottom:-100px; opacity:0
}
to {
    bottom:0px; opacity:1
}
}
@keyframes animatebottom {
from {
    bottom:-100px; opacity:0
}
to {
    bottom:0; opacity:1
}
}
/* End page load spinner */





/* Style the tab */
.tab {
    overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
    /*display: none;*/
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.dataTables_info {
    display: none!important;
}
.grecaptcha-badge {
    z-index: 100;
}
/* TODO: remove - used only by the old directory dashboard templates (the .leads-modal rules: content/dashboard-embed-aggregate / -embed-new.html.twig), retired 2026-09-22. */
.leads-modal table {
    width: 100%;
	margin-top: 25px;
	border: 2px solid gray;
}
.leads-modal td {
    border: 1px solid gray;
	padding: 3px;
}
.leads-modal tr td:first-of-type {
    width: 35%;
}
.center-modal .modal-content {
    margin-top: 50%;
}
.home-content-block img {
    max-height: 275px;
}
.home-content-block div {
    background-color: white;
}
.home-content-block .CropDiv {
    height: 200px;
  width: 400px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}
/* Styling for the the forumTopicSocial */
.forumTopicSocial hr {
    width: 100%!important
}
.forumTopicSocial {
    margin-bottom: 35px;
}
/* TODO: remove - used only by the old directory dashboard templates (the #social-tooltip rules: content/dashboard-embed-aggregate / -embed-new.html.twig), retired 2026-09-22. */
#social-tooltip {
    width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 2px solid #bbb;
	color: #aaa; font-size: .8rem; display: inline-flex; justify-content: center;
	align-items: center; user-select: none; transition: box-shadow .3s, top .3s;
	margin-left: .75rem; margin-right: -2rem; position: relative; top: -.25rem;
}
#social-tooltip:before {
    content: 'Navigate between social networks by using the left and right arrows in the bottom-left corner.';
	background-color: rgba(0,0,0,0.6); line-height: 1.45;
	width: 17rem; height: 8rem; visibility: hidden; opacity: 0;
	color: white; text-shadow: 0 .1rem .2rem #111; font-size: 1rem;
	position: absolute; left: 2.25rem; top: -2rem; transition: opacity .3s, top .3s;
	padding: 1rem; display: flex; align-items: center; justify-content: center; border-radius: .25rem;
}
#social-tooltip:after {
    content: '';
	width: 0; height: 0; box-sizing: content-box; position: absolute;
	left: 1.5rem; top: 1rem; opacity: 0; transition: opacity .3s, top .3s; visibility: none;
	border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; border-right: 1rem solid #666;
}
#social-tooltip:hover {
    cursor: pointer; box-shadow: 0 .1rem .2rem rgba(0,0,0,0.15); top: -.35rem; color: #666; border-color: #666;
}
#social-tooltip:hover:before {
    visibility: visible; top: -3.5rem; opacity: 1;
}
#social-tooltip:hover:after {
    visibility: visible; top: -.5rem; opacity: 1;
}
#join-r-club-callout {
    display: flex; align-items: center;
}
@media only screen and (max-width: 499px) {
#join-r-club-callout {
    flex-direction: column;
}
}
div.headbuttons {
    display: flex; justify-content: flex-end; align-items: center;
}
div.headbuttons > form:first-child {
    width: 41.5%;
}
@media only screen and (max-width: 1399px) {
div.headbuttons > form:first-child {
    display: inline-block;
}
.header-featured-link-eb {
    margin-top: 5px;
}
.top-wrap > header > .container > div:nth-child(2) > div.col-sm-12.col-lg-3.col-xl-4.header-search {
    display: none;
}
.main-menu {
    max-width: 100%; flex: 0 0 100%; margin: 5px 0 5px 0;
}
}
@media only screen and (max-width: 1199px) {
.input-group-append.pl-2.signin button {
    padding: 5.4px 2em;
}
div.headbuttons > form:first-child {
    width: 32.5%;
}
.languageselect div#google_translate_element {
    min-width: 140px;
}
div.input-group-append:first-of-type button.dropdown-toggle,
	div.input-group-append:first-of-type a.signin {
    min-width: 0px;
}
}
@media only screen and (max-width: 991px) {
div.headbuttons > form:first-child {
    display: none;
}
.main-menu {
    margin: 15px 0 5px 0;
}
.top-wrap > header > .container > div:nth-child(2) > div.col-sm-12.col-lg-3.col-xl-4.header-search {
    display: flex; /*top: -65px;*/ margin-bottom: 5px !important;
}
.main-menu a {
    padding: 10px 8px;
}
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu> a:after {
    content: ">";
	float: right;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
	left: 100%;
	margin-top: 0px;
	margin-left: 0px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.col-md-shop {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px) {
.col-md-shop {
    float: left;
}
.col-md-shop {
    width: 31.3%;
}
}
.shopthumb img {
    object-fit: cover;
}
.product-form {
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
	margin: 1rem 0;
	padding: 1em 1em;
	border-radius: .28571429rem;
	border: 1px solid rgba(34,36,38,.15);
}
/* Added in a newer version of bootstrap */
@media (min-width:992px) {
.modal-xl {
    max-width:1140px;
}
.left-border {
    border-left: 2px solid rgba(0,0,0,.1);
}
}
.rcs-dropdown-item:active {
    background-color: var(--brand-primary);
}
/* Gallery page */
.myImg {
    border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
.myImg:hover {
    opacity: 0.7;
}
.modal {
    overflow: hidden;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
  display: none;
  flex-direction: column;
  justify-content: center;
}
.modal-content {
    margin: 0 auto;
  display: block;
  width: auto;
  max-width: 700px;
  height: auto;
}
#caption {
    margin: 0 auto;
  display: block;
  width: 100%;
  text-align: center;
  color: #ccc;
}
.modal-content, #caption {
    animation-name: zoom;
animation-duration: 0.6s;
}
@keyframes zoom {
from {
    transform:scale(0)
}
to {
    transform:scale(1)
}
}
@media only screen and (max-width: 700px) {
.modal {
    padding: unset;
}
.modal-content {
    width: 100%;
      height:auto;
}
}
.split-left {
    margin-bottom: 20px;
	padding: 10px;
}
.split-left, .split-right {
    text-align: center;
	vertical-align: middle;
}
@media only screen and (min-width: 1300px) {
.split-left, .split-right {
    width:50%;
		display: table-cell;
}
}
#acceptCookies {
    background-color:var(--brand-primary);
}
figure.media {
    display:block;
}
.ck-float-left {
    float: left;
	margin-right: 10px!important;
}
.ck-float-right {
    float: right;
	margin-left: 10px!important;
}
figure.image figcaption {
    background-color: #f4f4f4;
	text-align:center;
	padding: 5px;
}
.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}
.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}
.image-style-block-align-right {
    margin-right: 0;
    margin-left: auto;
}
.quiz-bottom-container {
    text-align:right;
    margin:50px;
    margin-bottom:50px;
}
.quiz-question-title {
    font-size: 30px;
    color: white;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
}
/*.quiz-button-container input {
    display:none;
}*/

.quiz-button-container label {
    background-color: white;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bolder;
    font-size: 38px;
    display: inline-block;
    margin: 5px 5px;
    cursor: pointer;
    max-width: calc(100% - 40px);
}
.quiz-check label:hover, .quiz-check input:checked + label {
    box-shadow: -6px 6px 20px black;
    text-decoration: underline;
}
.classified-options h3 {
    color: var(--brand-primary);
}
.btn-check:checked ~ .btn-classified {
    background-color: var(--brand-primary);
}
.top-highlight {
    background-color: var(--brand-primary);
}

/* ---- Banner ad carousel: prev / next ----
   Replaces the row of dots that used to sit beneath the rotation. The
   billboard runs ten slides, so that row was wide enough to take over a phone
   screen; overlaying the controls on the ad reclaims the whole strip, at every
   width rather than only on mobile.

   Hidden until rcs-front.js adds .has-arrows, which it does only after
   counting two or more slides -- a single-ad rotation gets no controls.

   z-index 20 clears the slides: the rotation script cycles them through
   0 / 5 / 10. This only ever needs to beat the slides, never anything outside
   the rotation - .media-group>.rotation carries z-index:0 so this value stays
   scoped to that stacking context and cannot reach the mobile drawers. */
.rotation-arrow {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .42);
    color: #fff;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: background .15s ease;
}
.rotation.has-arrows .rotation-arrow {
    display: flex;
}
.rotation-arrow:hover,
.rotation-arrow:focus {
    background: rgba(0, 0, 0, .68);
    color: #fff;
}
.rotation-arrow:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}
.rotation-arrow-prev { left: 8px; }
.rotation-arrow-next { right: 8px; }
@media (max-width: 767px) {
    .rotation-arrow {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }
    .rotation-arrow-prev { left: 4px; }
    .rotation-arrow-next { right: 4px; }
}

/* --------------------------------------------------------------------------
   Mobile form controls - iOS auto-zoom.

   The root font-size here is 14px, so bootstrap's .form-control { font-size:
   1rem } resolves to 14px and the .85rem rules land at 11.9px. Safari zooms
   the page in whenever a control under 16px takes focus, and never zooms back
   out - which hits sign-in, header search, the classified forms, the directory
   forms and the R-Club signup.

   16px is the platform threshold, not a design preference. Do not lower it.
   The 14px root is deliberately left alone: most of this stylesheet is sized
   in rem against it, so raising it reflows every brand at once.
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
    select,
    textarea,
    .form-control,
    .form-control[name="s"],
    .bootstrap-select .dropdown-toggle {
        font-size: 16px;
    }
}