/********** SIGNUP / SIGNIN PAGES **********/
/** ADD BACKGROUND IMAGE TO SIGNUP SIGNIN PAGES **/
.xg_widget_main_authorization,
.xg_widget_main_authorization_newProfile {
    background:url("https://storage.ning.com/topology/rest/1.0/file/get/12150136691?profile=original");
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important; 
}
/** Background on SignUp Profile Questions NOT taking CSS, so removing it from that page **/
.xg_widget_main_authorization_newProfile {
    background:none;
}
/** ADD BACKGROUND IMAGE TO SIGNUP SIGNIN PAGES - Mobile Phone **/
@media only screen and (max-width: 550px)  {
.xg_widget_main_authorization,
.xg_widget_main_authorization_newProfile {
     background-size: cover!important; 
}
}

/* Logo */
.header-logoIMG {
    position:relative;
    /** min-width:80px; **/
  /**  min-height:104px; **/
}
@media only screen and (min-width: 1200px)  {
.header-logoIMG {
    /** margin-left: 30px; **/
}
}

/* Below Header Ad Box Home Page */
.belowHeaderAdHtml {
    width:100%;
    margin:0 auto!important;
}

/* FOR ALL SCREENS */
/*** TITLE CONTAINER ***/
.title-container {
    background-color:#003366;
    margin:0 auto;
    position:relative;
    top:0px;
    max-width:100%;
    width:100%;
    padding:8px 20px 8px 20px; /** Adjust padding of Title Box TRBL **/
    color:#fff;
}
/*** WEBINAR TITLE ***/
.webinar_title {
    font-size:3.5rem;
    color:#fff;
    letter-spacing:2px;
    
}
.webinar_title a {
    color:#fff;
    font-family: "Montserrat";
}
/* END FOR ALL SCREENS */

@media only screen and (max-width:1025px) {
.webinar_title {
    font-size:1.65rem!important;
    color:#fff;  
}
}
@media only screen and (max-width: 768px)  {
.webinar_title {
    font-size:1.25rem;
}
}
@media only screen and (max-width:360px) {
.webinar_title {
    font-size:1.1rem!important;
}
}

/** Ning Bar Links **/
.ningbar-userLinks > li a {
    font-size:1.2em!important;
    font-weight: bold;
}
/** Ning Bar Animation **/
.ningbar-userLinks > li a {
    position: relative;
    animation: my_animation 1s;
    animation-fill-mode: both;
}
@keyframes my_animation {
    from {
        left: -300px;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}
/** TIGHTEN UP JOIN NOW **/
.page-home .sheet:first-child {
    padding:0px 15px 0px 15px!important;
}
.join-now {
    margin-top:-5px!important;
}
/** END TIGHTEN UP JOIN NOW **/
/** JOIN NOW BUTTON **/
.join-now {
    text-align:center;
    margin:auto!important;
    border-radius:15px;
    max-width:250px;
    border:1px solid #e1e1e1;
    padding: 12px;
    background-color:#fa6601;
    border:1px solid #e1e1e1;
    letter-spacing: 1px;
}
.join-now {
    /** margin-top:20px!important **/
}
.join-now a {
    font-size:1.35em;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}
.join-now:hover {
    background-color:#003366;
}
.join-now a:hover {
    color:#fff;
    text-transform:uppercase;
}
/** END JOIN NOW BUTTON **/
/** Adjust Body Background Image Position **/
body,
body::before  {
    /** background-position: center 75%!important; **/
}
.header-siteNameLogo img {
    min-width: 275px;
    min-height:110px;
}
@media only screen and (max-width: 771px)  {
.header-logoImage img {
    /** max-height: 18vw;  **/
    /** width: auto; **/
    min-width: 275px;
    min-height:110px;
}
}
.header-siteNameLogo {
    /** padding:12px 15px 0px 5px!important; **/
}
body {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
}
p {
    line-height:1.75em;
}
/** Menu Tabs Border Radius **/
.mainTab-item a {
    border-radius : 0px 15px 0px 0px;
    padding:8px 10px 8px 8px;
}
.subTab-item a {
    border-radius : 0px 0px 0px 0px;
}
/** End Menu Tabs Border Radius **/

/** Hover Ease in BG for Menu Tabs **/
.mainTab-item > a  {
    transition: all 0.3s ease-in-out; background;
    padding:8px;
  &:hover {
    background:#fa6601;
    }
}
.mainTab-item .subTab-item > a {
    transition: all 0.3s ease-in-out; background;
    padding:8px;
  &:hover {
    background:#fa6601;
    }
}
.mainTab-item.active,
.mainTab-item:hover {
    /** border-bottom: solid 3px #fa6601; **/
}
.module-name,
.mainTab-item > a,  .subTab-item a {
    /** font-family: 'Contrail One',Futura!important; **/
    font-size:1.05em!important;
}
h3.module-name {     
    border-bottom:solid #45bff2 1px;
    padding-bottom:20px;
}
/* Page Header Margin */
.page_header {
    margin-left:15px;
}
/* horizontal short thick line, below main modules for modern look */
.section_header .module-header {
    width: 100%;
}
/* Remove short horz blue line from comment wall, about group, and html boxes */
.section-html .module-body:before,
.section-commentWall .module-body:before,
.section-aboutGroup .module-body:before,
.section-tabContainer .module-body:before {
    content:"";
    display: block;
    position:relative;
    top:-35px;
    left:-10px;
    height:12px;
    width:150px;
    border-bottom:solid transparent 3px;
}
/* White background behind each blog post */
.blogSection-entry {
    background-color:rgba(255,255,255,.9);
    padding:15px;
}
/* Horizontal Line after each post footnote */
.entry-footnote {
    border-bottom:dashed 1px #e1e1e1;
}
/* Read More Ning and Read More RSS Feed */
a.entry-readMore, 
.feed-readmore a {
    font-size: 1.0em;
    padding:10px;
    background:#123858;
    color:#ffffff;
    width:auto;
    max-width:130px;
}
.entry-readMore:hover,
.feed-readmore a:hover {
    color:#ffffff!important;
}
/* Below Header Ad Box Home Page */
.belowHeaderAdHtml {
    /** max-width:1260px; **/
    margin:0 auto!important;
}
/* Change Member Avatar, so not color of links */
.avatar-default {
    background-color:#45bff2;
    background-image: url(https://static.ning.com/caribshout/widgets/profiles/gfx/defaults/profile-dark.png);
}
/* Scroll Bar for RSS */
 .page-home .section-rss {
 height: 700px;
    overflow:overlay;
    position:relative;
}
/* Scroll Bar for RSS */
.page-news-entertainment .section-rss {
 /** height: 700px;
    overflow:overlay;
    position:relative; **/
}
/* Scroll Bar for Blogs */
/*** .page-home .section-blogBundle {
    height: 1200px;
    overflow:auto;
    position:relative;
} ***/
/* Scroll Bar for Videos */
/*** .page-home .section-videoBundle {
    height: 900px;
    overflow:auto;
    position:relative;
} ***/
/* Display 3-Up Videos in Center Column */
.videoListPage .photoListPage-entry {
    float:left!important;
    max-width:49.9%!important;
}
/* Video Thumbnail background color */
.videoListPage-image {
        background-color:rgba(69,191,242,.1)!important;
}
/* Video List Page CSS */
.page-videos .videoListPage-image {
    border:2px solid #ddd;

}
.videoDetailPage-mainVideo .entry-content {
    margin-top:25px;
    line-height:1.55em;
}
/* Group Hub Titles */
.groupHub-groupTitle span {
    font-size:1.25em;
}
/* Group Hub Pages Image */
.groupHeader-image {
    height:202px!important;
    width:202px!important;
    border:2px solid #e1e1e1;
    background-color:white;
    background-size:cover!important;
}
/* Profile Page Header Hero Size */
@media screen and (min-width: 780px) {
.profileCoverArea {
    height:300px;
}
}
/* Monitor this code, trying to remove broken image link at bottom of site, maybe a cookie */
.after-content {
    height:1px;
}
.after-content img {
    display:none;
}
/* Adjust Header and Logo on Tablets and below */
@media screen and (max-width: 481px) {
    .site-headerFrame {
    background-size:35%;
   background-position:top right;
}
}

/* Carib Links */
#carib_links {
    line-height:2.0em;
}

/******** SLIDER ********/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/** RSS Feeds **/
.section-rss .rssFeed-detail {
   line-height:1.75!important;
}
.entry-title > a {
   line-height:1.20!important;
}

/** CaribShout **/
/** HOME PAGE SLIDER CSS **/
.page-home .section-photoBundle .ps-slide {
     background-color:#f68f28!important;
 }
.page-home .section-photoBundle  .ps-slide {
    background-size: cover!important;
}

/** EXTRA SMALL DEVICES **/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
/** Control height of Slider...Be SURE to add code for Smaller screens and Mobile **/
.ps-slide {
    padding-top:100px;
}
}

/** SMALL DEVICES **/
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
/** Control height of Slider...Be SURE to add code for Smaller screens and Mobile **/
.ps-slide {
    padding-top:225px;
}
}

/** MEDIUM DEVICES **/
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
/** Control height of Slider...Be SURE to add code for Smaller screens and Mobile **/
.page-home .section-photoBundle .ps-slide {
    padding-top:250px;
}
}

/** LARGE AND UP **/
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
/** Control height of Slider...Be SURE to add code for Smaller screens and Mobile **/
.ps-slide {
    padding-top:410px;
}
}

/** EXTRA LARGE AND UP **/
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
/** Control height of Slider...Be SURE to add code for Smaller screens and Mobile **/
.ps-slide {
    padding-top:410px;
}
}
/** END HEADER SLIDER **/

/** CSS for Caribbean Dining Event Module Page **/
.page-caribbean-dining .entryEditPage-startDateContainer,
.page-caribbean-dining .entryEditPage-endDateContainer,
.page-caribbean-dining label.checkboxLabel:nth-child(2) {
    display:none!important;    
}
/** End CSS for Caribbean Dining Event Module **/

/*********************** FOOTER **************************/
/* Remove Powered by Ning Footer */
section.site-bodyFrame,
.site-bodyFrame > .aboveFooterAdHtml {
    margin-bottom: -60px!important;
    /* background:#000!important; */
}
.aboveFooterAdHtml .aboveFooterAdHtml {
    margin-bottom:0px!important;
}
 .site-footer {
    display:none;
}
img.social_media {
    width:36px!important;
}
@media screen and (max-width: 480px) {
/* Width on 480px and below */
img.social_media {
    width:32px!important;
}
#footer_col1 {
    float:left;
    margin-right:15px;
}
#footer_col2 {
    float:left;
    margin-right:5px;
}
#footer_col3 {
    float:right;
}
#footer_col1 li {
font-size:.75em!important;
}
#footer_col2 li {
    font-size:.55em!important;
}
}
/* End Below 480px */
/* Screen Below 450px */
@media screen and (max-width: 440px) {
#footer_col1 {
    font-size:.85em!important;
    width:18%!important;
}
#footer_col2 {
    width:62%!important;
}
#footer_col3 {
    width:12%!important;
}
}
/* End Screen Below 450px */ 

#jc_footer ul.bullet_footer li.socialmedia a:before {
    content:""!important;
}

/* Adjust site content for Ning Footer */
.central-content {
    margin-bottom:-40px;
}
.site-footerFrame {
    background-color:white;
}
.aboveFooterAdHtml {
     background-color:rgba(0,0,0,.5)!important;
    color:#fff;
    padding-top: 0px!important; /* Remove Ning padding and margin */
    margin-top:0px!important;
    margin-bottom:17px!important;
    padding-bottom:35px;
    height:auto;
    width: 100%;
    display:inline-block;
}

/**** NingCustomDesign Custom Footer ****/
#jc_footer {
  margin: 0 auto!important;
  width: 63%;
  padding-top: 50px;
}
 @media screen and (max-width: 1280px) {
/* Width on 1280px and below */
#jc_footer {
    width: 90%;
}
}
/* End @media 1280px- for Footer Width */

#jc_footer a {
   color:#fff!important;
}
#jc_footer h3 {
   color:#333333;
   font-family: 'Roboto', 'sans-serif'!important;
   letter-spacing: 0.10rem;
   margin-bottom:20px;
   line-height: 1.35em;
   border-bottom: 1px solid #E6E6E6;
   font-size: 1.55em;
   font-weight:bold;
}
div#jc_footer ul {
   float:left;
   width: 33%;
   margin-bottom:10px; 
}
#jc_footer li {
   line-height:1.75em;
   text-align:left;
    list-style:none!important;
}
#jc_footer ul li:first-child {
  /* margin-right:15px; */
 /*  list-style:none!important; */
}
#jc_footer li a {
    line-height:1.75em;
    font-weight: normal!important;
    font-family: 'Roboto', 'sans-serif'!important;
    font-size: 14.8px!important;
}
#jc_footer li a:hover {
    color:#ea833d!important;
}
 #jc_footer ul.bullet_footer li a:before {
   content: "\2713";
   padding-right:8px;
   color:#ea833d;
} 
#jc_footer .bullet_footer li {
    text-indent: -1em;
}

#jc_footer .tel {
    display: inline;
    margin: 0 0.75em 0 0;
}
#jc_footer .logo {
    position: absolute;
    right: 1em;
}
/* Footer Social Media Icons */
.footer_socialicons {
    text-align:center!important;
    margin-left:-60px;
    margin-top:40px;
}

/* Adjust Footer Font-size for devices below 769 */
@media screen and (max-width: 769px) {
#jc_footer h3 {
   font-family: 'Roboto', 'sans-serif'!important;
   letter-spacing: 0.050rem;
   margin-bottom:20px;
   line-height: 1.15em;
   border-bottom: 1px solid #E6E6E6;
   font-size: 1.15em;
}
#jc_footer li a {
    font-size: .95em !important;
}
}
/********************* END FOOTER ***********************/