/* 

Add here your custom css styles Example: p { text-align: center; color: red; } 

*/

.close {
    opacity: 1 !important;  
}

.pt_hmpg_contanr{max-width: max-content !important;}

/* Tablets  ----------- technically max width is 1024 for tablets but view port treats 1024 and over as desktop*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .tablet-height-adj-videos-by-amr {min-height: 340px;}
}
    
@media only screen and (min-width: 768px) {
    /* https://ishadeed.com/article/viewport-units/ */
}

@media only screen and (max-width: 320px) {
    /* https://ishadeed.com/article/viewport-units/ */
    .pt_video_info .btn-subscribe, .pt_video_info .btn-subscribed {
        max-width: 120px;
    }
}

@media only screen and (max-width: 360px) {
    /* https://ishadeed.com/article/viewport-units/ */
    .pt_video_info .btn-subscribe, .pt_video_info .btn-subscribed {
        max-width: 125px;
    }
}

@media only screen and (max-width: 319px) {
    .logo-img {display: none;}
}
    
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#main-container {
    /*min-height: calc(100vh - 113px); this works but foot is at botton no matter what without body above*/
    flex-grow: 1;
}

.pt_homepg_whote_bg{
    margin-top:0
}
    
#main-container{
    width:100% !important; 
    padding: 0;
}

#container_content{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
    
.home-container #container_content{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*.top-video {overflow: hidden;}*/ /* added by AMR*/

.ajax-modal {
    display:    none;
    position:   fixed;
    z-index:    100000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.ajax-loading .ajax-modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.ajax-loading .ajax-modal {
    display: block;
}

span#new-chats { position: absolute; display: inline-block; top: 12px; left: 25px; z-index: 100; color: #fff; font-family: Lato, sans-serif; background: #d84c47; border-radius: 2px; line-height: 11px; }
span#new-chats b { padding: 1px 4px 2px; display: inline-block; font-weight: normal; line-height: 11px; font-size: 12px; }

@media (max-width: 374px) { /* added by AMR*/
  .hide-in-small-mobile { display: none !important; }
}

/*makes subscribe button red with no border*/
.btn-subscribe { 
    background: #c00 !important; 
    border: 0 !important;
    color: white;
}

/*when user is subbed*/
.btn-subscribed {
    background: transparent !important;
    border: 0 !important;
}

.publisher-subscribe-button span { 
    background: transparent !important; 
    border-color: transparent; 
}

/*
.page-margin.video-player-page .publisher-subscribe-button span { background: #3590d9 !important; border-color: #5e99dc; }
*/

/* added by AMR */
span#amazon-store {
    color: #d84c47 !important;
    position: absolute;
    top: 4px;
    right: 3px;
    background-color: transparent;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 10px;
    text-align: center;
    cursor: default;
}

/* added by AMR */
span#funding-progress {
    position: absolute;
    top: 4px;
    right: 0;
    background-color: transparent;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 10px;
    text-align: center;
    cursor: default;
}

div textarea { resize: none !important; overflow: hidden !important; } /*added by AMR*/

#container_content {overflow: hidden;} /* added by AMR*/

@media only screen and (min-width: 768px) {
    .go-pro-container .go-pro-body .go-pro-packages .go-pro-pkg div .go-pro-features-list { min-height: 670px !important; }
}

.ourCustomToolTip {
  position: relative;
  display: inline-block;
}

.ourCustomToolTip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.ourCustomToolTip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.ourCustomToolTip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}