/** backend styles **/
.media-modal .attachment-info .thumbnail {
  max-width: 100%;
  max-height: 250px;
  width: 100%;
}
.media-modal .attachment-info .uploaded,
.media-modal .attachment-info .file-size,
.media-modal .attachment-info .dimensions {
  float: left;
  padding-right: 5px;
}
.media-modal .attachment-info .edit-attachment,
.media-modal .attachment-info .delete-attachment {
  display: inline;
}
.media-modal .attachment-info .edit-attachment {
  border-right: 1px solid #CCC;
  padding-right: 5px;
}
.attachment-info .thumbnail img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.attachment-info .thumbnail .dtbaker_thumb_wrap:not([data-imagestyle='']) {
  position: relative;
}
.attachment-info .thumbnail .dtbaker_thumb_wrap.dtbaker_image_style {
  margin: 20px;
}
.dtbaker_image_style {
  position: relative;
  display: table !important;
  background: #FFF;
}
.dtbaker_image_style img {
  position: relative;
  display: table-cell;
  box-shadow: none;
  border: none;
  padding: 0;
  width: 100%;
}
.attachment-info .thumbnail .dtbaker_image_style {
  padding: 4px;
}
.dtbaker_insert_image_aspect_warning {
  color: #FF0000;
  font-weight: bold;
}
.dtbaker_image_style {
  line-height: 0;
  margin: 40px 20px;
  box-shadow: 0px 0px 9px 2px #d9d9d9;
  background: #FFF;
  border: 1px solid #eee;
  padding: 8px;
}
.dtbaker_image_style .alignright,
.dtbaker_image_style .alignleft,
.dtbaker_image_style .aligncenter {
  margin: 0;
  float: none;
}
.dtbaker_image_style[class*="box_style"]:before,
.dtbaker_image_style[class*="box_style"]:after {
  content: '';
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: 500% auto;
  z-index: -1;
}
/******************************************/
.dtbaker_image_style.box_style1:before,
.dtbaker_image_style.box_style1:after {
  background-image: url(images/rectangle-border-lavendar.png);
}
.dtbaker_image_style.box_style1:before {
  width: 20%;
  height: 100%;
  background-position: left bottom;
  left: -20%;
  bottom: 0;
}
.dtbaker_image_style.box_style1:after {
  width: 20%;
  height: 100%;
  background-position: right bottom;
  right: -20%;
  bottom: 0;
}
/******************************************/
.dtbaker_image_style.box_style2:before,
.dtbaker_image_style.box_style2:after {
  background-image: url(images/rectangle-border-pink-buds.png);
}
.dtbaker_image_style.box_style2:before {
  width: 20%;
  height: 100%;
  background-position: left top;
  left: -10%;
  top: -10%;
}
.dtbaker_image_style.box_style2:after {
  width: 40%;
  background-size: 300% auto;
  height: 100%;
  background-position: right bottom;
  right: -10%;
  bottom: -10%;
}
/******************************************/
.dtbaker_image_style.box_style3:before,
.dtbaker_image_style.box_style3:after {
  background-image: url(images/rectangle-border-pink-dots.png);
}
.dtbaker_image_style.box_style3:before {
  width: 30%;
  background-size: 300% auto;
  height: 100%;
  background-position: left top;
  left: -10%;
  top: -10%;
}
.dtbaker_image_style.box_style3:after {
  width: 40%;
  background-size: 300% auto;
  height: 100%;
  background-position: right bottom;
  right: -10%;
  bottom: -10%;
}
/******************************************/
.dtbaker_image_style.box_style4:before {
  background-image: url(images/rectangle-border-pink-dots-grunge.png);
  background-size: 100% auto;
  left: -10%;
  top: -10%;
  right: -10%;
  bottom: -10%;
}
.dtbaker_image_style.box_style4:after {
  display: none;
}
/******************************************/
.dtbaker_image_style.box_style5:before {
  background-image: url(images/rectangle-border-pink-grunge.png);
  background-size: 100% auto;
  left: -10%;
  top: -10%;
  right: -10%;
  bottom: -10%;
}
.dtbaker_image_style.box_style5:after {
  display: none;
}
/******************************************/
.dtbaker_image_style.box_style6:before {
  background-image: url(images/rectangle-border-purple-fern.png);
  background-size: 100% auto;
  left: -10%;
  top: -10%;
  right: -10%;
  bottom: -10%;
}
.dtbaker_image_style.box_style6:after {
  display: none;
}
/******************************************/
.dtbaker_image_style.box_style7:before,
.dtbaker_image_style.box_style7:after {
  background-image: url(images/rectangle-border-rose-behind.png);
}
.dtbaker_image_style.box_style7:before {
  width: 30%;
  background-size: 300% auto;
  height: 100%;
  background-position: left top;
  left: -10%;
  top: -10%;
}
.dtbaker_image_style.box_style7:after {
  width: 40%;
  background-size: 300% auto;
  height: 100%;
  background-position: right bottom;
  right: -10%;
  bottom: -10%;
}
/******************************************/
.dtbaker_image_style.box_style8:before {
  background-image: url(images/rectangle-border-rose-over.png);
  background-size: 100% auto;
  left: -10%;
  top: -10%;
  right: -10%;
  bottom: -10%;
  z-index: 2;
}
.mce-content-body .dtbaker_image_style.box_style8:before {
  z-index: 0;
}
.dtbaker_image_style.box_style8:after {
  display: none;
}
/******************************************/
.dtbaker_image_style[class*="circle_style"] {
  box-sizing: border-box;
  position: relative;
  background: transparent;
  padding: 0;
  border: 0;
  box-shadow: none;
}
.entry-content .dtbaker_image_style[class*="circle_style"] img {
  visibility: hidden;
}
.dtbaker_image_style[class*="circle_style"].rendered img {
  visibility: visible;
  max-height: 100%;
  height: 100%;
  width: auto;
  display: block;
  position: absolute;
  max-width: none;
  /*left: -25%;*/
  border-radius: 50%;
  z-index: 200;
}
.mce-content-body .dtbaker_image_style[class*="circle_style"] img {
  border-radius: 50%;
}
.attachment-info .dtbaker_image_style[class*="circle_style"] img {
  visibility: visible;
  height: auto;
  width: 100%;
  display: block;
  max-width: none;
  /*left: -25%;*/
  border-radius: 50%;
  z-index: 200;
}
.sidebar .widget.widget_circle_style,
.widget.widget_circle_style {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 25px 0;
}
.sidebar .widget.widget_circle_style .widget_header,
.widget.widget_circle_style .widget_header,
.sidebar .widget.widget_circle_style .widget_footer,
.widget.widget_circle_style .widget_footer {
  display: none;
}
.sidebar .widget.widget_circle_style .widget_content,
.widget.widget_circle_style .widget_content {
  padding: 0;
  margin: 15px;
  z-index: 100;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
}
.sidebar .widget.widget_circle_style .widget_content .simple-image,
.widget.widget_circle_style .widget_content .simple-image {
  display: block;
  width: 100%;
  position: absolute;
  left: 50%;
  height: 100%;
}
.sidebar .widget.widget_circle_style .widget_content .simple-image img,
.widget.widget_circle_style .widget_content .simple-image img {
  position: relative;
  left: -50%;
  height: 100%;
  width: auto;
  max-width: inherit;
}
[class*="circle_style"].dtbaker_image_style:before {
  content: '';
  position: absolute;
  top: -12%;
  right: -12%;
  left: -12%;
  bottom: -12%;
  z-index: 90;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
[class*="circle_style"].dtbaker_image_style:after {
  content: '';
  position: absolute;
  top: -12%;
  right: -12%;
  left: -12%;
  bottom: -12%;
  z-index: 110;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.widget.widget_circle_style:before {
  content: '';
  position: absolute;
  top: -1%;
  right: -1%;
  left: -1%;
  bottom: -1%;
  z-index: 90;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.widget.widget_circle_style:after {
  content: '';
  position: absolute;
  top: -1%;
  right: -1%;
  left: -1%;
  bottom: -1%;
  z-index: 110;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
[class*="circle_style"].dtbaker_image_style.circle_style1:before,
.widget.widget_circle_style.circle_style1:before {
  background-image: url(images/circle-border-berries-under.png);
  background-position: top right;
}
[class*="circle_style"].dtbaker_image_style.circle_style1:after,
.widget.widget_circle_style.circle_style1:after {
  background-image: url(images/circle-border-berries-top.png);
  background-position: bottom left;
}
[class*="circle_style"].dtbaker_image_style.circle_style2:before,
.widget.widget_circle_style.circle_style2:before {
  background-image: url(images/circle-border-details.png);
  background-position: center;
}
[class*="circle_style"].dtbaker_image_style.circle_style3:before,
.widget.widget_circle_style.circle_style3:before {
  background-image: url(images/circle-border-fern.png);
  background-position: bottom center;
}
[class*="circle_style"].dtbaker_image_style.circle_style4:before,
.widget.widget_circle_style.circle_style4:before {
  background-image: url(images/circle-border-pink-over.png);
  background-position: center;
}
[class*="circle_style"].dtbaker_image_style.circle_style5:before,
.widget.widget_circle_style.circle_style5:before {
  background-image: url(images/circle-border-purple-flowers.png);
  background-position: center;
}
[class*="circle_style"].dtbaker_image_style.circle_style6:before,
.widget.widget_circle_style.circle_style6:before {
  background-image: url(images/circle-border-rose.png);
  background-position: bottom center;
  z-index: 201;
}
[class*="circle_style"].dtbaker_image_style.circle_style7:before,
.widget.widget_circle_style.circle_style7:before {
  background-image: url(images/circle-border-watercolour.png);
  background-position: bottom center;
}
[class*="circle_style"].dtbaker_image_style.circle_style8:before,
.widget.widget_circle_style.circle_style8:before {
  background-image: url(images/circle-border-pink-under.png);
  background-position: center;
}