mediacms/static/css/profile-home.css

#page-history.profile-page-history .page-main,#page-liked.profile-page-liked .page-main,#page-profile-about .page-main,#page-profile-home .page-main,#page-profile-playlists .page-main,#page-profile-videos .page-main{background-color:var(--profile-page-bg-color)}.profile-page-header{background-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-info-nav-wrap,.profile-page-header .profile-info-nav-wrap:before{background-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-info .profile-videos-number{color:var(--profile-page-info-videos-number-text-color)}.profile-page-header .profile-nav{background-color:var(--profile-page-header-bg-color);border-bottom-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-nav ul li a{color:var(--profile-page-nav-link-text-color)}.profile-page-header .profile-nav ul li a:hover{color:var(--profile-page-nav-link-hover-text-color)}.profile-page-header .profile-nav ul li.active a{color:var(--profile-page-nav-link-active-text-color)}.profile-page-header .profile-nav ul li.active:after{background-color:var(--profile-page-nav-link-active-after-bg-color)}.profile-page-content,.profile-page-content .item-content h3 span{background-color:var(--profile-page-bg-color)}.profile-page-header{position:relative;width:100%;float:left}.profile-page-header button:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.profile-page-header .profile-banner-wrap{position:relative;width:100%;float:left}.profile-page-header .profile-banner-wrap.no-banner-img{padding-bottom:0}.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{position:relative;top:auto;right:auto;bottom:auto;left:auto;padding:0 1rem;margin:24px auto;text-align:right;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:100%}@media (min-width:768px){.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{padding:0;width:654px}}@media (min-width:928px){.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{width:872px}}@media (min-width:1146px){.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{width:1090px}}@media (min-width:1582px){.profile-page-header .profile-banner-wrap.no-banner-img .profile-banner{width:1308px}}.profile-page-header .profile-banner-wrap.no-banner-img a.edit-channel{position:relative;top:auto;right:auto;bottom:auto;left:auto;display:inline-block}.profile-page-header .profile-banner-wrap.no-banner-img:hover{background-color:rgba(0,0,0,.1)}.profile-page-header .profile-banner-wrap .popup{position:absolute;top:100%;left:0;margin-top:8px}.profile-page-header .profile-banner-wrap .popup-message-bottom button{position:relative;width:auto;padding:0;border:0;background:none;font-size:14px}.profile-page-header .profile-banner-wrap .popup-message-bottom button.proceed-profile-removal{float:right}.profile-page-header .profile-banner-wrap .popup-message-bottom button.cancel-profile-removal{float:left;color:var(--body-text-color)}.profile-page-header .profile-banner{position:fixed;top:var(--header-height);background-attachment:scroll;background-position:50%;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.profile-page-header .profile-banner-wrap{padding-bottom:18%}@media screen and (min-width:492px){.profile-page-header .profile-banner-wrap{padding-bottom:16.12903%}}.profile-page-header .profile-banner{position:absolute;top:0;left:0;right:0;bottom:0;display:block}.profile-page-header a.edit-channel,.profile-page-header a.edit-profile{position:absolute}.profile-page-header .delete-profile-wrap>button,.profile-page-header a.edit-channel,.profile-page-header a.edit-profile{text-decoration:none;font-size:13px;font-weight:400;color:#fff;border:0;line-height:inherit;padding:6px 12px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background-color:var(--default-brand-color)}@media screen and (min-width:710px){.profile-page-header .delete-profile-wrap>button,.profile-page-header a.edit-channel,.profile-page-header a.edit-profile{padding:8px 16px}}.profile-page-header a.edit-channel{top:16px;right:16px}@media screen and (min-width:710px){.profile-page-header a.edit-channel{right:24px}}.profile-page-header a.edit-profile{top:0;right:0}.profile-page-header .delete-profile-wrap{position:absolute;top:16px;left:16px}@media screen and (min-width:710px){.profile-page-header .delete-profile-wrap{left:24px}}.profile-page-header .profile-info-nav-wrap{position:relative;width:100%;float:left;padding-top:16px;padding-left:16px;padding-right:16px}@media screen and (min-width:710px){.profile-page-header .profile-info-nav-wrap{padding-left:24px;padding-right:24px}}.profile-page-header .profile-info-nav-wrap:before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;display:block}.profile-page-header .profile-info{position:relative;width:100%;max-width:100%;margin:0 auto;clear:both}.sliding-sidebar .profile-page-header .profile-info{-webkit-transition-property:width;-o-transition-property:width;-moz-transition-property:width;transition-property:width;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.profile-page-header .profile-info img{display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:80px;height:80px}@media screen and (max-width:709px){.profile-page-header .profile-info img{width:64px;height:64px}}.profile-page-header .profile-info h1{display:inline-block;font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.25;margin:0}.profile-page-header .profile-info .profile-info-inner{display:table;width:100%}.profile-page-header .profile-info .profile-info-inner>*{position:relative;display:table-cell;vertical-align:middle}.profile-page-header .profile-info .profile-info-inner>:first-child{width:104px}@media screen and (max-width:709px){.profile-page-header .profile-info .profile-info-inner>:first-child{width:80px}}.profile-page-header .profile-info .profile-videos-number{display:block;font-size:14px;font-family:Arial,sans-serif;line-height:1.5}.profile-page-header .profile-nav{position:relative;z-index:1;height:3rem;border-bottom-width:1px;border-bottom-style:solid}.profile-page-header .profile-nav .items-list-wrap{min-height:0}.profile-page-header .profile-nav .profile-nav-inner{max-width:100%;margin:0 auto;clear:both}.sliding-sidebar .profile-page-header .profile-nav .profile-nav-inner{-webkit-transition-property:width;-o-transition-property:width;-moz-transition-property:width;transition-property:width;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.profile-page-header .profile-nav.items-list-outer .next-slide,.profile-page-header .profile-nav.items-list-outer .previous-slide{top:4px;bottom:4px;padding:0!important;margin:0;background-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-nav.items-list-outer .next-slide .circle-icon-button,.profile-page-header .profile-nav.items-list-outer .previous-slide .circle-icon-button{margin:0;background-color:var(--profile-page-header-bg-color)}.profile-page-header .profile-nav.items-list-outer .previous-slide{left:-.75em;left:-1px}.profile-page-header .profile-nav.items-list-outer .next-slide{right:-.75em;right:-1px}.profile-page-header .profile-nav ul{position:relative;width:100%;float:left;list-style:none;margin:0;padding:0}.profile-page-header .profile-nav ul li{position:relative;display:inline-block;text-align:center;vertical-align:bottom}.profile-page-header .profile-nav ul li a{display:block;line-height:3rem;width:109px;text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.007px}.profile-page-header .profile-nav ul li.active:after{content:"";position:absolute;display:block;bottom:1px;left:0;width:100%;height:3px}.profile-page-header .profile-nav ul li.media-search>*{position:relative;display:table;float:left;width:auto;height:3rem}.profile-page-header .profile-nav ul li.media-search>*>span{display:table-cell;vertical-align:middle}.profile-page-header .profile-nav ul li.media-search button{background-color:rgba(0,0,0,0)}.profile-page-header .profile-nav ul li.media-search input[type=text]{max-width:178px;padding-left:0;padding-right:0;font-weight:500;border-width:0 0 2px;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.profile-page-header .profile-nav ul li.media-search input[type=text]:focus{border-bottom-color:var(--profile-page-nav-link-active-after-bg-color)}.profile-page-header.fixed-nav .profile-info-nav-wrap{padding-bottom:3rem}.profile-page-header.fixed-nav .profile-nav{z-index:2;position:fixed;top:var(--header-height);left:0;right:0}@media screen and (min-width:768px){.visible-sidebar .profile-page-header.fixed-nav .profile-nav{padding-left:var(--sidebar-width)}.sliding-sidebar .profile-page-header.fixed-nav .profile-nav{-webkit-transition-property:padding-left;-o-transition-property:padding-left;-moz-transition-property:padding-left;transition-property:padding-left;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}}.page-main{overflow:visible}#page-history.profile-page-history .page-main,#page-liked.profile-page-liked .page-main,#page-profile-about .page-main,#page-profile-home .page-main,#page-profile-playlists .page-main,#page-profile-videos .page-main{padding-bottom:0}#page-history.profile-page-history .page-main .profile-page-content,#page-liked.profile-page-liked .page-main .profile-page-content,#page-profile-about .page-main .profile-page-content,#page-profile-home .page-main .profile-page-content,#page-profile-playlists .page-main .profile-page-content,#page-profile-videos .page-main .profile-page-content{padding-bottom:16px}.profile-page-content{position:relative;width:100%;display:inline-block}.profile-page-content:before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;display:block;background-color:var(--profile-page-bg-color)}.profile-page-content .item-content h3 span:after,.profile-page-content .item-content h3 span:before{background:var(--profile-page-item-content-title-bg-color)}#page-profile-about .items-list-ver.media-list-wrapper:first-child{padding-top:12px}#page-profile-about .items-list-ver.media-list-wrapper:last-child{padding-bottom:32px}#page-profile-about .items-list-ver.media-list-wrapper .media-list-row{min-height:0}#page-profile-about .items-list-ver.media-list-wrapper+.items-list-ver.media-list-wrapper .media-list-row{margin-top:32px;border-top:1px solid var(--media-list-row-border-color)}#page-profile-about .profile-details{list-style:none;margin:0;padding:0}#page-profile-about .profile-details li{display:block;line-height:2;margin-bottom:1em;max-width:100%;overflow:hidden}#page-profile-about .profile-details li>span{display:inline-block;vertical-align:top;white-space:pre-wrap;overflow-wrap:break-word;max-width:100%}#page-profile-about .profile-details li>span:first-child{width:160px;line-height:2.2;font-size:.928571429em}#page-profile-about .profile-details li>span:last-child{font-weight:500}#page-profile-about .profile-details li>span:last-child>*{display:block}#page-profile-about .profile-details li>span:last-child>*+:before{display:block;content:""}#page-profile-about .profile-details li .author-social-media span{display:block}#page-profile-about .profile-details li .author-social-media span:before{display:none}.profile-page-content>*{padding-left:16px!important;padding-right:16px!important}@media (min-width:580px){.profile-page-content>*{padding-left:0!important;padding-right:0!important}}.profile-page-content>*>*{padding-bottom:32px}.profile-page-content.with-cform .media-list-row{max-width:100%!important}.user-contact-form{position:relative;width:780px;max-width:100%}.user-contact-form.pending-response{opacity:.7}.user-contact-form.pending-response:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}.user-contact-form label{margin:0 0 16px}.user-contact-form input[type=text],.user-contact-form textarea{min-width:100%;width:100%;max-width:100%;margin:0 0 24px}.user-contact-form textarea{min-height:80px;max-height:50vh}.user-contact-form button{line-height:1;padding:12px 16px;text-decoration:none;color:#fff;border:0;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background-color:var(--default-theme-color)}.empty-profile-page-msg{font-size:14px}@media (max-width:515px){#page-profile-about .media-list-wrapper.items-list-ver .media-list-row{width:100%;max-width:100%}}@media (min-width:516px) and (max-width:599px){#page-profile-about .media-list-wrapper.items-list-ver .media-list-row{width:-webkit-calc(var(--default-item-width)*2);width:-moz-calc(var(--default-item-width)*2);width:calc(var(--default-item-width)*2);max-width:-webkit-calc(var(--default-item-width)*2);max-width:-moz-calc(var(--default-item-width)*2);max-width:calc(var(--default-item-width)*2)}}@media (min-width:516px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*2);width:-moz-calc(var(--default-item-width)*2);width:calc(var(--default-item-width)*2)}}@media (min-width:734px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*3);width:-moz-calc(var(--default-item-width)*3);width:calc(var(--default-item-width)*3)}}@media (min-width:952px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*4);width:-moz-calc(var(--default-item-width)*4);width:calc(var(--default-item-width)*4)}}@media (min-width:1170px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*5);width:-moz-calc(var(--default-item-width)*5);width:calc(var(--default-item-width)*5)}}@media (min-width:1388px){.profile-page-header .profile-info,.profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*6);width:-moz-calc(var(--default-item-width)*6);width:calc(var(--default-item-width)*6)}}@media (min-width:734px) and (min-width:768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*2);width:-moz-calc(var(--default-item-width)*2);width:calc(var(--default-item-width)*2)}}@media (min-width:952px) and (min-width:768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*3);width:-moz-calc(var(--default-item-width)*3);width:calc(var(--default-item-width)*3)}}@media (min-width:1170px) and (min-width:768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*4);width:-moz-calc(var(--default-item-width)*4);width:calc(var(--default-item-width)*4)}}@media (min-width:1388px) and (min-width:768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*5);width:-moz-calc(var(--default-item-width)*5);width:calc(var(--default-item-width)*5)}}@media (min-width:1606px) and (min-width:768px){.visible-sidebar .profile-page-header .profile-info,.visible-sidebar .profile-page-header .profile-nav .profile-nav-inner{width:-webkit-calc(var(--default-item-width)*6);width:-moz-calc(var(--default-item-width)*6);width:calc(var(--default-item-width)*6)}}@media (max-width:(max-width:709px)){.profile-page-header .profile-nav.fixed-nav .profile-nav{padding-left:1em}}@media (max-width:(max-width:768px)){.profile-page-header .profile-nav.fixed-nav .profile-nav{padding-left:1.5em}}