* {
    -webkit-overflow-scrolling: touch
}

html,
body {
    min-height: 100vh;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    font-size: 14px
}



.rotation-nav {
	color: #c6c6c6;
}
.rotation-nav-active {
	color: #a41822;
}
.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%;
    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)
}

a {
    color: #d11818;
    text-decoration: underline
}

a:hover {
    color: #d11818;
    text-decoration: none
}

.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
}

.h3, h3 {
    font-size: 1.25rem;
}

a.btn:hover {
    border: 1px solid transparent
}

.btn,
.form-control {
    border-radius: 0
}

.btn-rounded {
	border-radius: 10em;
}

.btn-orange {
    background: #EB7124;
    color: #fff;
    border: 1px solid #EB7124;
    transition: background 0.25s, color 0.25s
}

.btn-orange:hover {
    background: #fff;
    color: #EB7124;
    border: 1px solid #EB7124
}

.btn-orange:active {
    background: #EB7124;
    color: #fff;
    border: 1px solid #EB7124
}

.btn-tertiary {
    background: #A7252B;
    color: #fff;
    border: 1px solid #fff;
    transition: color 0.25s, background 0.25s
}

.btn-tertiary:hover {
    background: #fff;
    color: #A7252B;
    border: 1px solid #fff
}

.btn-tertiary:active {
    background: #fff;
    color: #A7252B;
    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: #A6252A
}

.main-menu>ul ul ul {
    top: -5px;
    left: 100%
}

.main-menu ul>li:hover>ul {
    display: block
}

.main-menu>ul>li>a:hover {
    color: #d11818
}

.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
}

.top-wrap {
    min-height: 100%;
    margin-bottom: -120px;
    width: 100%
}

.top-wrap:after {
    content: "";
    display: block;
    height: 120px
}

.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
}

.bg-red {
    background: #A41822;
    color: #fff
}

li.fa {
    position: relative
}

li.fa>a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.content .mod-title>h4 {
    background-color: #a41822;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: .5px;
    padding: .5em;
    text-transform: uppercase;
    margin: 0 0 1em 0
}

.media-group>.rotation {
    position: relative;
    overflow: hidden
}

.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: #D11818;
    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
}

.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
}

.btn-primary,
.btn-secondary {
    /*background: #d11818;*/
    background: #A6252A;
    color: #fff;
    border: 0!important;
    border-bottom: 1px solid #8c1010!important;
    padding-left: 25px;
    padding-right: 25px
}

.standard-bg-dark,
.btn-primary:hover,
.btn-secondary:hover,
.btn-primary:active,
.btn-secondary:active,
.btn-primary:focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #8c1010!important
}

.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-title {
    background-color: #a41822;
    color: #fff!important;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    margin: 0 -.8em .6em -.8em;
    padding: .5em;
    text-transform: uppercase
}

.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: #d11818;
    font-weight: 700
}

.newsroom.module>.module-content>a {
    color: #d11818
}

.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: #d11818
}

.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 {
    border: 2px solid #a41822;
    padding: 5px 10px 5px;
    font-size: 1.3em
}

.header-featured-link a {
    color: #043056;
    font-weight: 700
}

.header-featured-link a:hover {
    color: #a41822;
    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
}

.button {
    border: none;
    background-color: #d11818;
    border-bottom: 1px solid #8c1010;
    color: #fff;
    display: inline-block;
    width: auto;
    height: auto;
    padding: .3em 2em
}

.button:hover {
    background-color: #a41822;
    border-bottom: 1px solid #e02936;
    color: #fff
}

.button.alt {
    background-color: #e97025;
    border-bottom: 1px solid #b04e12
}

.button.alt:hover {
    background-color: #c75914;
    border-bottom: 1px solid #eb7f3c
}

.footer-social {
    padding-top: 20px
}

.footer-social i {
    font-size: 36px!important
}

.social i {
    color: #A7252B!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
}

.read-more {
    color: #A6252A;
}

.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 #A6252A;
    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: #A6252A
}

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
}

a {
    color: #d11818;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s
}

a:hover {
    color: #ed6262;
    text-decoration: none;
    border: 0;
    outline: 0
}

@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 {
    margin-bottom: 0
}

.home .module a {
    color: #043056
}

.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: #A6252A;
    color: white;
    border-radius: 20px;
    padding: .375rem .75rem!important
}

.forum-body blockquote {
    border-left: 6px solid lightgray;
    padding-left: 20px
}

.gallery-description {
    padding-bottom: 20px
}

body {
    top: 0!important
}

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
}


.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)
}

.bottom-wrap {
    padding-top: 10px;
    max-width: 100%;
    overflow-x: hidden
}

.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.active {
    background: linear-gradient(to bottom, transparent 0%, #ededed 70%);
    color: #ed6262
}

#menu>a:not(:last-of-type):after {
    content: "|";
    position: absolute;
    right: -3px;
    transform: scale(.75, 1.8);
    color: #A6252A!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: #d11818
}

.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 .btn:hover {
    background-color: #8C1010
}

.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: #A6252A;
    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: #A6252A;
    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: #A6252A
}

.a-news-blogs:active,
.a-roofing-influencers:active,
.a-photo-galleries:active,
.a-the-hub:active {
    background-color: #8C1010
}

.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
}

form[action="/search"] button {
    background-color: #A6252A
}

.input-group-append.pl-2 a.button.text-white,
.input-group-append.pl-2 button {
    padding: 6.25px 2em;
    background-color: #A6252A
}

.input-group-append.pl-2 a.button.text-white:hover {
    background-color: #8C1010
}

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 {
    color: #343056;
    font-weight: 600;
    padding: 0;
    border: 2px solid #a41822;
    line-height: 2;
    padding-left: 10px;
    margin-top: 7px;
    position: relative
}

.header-featured-link-eb::after {
    content: "";
    display: table;
    clear: both
}

.header-featured-link-eb:hover {
    border: 2px solid #a41822;
    color: #A6252A
}

.header-featured-arrow {
    display: inline-block;
    color: #E2E0DD;
    height: 100%;
    background-color: #A6252A;
    background-image: url(https://i.imgur.com/OT8zjQo.png);
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: auto 55%;
    margin-left: 15px;
    padding: 0 38px 0 15px;
    transition: text-decoration .2s;
    float: right
}

.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: #A6252A;
    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: #A6252A;
    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: #A6252A;
    color: white
}

.menu-toggle-close,
.sub-menu-toggle-close {
    background-color: #A6252A;
    color: white
}

.menu-toggle-close:hover,
.sub-menu-toggle-close:hover {
    background-color: #8C1010
}

.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-'] {
    padding: 0 30px
}

.home>.row>[class*='col-']:first-child {
    padding: 0 30px 0 0
}

.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 .module-title {
    background-color: #FD671A;
    border-bottom: 2px solid #A2A1A0
}

.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: #A6252A
}

.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::after{
    width:75px;
}
.ytThumbContainer:hover:after{
    filter: drop-shadow(2px 4px 6px black) saturate(1);
	opacity: 0.94;
}
.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;
}

@media only screen and (max-width:1200px)  {

}

.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
}

.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
}

.gallerybutton:hover {
    background-color: #8C1010;
    color: white
}

#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: #65CDF4
}

.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: #D11818;
    transition: background-color .2s
}

.btn.paging:hover {
    background-color: #8C1010
}

.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: #A6252A;
    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: #A6252A;
    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-twitter-square:hover {
    color: #00ACED
}

.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: #a6252a;
    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: #A6252A
}

.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 a i {
    color: #A6252A;
    font-size: 55px!important
}

.footer-social {
    padding-top: 12px
}

.footer-social a {
    margin-right: .75rem!important
}

.footer .fa {
    transition: color .2s
}

.footer .a-instagram {
    display: inline-flex!important;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #A6252A;
    position: relative;
    top: -4px;
    transition: all .2s
}

.footer .fa-instagram {
    color: white;
    font-size: 42px!important
}

.footer .fa-facebook-square:hover {
    color: #4267B2
}

.footer .fa-twitter-square:hover {
    color: #00ACED
}

.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: #A6252A
    }
    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 {
        overflow-x: hidden
    }
    .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
}

.button {
    width: auto;
    height: auto;
    padding: .5em 2em;
    background-color: #d11818;
    border: 0;
    color: #fff;
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer
}

.btn {
    width: auto;
    height: auto;
    padding: .5em 2em;
    border: 0;
    color: #fff;
    font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer
}

.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: #d11818;
    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: #d11818
}

.col-md-3.d-none.d-md-block {
    font-size: 16px
}

.module-title {
    font-size: 17px;
    font-weight: 600!important
}

.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
}

.newsroom h3.module-title {
    background-color: #a41822;
    color: #fff!important;
    letter-spacing: .5px;
    line-height: 1;
    margin: -.8em -.8em .6em -.8em;
    padding: .5em;
    text-transform: uppercase;
    text-align: left
}

.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)
}

.featorganizations {
    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
}

.home-classifieds .module-title {
    background-color: #a41822
}

.home-classifieds .fa-caret-right,
.home-classifieds a[href="/our-listings"] {
    color: #a41822
}

.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 {
    float: right;
    background: #A6252A;
    padding: 15px;
	width: 55%;
	min-height: 352px;
}

.megamenufeaturedimage h2 {
    text-transform: uppercase;
    padding-left: 10px;
    /*padding-right: 20px;*/
    color: #d2d2d1;
    font-weight: 700;
    font-size: 25px;

	word-break: break-word;
	padding-bottom: 40px;
}

.megamenufeaturedimage img {
    float: right;
    /*width: 375px;*/
	max-width: 64%;
	/*max-height:300px;*/
	margin-left: 10px;
      
}

.megamenuimagetext > a {
	display: block!important;
	padding: 0!important;
}
.megamenuimagetext > h2 > a, h2.menu-ad-link > a {
	display: block!important;
	padding: 0!important;
	color: #d2d2d1;
	font-family: "Proxima Nova", "proxima-nova", "Source Sans Pro", "source-sans-pro", sans-serif;
}

span.featuredtextmm {
    color: #be6d6f;
	display: block;
}

span.featuredlinkmm {
    display: inline-block;
    color: #E2E0DD;
    height: 100%;
    background-color: #A6252A;
    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%;*/
}

.megamenufeaturedimage {
    position: relative
}

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
    }
}

@media (max-width:1400px) {
    .megamenufeaturedimage h2 {
        font-size: 20px
    }
}

.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 #a6252a; 
    border-bottom: 17px solid #a6252a; 
}
.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;
}

.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 #A7252B;
  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 #A7252B;
  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;
}

.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;
}
#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: #A6252A;
}


/* 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)}
}

/* .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
} */
.close {
  top: 0;
  right: 0;
  color: #a41822;
  position: absolute;
  font-size: 61px;
  height: 58px;
  line-height: 0;
} 

.close:hover,
.close:focus {
  color: #a41822;
  text-decoration: none;
  cursor: pointer;
  -webkit-text-stroke: 1px #a41822;
  outline: unset;
}

  @media only screen and (max-width: 700px){
    .modal{
      padding: unset;
    }
    .modal-content {
      width: 100%;
      height:auto;
    }
    .close{
      color: #a41822;
      position: absolute;
      font-size: 61px;
      top: -37px;
      right: 5px;
      line-height: unset;
    }
  }


.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:#A6252A;
}

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;
}

.directory-title {
    color: #A7252B;
}


/* Project Ticket #139550 - Header size and format on front end */
/* h4 {
    font-style: italic;
}
h3{
    font-weight: unset;
} */

.quiz-button {
    background-color: #8D2431;
    color: #fff;
    position: inherit;
    right: 0;
    min-width: 100px;
    transform: scale(2.05);
    display: inline-block;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none !important;
    border-radius: 3px;
    box-shadow: 0 0 6px rgb(0 0 0 / 5%);
    transition: background 0.25s ease-out;
}

.quiz-button:hover {
    background-color: #8D2431 !important;
    transform: scale(2.08);
    box-shadow: 0 0.25vw 0.5vw rgb(0 0 0 / 20%);
}

.quiz-bottom-container {
    text-align:right;
    margin:50px;
    margin-bottom:50px;
}

.quiz-question {
    border-radius: 20px;
    box-shadow: 10px 9px 25px 0 black;
    box-sizing: border-box;
    padding: 15px 0;
    width: 100%;
    /*height: 42vh;*/
    display: grid;
    background-color: #8D2431;
    margin-top: 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 {
    width: 100%;
    text-align: center;
    height: fit-content;
    align-self: self-end;
    padding: 10px 0 0 0;
    color: #8D2431;
}

/*.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;
}

.ad{
    background: #A6252A;
}
#rcsmainmenu .mainitem a:hover {
    color: #ed6262;
}

.classified-options h3 {
    color: #A6252A;
}
.btn-check:checked ~ .btn-classified {
    background-color: #A6252A;
}
.top-highlight {
    background-color: #A6252A;
}
.close {
    color: #a41822;
} 

.close:hover,
.close:focus {
    color: #a41822;
    -webkit-text-stroke: 1px #a41822;
}