/*** CHANEL SKIN ***/
/*** css is indented according to its nesting in the HTML ***/


/*** global ***/


#QAModule {
  width: 95%;
  margin: 0 auto;
}

[data-whatinput="keyboard"] .TurnToItemTeaser a:focus,
[data-whatinput="keyboard"] #TurnToContent a:focus {
  outline: 1px solid black;
  outline-offset: 4px;
}

/*** hidden features ***/

.TTpoweredby,
#TT3RightLinks,
.TTccSocialPost,
blockquote.TT4quote:before,
p.TTccThanks,
#TTrespRegLeft, /* social auth */
#TTauthOr, /* auth 'or' */
#TTtraWindow #TTrespRegRight input#TTregNickname, /* nickname field */
#TTSubDialogSection #TTregCancel,
#TTSubDialogSection #TTregSkip,
#TTnicknameInfo,
#TTmiqArea,
#TT4miqAbout,
#TTexUgcL, /* Browse X q and Y a */
#TurnToContent img.TT4showMoreImg,
/*#TT2acceptDup,
#TT2cancelDup,*/
.TTinstAnsReviseText,
.TT4QiaHintCenter,
.TTanswerMiqa,
.TTanswerMiqaHelp,
.TT3answerMiqa,
.TTansMiqaAnsBtns,
.TT4miqaContainer,
.TT3youHolder,
.TT3staffBadge,
.TT3storeBadge,
.TT4controlLine .TT3askedBy,
.TT4vUpCnt,
.TT4answVoteCall,
ul.TT3linkLine li:after,
.TT4ansAndReplies .TT3linkLine li:first-child, /* reply link */
ul.TT3linkLine li.TT3helpful,
ul.TT3linkLine li.TTflagAnswer,
ul.TT3linkLine li.TT4purchaseText,
ul.TT3linkLine li.TT3sendThanks {
  display: none !important;
}

#QAModule h1 {
  margin: 60px auto 0 auto;
  padding: 0;
  text-align: center;
  font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 30px;
  line-height: 0.4rem;
  font-weight: normal;
  color: #1d1d1d;
}


/*** Q&A TEASER ***/

a#readQuestions {
  font-size: 14px;
  line-height: 1em;
  font-weight: 500;
  color: #676767;
  text-decoration: none;
  border-bottom: 1px solid #676767;
  padding: 0 0 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
}


/*** Q&A WIDGET ***/

/*** asking area ***/

div#TT4AskAreaWrap {
  /* margin: 0 16px; */
  /* background: lightgoldenrodyellow; */
}

  div.TT4AskBkgAndBorder {
    background: transparent;
    border: 0;
    padding: 0;
  }
  
    div#TT2questionSection {
      padding: 0;
    }
    
    div#TT2askRewardMsg,
    div#TT3error {
      padding: 12px;
      font-size: 12px;
    }

    div#TT3error {text-align: center;}
    
      /* div#TTaskArea > div:first-child {
        padding: 7px;
        background: #F7F7F7;
      } */

        /*** input wrapper ***/
      
        #TT4AskAreaWrap div#TTaskArea div#TT4questionTextWrap {
          /* search container */
          position: relative;
          width: 50%;
          margin: 36px auto 60px auto;
          display: block;
          border: 0;
          border-bottom: 2px solid #1D1D1D;
          overflow: visible !important;
          /* background-color: transparent; */
          /* padding: 5px; */
          
        }
        
          div.TTdialog textarea, 
          div#TurnToContent textarea, 
          div#TTtraWindow textarea,
          div#TurnToContent textarea#TT2questionText, 
          div#TTtraWindow textarea#TT2questionText {
            /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
            font-size: 14px;
            line-height: 15px;
            padding: 10px;
            height: 34px;
            min-height: 34px;
            box-sizing: border-box;
            font-weight: 300;
            color: #767676;
          }

          div#TurnToContent textarea#TT2questionText {
            color: #717171;
          }

          div#TurnToContent div#TTaskArea textarea#TT2questionText {
            /* padding-left: 32px; */
            border: 0;
            margin-right: 0!important;
          }  

            [data-whatinput="keyboard"] div#TurnToContent textarea#TT2questionText:focus {
              outline: 1px solid black;
              outline-offset: 4px;
            }

            /* #TT2questionText:focus {
              background: green !important;
            } */
                
          div.TTdefaultInput {
            color: #808080;
          }
        
          div.TT4chatIcon {
            /* margin-top: 5px;
            margin-left: 5px;
            margin-right: -6px; */
            position: absolute;
            right: 0;
          }
          
          #TT4questionTextWrap div#TT4closeQuestionBox {
            /* right: 15px;
            top: 15px; */
            right: 26px;
            top: 9px;
            /* display: block; */
          }

        
        /*** hint line ***/
        
        div.TT4startTyping {
          width: 70%;
          margin: 7px 5px !important;
          color: #767676;
          font-weight: 300;
        }
          
          a#TT4questionTextHelp {
            color: #333333;
            font-weight: 400;
            text-decoration: underline;
            display: inline !important;
          }
    
  
        /*** learn more text ***/

        div#TT4questionTextHelpCnt {
          border-radius: 0;
          box-shadow: none;
          border: 0;
          /* border-bottom: 1px solid #DDD; */
          border-bottom: 0;
          margin: 14px -14px -14px;
          padding: 24px 14px 36px;
          color: #000000;
        }
        
              #TT4questionTextHelpCnt ul {
                margin: 6px 0 0 0;
                padding: 0 0 15px 24px;
              }

              #TT4questionTextHelpCnt li,
              #TT4questionTextHelpCnt p {
                margin: 0;
                padding-top: 6px;          
                padding-right: 24px;      
                font-size: 12px;
                line-height: 17px;   
              }
              
                #TT4questionTextHelpCnt strong {
                  font-size: 14px;
                  line-height: 20px;                  
                  color: #595959;
                  font-weight: 300;
                  display: block;
                  margin-bottom: 6px;
                  letter-spacing: 0.04em;
                }
        

/*** asking new ***/


#TTtrasubtop,
#TTtrasubmid,
#TTtrasubbot,
#TTtraDialogTitleBar,
#TTmainContent,
#TT2footer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #FFF;
  width: 100%;
  /* border:2px solid #000; */
}

#TTtrasubtop,
#TTtraDialogTitleBar {
  border-bottom: 0;
}

#TTtrasubmid,
#TTmainContent {
  border-top: 0;
  border-bottom: 0;
}

#TTmainContent,
#TTtraLayout {
  min-width: auto !important;
}

#TT2bttn1 {
  border-radius: 0;
}
#TT2bttn1:hover {
  color: #000;
}


#TTtrasubbot,
#TT2footer {
  border-top: 0;
}

#TTtraDialogTitleBar {
  padding: 10px;
}

#TTtraDialogTitleBar a.TTtraWindowClose {
  top: 24px;
}

#TTtraLayout {
  width: 100%;
  padding-top: 30px;
}

#TT2mainMessage h2,
#TT2mainMessage h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
}

#TT2mainMessage button {
  border-radius: 0;
  border: 2px solid #000;
}

  #TT2mainMessage button:hover {
    background: #FFF;
    color: #000;
  } 

a#TTtraWindowClose, a#TTSubWindowClose {
  top: 14px;
  right: 14px;
  width: 12px;
  height: 12px;
}

#TTtraUserStateMain #TTtraDialogTitleBar {
  padding: 20px;
}

#TTtraUserStateMain #TTtraDialogTitleBar a#TTtraWindowClose {
  top: 24px;
}
#TTtraUserStateMain #TTtraDialogTitleBar  #TTtraWindow a:hover {
  top: 25px;
  right: 15px;
  background-color: green;
}

#TTSubWindowClose:focus {
  outline: 0;
}

a#TTtraWindowClose:before, a#TTSubWindowClose:before {
  content: 'X';
  display: block;
  color: rgba(0,0,0,0);
  width: 12px;
  height: 12px;
  /* background-image: url(en_US_Nike_b_1x.png);
  background-size: 298px 4366px; */
  background-image: url(../images/en_US_Chanel_1x.png);
  background-size: 298px 4152px;
  background-position: 0 -167px;
  background-repeat: no-repeat;
}

.TT2imgLoading {
  width: 16px !important;
}

div#TTaskExpand {
  width: 76%;
  margin: -28px auto 0 auto;
  padding: 0;
  background-color: #FFF;
  /* margin-top: -10px;  */
}

  div#TTaskAreaBtnLine_instr,
  div.TT4answerInstructions,
  div.TT4QhintCenter {
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 12px;
    line-height: 14px;
    color: #717171;
    padding: 0;
    float: none;
    height: auto;
    font-weight: 300;
  }

  .TT4answerInstructions {
    position: relative;
    top: 37px;
    width: 70%;
  }

  
  div.TTaskOwnerBtnWrap {
    margin-top: 12px;
    padding: 5px;
  }
  
  span#TT3newQMsgTxt {
    padding: 0 13px;
    display: block;
  }

  #TurnToContent div.TTsqvBack, 
  #TTtraWindow div.TTsqvBack {
    /* background-position: 0 -791px !important; */
    /* width: 143px; */
    background-position: -240px -1412px !important;
    width: 58px;
    position: relative;
    top: 9px;
  }

  #TurnToContent div.TTsqvBack:hover, 
  #TTtraWindow div.TTsqvBack:hover {
    /* background-position: 0 -823px !important; */
    background-position: -240px -1412px !important;
  }


div#TT4questionTextWrap {
  display: flex;
  /* delete height: 34px !important; */
}

#TurnToContent textarea#TT2questionText,
#TTtraWindow textarea#TT2questionText {
  width: 100%;
  padding-right: 40px;
}

div.TT4chatIcon {
  flex-basis: 30px;
}


/*** questions/results count, sort bar ***/

div.TT8 {
  /* padding: 0 14px 20px; */
  padding: 0 0 29px 0;
  margin: 0;
}

span.TTinstAnsReviseText, 
span.TTinstAnsresultCountText,
div.TT4QiaHintCenter {
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  margin: 4px 8px 4px 0;
}

span.TTinstAnsReviseText {
  margin: 0 8px;
}

span.TTinstAnsresultCountText {
  /* update position of no results found */
  position: relative;
  top: 9px;
}

.TTaskOwnerBtnWrap .TTcancelBtn {
  /* update position of cancel 'submit question' */
  position: relative;
  top: -9px;
}


  /* sort bar */
  
  #TTexUgcR {
    position: relative;
    float: right !important;
    text-align: right;
    top: -27px;
  }

/*** asking results ***/

div.TT4askQ,
div#TTaskAreaBtnLine {
  border-radius: 0;
  box-shadow: none;
  border: 0;
  margin-top: 0;
  padding: 0;
  color: #000000;
  background: transparent;
}
div#TTaskAreaBtnLine {
  overflow: visible;
  height: 60px;
  margin-right: -5px;
  margin-bottom: -5px;
}

    img.TT4searchLoading {
      margin: 14px 0;
    }
  
  div#TT4askQResultsLine,
  div.TTsqvBorder {
    padding: 12px 13px;
  }
  
  div.TT4iaSection{
  }
    div.TT4iaSection .TTanswerCount {
      /* answer count search results no display */
      display: none;
    }
    div#TT4iaResultsQ {
      border-bottom: 1px solid #DDD;  
    }
    
      div#TT4iaResultsQ .TT3itemBox {
        padding: 24px 13px 0 13px; 
        margin-bottom: 0;
      }

      .TT3IAContainer .TT3itemBox2 {
        padding: 0;
      }
      
      div.TTanswerCount {
        padding: 0;
        font-size: 11px;
        color: #808080;
      }
    
    .TT4searchLoading {
      width: 16px !important;
    }

  /* solo question view */
  
  div#TT3soloQuestion, 
  div#TT3soloQuestionQ, 
  div#TT3soloReviewViewQ, 
  div#TT3soloQuestionR {
      overflow: visible;
  }

  div#TT4inlineSqvQ {
    margin: 0;
    padding: 0;
  }  
  
    #TT4inlineSqvQ .TT3questCntr .TT4bestAnswerBlock .TT3ansArea {
      /* background: #FFF; */
      padding: 0 13px 0 13px;
      border: 0;
    }

    #TT4inlineSqvQ .TT3aboutLine {
      color: #767676;
      margin-bottom: 4px;
      font-size: 12px;
      font-weight: 300;
    }

      #TT4inlineSqvQ .TT3aboutLine:before {
        content: 'Asked ';
      }


        /* hide asker line and adjust spacing */
        
        div#TT4inlineSqvQ .TT4askedByBlock {
          display: none;
        }
        div#TT4inlineSqvQ .TT3itemBox {
          padding-bottom: 20px;;
        }

        div#TT4inlineSqvQ .TT4QProductImg {
          top: 8px;
          display: none;
        }                                

        #TT3soloQuestionView div#TT2closeGroup {
          display: none;
        }
          

/*** list ***/

div#TT3itemQuestCont {
  /* border-bottom: 1px solid #DDD;   */
}

  div#TT3IQContainer {
    margin: 0;
  }
  
  div#TTQuestionsAndAnswers {
    margin-top: 24px;    
  }


  /* show more row */
  
  div#TT3qShowMore {
    margin: 0;
    border-bottom: 0;
    font-size: 12px;
    padding: 50px 28px;
    text-align: center;
  }
  
    div.TT3ShowMore a {
      overflow: visible;
      height: auto;
      display: inline-block;
    }

    span.TT3ShowMoreText {
      /* font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
      color: #000;
      margin-left: 0;
      padding-left: 20px; */

      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      text-transform: capitalize;
      letter-spacing: 0;
      color: #333;
      margin-left: 0;
      padding-left: 24px;
      background-position: 0 -212px;
      height: 22px;
    }
    
    /*** why did you choose this? ***/
    #TT3quest-SYSGEN {
      /* border: 1px solid green; */
    }
    #TT3quest-SYSGEN .TT3itemBox {
      border-top: 0px;
      padding: 0;
    }
    #TT3quest-SYSGEN div#TT4commentColumns {
      margin: 0;
      padding: 8px 0;
      background: #F6F6F6;
    }

      #TT3quest-SYSGEN .TT4controlLine,
      #TT3quest-SYSGEN .TT3itemBox2 span.TT3cText,
      #TT3quest-SYSGEN .TT3itemBox2 span.TT3timeStamp,
      #TT3quest-SYSGEN .TT3linkLine span,
      #TT3quest-SYSGEN .TT3linkLine span a,
      div#TurnToContent a#TTallCommentsShow,
      div#TurnToContent a#TTallCommentsHide { 
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 14px;
        color: #767676;
        font-weight: 300;
        text-transform: none;
      }

      #TT3quest-SYSGEN .TT3itemBox2 span.TT3cText {
        color: #333333;
        font-size: 14px;
        line-height: 18px;
      }

      #TT3quest-SYSGEN .TT4controlLine {
        /* margin: 4px 0 24px 0; */
        margin: 4px 0 24px 0;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #ECECEC;
      }
    
      #TT3quest-SYSGEN .TT3linkLine{
        background: #F6F6F6;
        text-align: right;
        padding-right: 28px;
        margin-top: 0;
      }
      #TT3quest-SYSGEN .TT3linkLine span a,
      div#TurnToContent a#TTallCommentsShow,
      div#TurnToContent a#TTallCommentsHide {
        margin-top: 0 !important;
        font-size: 14px;
        color: #333333;
        font-weight: 400;
        text-transform: none;
        text-decoration: underline;
      }

    /*** single question and answers ***/

    div.TT3questWrp {
      padding: 0;
    }
    
      /*** question ***/

      div.TT3questCntr {
        margin-top: 0;
      }
    
        div.TT3itemBox {
          background: transparent;
          border: 0;
          border-top: 1px solid #ECECEC;  
          /* padding: 40px 28px 0; */
          padding: 33px 13px 0 13px;
        }
        
          div.TT3qText,
          span.TT3qText {
            font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 16px;
            line-height: 1.5rem;
            color: #333333;
          }

          span.TT3qText {
            font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 16px;
            color: #333333;

          }
          
          div.TT4askedByBlock,
          div.TT4controlLine {
            margin: 4px 0 24px;
          }

          div.TT4askedByBlock {
            margin-bottom: 18px;
          }
          
            .TT3metaText span.TT3askedBy, 
            .TT3metaText span.TT3timeStamp {
              font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 12px;
              line-height: 14px;
              color: #767676;
              font-weight: 300;
            }
            
          
          /*** displayed answer ***/
          
          div.TT4bestAnswerBlock div.TT4ansAndReplies {
            border-bottom: 0;
            border-top: 0;
          }

          /*** other answers ***/

          .TT3soloQuestHeader div.TT4ansAndReplies {
            border-bottom: 0;
            border-top: 1px solid #efefef;
          }          


      /*** all answers ***/
 
      div.TT3IAContainer {
        /* padding: 0 38px; */
        /* background: #FAFAFA; */
        padding: 0;
        margin-bottom: -1px; /* hide last bottom border in answers list */
      }
           
            div.TT4ansAndReplies {
              border-bottom: 1px solid #EFEFEF;  
            }
            
              .TT4ansAndReplies .TT4SysMsgBody,
              #TT3newQMsg {
                /* border: 0px solid #ddd; */
                padding: 26px 22px;
                background: #F6F6F6;
                font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
                color: #000;
                font-size: 14px;
                width: 100% !important;

              }
              
              .TT4ansAndReplies .TT4SysMsgBody .TT3tabClose {
                margin-top: -16px;
                margin-right: -12px;
              }

              #TurnToContent .TT4SysMsgBody a.TT3resendConfirm {
                text-decoration: underline;
                color: #000;
              }

              .TT4ansAndReplies .TT4SysMsgBody span {

              }

              div.TT3ansArea {
                border: 0;
                margin: 0;
                padding: 16px 13px 0 13px;
              }

                div.TT4respAnsWidth {
                  width: 100% !important;
                }
            
                span.TTbestAnswer,
                span.TTshownAnswer {
                  color: #333333;
                  font-size: 11px;
                  font-weight: normal;
                  white-space: nowrap;
                  margin-right: 3px;
                  font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
                }

                span.TTbestAnswer {
                  /* removed */
                  display: none;
                }
                
                span.TT3aText,
                span.TT3cText {
                  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
                  font-size: 14px;
                  line-height: 18px;
                  font-weight: 300;
                  color: #333333;
                }

                a.TT4addAnswer .TTrespDesktopDisp {
                  display: inline-block !important;
                  text-decoration: underline;
                }

                a.TT4addAnswer .TTrespMobileDispInline {
                  display: none !important;
                }
                
                ul.TT3linkLine {
                  font-size: 11px;
                  line-height: 14px;
                  color: #808080;
                  margin-bottom: 16px;
                }
                
                  #TurnToContent .TT3ansArea .TT3linkLine a, 
                  #TTtraWindow .TT3ansArea .TT3linkLine a,
                  #TurnToContent .TT3ansArea .TT3linkLine a:hover, 
                  #TTtraWindow .TT3ansArea .TT3linkLine a:hover,
                  span.TT3timeStamp {
                    color: #808080;
                  }

                  /*** reply link ***/
          
                  .TT4ansAndReplies .TT3linkLine li:first-child { 
                    font-size: 9px;
                    margin-left: 12px;
                    font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
                  }
  
                    #TurnToContent .TT4ansAndReplies .TT3linkLine li:first-child a,
                    #TurnToContent .TT4ansAndReplies .TT3linkLine li:first-child span { 
                      color: #000000;
                    }
                  
                  li.TT3askedBy {
                    /* float: left;  /* move answer credit to left of "reply" button -- needs clearfix or other padding fix if enabled */
                    font-size: 12px;
                    font-weight: 300;
                    color: #767676;
                  }

                  /*** replies ***/

                  div.TT3Indent {
                    margin-left: 24px;
                  }                  

                  div.TT3replyInputBlock {
                    padding: 0 0 16px;
                  }
                  
                  div.TT3rplyCntr {
                    padding: 18px 0 0;
                    margin: 0;
                    border-top: 1px solid #EFEFEF;
                  }

          /*** shown answer ***/

          div.TT4shownAnswerBlock,
          div.TT4bestAnswerBlock {
          }

            div.TT3questCntr .TT4bestAnswerBlock .TT3ansArea[sqvbestanswer=true] {
              border: 0;
              padding: 0;
              margin: 0;
            }
          
            div.TT3questCntr div.TT3ansArea {
              margin: 0;
              padding-top: 0;
              padding-left: 38px;
            }

          /*** toolbar ***/


          ul.TT3questionLinkLine {
            border-top: 0;
            /* border-top-color: #EFEFEF; */
            margin: 0;
            text-align: right;
          }
          
            ul.TT3questionLinkLine li,
            /* div#TurnToContent a#TTallCommentsShow, */
            /* div#TurnToContent a#TTallCommentsHide  */
            {
              font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
              font-size: 10px;
              line-height: 11px;
              color: rgba(0,0,0,0.87);
            }

            ul.TT3questionLinkLine li {
              font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
              font-size: 14px;
              color: #1D1D1D;
              text-decoration: underline;
            }

            ul.TT3questionLinkLine li {
              /* padding: 12px 0 18px; */
              padding: 0 0 24px;
              margin: 0 0 0 24px;
            }

              div#TurnToContent a#TTallCommentsShow,
              div#TurnToContent a#TTallCommentsHide {
                display: inline-block;
                padding: 0;
                margin: 18px 0;  /* adjust for shorter icon */
              }
            
            span.TT3showText,
            span.TT3hideText {
              font-weight: 400;
            }


            div.TT4pen,
            div.TT4expand,
            div.TT4collapse {
              position: relative;
              top: 4px !important;
              margin-right: -2px; /* eliminate gap due to display: inline-block */
              padding-right: 5px;
              /* remove background images */
              background: none;
              display: none;
            }

            span.TT4disabledVote {
              color: #1d1d1d;
            }

            span.TT4disabledVote .TT4pen {
              opacity: .26;
            }

              #TurnToContent ul.TT3questionLinkLine a, 
              #TTtraWindow ul.TT3questionLinkLine a,
              #TurnToContent ul.TT3questionLinkLine a:hover, 
              #TTtraWindow ul.TT3questionLinkLine a:hover {
                color: #1d1d1d;
              }
              

                
      /*** answering ***/

      div.TT3answersBlock {
        padding: 18px 28px;
        background: #F6F6F6;
        margin: 0;
        border: 0;
      }
      
        div#TurnToContent .TTanswerInputArea textarea {
          /* height: 72px; */
          padding: 10px 0;
        }        

          textarea.TT3inlineAnswer {
            outline: 0;
            /* border: 1px solid #DDD; */
            border: 0;
            border-bottom: 1px solid #717171;
            background: #F6F6F6;
            margin: 25px 0 20px 0;
            /*overflow: hidden;*/
            
          }
        
          div.TT4answerBtns {
            
          }

          .TTanswerInputArea .TTbigSubmitBtn {
            /* background: #1D1D1D; */
            height: 50px;
          }
/* 
          #TurnToContent .TTanswerInputArea a.TT2cancelBtn {
            background: red !important;
          } */

          /* .TTanswerInputArea .TTbigSubmitBtn::before{
            content: 'submit';
            position: relative;
            display: inline-block;
            color: #fff;
            font-weight: 300;
            top: 18px;
            left: 30px;
          } */

          #TurnToContent .TTanswerInputArea a.TT2cancelBtn {
            margin-top: 10px;
          }

          /* #TurnToContent .TTanswerInputArea a.TT2cancelBtn::before {
            content: 'cancel';
            color: #1D1D1D;
            text-decoration: underline;
            height: 10px;
            width: 20px;
            position: relative;
            top: 0;
            left: 0;
          } */




      /*** about line and link ***/
      
      div.TT3aboutLine, 
      .TTdialog div.TT3aboutLine,
      #TurnToContent div.TT3aboutLine a, 
      #TTtraWindow div.TT3aboutLine a {
        font-style: normal;
        color: #808080;
      }


/*** DIALOGS  ***/ 
/*
Centering div:  #TTtraWindow .TTtra-ui-dialog .TT2mainDialog
Container div:  #TTtraSubWindow .TTtra-ui-dialog .TTSubDialog
Content row:    #TTtrasubmid
Row padding:    #TTSubDialogSection .TTdialog
Row content:    #TTSubScreen
*/


#TTtraWindow {
  width: 60% !important;
  left: 20% !important;
  /* background: coral !important; */
  overflow: inherit !important;
}

#TTtraSubWindow {
  width: 100% !important;
  left: 0 !important;
  background: teal !important;
  box-shadow: 0 0 140px 0px rgba(0,0,0,0.2);

}

  /* reply from email */
  
  div#TT2MainSection {
    margin-bottom: 0;
  }
  
    div#TT2myNetworkSection {
      margin: 0;
      padding: 0;
    }
  
      div#TT2myNetworkSection #TT3soloQuestionView {
        padding: 20px 30px 0;
      }

      #TT2myNetworkSection div#TT3soloQuestion {
        border-top: 1px solid #EEE;
        margin-top: 15px;
        padding-top: 24px;
      }
  
      div#TT2myNetworkSection .TT3itemBox {
        padding: 0;
        border: 0;
      }

      div#TT2myNetworkSection .TT4shownAnswerBlock .TT4ansAndReplies {
        border-top: 0;
        padding-top: 24px;
      }

      #TT2myNetworkSection .TT4miqaContainer {
        display: none;
      }
      
      #TT2myNetworkSection .TT3itemBox .TT3Indent, 
      #TT2myNetworkSection .TT3Indent>.TT3Indent,
      #TT2myNetworkSection div.TT3Indent {
        margin-left: 0;
      }

      #TT2myNetworkSection .TT4QProductImg {
        right: 5px;
      }

      /* auth */
      
      #TTSubDialogSection {
        padding: 20px 30px;
      }



  /* header bars */
  #TTSubDialogSection .TT8,
  div.TTsoloQuestionMsg {
    font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    color: #000000;
    background: transparent;
    padding: 0 0 20px 0;
  }     
  
  #TTSubDialogSection .TT8,
  #TTSubDialogSection div#TTregInstrText  {
    text-align: center;
  }

  /* div.TT8, */
  div#TTregInstrText {
    padding: 0 0 0px 0;
  }

  #TTSubDialogSection div#TTregInstrText {
    font-size: 14px;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    padding: 0 0 20px 0;
  }

    div#TTrespRegRight {
      float: none;
      width: 100%;
      margin: 0;
    }

      div#TTtraWindow #TTrespRegRight input {
        /* 
        margin-bottom: 10px;
        padding: 4px 10px;
        font-size: 12px; */
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        border: 0;
        border-bottom: 1px solid #D8D8D8;
        background: #FFF;
        font-size: 14px;
        font-weight: 300;
        padding: 0;
        margin: 20px 0;
      }

      div#TTtraWindow #TTrespRegRight input:focus {
        outline: 0;
        border-color: #808080;
      }

      #TTregClientCustomText {
        font-size: 12px;
        line-height: 16px;
        color: #767676;
        font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 300;
        padding: 20px 0 0 0;
      }

  #TTtrasubmid #TTregSubmit {
    height: 50px;
  }



/*** ALERTS ***/

div.TT4SysMsgBody {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  line-height: 16px;  
  margin-bottom: 16px;
  box-sizing: border-box;
}

div.error,
#TTSubDialogErrors {
  color: #FF0000;
}

#TTSubDialogErrors {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: center;
  color: #FF0000;
  font-size: 12px;
  font-weight: 300;
}


/*** CHECKOUT COMMENT DISPLAY **/

div#TT4commentColumns {
  background: #FAFAFA;
  margin: 0 -28px;
}

    div.TT3commentCntr {
      background: transparent;
      padding: 24px 0 28px;
      border: 0;
      margin: 0 28px !important;
      box-sizing: border-box;
    }
    
    div.TT3commentCntr:first-child {
      border-bottom: 1px solid #EDEDED;
    }    

    #TT4commentsExpanded div.TT3commentCntr {
      border-bottom: 1px solid #EDEDED;
    }

    #TT4commentsExpanded #TT4commentsLeft .TT3commentCntr:last-child,
    #TT4commentsExpanded #TT4commentsRight .TT3commentCntr:last-child {
      border-bottom: 0px;
    }

    .TT3commentCntr.TTrespMobileDisp {
      border-bottom: 1px solid #EDEDED;
    }

      div.TTcommentInfo {
        margin-top: 5px;
      }

        div.TT3commentCntr .TT3timeStamp {
          color: #808080;
          font-size: 11px;
        }

  #TT4commentsExpanded + .TT3linkLine {
    margin-top: 0;
  }
  
  

/*** CHECKOUT COMMENT CAPTURE ***/

div#TTcommentCapture {
  width: 90%;
  margin: 30px auto;
  background: transparent;
  /* border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD; */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.checkout div#TTcommentCapture {
  margin-left: 0;
}

.checkout header.TTcommentCaptureHeader {
  display: none;
}

  header.TTcommentCaptureHeader {
    padding: 22px 0px 60px 0px;
    border-top: 1px solid #1D1D1D;
  }

    .TTcommentCaptureHeader p,
    p.TTccPrompt,
    p.TTccThanks {
      color: #333333;
      line-height: 18px;
      font-size: 14px;
      margin: 0;
      font-weight: 300;
    }

    .TTCommentCaptureContent p.TTccPrompt {
      color: #FFF;
      height: 0;
      margin: 0 !important;
      position: absolute;
    }

    p.TTccPrompt .TT4metaGray {
      position: relative;
      left: -35px;
      top: 42px;
    }
  
    div.TTcommentCaptureBlock {
      border: 0;
      padding: 0 0px 60px 0;
    }
    
      div.TTCommentCaptureContent {
        /* margin-bottom: 20px; */
        margin-bottom: 0;
      }
      
        div.TTCommentCaptureContent > * {
          margin: 10px 0 0 120px;
        }
        
          .TTccCommentArea {
            /* position above 'why did you choose this' */
            position: relative;
            z-index: 100;
          }
        
        div.TTCommentCaptureContent label {
          font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #000000;
          font-size: 12px;
          line-height: 18px;
          font-family: "abchanel-pb-s", sans-serif;
          font-weight: 600;
        }
        
        textarea.TTccComment {
          overflow: hidden;
        }

        textarea.TTccComment,
        textarea.TTccComment:focus {
          padding: 8px 120px 8px 0;
          height: 32px !important;
          line-height: 1.5;
          background: #FFF;
          box-shadow: none;
          border: 0;
          border-bottom: 1px solid #D8D8D8;
          font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #767676;
          font-size: 14px;
          line-height: 18px;
          font-weight: 300;
          outline: none;

        }
        
        [data-whatinput="keyboard"] textarea.TTccComment:focus,
        [data-whatinput="keyboard"] input.TTbigSubmitBtn:focus {
          outline: 1px solid black;
          outline-offset: 4px !important;
        }

        .TTccSavedCommentArea blockquote.TT4quote {
          padding: 0;
          margin-top: 18px;
          border-left: none; /* Removes a border bootstrap adds by default. Requested by James Digioia*/
        }

        blockquote.TT4quote,
        .TT4quote-source {
          font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #333;
          font-size: 14px;
          line-height: 18px;
          font-weight: 300;
        }

        .TT4quote-source {
          font-size: 12px;
          color: #717171;
        }

        .TT4quote-links {
          display: block;
          font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
          color: #333;
          font-size: 11px;
        }

        .TT4quote-links a {
          margin:0 8px 0 0;
        }

        .TTccDeleteLink {
          /* remove delete link from product review */
          display: none; 
        }
        
        div#TTcommentCapture a {
          color: #000;
          text-decoration: none;
          font-family: "abchanel-couture", Helvetica, Arial, "Lucida Grande", sans-serif;
          outline: none;
        }

        cite.TT4quote-source {
          margin-top: 8px;
          font-style: normal;
          color: #808080;
        }
      
      div.TTccItemImage {
        left: 0;
        width: 110px;
      }

      .TTccBottom {
        margin: 0 !important;
        height: 0 !important;
        padding: 0;
        display: block !important;
        overflow: visible !important;
      }
      
      .TTCommentCaptureContent .TTccBottom .TTbigSubmitBtn {
        /* comment button on store page */
        /* width: 101px; */
        /* top: -44px;   */
        /* right: 5px; */
        position: relative;
        z-index: 3000;
        margin-top: -23px;
        width: 30px;
        height: 18px;
        background-position: -268px -1442px;
      }   
      
      .TTcommentCaptureBlock .TT2submitImgLoading {
        float: none;
        margin: 0 !important;
        display: none !important;
      }
  
  
        
/*** TEXT ADDITIONS ***/

.TT3metaText .TT3askedBy:before {
  content: 'Asked by a Chanel Customer';
  color: #808080;
}

  /* except on instant answers */
  .TT4instAnsUL .TT3metaText .TT3askedBy:before {
    display: none;
  }

.TT4controlLine:before {
  content: 'Asked by Chanel';
  color: #808080;
}

.TT4ansAndReplies:not(:first-child) span.TT3timeStamp:before,
.TT3commentCntr .TT3timeStamp:before {
  content: 'Answered by a Chanel Customer ';
  /* left: 13px; */
  position: relative;
}

  /*** don't add caption on beauty expert answers ***/
  
  .TT4bestAnswerBlock .TT4ansAndReplies span.TT3timeStamp:before,
  .TTbestAnswer + .TT3aText + .TT3linkLine .TT3timeStamp:before {
    content: '' !important;
  }

  /*** hide "on" for staff answers ***/
  
  .TT4ansAndReplies:first-child span.TT3timeStamp,
  .TT4bestAnswerBlock .TT4ansAndReplies span.TT3timeStamp,
  div[bestanswer="true"] span.TT3timeStamp {
    display: inline-block;
    text-indent: -16px;
    overflow: hidden;
  }
    
  /*** hide profile link ***/
  
  .TT3askedBy a {
    display: none;
  }




/*** SPRITE ***/

.TT4chatIcon, .TT4thumb, .TT4pen, .TT4expand, .TT4collapse, .TT3carouselLeft, .TT3carouselRight, .TT3clearSearchMiqa, .TT4miqaScrollL, .TT4miqaScrollR, .TT4answVoteCallArrow, .TT4showMoreSmallImg, .TT4closeIcon, .TT3removeAttachedItem, .TTclearRevSearch, .TT4searchIcon, .TTinputTeaserBubble1, input[type=checkbox].TTcheckbox+label.TTlabel, .TT3addedText, .TT4miqAdd, .TT4showMoreImg, .TTsmallSubmitBtn, .TTdoneBtn, .TTupdateBtn, .TT4writeReviewBtn, .TTcancelBtn, .TTconfirmDupBtn, .TTsqvBack, .TTsqvForward, .TTcancelDupBtn, .TTblankBtn, .TTcloseBtn, .TTsaveBtn, .TTsearchBtn, .TTbigSubmitBtn, .TT4instAnswNext, .TT3yesVote, .TTrating-0-0, .TTrating-0-5, .TTrating-1-0, .TTrating-1-5, .TTrating-2-0, .TTrating-2-5, .TTrating-3-0, .TTrating-3-5, .TTrating-4-0, .TTrating-4-5, .TTrating-5-0, .TTcustom-0-0, .TTcustom-0-5, .TTcustom-1-0, .TTcustom-1-5, .TTcustom-2-0, .TTcustom-2-5, .TTcustom-3-0, .TTcustom-3-5, .TTcustom-4-0, .TTcustom-4-5, .TTcustom-5-0, .TT4breakdown, .TT4breakdownPercent, .TT4reviewRange, .TT4reviewRangeSmall, .TT4reviewRangeDot, .TTcustomSmall-0-0, .TTcustomSmall-0-5, .TTcustomSmall-1-0, .TTcustomSmall-1-5, .TTcustomSmall-2-0, .TTcustomSmall-2-5, .TTcustomSmall-3-0, .TTcustomSmall-3-5, .TTcustomSmall-4-0, .TTcustomSmall-4-5, .TTcustomSmall-5-0, .TTfacebookDelAuth, .TTtwitterDelAuth, .TTgmailDelAuth, .TTfacebookShare, .TTfacebookNoShare, .TTtwitterShare, .TTtwitterNoShare, .TTvc-question, .TTvc-settings, .TTvc-next, .TTvc-next-disabled, .TTvc-back, .TTvc-back-disabled, .TTvc-clear, .TTvc-delete, .TTvc-like, .TTvc-like-on, .TTvc-flag, .TTvc-flag-on, .TTvc-share, .TTvc-share-on, .TTvc-facebook, .TTvc-pinterest, .TTvc-twitter, .TTvc-link, .TTvc-like-md, .TTvc-flag-md, .TTvc-phone-md, .TTvc-star-md-empty, .TTvc-star-md-half, .TTvc-star-md-filled, .TTvc-radio-off, .TTvc-radio-on, .TTvc-star-lg-empty, .TTvc-star-lg-half, .TTvc-star-lg-filled, .TTvc-icon-lg-video, .TTvc-btn-fab-top, .TTvc-bar-media-md-video, .TTvc-bar-media-md-photo, .TTvc-bar-media-lg-photo, .TTvc-bar-media-lg-video, .TTvc-bar-media-lg-photo-on, .TTvc-bar-media-lg-video-on, .TTvc-slider-bg, .TTvc-slider-dot, .TTvc-btn-submit-new-question, .TTvc-btn-submit-question, .TTvc-share-a-photo, .TTvc-edit-profile, .TTvc-submit, .TTvc-add-take-photo, .TTvc-submit-disabled, .TTvc-slider-dot-off, .TTvc-checkbox-off, .TTvc-checkbox-on, .TTvc-x-media, .TTvc-tag-media, .TTvc-share-photo-alt, .TTvc-add-new-photo, .TTvc-add-new-video, .TTvc-add-video-disabled, .TTvc-add-video, .TTvc-share-media, .TTvc-x-media-sm, .TTvc-icon-md-video, .TTvc-continue {
    background-image: url("../images/en_US_Chanel_1x.png");
    background-size: 298px 4152px;
}



  /*** other image substitutions ***/
  /* also add classes to retina list below */
    
  a.TT3tabClose,
  a.TT2cancelBtn,
  span.TT3ShowMoreText,
  input.TTbigSubmitBtn {
    background-image: url("../images/en_US_Chanel_1x.png") !important;
    background-size: 298px 4152px;
    background-repeat: no-repeat;
  }

  a.TT3tabClose {
    background-position: 0 -167px;
  }

  a.TT2cancelBtn {
    background-position: 0 -609px;
    width: 101px;
    height: 30px;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    text-indent: -1000px;
  }    
    a.TT2cancelBtn:hover {
      background-position: 0 -641px;
    }    

  span.TT3ShowMoreText {
    /* background-position: 0 -56px;
    height: 10px;
    font-size: 11px; */
    display: inline-block;
  }   

  .TTbigSubmitBtn {
    /* update submit a question button */
    height: 50px;
    width: 101px;
    background-position: -197px -0px;
    border-radius: 0;
  }

  .TTbigSubmitBtn:hover {
    background-position: -197px -55px;
  }

  .TT4instAnswNext, 
  .TTsqvForward {
    /* update ask a question button */
    height: 50px;
    width: 198px;
    background-position: -100px -1302px;
    border-radius: 0;
  }

  .TT4instAnswNext:hover,
  .TTsqvForward:hover {
    background-position: -100px -1357px;
  }

  /* .TTsqvBack {
    height: 30px;
    width: 58px;
    background-position: -240px -220px;
    border-radius: 0;
  } */

  
  
  
/*** MEDIA QUERIES ***/
  

/***  mobile ***/

@media only screen and (min-width:320px) and (max-width:479px) {

  #QAModule h1 {
    font-size: 20px;
  }

  div.TT3itemBox,
  div.TT3IAContainer,
  div.TT3answersBlock,
  div#TT3qShowMore,
  #TT4inlineSqvQ .TT3questCntr .TT4bestAnswerBlock .TT3ansArea {
    padding-left: 12px;
    padding-right: 12px;
  }
  
  #TurnToContent div.TTsqvBack, 
  #TTtraWindow div.TTsqvBack {
    background-image: url("../images/en_US_Chanel_1x.png") !important;
    background-size: 298px 4152px;
    background-repeat: no-repeat;
  }

  .TT4addAnswer .TTrespMobileDispInline {
    display: none !important;
  }
  .TT4addAnswer .TTrespDesktopDisp {
    display: inline-block !important;
    text-decoration: underline;
  }

  li.TT3expand {
    /* position read all answers */
    /* float: left; */
    /* margin-left: 0 !important; */
  }

  #TTexUgcR {
    /* position filter selector */
    top: 0;
    float: left;
    text-align: left;
  }

  #TT4AskAreaWrap div#TTaskArea div#TT4questionTextWrap {
    /* update size of search field */
    width: 100%;
  }

  #TT4questionTextHelpCnt td {
    width: 100% !important;
    display: block;
  }

  textarea.TT3inlineAnswer {
    margin: 25px 0 17px 0;
  }

  .TT4answerInstructions {
    position: relative;
    top: 0;
    width: 100%;
  }

  div#TTaskExpand {
    width: 100%;
    margin: -28px auto 0 auto;
    padding: 0;
    background-color: #FFF;
    /* margin-top: -10px;  */
  }

  #TTtraWindow {
    width: 100% !important;
    left: 0% !important;
    top: 0 !important;
    padding-top: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #FFF;
  }

  #TTtraSubWindow {
    top: 0 !important;
    box-shadow: none;
  }

  #TTtrasubtop, #TTtrasubmid, #TTtrasubbot {
    border: 0;
  }

  #TTSubDialogSection {
    padding: 20px 0px;
  }

  #TTregSubmit {
    margin: 0;
    float: right;
  }

  div#TTcommentCapture {
  }

  div.TTcommentCaptureBlock {
   padding: 0 0 30px 0;
  }

  .TTCommentCaptureContent {
    margin-bottom: 0;
    padding-bottom: 0px;
  }

  .TTccCommentArea {
    margin: 75px 0 0 0 !important;
    width: 100%;
    position: relative;
    z-index: 2000;
  }

  p.TTccPrompt {
    /* display: none !important; */
    top: 90px;
    position: absolute;
    left: 36px;
  }

  .TTccSavedCommentArea {
    margin: 0 !important;
    z-index: 2000;
    position: relative;
  }

}  /*  end @media */

div#TT4questionTextWrap { 
  display: flex; /* delete height: 34px !important; */ 
}

#TurnToContent textarea#TT2questionText, #TTtraWindow textarea#TT2questionText
{ 
  width: 100%; padding-right: 40px; 
}
div.TT4chatIcon
{ 
  flex-basis: 30px; 
}

/*** iOS behavior zoom in when focus to type is text  ***/

@media only screen and (-webkit-min-device-pixel-ratio:0) {
  div#TurnToContent div#TTaskArea textarea#TT2questionText {
    font-size: 16px;
  }
}

/*** mobile retina ***/

@media only screen and (min-width:320px) and (max-width:480px) and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {

  .TT4chatIcon, .TT4thumb, .TT4pen, .TT4expand, .TT4collapse, .TT3carouselLeft, .TT3carouselRight, .TT3clearSearchMiqa, .TT4miqaScrollL, .TT4miqaScrollR, .TT4answVoteCallArrow, .TT4showMoreSmallImg, .TT4closeIcon, .TT3removeAttachedItem, .TTclearRevSearch, .TT4searchIcon, .TTinputTeaserBubble1, input[type=checkbox].TTcheckbox+label.TTlabel, .TT3addedText, .TT4miqAdd, .TT4showMoreImg, .TTsmallSubmitBtn, .TTdoneBtn, .TTupdateBtn, .TT4writeReviewBtn, .TTcancelBtn, .TTconfirmDupBtn, .TTsqvBack, .TTsqvForward, .TTcancelDupBtn, .TTblankBtn, .TTcloseBtn, .TTsaveBtn, .TTsearchBtn, .TTbigSubmitBtn, .TT4instAnswNext, .TT3yesVote, .TTrating-0-0, .TTrating-0-5, .TTrating-1-0, .TTrating-1-5, .TTrating-2-0, .TTrating-2-5, .TTrating-3-0, .TTrating-3-5, .TTrating-4-0, .TTrating-4-5, .TTrating-5-0, .TTcustom-0-0, .TTcustom-0-5, .TTcustom-1-0, .TTcustom-1-5, .TTcustom-2-0, .TTcustom-2-5, .TTcustom-3-0, .TTcustom-3-5, .TTcustom-4-0, .TTcustom-4-5, .TTcustom-5-0, .TT4breakdown, .TT4breakdownPercent, .TT4reviewRange, .TT4reviewRangeSmall, .TT4reviewRangeDot, .TTcustomSmall-0-0, .TTcustomSmall-0-5, .TTcustomSmall-1-0, .TTcustomSmall-1-5, .TTcustomSmall-2-0, .TTcustomSmall-2-5, .TTcustomSmall-3-0, .TTcustomSmall-3-5, .TTcustomSmall-4-0, .TTcustomSmall-4-5, .TTcustomSmall-5-0, .TTfacebookDelAuth, .TTtwitterDelAuth, .TTgmailDelAuth, .TTfacebookShare, .TTfacebookNoShare, .TTtwitterShare, .TTtwitterNoShare, .TTvc-question, .TTvc-settings, .TTvc-next, .TTvc-next-disabled, .TTvc-back, .TTvc-back-disabled, .TTvc-clear, .TTvc-delete, .TTvc-like, .TTvc-like-on, .TTvc-flag, .TTvc-flag-on, .TTvc-share, .TTvc-share-on, .TTvc-facebook, .TTvc-pinterest, .TTvc-twitter, .TTvc-link, .TTvc-like-md, .TTvc-flag-md, .TTvc-phone-md, .TTvc-star-md-empty, .TTvc-star-md-half, .TTvc-star-md-filled, .TTvc-radio-off, .TTvc-radio-on, .TTvc-star-lg-empty, .TTvc-star-lg-half, .TTvc-star-lg-filled, .TTvc-icon-lg-video, .TTvc-btn-fab-top, .TTvc-bar-media-md-video, .TTvc-bar-media-md-photo, .TTvc-bar-media-lg-photo, .TTvc-bar-media-lg-video, .TTvc-bar-media-lg-photo-on, .TTvc-bar-media-lg-video-on, .TTvc-slider-bg, .TTvc-slider-dot, .TTvc-btn-submit-new-question, .TTvc-btn-submit-question, .TTvc-share-a-photo, .TTvc-edit-profile, .TTvc-submit, .TTvc-add-take-photo, .TTvc-submit-disabled, .TTvc-slider-dot-off, .TTvc-checkbox-off, .TTvc-checkbox-on, .TTvc-x-media, .TTvc-tag-media, .TTvc-share-photo-alt, .TTvc-add-new-photo, .TTvc-add-new-video, .TTvc-add-video-disabled, .TTvc-add-video, .TTvc-share-media, .TTvc-x-media-sm, .TTvc-icon-md-video, .TTvc-continue {
      background-image: url("../images/en_US_Chanel_2x.png");
  }

  #TurnToContent div.TTsqvBack, 
  #TTtraWindow div.TTsqvBack, 
  #TurnToReviewsContent div.TTsqvBack,
  a.TT3tabClose,
  a.TT2cancelBtn,
  span.TT3ShowMoreText,
  input.TTbigSubmitBtn {
    background-image: url("../images/en_US_Chanel_2x.png") !important;
  }

}


@media only screen and (max-width: 736px) and (min-width: 480px) {

  #QAModule h1 {font-size: 20px;}

  #TT4AskAreaWrap div#TTaskArea div#TT4questionTextWrap {
    /* update size of search field */
    width: 75%;
  }

  .TT4addAnswer .TTrespMobileDispInline {
    display: none !important;
  }
  .TT4addAnswer .TTrespDesktopDisp {
    display: inline-block !important;
    text-decoration: underline;
  }

  li.TT3expand {
    /* reset read all answers postion */
    float: none;
  }
  
  #TTexUgcR {
    /* position filter selector */
    top: 0;
    float: left;
    text-align: left;
  }

  .TT4answerInstructions {
    position: relative;
    top: 37px;
    width: 50%;
  }

  #TTtraWindow {
    width: 80% !important;
    left: 10% !important;
  }

  #TTregSubmit {
    right: 0;
    margin: 0;
    padding: 0;
  }

  .TTCommentCaptureContent>p {
    min-height: 0; 
  }

}