@charset "UTF-8";

/**
 * Team Members Admin CSS
 */

/* General. */
.dmb_clearfix{
  clear:both;}

/* ACF Fix. */
#acf-fallback-bio{
  width:100%;
  clear:both;
  height:100px;
  border-radius:4px;
  margin-top:2px;
}

/* Fields. */
.dmb_feature_dump{
  display:none;}

.dmb_field, 
.dmb_main select,
.dmb_side_select{
  font-size:12px;
  width:100%; 
  border-radius:4px;
  margin-bottom:5px;}
  
.dmb_field{
  width:100%; 
  padding:4px 8px; 
  font-size:13px;}

.dmb_data_dump{
  display:none;}

.dmb_img_field{ /* Hides uploaded img URL. */
  display:none;}

.dmb_img_data_url { /* Hidden to avoid space before the uploaded img. */
  display:none !important;}

.dmb_img{
  max-width:100%;
  margin-top:8px; /* Top space once the img has been updated. */
  display:block;}


/* Headings. */
.dmb_section_title{
  font-size: 15px;
  color:#497bad;
  padding-bottom:4px;
  margin: 15px 2px 2px;
  border-bottom:3px dashed #ddd;
  text-align: left;}

.dmb_field_title{
  margin-top: 10px;
  margin-bottom:3px;
  color: #555;
  font-size: 12px;
  padding-left: 2px;
  display: inline-block;
  font-weight: 400;
  line-height: 15px;}

  
/* Placeholders. */
::-webkit-input-placeholder {color: #bbb;}
::-moz-placeholder {color: #bbb;}
:-ms-input-placeholder {color: #bbb;}
:-moz-placeholder {color: #bbb;}


/* Metaboxes. */
.dmb_main{ /* Main metabox. */
  border-radius: 4px;
  margin-top: 10px;}

.dmb_main .dmb_inner{
  background:whitesmoke; 
  padding:4px 10px 8px;
  border: 1px solid #ddd;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;}

.dmb_main .dmb_handle{
  padding: 7px 7px 7px 10px;
  background: #aea8a0;
  border: 1px solid #96938e !important;
  display:block; 
  border-top-right-radius:3px; 
  border-top-left-radius:3px}

.dmb_main .dmb_handle .dmb_big_button_secondary { /* Darker button in the handle. */
  float:right; 
  margin-left:8px;
  font-size: 12px; /* Smaller. */
  line-height: 20px;
  border-bottom:2px solid #ccc;
  border-right:1px solid #ccc;}

.dmb_main .dmb_handle .dmb_move_row_up,
.dmb_main .dmb_handle .dmb_move_row_down{
  padding:3px;
  float:left; 
  margin-left:0px;
  margin-right:8px;}

.dmb_main .dmb_handle .dmb_move_row_up{
  margin-right:0px;
  border-bottom-right-radius:0px;
  border-top-right-radius:0px;}

.dmb_main .dmb_handle .dmb_move_row_down{
  border-bottom-left-radius:0px;
  border-top-left-radius:0px;}

.dmb_main .dmb_handle.closed{
  border-radius:3px; 
  border-bottom: none;}

.dmb_main .dmb_handle.closed{
  border-radius:3px; 
  border-bottom: none;}
  
.dmb_main .dmb_handle .dmb_handle_title{
  margin-top: 4px;
  float:left;
  color: white;
  text-shadow: 0 -1px 1px #8b847d,1px 0 1px #8b847d,0 1px 1px #8b847d,-1px 0 1px #8b847d;
  font-weight:300;
  font-size: 18px;
  box-sizing: border-box;}

#dmb_preview_team{
  box-sizing:border-box;
  display:none; 
  position: fixed;
  overflow-y:scroll; 
  border:1px solid #bbb; 
  top: 0%; 
  bottom:0%; 
  left: 0%;
  right: 0%;
  background: #ddd; 
  z-index: 100000;
  padding: 0 15%;
  text-align: center;
  box-shadow: -1px 0px 204px -6px rgba(0,0,0,0.75);}

.dmb_accuracy_preview_notice{
  text-align:center; 
  line-height:25px; 
  background:white; 
  border-radius:4px; 
  padding:14px 30px; 
  max-width: 500px; 
  margin:0 auto; 
  font-size:15px; 
  margin-top:60px; 
  margin-bottom:80px;}

.dmb_no_row_preview_notice{
  background:white; 
  border-radius:4px; 
  padding:20px 40px; 
  max-width: 500px; 
  margin:0 auto; 
  font-size:20px; 
  margin-top:120px;}


/* Tips. */
.dmb_tip{
  padding-left:2px;
  font-size:12px;
  color:#999;
  line-height:15px;
  margin-top:8px;}

.dmb_tip .dashicons{
  font-size:17px;
  height:17px;}

.dmb_tip a, .dmb_inline_tip{
  color:#0073AA; 
  cursor: pointer;}


/* Buttons. */
.dmb_big_button_primary{ /* Adds a row/Go PRO buttons. */
  text-shadow: 0 -1px 1px #849d3a,1px 0 1px #849d3a,0 1px 1px #849d3a,-1px 0 1px #849d3a;
  padding:8px 6px 5px 10px;
  font-size:14px;
  background: #ACCE45;
  color:white;
  text-decoration:none;
  border-radius:3px;
  border:1px solid #8ea93d;
  border-bottom:2px solid #8ea93d;
  border-right:1px solid #8ea93d;
  line-height:15px;}
.dmb_big_button_primary:hover,
.dmb_big_button_primary:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #b1d34a;
  color:white;}

.dmb_big_button_secondary{ /* Handle/toolbar buttons. */
  padding:3px 10px;
  font-size:13px;
  background: #fff;
  font-weight:500;
  color:#333;
  text-decoration:none;
  border-radius:3px;
  border-bottom:2px solid #ddd;
  border-right:1px solid #ddd;}
.dmb_big_button_secondary:hover,
.dmb_big_button_secondary:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#555;}
.dmb_big_button_secondary.dmb_remove_row_btn{ /* Fixes remove row handle button. */
  padding: 3px 3px 3px 4px}

.dmb_small_button_primary{ /* Upload img buttons. */
  margin:5px 1px;
  text-shadow: 0 -1px 1px #497bad,1px 0 1px #497bad,0 1px 1px #497bad,-1px 0 1px #497bad;
  padding:4px 4px 1px;
  line-height:17px;
  font-size:12px;
  background: #5690CA;
  color:white;
  text-decoration:none;
  border-radius:3px;
  border:1px solid #497bad;
  border-bottom:2px solid #497bad;
  border-right:1px solid #497bad;}
.dmb_small_button_primary:hover,
.dmb_small_button_primary:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #5a97d4;
  color:white;}

.dmb_preview_button{ /* Handle/toolbar buttons. */
  text-shadow: 0 0px 0px #a18023,1px 0 0px #a18023,0 1px 1px #a18023,0px 0 1px #a18023;
  padding:3px 10px;
  font-size:13px;
  background: #f5c542;
  font-weight:400;
  cursor:pointer;
  color:white;
  text-decoration:none;
  border-radius:3px;
  border:1px solid #c39d2c;
  border-bottom:2px solid #c39d2c;
  border-right:1px solid #c39d2c;}
.dmb_preview_button:hover,
.dmb_preview_button:focus{
  background-image: none;
  background:#ffcd43;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:white;}

.dmb_preview_button.dmb_preview_team_close{
  position:fixed; 
  top:20px; 
  right:40px; 
  z-index:1;
  padding: 10px 20px 13px;
  font-size:20px;}

.dmb_preview_button.dmb_preview_team_close .dashicons{
  font-size:20px;}

.dmb_small_button_secondary{ /* Remove img button. */
  padding:2px; 
  margin-top:1px;
  line-height:18px;
  font-size:12px;
  background: #fff;
  font-weight:500;
  color:#333;
  text-decoration:none;
  border-radius:3px;
  border-bottom:2px solid #ddd;
  border-right:1px solid #ddd;}
.dmb_small_button_secondary:hover,
.dmb_small_button_secondary:focus{
  background-image: none;
  outline: 0;
  opacity:1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#555;}
.dmb_small_button_secondary.dmb_remove_feature_btn{
  position:relative;
  top:4px;
  padding:11px 2px 0px 3px;}

.dmb_upload_img_btn{
  display:inline-block; 
  cursor:pointer;
  margin-bottom:0px;}

.dmb_upload_img_btn .dashicons{ /* Fix for upload button icon. */
  position:relative; 
  top:-2px;}

.dmb_remove_img_btn{ /* Uploaded img remove button. */
  display:inline-block; 
  position:relative; 
  top:-2px; 
  margin-left:3px;}

.dmb_add_row{
  margin:0 auto;
  margin-top:10px; 
  display:inline-block;}

.dmb_no_row_notice{
  background: whitesmoke;
  border-radius: 4px;
  padding: 30px 10px;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  border:1px solid #ddd;}

.dmb_add_feature{
  margin-top:5px;
  margin-bottom:5px; 
  display:inline-block;}


/* Framework. */
.dmb_grid{
  float:left;
  padding-left:6px;
  box-sizing:border-box;
  padding-right:6px;}

.dmb_grid_20{width:20%;}
.dmb_grid_25{width:25%;}
.dmb_grid_33{width:33%;}
.dmb_grid_35{width:35%;}
.dmb_grid_40{width:40%;}
.dmb_grid_50{width:50%;}
.dmb_grid_60{width:60%;}
.dmb_grid_100{width:99%;}

.dmb_description_of_member{width:100% !important;}

.dmb_grid_first{
  padding-left:0;}
.dmb_grid_last{
  padding-right:0;}


/* Color picker. */
.dmb_color_picker{padding: 3px !important;}
.wp-picker-container{position: relative;}
.wp-picker-clear{display:none !important;}
.wp-picker-container, 
.wp-picker-container:active{
  display:block; z-index:9999;}
.iris-picker{ /* Fixes color picker. */
  position: absolute !important;
  bottom: 33px !important;
  left: 80 !important;
  background: white !important;}


/* Toolbar. */
.dmb_toolbar{
  display:block;
  text-align:left;
  background:whitesmoke;
  margin-top:10px;
  border-radius: 4px;
  border:1px solid #ddd;}

.dmb_toolbar .dmb_toolbar_inner{
  display:block;
  padding: 7px 7px 6px;}

.dmb_toolbar .dmb_toolbar_inner .dmb_collapse_rows,
.dmb_toolbar .dmb_toolbar_inner .dmb_expand_rows {
  float:left;
  margin-right:7px;}

.dmb_toolbar .dmb_toolbar_inner .dmb_preview_button {
  float:right;
  margin-left:7px;}

.dmb_toolbar .dashicons{
  line-height:20px !important;}


/* Side block. */
.dmb_side_block_title,
.dmb_help_title{
  font-size: 14px;
  margin-top:4px;
  margin-bottom: 2px; 
  font-weight: 500;
  color: #222;}

.dmb_help_title{ /* Fixes title spacing. */
  margin-bottom: 10px;}

.dmb_side_block{
  margin-top:10px;}

.dmb_side_block a{
  text-decoration:none;}

.dmb_see_pro {
  display:inline-block; 
  margin-top:10px; 
  padding-bottom:8px;}


/* Tooltips. */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;}

[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  padding-left:14px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: left;
  font-size: 12px;
  line-height: 16px;}

.dmb_tooltip_large[data-tooltip]:before{width:320px;}
.dmb_tooltip_medium[data-tooltip]:before{width:220px;}
.dmb_tooltip_small[data-tooltip]:before{width:180px;}

[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;}


/* Responsive admin. */
@media only screen and (max-width : 850px) {
  .dmb_grid_20,
  .dmb_grid_25,
  .dmb_grid_33,
  .dmb_grid_35,
  .dmb_grid_40,
  .dmb_grid_50,
  .dmb_grid_60,
  .dmb_grid_100{
    padding-right:0px;
    padding-left:0px;
    width:100%;}
}


/* WordPress CSS tweak (PRO side metabox). */
#tmm_pro h2.hndle {
  background:#ACCE45;
  color:white;
  font-weight:400;
  border: 1px solid #9ebd43 !important;
  text-shadow: 0 0px 1px #849d3a, 0px 0 1px #849d3a, 0 1px 1px #849d3a, 0px 0 1px #849d3a;}

#tmm_pro h2.hndle .dashicons{
  color:white !important;}

#tmm_pro .toggle-indicator{
  color:white !important;}

/* Unique editor. */
#dmb_unique_editor {
  box-sizing:border-box;
  display:none; 
  position: fixed;
  overflow-y:scroll; 
  border:1px solid #bbb; 
  top: 0%; 
  bottom:0%; 
  left: 0%;
  right: 0%;
  background: #ddd; 
  z-index: 100000;
  padding: 5% 15%;
  text-align: center;
  box-shadow: -1px 0px 204px -6px rgba(0,0,0,0.75);}

#wp-dmb_editor-wrap {
  padding: 20px;
  background: rgba(255,255,255,0.5);}

.dmb_ue_update{
  margin-top:2px;
  text-shadow: 0 0px 0px #a18023,1px 0 0px #a18023,0 1px 1px #a18023,0px 0 1px #a18023;
  background: #f5c542;
  font-weight:400;
  cursor:pointer;
  color:white;
  text-decoration:none;
  border-radius:3px;
  border:1px solid #c39d2c;
  border-bottom:2px solid #c39d2c;
  border-right:1px solid #c39d2c;
  padding: 10px 20px;
  display:inline-block;
  font-size:20px;}
  
.dmb_ue_update:hover,
.dmb_ue_update:focus{
  background-image: none;
  background:#ffcd43;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:white;}

.dmb_ue_cancel{
  margin-top:2px;
  margin-left:20px;
  background: #fff;
  font-weight:400;
  cursor:pointer;
  color:#444;
  text-decoration:none;
  border-radius:3px;
  border:1px solid #ccc;
  border-bottom:2px solid #bbb;
  border-right:1px solid #ccc;
  padding: 10px 20px;
  display:inline-block;
  font-size:20px;}
  
.dmb_ue_cancel:hover,
.dmb_ue_cancel:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;}

.dmb_edit_description_of_member{
  display:inline-block;
  cursor:pointer;}

.dmb_description_of_member{
  border: 1px solid #e2e2e2;
  margin: 5px 0;
  margin-left: 1px;
  margin-right: 5px;
  box-sizing: border-box;
  padding: 10px 20px;
  min-height: 30px;
  background: white;
  border-radius: 0;
  max-height: 240px;
  width:99%;
  overflow-y: scroll;
  border-radius: 3px;}

.dmb_edit_description_of_member .dashicons {
  position:relative;
  top:-2px;}