/********** 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/10084343880?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;
    max-width:60px;
    max-height:78px;
}
@media only screen and (min-width: 1200px)  {
.header-logoIMG {
    margin-left: 30px;
    max-width:60px;
    max-height:78px;
}
}
/** @media only screen and (max-width:468px) {
.header-logoIMG {
    width:60px!important;
    height:78px!important;
}
} **/

/* 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;
}
/** NEW CSS 2-15-22 Desktop Only for now **/
@media only screen and (min-width:1025px) {
.title-container {
    max-height: 90px!important;
}
}
/** NEW CSS 4-23-22 Tablet and below **/
@media only screen and (max-width:1024px) {
.title-container {
    max-height: 55px!important;
    padding:5px 10px!important;
}
.webinar_title a {
    font-size:.85em!important;
}
}
/** NEW CSS 4-23-22 Mobile Phones **/
@media only screen and (max-width:540px) {
.title-container {
    max-height: 55px!important;
    padding:0px 1px!important;
    height:40px!important;
}
.webinar_title a {
    font-size:.50em!important;
}
}
/** NEW CSS 4-23-22 smaller Mobile Phones **/
@media only screen and (max-width:360px) {
.title-container {
    height:30px!important;
}
.webinar_title a {
    font-size:.55em!important;
}
}


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

/** TEMPORARY CODE TO REMOVE LOGO **/
.site-nameLogo {
    display:none;
}
.site-header {
    min-height:40px!important;
}
@media only screen and (min-width:1025px) {
.site-header {
    min-height:90px!important;
}
}
ul.mainTab a{
    padding-top:12px!important;
    padding-bottom:12px!important;
}
/** END TEMPORARY CODE TO REMOVE LOGO **/

p {
    line-height: 1.5;
}

/** JOIN NOW BUTTON **/
.join-now {
    text-align:center;
    margin:auto!important;
    border-radius:15px;
    max-width:400px;
    border:1px solid #e1e1e1;
    padding: 12px 30px;
    background-color:#2596be;
    border:1px solid #e1e1e1;
    letter-spacing: 5px;
}
.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:#c65057;
}
.join-now a:hover {
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
}
/** END JOIN NOW BUTTON **/

/** ADD PHOTOS ON PROFILE PAGES BUTTON **/
.add-photos {
    text-align:center;
    margin:auto!important;
    border-radius:15px;
    max-width:400px;
    border:1px solid #e1e1e1;
    padding: 12px 30px;
    background-color:#2596be;
    border:1px solid #e1e1e1;
    letter-spacing: 5px;
}
.add-photos {
    margin-top:20px!important
}
.add-photos a {
    font-size:1.35em;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}
.add-photos:hover {
    background-color:#c65057;
}
.add-photos a:hover {
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
}
/** END ADD PHOTOS BUTTON **/

/** ARTICLE MODULE - SPECIAL MODULE FOR WELCOME MESSAGE - Article Module URL is WELCOME **/
/** Utilizing an Article Module to make it easier for Admin to edit the Welcome page. But, need to remove titles for Articles, to make more user friendly. **/
.page-welcome .content-name,
.page-welcome .subnav {
    display:none;
}
/** ARTICLE MODULE ON HOME PAGE - REMOVE POSTED BY, COMMENTS, AND TAGS **/
.entry .articleSection-entry .entry-byline,
.entry .articleSection-entry .entry-commentsCount,
.entry .articleSection-entry .entry-tags {
    display:none;
}
/** Profile Question About Section on Profile Pages **/
.aboutTab-questionAndAnswer {
    background:rgba(178,190,181,.075);
}
.aboutTab-question {
    font-weight:bold;
}
.aboutTab-questionAndAnswer p {
    margin-bottom:4px;
}
/** Profile Questions under Settings **/
/** Make label for ACADEMIC ID stand out **/
.page-main-profilesettings-edit label[for="question_22"] {
    color:#cc0000;
    border: 2px solid #000;
    border-radius: 12px;
    padding:12px;
    background:rgba(178,190,181,.075);
    line-height: 1.85em;
}

/** GROUP HEADER IMAGE SIZE **/
.groupHeader-image {
    background-size:cover!important;
    height:190px;
    width:190px;
}
/** HOME PAGE WELCOME VIDEO **/
video {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
/** Profile Page Avatar Size **/
.page-members .wrap__avatar.avatar-90,
.page-members .wrap__avatar.avatar-90 img.avatar {
    height:180px;
    width:180px;
}
@media only screen and (max-width: 450px)  {
.page-members .wrap__avatar.avatar-90,
.page-members .wrap__avatar.avatar-90 img.avatar {
    height:150px;
    width:150px;
}
}
/** Adjust placement of Profile Name and Location with Header **/
.page-members .profileCoverArea-bio {
    padding-left:40px!important;
    padding-top:40px!important;
}
@media only screen and (max-width: 450px)  {
.page-members .profileCoverArea-bio {
    padding:0px!important;
    padding-top:0px!important;
    text-align: center!important;
}
.page-members .profileCoverArea-bio h2 {
    display:block;
    margin-left:-15px;
}
}
/** END Profile Page Avatar Size **/

/** Responsive iFrame CSS for Vimeo Videos **/
.resp-container {
    position:relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/** End Responsive iFrame CSS **/

/** Adding note about Required Questions with CSS on the Profile EDIT Page **/
/** .page-main-profilesettings-edit .form-legend:after {
    content:"REQUIRED PROFILE QUESTIONS are noted with an Asterisk *";
    display:inline-block;
    color:#FF0000;
    font-size: 12px;
    margin-left:8px;
    font-weight: bold;   
} **/