/* base stuff to make it go */

.sock__container {
	position: relative;
}

.sock__container.sock--floating .sock .sock__box {
  max-width: 100vw;
  width: 100%;
  
 

 }

.sock__container.sock--floating,
.sock__container.sock--stacked
 {
  position: fixed;
  bottom: 0;
  max-width: 100vw;
  width: 100%;
  z-index: 20;
 }

.sock__container.sock--floating .hide-when-floating {
  display: none;
 }

.transition-active .sock__box {
  transition: all 0.35s ease;
}
 
 
 /* end base */

.yse-detail-tfs .sock .btn, .yse-landing-tfs .sock .btn {
  background-color: #fff;
}

.sock--floating h2 {
 font-size: 1.375rem; 
 margin-top: -0.25rem;
}

@media print, screen and (min-width: 64.0625em) {
	 .sock--floating h2 {
     margin-top: 0;
    }
}

@media print, screen and (min-width: 48em) {
   .sock--floating .sock .sock__box {
        padding: 0.5rem;
    }

    .sock--floating .sock .btn {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }
    .sock--floating .sock ul {
    	margin-top: 0rem;
		}
	 .sock--floating h2 {
     margin-top: -0.125rem;
    }
}

@media screen and (max-width: 47.9988em) {
  .sock li, .sock li+li {
      margin-top: 0.25rem;
  }
  .sock .sock__box {
  	padding-left: 0 !important;
  	padding-right: 0 !important;
  }
}


.sock--floating {
	border-top: 2px solid #286DC0;
}

.yse-detail-tfs .sock--floating, .yse-landing-tfs .sock--floating {
	border-top: 2px solid #555555;
}

.sock--floating .sock .sock__box {
    padding: 0.625rem;
    padding-bottom: 0.75rem;
}

.sock--floating .sock ul, .yse-landing-tfs .sock ul, .yse-detail-tfs .sock ul {
    margin-top: 0rem;
}

.sock--floating .btn--inverse {

}

.sock--floating .sock .btn {
	font-size: 0.75rem;
	line-height: 1rem;
	letter-spacing:0;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  border-radius: 20px;
}