/*BOOTSTRAP CUSTOM CSS*/
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  .b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }

  .b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
  }

  .bi {
    vertical-align: -.125em;
    fill: currentColor;
  }

  .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }

  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

/* ==================== */
/* ====== GLOBAL ====== */
/* ==================== */

/*INSTAGRAM: FONT, COLOR, etc*/
.fs-16{font-size:16px;}
.fs-14{font-size:14px;}
.fs-12{font-size:12px;}
.fs-10{font-size:10px;}
.fs-10,.fs-12,.fs-14,.fs-16{font-family: "Segoe UI";}
.ig-black{color:#262626 !important;}
.bagde-custom{background-color:rgb(255, 48, 65) !important;font-size:11px;padding: 2px 4px 3px 5px;margin-top: 8px !important;font-weight:normal;font-style: normal;}

/*MENU*/
.dropdown-fix{top:15px !important;width:230px;}
.logo-dropdown-fix{top:22px !important;}
.logo-chevron{margin-top: -13px !important;}
.menu-fix{background-color: rgb(239, 239, 239);}

/*STORIES SECTION*/
.story-border-wrap {border-radius: 50px;max-width: 250px;padding: 2px;position: relative;background: -webkit-linear-gradient(left top, crimson 0%, #f90 100%);}
.close-friends {background: #1cd04f;}
.custom-story div{width:60px}

/*POSTS IMAGE*/
.img-cropper{width: 100%;height:470px;object-fit: cover;object-position: center;}
.carousel-bg-img{height: 431px;background-color: #000; background-position: center;background-repeat: no-repeat;background-size: contain;}
.no-outline:hover,.no-outline:focus,.no-outline:active{outline:0px !important;-webkit-appearance:none;box-shadow: none !important;}

/*POST CAROUSEL*/
.carousel-indicators{bottom: -55px;}
.carousel-indicators [data-bs-target]{height: 6px;width: 6px;border-radius: 50% !important;opacity: 0.5;}
.carousel-indicators .active {opacity: 1 !important;background-color:rgb(0, 149, 246) !important;}
/*controls*/
.carousel-control-next-icon,.carousel-control-prev-icon{background-color: rgb(255 255 255 / 50%);background-size: 15px;border-radius: 20px;width: 1.5rem;height: 1.5rem;}

/*MEDIA ATTRIBUTION*/
.custom-spacing-credits div{margin:5px 0;}
.credits-image-fix{width: 75px;height:75px;object-fit: cover;object-position: center;}

/* ==================== */
/* === PROFILE PAGE === */
/* ==================== */

.btn-custom{padding:3px 10px !important;background-color: white;border:1px solid #dbdbdb;color: #262626;height:30px;}
.story-border-wrap-profile {border-radius: 100%;max-width: 250px;padding: 3px;position: relative;background: linear-gradient(220deg, rgba(211,0,197,1) 0%, rgba(255,36,74,1) 35%, rgba(255,42,70,1) 50%, rgba(255,85,32,1) 65%, rgba(255,202,0,1) 100%);}

/*Featured Stories*/
.featured-border-wrap {border-radius: 100%;max-width: 250px;padding: 1px;position: relative;background: #d6d6d6}
.featured-stories{border:1px solid #d6d6d6;border-radius:100%;text-align: center;}
.featured-stories img{border: 3px solid #fff;width: 85px;}
.featured-stories-icon{width: 87px;height: 87px;border:1px solid #d6d6d6;border-radius: 100%;text-align: center;}

/*Horizontal Tab Nav*/
.nav-link.active {color: rgb(38, 38, 38) !important;border-top: 1px solid #262626 !important;border-radius: 0 !important;}
.li-fix-border{margin-top: -9px;}
.a-fix-border{padding-top: 15px;letter-spacing: 1px;color:#8e8e8e !important;}

/*Posts feed tab*/
.square-img-profile{width:100%;object-fit: cover;object-position: center;}
.overlay-wrap {position: relative;}
.overlay {color: transparent;top: 0;bottom: 0;left: 0;right: 0;transition: .5s ease;background-color: transparent;display: flex !important;cursor: pointer !important;
position: absolute;padding: 1rem;overflow: hidden;height: 290.33px;width: 290.33px;border-radius: inherit;z-index: 1;opacity: 0;margin: 0 auto;margin-top: 4px;}
.overlay-wrap:hover .overlay:hover {background-color: rgba(0, 0, 0, .2);color:white;opacity: 1;}

/*Reels tab*/
.rectangle-img-profile{object-fit: cover;object-position: center;}
.rec-overlay-wrap {position: relative;width: auto;}
.rec-overlay {color: transparent;top: 0;bottom: 0;left: 0;right: 0;transition: .5s ease;background-color: transparent;display: flex !important;cursor: pointer !important;
position: absolute;padding: 1rem;overflow: hidden;height: 330px;width: 212px;border-radius: inherit;z-index: 1;opacity: 0;margin-top: 4px;margin-left: 12px;}
.rec-overlay-wrap:hover .rec-overlay:hover {background-color: rgba(0, 0, 0, .2);color:white;opacity: 1;}
.rec-overlay-wrap:hover .views{display:none;}

/*Tagged*/
.overlay-no-text{background-color: rgba(0,0,0,.4);position: absolute;width: 298px;height: 100%;margin-top: 0px;margin-left: 13px;}
.header-collections{text-align: left;z-index: 30;font-size:18px;}

/*Footer*/
.footer-menu-fix a{color:#8e8e8e !important;}