.peeps-mini-profile-menu {
position: absolute;
top: 6px;
right: 10px;
z-index: 10000;
width: 180px;
line-height: 16px;
font-size: 14px; } .tni-user-menu {
width: 300px;
height: auto;
padding:1em;
background: #fff;
position: absolute;
top: 74px;
right: -1000%;
z-index: 99999;
text-align: center;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tni-user-menu.show-it {
right: -12px;
box-shadow: -14px 15px 27px rgba(54,54,54,.7);
}
.tni-user-menu h5 {
margin-top:0;
}
.tni-user-menu ul {}
.tni-user-menu ul li {
list-style: none;
text-align: left;
margin-bottom: 10px;
}
.tni-user-menu ul li a {
display: block;
font-size: 16px;
padding: 3px 10px 0;
border: 1px solid #c2bebe;
border-radius: 5px;
line-height: 36px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tni-user-menu ul li a:hover {
background-color: rgb(77,202,221);
color: #fff;
}
.placeholder-tni {}
.placeholder-tni a.hm13 span.x-anchor-text-primary {
color: #fff !important;
}
a.peeps-mini-profile-menu-login.hm13 {
padding: 8px 12px;
line-height: 2;
position: absolute;
top: 15px;
right: 25px;
font-size: 14px;
z-index: 999999999;
}
a#trigger-nav {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
}
a#trigger-nav:focus {
color: rgb(77,202,221);
}
.tni-user-name {
text-align: right;
line-height: 4;
}
.tni-user-name .username {
display: inline-block;
vertical-align: middle;
word-wrap: break-word;
line-height: normal;
}
.tni-user-name span.glyphicon {
display: none;
}
.tni-user-logo {
display: flex;
align-items: center;
flex-wrap: wrap;
height: 64px;
}
#peeps-menu img {
box-shadow: none;
}
#menu-menu-1 li a span,
#menu-menu-2 li a span {
color: #fff !important;
}
@media (max-width: 768px){
.peeps-mini-profile-menu {}
.tni-user-name {}
}
@media (max-width: 640px){
.x-searchsss{width: 65% !important;}
.peeps-mini-profile-menu {
background: transparent;
top: 0;
width: 40px;
padding: 1em 2em 1em 0;
}
.x-bar-top > .x-bar-content > .x-bar-container:nth-child(2) {
margin-left: -25px;
}
#trigger-nav {}
.peeps-mini-profile-menu .col-xs-7 {
width:unset;
display: inline-block;
float: right;
}
.peeps-mini-profile-menu .col-xs-5 {
display: inline-block;
width:unset;
float: right;
}
.peeps-mini-profile-menu .col-xs-5 img {
width: 48px;
height:auto;
}
.tni-user-menu {}
.tni-user-name{display:none !important;}
.peeps-mini-profile-menu .col-xs-5{width:80px !important;}
}
@media (max-width: 480px) {
header.x-masthead .login_link {
margin-left: -20px;
}
body .peeps-mini-profile-menu-login {display:none !important;}
}
@media (max-width: 400px) {
.peeps-mini-profile-menu .col-xs-5 img {
position: relative;
top: 0px;
}
} .tni-user-menu ul.custom-dashboard {
padding: 0;
margin: 0;
}
.tni-user-menu ul.custom-dashboard .dropdown-menu li a{
line-height: normal;
padding: 0 25px;
margin: 0 0 5px 0;
}
.tni-user-menu ul.custom-dashboard li a {
border: 0;
border-radius: 0;
background: 0;
color: #999;
text-decoration: none;
}
.tni-user-menu ul.custom-dashboard li a:hover,
.tni-user-menu ul.custom-dashboard li a:focus {
color: #53cadc;
}
.tni-user-menu ul.custom-dashboard li.tni-separator {
border-bottom: 1px solid #e3e3e3;
margin-left: -1em;
margin-right: -1em;
margin-bottom: 15px;
}
.tni-user-menu ul.custom-dashboard li.logout-btn a {
background: #53cadc;
color: #fff;
font-weight: bold;
text-transform: uppercase;
border-radius: 10px;
line-height: 36px;
padding: 0 15px;
display: inline-block;
}
.tni-user-menu ul.custom-dashboard li.logout-btn a:hover {
color: #000;
}
@media (min-width: 767px) {
.tni-user-menu ul.custom-dashboard .dropdown-menu {
min-width: 210px;
left: -220px;
margin-top: -40px;
padding: 20px 0 10px 0;
}
.tni-user-menu ul.custom-dashboard .dropdown-menu:after {
content:'';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #ccc;
position: absolute;
right: -11px;
top: 10px;
z-index: 3;
}
.tni-user-menu ul.custom-dashboard .dropdown-menu:before {
content:'';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #fff;
position: absolute  ;
right: -10px;
top: 10px;
z-index: 4;
}
}
.page-id-5738 .peeps-mini-profile-menu-login{display:none !important;}.tml{font-size:1em}.tml *{box-sizing:border-box}.tml .tml-field-wrap{margin-bottom:1em}.tml .tml-label{display:block;margin:.5em 0}.tml .tml-checkbox+.tml-label{display:inline}.tml .tml-field{width:100%}.tml .tml-description{display:block;font-size:.85em;font-style:italic;margin:.5em 0}.tml .tml-errors,.tml .tml-messages{list-style:none;margin:0;padding:0}.tml .tml-action-confirmaction .success,.tml .tml-error,.tml .tml-message,.tml .tml-success{border-left:4px solid #00a0d2;box-shadow:1px 1px 2px 1px rgba(0,0,0,.1);display:block;margin:0 0 1em;padding:.75em}.tml .tml-error{border-left-color:#dc3232}.tml .tml-action-confirmaction .success,.tml .tml-success{border-left-color:#46b450}#pass-strength-result{background-color:#eee;border:1px solid #ddd;color:#23282d;font-weight:700;opacity:0;margin-bottom:1em;padding:.5em}#pass-strength-result.strong{background-color:#c1e1b9;border-color:#83c373;opacity:1}#pass-strength-result.good{background-color:#ffe399;border-color:#ffc733;opacity:1}#pass-strength-result.bad{background-color:#fbc5a9;border-color:#f78b53;opacity:1}#pass-strength-result.short{background-color:#f1adad;border-color:#e35b5b;opacity:1}#wpua-errors,
#wpua-readable-size-error,
.wpua-error {
color: #c00!important;
font-weight: 700!important
}
.webcam_on {
overflow: hidden !important;
}
.ci_img_container video {
max-width: 645px !important;
}
#wpua-readable-size-error,
#wpua-undo-button {
display: none
}
#wpua-preview,
#wpua-preview-existing {
margin-right: 10px
}
#wpua-preview,
#wpua-preview-existing,
#wpua-thumbnail,
#wpua-thumbnail-existing {
display: inline-block;
text-align: center;
vertical-align: top
}
#wpua-preview img,
#wpua-preview-existing img,
#wpua-thumbnail img,
#wpua-thumbnail-existing img {
max-height: 96px;
border: 1px solid #dfdfdf;
display: block
}
.widget_wp_user_avatar #wpua-preview img,
.widget_wp_user_avatar #wpua-preview-existing img,
.widget_wp_user_avatar #wpua-thumbnail img,
.widget_wp_user_avatar #wpua-thumbnail-existing img {
max-height: 64px
}
.defaultavatarpicker #wpua-preview,
.defaultavatarpicker #wpua-preview-existing {
width: 32px;
height: 32px;
margin-right: 0;
display: inline-block;
overflow: hidden;
vertical-align: middle
}
.defaultavatarpicker #wpua-preview img,
.defaultavatarpicker #wpua-preview-existing img {
width: 32px;
height: auto;
border: 0
}
#reg_passmail,
.submit {
clear: both
}
.wpua_aws_storage,
.wpua_directory_storage,
.wpua_gs_storage,
.wpua_media_storage {
display: none
}
.avatar_container {
position: relative;
display: inline-block
}
.avatar_container .icon-edit:before {
content: "\e600";
}
.ci_controls .icon-image:before {
content: "\e601";
}
.ci_controls .icon-camera:before {
content: "\e605";
}
.ci_controls .icon-close:before {
content: "\e607";
}
.ci_controls .icon-disk:before {
content: "\e608"
}
.avatar_container .icon-undo:before {
content: "\e603";
}
.avatar_container .icon-trash:before {
content: "\e606";
}
.avatar_container .icon-edit {
cursor: pointer;
top: 0;
right: 0;
position: absolute;
font-size: 1.5em;
background: #fff;
padding: 3px 5px 2px
}
.avatar_container .icon-trash,
.avatar_container .icon-undo {
cursor: pointer;
bottom: 0;
right: 0;
position: absolute;
font-size: 1.5em;
background: #fff;
padding: 3px 5px 2px
}
#ci-modal-bg {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
z-index: 1000
}
.wp-admin #ci-modal {
height: 430px;
}
.page #ci-modal {
height: 450px;
}
#ci-modal {
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
box-shadow: 0 0 20px 0 #222;
-webkit-box-shadow: 0 0 20px 0 #222;
-moz-box-shadow: 0 0 20px 0 #222;
display: none;
left: 40%;
margin: -120px 0 0 -160px;
padding: 10px;
position: fixed;
top: 35%;
width: 509px;
z-index: 1000
}
#ci-modal-bg.active,
#ci-modal.active {
display: block
}
.ci_editor {
position: relative
}
.ci_editor form {
margin: 0!important;
padding: 0!important
}
.ci_img_container {
border: 1px dashed #000;
height: 380px;
cursor: pointer;
background: #fff
}
.ci_controls a {
color: #fff !important;
font-size: 2em;
margin-right: 10px;
text-decoration: none
}
.ci_controls a:hover {
color: #000;
font-size: 2em
}
.ci_editor input[type="file"] {
display: inline-block;
}
.ci_editor label {
font-weight: normal;
}
.ci_controls {
padding-top: 10px;
position: relative
}
.ci_controls a,
.ci_controls a:hover {
color: #fff !important;
margin-right: 10px;
text-decoration: none !important;
}
.ci_controls a:hover {
color: #000;
font-size: 2em
}
.ci_controls .icon-close,
.ci_controls .icon-close:hover,
.ci_controls .icon-disk,
.ci_controls .icon-disk:hover {
float: right;
font-size: 1.8em
}
.ci_controls .icon-camera,
.ci_controls .icon-camera:hover {
font-size: 2.3em !important;
}
.ci_placeholder {
text-align: center;
font-size: 1.5em!important;
color: #000;
position: absolute;
top: 35%;
width: 98%;
padding: 1%;
cursor: pointer;
font-weight: 400;
vertical-align: center
}
.ci_placeholder p {
font-size: .7em!important;
margin-top: 30px;
color: #000
}
.ci_file_control {
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
z-index: 1;
height: 0;
width: 0;
padding: 0;
margin: 0;
}
.archive_on,
.webcam_on {
color: #85f202!important
}
.ci_img_container {
overflow: auto;
z-index:200;
position:relative;
background:none;
}
.ci_message {
height: 30px;
background: #ddd;
margin-bottom: 10px;
padding: 10px
}
div#wpua-add-button {
margin-top: 5px;
display: inline-block;
margin-right: 20px;
}
@media (max-width: 768px) {
#ci-modal {
width: 80%;
margin-left: 0;
left: 10%
}
}
.wpua_loader {
background: url(//natfluence.com/wp-content/plugins/wp-user-avatar-pro/assets/images/wpua-loader.gif);
height: 100px;
width: 100px;
margin-left: 43%;
margin-top: -60px;
z-index: 10000;
position: absolute;
}
@font-face {
font-family: icomoon;
src: url(//natfluence.com/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.eot?-ewqwnb);
src: url(//natfluence.com/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.eot?#iefix-ewqwnb) format('embedded-opentype'), url(//natfluence.com/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.woff?-ewqwnb) format('woff'), url(//natfluence.com/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.ttf?-ewqwnb) format('truetype'), url(//natfluence.com/wp-content/plugins/wp-user-avatar-pro/assets/css/fonts/icomoon.svg?-ewqwnb#icomoon) format('svg');
font-weight: 400;
font-style: normal
}
.avatar_container [class^=icon-],
.avatar_container [class*=" icon-"],
.ci_controls [class*=" icon-"],
.ci_controls [class^=icon-] {
color: #0073AA;
}
#ci-modal,.ci_controls{
background-color: #0073AA;
}
.avatar_container [class^=icon-],
.avatar_container [class*=" icon-"],
.ci_controls [class*=" icon-"],
.ci_controls [class^=icon-] {
font-family: icomoon;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpua_extra_avatars {
display: inline-block;
}
.wpua_extra_avatars .avatar_container {
margin-right: 20px;
}
.wpua_listing_avatar {
margin: auto;
border: solid 1px #ddd;
margin-right: 1%;
margin-top: 1%;
}
.login #ci-modal label {
font: inherit;
color: #000;
}
.login #ci-modal form {
font-weight: 400;
margin-left: 0;
margin-top: 0px;
overflow: hidden;
padding: 26px 24px 46px;
background: none;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.13);
}
.woocommerce-account .woocommerce .avatar_container {
margin-bottom: 20px;
}
.wpua_capture {
font-size: 14px !important;
border: solid 2px;
padding: 3px 10px;
margin: 0px auto;
position: absolute;
left: 40%;
top: 5px;
display: none;
}
.ci_placeholder{
z-index:100;
}
.ci_editor{
background:#fff;
}