#videos{margin-top:20px;position:relative;text-align:center;min-width:360px;min-height:240px}.videoholder{background-color:#c4c4c4;position:relative}.videoholder .OT_subscriber,.videoholder .OT_publisher{position:absolute;top:0}#videos .participant .participant-name{}#subscriber{}#publisher{}#remote-interview #buttonholder{z-index:200}#remote-interview #buttonholder ul{list-style:disc;margin-left:10px}.invitelink{font-weight:700;border:1px solid #abc;padding:5px;width:35%;min-width:300px;cursor:copy}.headerimg{height:100px}.volumemeter{display:none;width:360px;background:#c4c4c4;height:20px}.page-template-template-remote-interview{padding-top:0}.page-template-template-remote-interview .page-header{margin:0;border:0;padding:0}.page-template-template-remote-interview h1{margin:0}.page-template-template-remote-interview h2{font:bold 20px/1.25 Gotham,sans-serif;color:#000}.page-template-template-remote-interview h3,.page-template-template-remote-interview p,.page-template-template-remote-interview li{font:16px/1.25 Gotham,sans-serif;color:#000}.page-template-template-remote-interview p{margin-bottom:15px}.page-template-template-remote-interview h3{font-weight:700;text-transform:none}.page-template-template-remote-interview .logo{display:block;padding:15px 20px 20px;font:10px/1.2 Gotham,sans-serif}.page-template-template-remote-interview .logo img{margin-bottom:15px;display:block;height:60px}.page-template-template-remote-interview .page-header a{padding-left:20px;padding-right:20px}.page-template-template-remote-interview .content{padding:20px 10px;background:#f8f8f8;max-width:none}.page-template-template-remote-interview .page-title h1{margin:0;padding:0;font-size:30px;line-height:1.2;text-transform:none;background:0 0}.remote-interview{}.interview-recording{}.videoholder{height:0;padding-top:56.25%;width:100%}.videoholder .OT_subscriber:not(:only-child){width:50%!important;left:0!important}.videoholder .OT_subscriber:nth-child(2){width:50%!important;left:50%!important}.participant.pub{width:30%;position:absolute;right:0;top:0;z-index:1}#remote-interview .buttons{position:relative}#remote-interview .btn,#remote-interview .btn+.button-helper-text{vertical-align:middle}#remote-interview .button-helper-text{font:14px Montserrat,sans-serif;color:#000}#remote-interview .bottom-padding{padding-bottom:20px}#remote-interview .btn{padding:10px 10px 10px 40px;font:bold 12px/1.5 Gotham,sans-serif;text-transform:uppercase;color:#fff;background:#e51022;position:relative;margin:-10px 0 0}#remote-interview .btn:before{content:'';display:block;width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:1}#remote-interview .btn.-stop:before{border-radius:0}#remote-interview .btn.-start:before{transform:translateY(-50%)}#remote-interview .btn:hover+.button-helper-text{display:inline-block}#remote-interview .btn.-save{padding-left:10px;background:#007913}#remote-interview .btn.-save svg{margin-right:10px}#remote-interview .btn.-save:before{display:none}input[type=text].invitelink{display:inline-block;width:auto;height:auto;padding:11px;border:1px solid #aaa;border-radius:4px;font:12px/1.25 Monteserrat,sans-serif;color:#000}#remote-interview #email-invite-btn:before,#remote-interview #phone-invite-btn:before,#remote-interview .phone-disconnect-btn:before{display:none}#remote-interview #email-invite-btn,#remote-interview .phone-disconnect-btn,#remote-interview #phone-invite-btn{padding:10px}#email-invite-input,#phone-invite-input,#remote-interview .phone-disconnect-input{display:inline-block;height:auto;padding:11px;border:1px solid #aaa;border-radius:4px;font:12px/1.25 Monteserrat,sans-serif;color:#000}#recording-timer{margin-bottom:25px}#recording-countdown{font-size:35px;font-family:Gotham,sans-serif;font-weight:800}#countdown-alert{margin-bottom:25px;font-weight:700}#remote-interview .btn.invitelinkbutton{padding-left:10px}#remote-interview .btn.invitelinkbutton:before{display:none}@media screen and (min-width:768px){.page.page-template-template-remote-interview .page-title h1{margin:0;padding:0;font-size:40px}}@media screen and (min-width:992px){.page-template-template-remote-interview .page-header{width:68%;margin:auto}.page.page-template-template-remote-interview .page-title h1{margin:0;padding:0}.interview-recording{padding:40px 0 70px}.remote-interview{}.videos{display:flex;justify-content:space-between;flex-wrap:wrap}.participant{width:100%}.participant:nth-child(n+3){margin-top:30px}}