@media (max-width:690px){

 /* Footer bottom bar */
 .footer-bottom-bar{
  background-color:#3a2e5f !important;
 }
 

/* Link */
 .footer-bottom-bar-links > div > a{
  color:#ffffff !important;
 }	

 /* Welcome title */
 .fr_auth_form .js_panel h1.fr_welcome_title{
  font-size:19px !important;
 }	
	
}


/* Page header */
.main-wrapper .page-header{
 background-color:#424242 !important;
 background-image: none;
}


/* Forum category */
.sg-offcanvas .sg-offcanvas-mainbar .forum-category{
 transform:translatex(0px) translatey(0px);
 background-image:linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
}

/* Main side nav card */
.sg-offcanvas-sidebar .main-side-nav-card{
 background-image:url("/assets/unibackground2k.png");
 background-blend-mode:lighten;
 background-attachment:scroll;
 background-color:rgba(255,255,255,0.70);
}


/* Welcome img innr */
.fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr{
 border-top-left-radius:30px;
 border-bottom-left-radius:30px;
}


/* Welcome title */
.fr_auth_form .js_panel h1.fr_welcome_title{
 text-transform:uppercase;
 font-weight:300;
}

@media (min-width:1200px){

 /* Welcome title */
 .fr_auth_form .js_panel h1.fr_welcome_title{
  font-size:20px !important;
 }
 
}

/* PWA Modal */
.modal-footer {
	border: none !important;
}


.bg-primary {
background: #7a9192 !important;
}

/* Modal footer */
div .modal .modal-footer{
 background-color:#ffffff !important;
}

/* Modal header */
div .modal .modal-header{
 background-color:#3887da !important;
}

/* Modal body */
div .modal .modal-body{
 background-color:#ffffff !important;
 color:#000000 !important;
 top:16px;
}
	

/* Card header */
.theiaStickySidebar > .card .card-header{
 color:#000000;
 font-weight: bold;
}

/* Dropdown toggle */
.navbar-wrapper ul .dropdown-toggle{
 color:#f6f6f6;
}

.main-header .menu-icon,
.main-header .home-icon {
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  text-align: center;
  color: #fff;
  height: 50px;
  padding: 15px 14px;
  line-height: 100%;
  border-radius: 4px;
}

.main-header .menu-icon:hover,
.main-header .home-icon:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.main-header .menu-icon {
  right: auto;
  left: 5px;
}

.main-side-nav > li.active > a {
  color: #005587;
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(90deg, hsla(0, 0%, 91%, 1) 30%, hsla(0, 0%, 96%, 1) 100%);
  box-shadow: var(--bs-box-shadow) !important;
}

.card {
  box-shadow: var(--bs-box-shadow);
}

.publisher-message {
  box-shadow: var(--bs-box-shadow);
}

.post-body {
  box-shadow: var(--bs-box-shadow);
}

.posts-filter .countries-filter {
    box-shadow: var(--bs-box-shadow);
}


/* Adult Content Statement Button */
.form-select[multiple], .form-select[size]:not([size="1"]) {
    height: 50px !important;
}

.form-label {
    font-weight: 600;
    color: #005587;
    margin-top: 20px;
}

.card.main-side-nav-card {
  padding: 10px;
  /* background-image: url(../assets/unibackground2k.jpg); */
  background-repeat: no-repeat !important;
  background-size:cover;
  background-attachment:scroll;
}


.card-title {
  color: black;
}

.card-body.with-list, .card-body.with-form {
  padding: 10px;
  background: none !important;
}
.small, small {
    font-size: 1em;
    font-weight: bolder;
}

.card-header.block-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 35px;
  background: transparent; 
}

#zuck-modal-content .story-viewer .slides .item.active, #zuck-modal-content .story-viewer .slides .item.active .tip {
    display: block;
    bottom: 100px;
}

#zuck-modal-content .story-viewer .slides .item.active, #zuck-modal-content .story-viewer .slides .item.active .tip.link {
  display: block;
  bottom: 40px;
}

#zuck-modal-content .story-viewer .head .time {
    display: none !important;
}

/* Post colored */
.js_posts_stream ul .post-colored{
 height:540px;
 position:relative;
}

/* Post colored text wrapper */
.js_posts_stream ul .post-colored-text-wrapper{
 height:480px !important;
}



@media (max-width: 690px) {
    .x_sidebar_links {
        display: flex;
        align-items: center;
        background: #ffffff;
        border-top: 1px solid var(--border-divider);
        justify-content: space-between;
        padding: 0 0.6rem;
    }
}

@media (max-width: 690px) {
    .x-sidebar .main-header .x_sidebar_links {
        height: 96px !important;
        position: relative;
        top: -13px !important;
        background: #ffffff;
    }
}

/* Welcome img */
.fr_welcome_mid .fr_welcome_bg .fr_welcome_img{
 top:40px !important;
}

@media (max-width:1399px){

 /* Welcome */
 .fr_welcome_mid .fr_welcome_bg{
  top:35px;
 }
 
}

@media (max-width:1199px){

 /* Welcome */
 .fr_welcome_mid .fr_welcome_bg{
  transform:translatex(0px) translatey(0px);
 }
 
}

@media (max-width:1100px){

 /* Welcome */
 .fr_welcome_mid .fr_welcome_bg{
  top:31px;
 }
 
}

@media (max-width:1024px){

 /* Welcome img innr */
 .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr{
  top:-146px !important;
 }
 
 /* Welcome img innr */
 .main-wrapper .flex-column .fr_welcome_mid .row .align-self-center .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr{
  bottom:auto !important;
 }
 
}

@media (max-width:991px){

 /* Welcome img innr */
 .main-wrapper .flex-column .fr_welcome_mid .row .align-self-center .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr{
  top:-176px !important;
  bottom:auto !important;
 }
 
}

@media (max-width:930px){

 /* Welcome img innr */
 .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr{
  top:-144px !important;
 }
 
 /* Welcome img innr */
 .main-wrapper .flex-column .fr_welcome_mid .row .align-self-center .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr{
  bottom:auto !important;
 }
 
}

/* Welcome img innr */
.main-wrapper .flex-column .fr_welcome_mid .row .align-self-center .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr{
 bottom:auto !important;
}

/* Welcome */
.fr_welcome_mid .fr_welcome_bg{
 top:-71px;
 transform:translatex(0px) translatey(0px);
}

@media (max-width:1199px){

 /* Heading */
 .flex-column .fr_welcome_mid .row .align-self-center .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr h2{
  font-size:16px !important;
 }
 
}

@media (min-width:901px){

 /* Welcome img innr */
 .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr{
  top:-112px !important;
 }
 
}


@media (min-width:1400px){
 /* Offcanvas */
 .main-wrapper .sg-offcanvas{
  max-width:1440px;
 }
}

@media (max-width:930px){

 /* Heading */
 .flex-column .fr_welcome_mid .row .align-self-center .fr_welcome_bg .fr_welcome_img .fr_welcome_img_innr h2{
  font-size:17px !important;
 }
}

@media (max-width:900px){
 /* Flex column */
 .main-wrapper .flex-column{
  background-color:#1877f2;
 }
 
 /* Auth form */
 .fr_welcome_mid .m-auto .fr_auth_form{
  width:90%;
  position:relative;
  left:45px;
 }
}

@media (max-width:767px){
 /* Flex column */
 .main-wrapper .flex-column{
  background-color:#1877f2;
 }

/* Auth form */
 .fr_welcome_mid .m-auto .fr_auth_form{
  height:600px;
  min-width:0px;
  width:90%;
  position:relative;
  left:35px;
 }
 
 /* Auto */
 .fr_welcome_mid .m-auto{
  background-color:#1877f2 !important;
 }
}  

@media (max-width:690px){
 /* Flex column */
 .main-wrapper .flex-column{
  background-color:#1877f2;
 }
 
 /* Auth form */
 .fr_welcome_mid .m-auto .fr_auth_form{
  height:600px;
  min-width:0px;
  width:90%;
  position:relative;
  left:35px;
 }
 
 /* Auto */
 .fr_welcome_mid .m-auto{
  background-color:#1877f2 !important;
 }
}

@media (max-width:575px){
 /* Auth form */
 .fr_welcome_mid .m-auto .fr_auth_form{
  left:30px;
 }
}

@media (max-width:559px){
 /* Auth form */
 .fr_welcome_mid .m-auto .fr_auth_form{
  left:30px;
 }
}

@media (max-width:480px){
 /* Auth form */
 .fr_welcome_mid .m-auto .fr_auth_form{
  left:27px;
 }
}

/* Heading */
.fr_auth_form .js_panel h2{
 position:relative;
 top:3px;
 font-weight:300;
 text-transform:uppercase;
}

/* Image */
.fr_auth_form .js_panel img{
 position:relative;
 top:-11px;
}

@media (min-width:1200px){
 /* Heading */
 .fr_auth_form .js_panel h2{
  font-size:18px !important;
 }
}

/* Home Icon */
.main-header .menu-icon, .main-header .home-icon {
position: absolute;
top: 10px;
display: block;
text-align: center;
}

.main-header .logo img {
    max-height: 50px;
    width: 200px;
}

/* Strong Tag */
.js_sticky-sidebar .theiaStickySidebar .card .card-header strong{
 color:#3e5063;
}

/* Body */
.main-wrapper .flex-column {
 background-size:cover !important;
 background-repeat:no-repeat !important;
}

/* Division */
#publisher-box > div:nth-child(2){
 height:140px;
}

/* Colored text wrapper */
#publisher-box div .colored-text-wrapper{
 height:110px;
}

/* Text Area */
#publisher-box div textarea{
 height:110px !important;
}

@media (max-width:1399px){

 /* Image */
 .main-wrapper .main-header .container .row .col-7 .logo-wrapper .logo img{
  transform:translatex(0px) translatey(0px) !important;
 }
 
 /* Image */
 .logo-wrapper .logo img{
  width:150px;
  position:relative;
  left:35px;
 }
 
}

@media (max-width:1199px){

 /* Home icon */
 .main-header .logo-wrapper .home-icon{
  pointer-events:none;
  display:none;
 }
 
 /* Image */
 .logo-wrapper .logo img{
  left:30px;
 }
 
}

@media (max-width:1024px){

 /* Home icon */
 .main-header .logo-wrapper .home-icon{
  display:none;
 }
 
}

@media (max-width:991px){

 /* Home icon */
 .main-header .logo-wrapper .home-icon{
  display:none;
 }
 
}

@media (max-width:930px){

 /* Home icon */
 .main-header .logo-wrapper .home-icon{
  display:none;
 }
 
}

@media (max-width:900px){

 /* Home icon */
 .main-header .logo-wrapper .home-icon{
  display:none;
 }
 
}

@media (max-width:767px){

 /* Home icon */
 .main-header .logo-wrapper .home-icon{
  display:none;
 }
 
 /* Image */
 .logo-wrapper .logo img{
  left:5px;
 }
 
}

@media (max-width:690px){

 /* Home icon */
 .main-header .logo-wrapper .home-icon{
  display:none;
 }
 
}
	/* Notfound wrapper */
.main-wrapper .w-100 .notfound-wrapper{
 background-image:url("https://vibeforge.co/assets/banned.jpg");
  left:0px;
 background-position-x:80%;
 top:0px;
 background-repeat:no-repeat;
 background-position-y:32%;
 background-size:cover;
 height:100% !important;
}

/* Notfound */
.main-wrapper .w-100 .notfound{
 position:relative;
 left:0px;
 max-width:600px;
}

/* Notfound wrapper */
.main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
 width:100% !important;
}

@media (max-width:1440px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  top:0px;
 }
 
 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  height:100% !important;
  width:115% !important;
 }
 
}

@media (max-width:1399px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  top:0px;
  height:100% !important;
 }
 
 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  width:113% !important;
 }
 
}

@media (max-width:1199px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  height:100% !important;
  top:0px;
 }
 
 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  width:107% !important;
 }
 
}

@media (max-width:1100px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  top:0px;
  height:100% !important;
 }
 
 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  width:102% !important;
 }
 
}

@media (max-width:991px){

 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  height:100% !important;
 }
 
 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  top:0px;
 }
 
}

@media (max-width:930px){

 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  width:120% !important;
  height:100% !important;
 }
 
 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  top:0px;
 }
 
}

@media (max-width:900px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  top:0px;
  background-position-x:85%;
  background-size:auto;
  left:0px;
 }
 
 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  height:100% !important;
  width:118% !important;
 }
 
}

@media (max-width:690px){

 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  height:100% !important;
 }
 
 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  top:0px;
 }
 
}

@media (max-width:575px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  background-position-x:84%;
 }
 
}

@media (max-width:559px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  top:0px;
  background-position-x:81%;
 }
 
 /* Notfound wrapper */
 .main-wrapper .container .row .x-content-width .x_content_row .w-100 .notfound-wrapper{
  width:100% !important;
  height:100% !important;
 }
 
}

@media (max-width:520px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  transform:translatex(0px) translatey(0px);
  top:-25px;
  height:1023px !important;
 }
 
}

@media (max-width:390px){

 /* Notfound wrapper */
 .main-wrapper .w-100 .notfound-wrapper{
  background-position-x:79%;
  width:100%;
  background-size:cover;
 }
 
}

@media (min-width:768px){
 /* Column 4/12 */
 .sg-offcanvas-mainbar .col-md-4{
  width:360px;
 }
}

@media (max-width:690px){

 /* Column 4/12 */
 .sg-offcanvas-mainbar .js_sticky-sidebar{
  display:none;
 }
 
}


/* Card */
.sg-offcanvas-mainbar .row .js_sticky-sidebar .theiaStickySidebar .card:nth-child(2){
 height:250px;
}

/* Heading */
.main-wrapper .sg-offcanvas .row .sg-offcanvas-mainbar .row .js_sticky-sidebar .theiaStickySidebar .card .card-header h6{
 bottom:auto !important;
}

/* Heading */
.sg-offcanvas-mainbar .card-header h6{
 top:-2px !important;
 left:-6px !important;
 color:#000000;
}

@media (min-width: 690px){
    #install-banner {
       display: none !important;
    }

}