/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/
.member-dashboard-wrapper{
  font-family: sans-serif;
  width: 100%;
}
.member-dashboard-wrapper::after{
  content: '';
  display: block;
  clear: both;
}
.member-dashboard-wrapper ul {
  list-style: none;
}
.member-dashboard-wrapper a {
  text-decoration: none !important;
  color: #222 !important;
}
.member-dashboard-sidebar{
  width: 30%;
  float: left;
}
.member-dashboard-sidebar-wrapper{
  padding: 10px;
}
ul.dashboard-sidebar-menu{
  list-style: none !important;
  font-size: 20px;
}

.dashboard-sidebar-menu li {
  border-bottom: 1px solid #999;
  background: #f8f8f8;
  text-align: center;
}

.dashboard-sidebar-menu li a{
  text-decoration: none !important;
}

.member-dashboard-content{
  width: 70%;
  padding: 10px;
  float: left;
}
.member-contest-wrapper, .member-winner-wrapper, .member-tips-wrapper{
  max-width: 100% !important;
}
.member-contest-wrapper::after, .contest-contents::after, .contest-tips-list::after, .tip-images::after, .tip-details::after, .tip-header::after, .tip-footer::after, .member-tips-wrapper::after, .current-contest-section::after{
  content: '';
  display: block;
  clear: both;
}

.contest-tips-list{
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
  margin-top: 50px;
}
.member-tip-row{
  padding: 5px 10px;
  margin-bottom: 10px;
}

.contest-tip-row{
  display: flex;
  max-width: 100%;
  padding: 0 !important;
  border-radius: 6px;
}
.tip-card{
  width: 100%;
  box-shadow: 0 2px 8px 0 rgba(33,43,53,.12);
  border-radius: 6px;
  transition: box-shadow .5s;
}
.tip-card:hover{
  width: 100%;
  box-shadow: 0 16px 20px 0 rgba(33,43,53,.12);
}
.tip-images{
  width: 100%;
  height: 200px;
}
.tip-images img{
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 100%;
  object-fit: cover;
}
.tip-content{
  /* margin: 5px 10px; */
}
.tip-title{
  text-decoration: none !important;
  color: #444;
}
.tip-title h4{
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
}
.tip-author{
  width: 60%;
  float: left;
}
.author-image{
  float: left;
  text-decoration: none !important;
}
.tip-footer .tip-author .author-image{
    font-size: 15px;
}
.tip-author img{
  max-width: 32px;
  height: 32px;
  border-radius: 16px;
  margin-right: 10px;
  float: left;
}
.author-name{
  text-decoration: none !important;
}
.tip-body, .tip-footer{
  padding: 15px 10px;
}
.tip-body{
  min-height: 78px;
}
.tip-action{
  width: 40%;
  float: right;
  text-align: right;
}
.vote-this-tip, .thumb-this-tip{
  cursor: pointer;
  color: #818686;
}

.tip-separator{
  margin: 0 !important;
}

.tip-voted, .tip-thumbed{
  color: #e66000;
}

.tip-voted i, .tip-thumbed i {
  font-weight: bold;
}

.active-section{
  background: #c3c3c3 !important;
}

.contest-nav{
  text-align: center;
  margin-bottom: 25px;
}
.contest-nav a {
  background-color: #e66000 !important;
  text-decoration: none !important;
  color: #fff !important;
  padding: 10px 32px;
  margin: 10px 20px;
  border-radius: 5px;
}

.current-contest-actions{
  margin-top: 25px;
  text-align: center;
  width: 100%;
  display: block;
  clear: both;
  padding: 15px;
}

.current-contest-title{
  font-size: 30px;
  font-weight: bold !important;
}
.previous-contest-actions{
  text-align: center;
}
.current-contest-actions a{
  text-decoration: none !important;
  padding: 10px 20px;
  border-radius: 6px;
  background: #006699;
  color: #fff !important;
}

.previous-contest-actions a{
  text-decoration: none !important;
  padding: 5px 20px;
  border-radius: 6px;
  background: #006699;
  color: #fff !important;
  font-size: 16px;
}
.contests-wrapper{
  font-family: 'lato','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
  width: 100%;
  max-width: 100% !important;
}
.current-contest-section{
  /* background: #ebfbff; */
  padding: 10px;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 1px rgba(2,2,2,.3);
  margin-bottom: 25px;
}

.previous-contest-section-title, .contest-entries-title{
  font-size: 25px;
  font-weight: bold !important;
}
.previous-contests-wrap{
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
  margin-top: 20px;
}
.previous-contest-row{
  box-shadow: 0 8px 16px 0 rgba(2,2,2,.3);
  /* background: #ebfbff; */
  border-radius: 6px;
  transition: box-shadow .3s;
}

.previous-contest-row:hover{
  box-shadow: 0 10px 22px 0 rgba(2,2,2,.3);
}

.contest-image{
  max-height: 250px;
  height: 250px;
}
.contest-image img{
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.contest-content{
  padding: 10px;
}
.contest-content h5{
  margin: 0 !important;
  font-size: 20px;
  font-weight: bold !important;
}
.contest-actions{
  margin-bottom: 10px;
}

.current-contest-image{
  width: 36%;
  margin: 1%;
  float: left;
  height: 300px;
}
.current-contest-image img{
  max-height: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.current-contest-details{
  width: 58%;
  margin: 1%;
  float: left;
}

.current-contest-details h3{
  margin: 0 !important;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 2px;
}

.alert-success {
  color: #155f3f;
  background-color: #d4f1e4;
  border-color: #c3ebd9;
}
.contest-duration-info{
  background: #ffd9be;
  padding: 10px;
  border-radius: 6px;
}

.no-contest-message{
  text-align: center;
}

.member-winner-wrapper-title{
  padding: 10px 10px;
  margin: 10px 0;
}

.contest-winner-list{
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
}

.contest-winner-row{
  position: relative;
}

.contest-winner-title{
  font-weight: bold;
}

.winner-rank{
  /* width: 50px;
  height: 50px; */
  padding: 10px 18px;
  position: absolute;
  top: -15px;
  right: -15px;
  background: #e76106;
  z-index: 999;
  font-size: 30px;
  border-radius: 25px;
  text-align: center;
  font-weight: bold;
  box-shadow: 1px -1px 9px 2px rgba(33,43,53,.3);
  color: #fff;
}

.no-contest-message{
  background: #e76106;
  color: #fff;
}

.tip-status{
  /* padding: 10px; */
  width: 40%;
  float: right;
  text-align: right;
  font-size: 0.75em;
}
.tip-status span{
  padding: 5px;
  border-radius: 6px;
  color: #fff;
}
.tip-status span strong{
  color: #fff !important;
}
.tip-status-publish{
  background: #339933;
}
.tip-status-draft{
  background: #006699;
}
.tip-status-pending{
  background: #006699;
}

.wpuf-login-form, .wpuf-form-add{
  box-shadow: 0 2px 8px 0 rgba(33,43,53,.12) !important;
  padding: 20px !important;
  border-radius: 6px !important;
}

.wpuf-login-form input[type=text], .wpuf-login-form input[type=password], .wpuf-login-form input[type=submit]{
  width: 100%;
  border-radius: 6px !important;
  background: #fff !important;
}

.wpuf-form-add input[type=text], .wpuf-form-add input[type=password], .wpuf-form-add input[type=submit], .wpuf-form-add select, .wpuf-form-add input[type=email]{
  width: 100%;
  border-radius: 6px !important;
  background-color: #fff !important;
}

.wpuf-form-add ul.wpuf-form li{
  margin-bottom: 0 !important;
}

#wp-submit, .wpuf-form-add input[type=submit]{
  padding: 12px !important;
  font-size: 0.92em !important;
}

.mplus-enter-tip-title label, .mplus-enter-tip-category label, .mplus-enter-tip-description label{
  display: none !important;
}

.mplus-enter-tip-images a.file-selector{
  color: #e66000 !important;
  height: auto !important;
  padding: 8px !important;
  border-radius: 6px !important;
  border: 2px solid #e66000 !important;
  background: #fff !important;
}
.wpuf-submit input[type=submit] {
  background-color: #e66000 !important;
  border-color: #c44000 !important;
  box-shadow: none !important;
  color: #fff;
  text-decoration: none;
  text-shadow: none !important;
}

.wpuf-login-form input[type=submit]{
  background-color: #e66000 !important;
}

/*Tips single page style*/
.tip-menu-wrapper.tip-single li {
  margin-right: 20px;
}

.activity-page-header .breadcrumbs-component-wrap {
  margin-bottom: 36px;
}
.breadcrumbs-component {
  display: flex;
  height: 24px;
  line-height: 24px;
  position: relative;
  z-index: 1;
}
.breadcrumbs-component .breadcrumb {
  color: #919eab;
  font-size: 15px;
}
.breadcrumbs-component .breadcrumb:first-child::before {
  display: none;
}
.breadcrumbs-component .breadcrumb::before {
  content: "❯";
  font-size: 10px;
  font-weight: 700;
  color: rgb(145, 158, 171);
  vertical-align: middle;
  padding: 0px 10px;
}
.breadcrumbs-component .breadcrumb a {
  color: #637381;
}
.breadcrumbs-component .breadcrumb:last-of-type a {
  color: #637381;
  font-weight: 700;
}

.author-card {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.author-card .avatar {
  margin-right: 13px;
  flex: 0 0 74px;
  position: relative;
  border-radius: 50%;
}
.author-card .avatar img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid;
  padding: 5px;
}
.author-card .author-card-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.author-card .author-card-details .username {
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 200px;
  max-width: 100%;
  line-height: 1.5;
  text-decoration: none;
}
.author-card .author-card-details .author-extra-details {
  font-size: 14px;
  white-space: nowrap;
}
.author-card .author-card-details .author-extra-details li {
  display: inline;
  margin-right: 16px;
  position: relative;
  color: #919eab;
}

.tips-menu{
  margin: 15px 0;
}

.tips-menu li{
  list-style: none;
  float: left;
  margin-left: 0 !important;
  margin-right: 1em !important;
}

.big-preview.mplus-featured {
  display: block !important;
  margin-bottom: 20px;
}

.member-info{
  width: 30%;
  float: right;
  padding: 0 10px;
  margin-top: 15px;
}

.member-tips-wrapper .contest-contents{
  width: calc( 70% - 20px );
  float: left;
  border-right: 1px solid #d4d4d4;
  padding-right: 20px;
  margin-right: 20px;
}

.member-tips-wrapper .contest-contents .contest-tips-list{
  margin-top: 10px !important;
}

.member-info::after{
  content: "";
  display: block;
  clear: both;
}
.member-info-images{
  width: 100%;
  padding: 10px;
}

.member-info-images img{
  width: 200px;
  display: block;
  margin: 0 auto;
  border-radius: 100px;
  height: 200px;
  object-fit: cover;
}

.member-info-details{
  width: 100%auto;
  padding: 10px;
}


.mplus-menu-item-user .author-image{
  padding: 30% 0;
  max-height: 100%;
}
.mplus-menu-item-user .author-image img{
  height: 30px;
  width: 30px;
  border-radius: 15px;
}
.mplus-user-menu-dropdown{
  position: absolute !important;
  z-index: 9999 !important;
  top: 70px !important;
  left: -200px !important;
  display: none !important;
}
.mplus-user-menu-dropdown::after,  .mplus-user-menu-dropdown ul::after{
  content: "";
  display: block;
  clear: both;
}
.mplus-user-menu-dropdown ul{
  visibility: hidden;
  opacity: 0 !important;
  display: block !important;
  width: 250px !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 6px !important;
  box-shadow: 1px 1px 4px 1px rgba(2,2,2,.3) !important;
  transition: 0.3s !important;
}
.mplus-user-menu-dropdown ul li{
  padding: 8px 0 !important;
}
.mplus-user-menu-dropdown ul li.user-menu-name{
  padding: 15px 0 !important;
  border-bottom: 1px solid #eff3f6 !important;
}
.mplus-user-menu-dropdown ul li.user-menu-name h5{
  padding: 10px !important;
  font-size: 18px;
  font-weight: bold !important;
}
.mplus-user-menu-dropdown ul li a{
  font-size: 16px !important;
  border: none !important;
}
.mplus-menu-item:hover .mplus-user-menu-dropdown{
  display: block !important;
}
.mplus-menu-item:hover .mplus-user-menu-dropdown ul{
  visibility: visible;
  opacity: 1 !important;
}

.member-tips-wrapper-title{
  font-size: 25px;
  font-weight: bold !important;
}

.wpuf-message:nth-child(2) {
  display: none;
}

.tip-category-tags-wrapper {
  height: auto;
  margin: 0 -20px;
  min-width: 0;
  position: relative;
  padding: 0 20px;
  margin-top: 50px;
}

a.tip-category-tags {
  width: auto;
  margin: 5px;
  background: #fff;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  border-radius: 6px;
  font-size: 16px;
  color: #212b35 !important;
  display: inline-flex;
  white-space: nowrap;
  text-decoration: none !important;
  box-shadow: 0 2px 8px 0 rgba(33,43,53,.12);
}

a.tip-category-tags:hover{
  box-shadow: 2px 2px 8px 2px rgba(33,43,53,.12);
}
a.tip-selected-tag{
  background-color: #006699;
  color: #fff !important;
}

article.type-ec-tips{
  margin-bottom: 20px;
}
#join-contest-message{
  font-size: 16px !important;
}
.mplus-enter-contest .wpuf-label{
  width: 25%;
  float: left;
}



.single-tip-html-2 .entry-content-wrapper{
    max-width: 100% !important;
    width: 100%;
}

.entry-content-header-wrapper{
   max-width: 100% !important;
   width: 90%;
}

.entry-content-header-wrapper::after{
    content: '';
    display: block;
    clear: both;
}

.entry-content-header-left .entry-content-header .post-title{
    margin: 0 !important;
    font-size: 2rem !important;
}
.entry-content-header-left {
    width: 40%;
    float: left;
    margin: 0 !important;
}
.entry-content-header-right {
    width: 60%;
    float: left;
    margin: 0 !important;
}

.entry-content-header-left .author-card{
    margin-top: 30px !important;
}

.single-tip-html-2 .entry-content-wrapper .mplus-featured a img{
    height: auto;
    max-height: 500px;
}
.single-tip-html-2 .entry-content-wrapper .mplus-featured{
    margin-top: 0 !important;
}

.single-tip-action{
    display: block;
    clear: both;
    margin-bottom: 20px;
}
.single-tip-action::after {
    content: '';
    display: block;
    clear: both;
}
.single-tip-thumbs, .single-tip-votes{
   width: 70px;
   float: left;
}

.vote-here-text, .single-tip-action{
  /* max-width: 800px; */
  margin: 0 auto;
}
.vote-here-text{
  margin-bottom: 10px;
}

.not-logged-in{
  pointer-events: none !important;
}

.entry-content .printfriendly{
    margin-top: 100px;
}


/* Responsive */

@media only screen and (min-width: 966px) {
  #wpuf-login-form{
    width: 50%;
    margin: 0 auto;
  }
  .wpuf-form-add{
    width: 50%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 966px) {
  .current-contest-image{
    width: 100%;
  }
  .current-contest-details{
    width: 100%;
  }
  .tip-category-tags-wrapper {
    max-height: 250px;
    overflow-y: scroll;
  }
}

@media only screen and (max-width: 768px) {
  .contest-tip-row{
    width: 100%;
    margin: 1% auto;
  }
  .contest-nav a {
    display: block;
    margin: 10px auto;
  }

  .member-dashboard-sidebar{
    width: 100%;
    display: block;
  }
  .member-dashboard-content{
    width: 100%;
  }
  .dashboard-sidebar-menu{
    margin: 0 !important;
  }
  .dashboard-sidebar-menu li {
    margin: 0 !important;
  }
  .member-info{
    width: 100%;
    float: none;
    padding: 10px 10px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 10px;
  }

  .member-tips-wrapper .contest-contents{
    width: 100%;
    float: none;
    border: none;
    padding: 0;
    margin: 0;
  }
    .entry-content-header-left {
        width: 100%;
        float: none;
    }
    .entry-content-header-right {
        width: 100%;
        float: none;
    }
    .entry-content-header-wrapper{
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
  .current-contest-actions a{
    width: 100%;
    display: block;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 418px) {
  .tip-author {
    width: 100%;
    float: none;
    text-align: center;
  }
  .tip-status {
    width: 100%;
    float: none;
    text-align: center;
    font-size: 0.75em;
  }
}

.tips-menu a.avia-button {
  font-size: 16px;
}

.tips-menu a.avia-color-theme-color{
  background-color: #e76106 !important;
}

.tips-menu a.avia-color-blue, .single-tip-bottom-action a.avia-color-blue{
  background-color: #006699 !important;
}
.mplus-show-mobile{
  display: none;
}
.html_av-overlay-side-classic #top .av-burger-overlay li a.mplus-avatar-mobile {
  border: none;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a.mplus-avatar-mobile  {
  padding: 27px 50px 0px;
}
@media only screen and (max-width: 989px) {
  .mplus-hidden-mobile{
    display: none;
  }
  .mplus-show-mobile{
    display: block;
  }
  .mplus-menu-item-user .author-image {
    padding: 0;
    max-height: 100%;
    float: none;
  }
}


/* mplus css */

.mplus-user-menu-dropdown {
	top: 22px !important;
}
.sub_menu li.mplus-menu-li {
	width: 50px;
	height: 12px;
}
.mplus-menu-item-user .author-image {
	padding: 0;
	position: absolute;
	left: 10px;
	top: -8px; 
}

@media only screen and (max-width: 989px) {
	.sub_menu li.mplus-hidden-mobile {
		display:none !important;
	}
}