/* -------------------------------------------------------------
 *  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
 *  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
 *
 *  List of CSS3 Sass Mixins File to be @imported and @included as you need
 *
 *  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
 *  ENDING css files
 *
 *  note: All CSS3 Properties are being supported by Safari 5
 *  more info: http://www.findmebyip.com/litmus/#css3-properties
 *
 *------------------------------------------------------------- */
.valign-children {
  display: flex;
  align-items: center; }

.page_layout.show_editor {
  border: 1px solid red; }

.edit_element_header, .edit_element_footer {
  display: none; }
  .edit_element_header h1.dragging, .edit_element_footer h1.dragging {
    cursor: move; }

.ty_hidden:not(.ty_editable) {
  display: none; }

.show_editor .edit_element_header.ty_editable, .show_editor .ty_editable.edit_element_footer {
  border: 1px solid #eeeeee;
  padding: 2px;
  display: block; }
  .show_editor .edit_element_header.ty_editable section, .show_editor .ty_editable.edit_element_footer section {
    background: #eee;
    background: rgba(238, 238, 238, 0.35); }
.show_editor .layout_area.ty_editable {
  border: 1px dotted blue;
  background: #eeeeff;
  background: rgba(238, 238, 255, 0.85); }
  .show_editor .layout_area.ty_editable:hover {
    background: #8888ff;
    background: rgba(136, 136, 255, 0.85); }
.show_editor .layout_zone.ty_editable {
  border: 1px dashed green;
  background: #eeffee;
  background: rgba(238, 255, 238, 0.85); }
  .show_editor .layout_zone.ty_editable:hover {
    background: #88ff88;
    background: rgba(136, 255, 136, 0.85); }
.show_editor .layout_widget.ty_editable {
  border: 1px dashed yellow;
  background: #eeffff;
  background: rgba(238, 255, 255, 0.85); }
  .show_editor .layout_widget.ty_editable:hover {
    background: #88ffff;
    background: rgba(136, 255, 255, 0.85); }

.layout_element.allow_drop {
  border: 2px dashed #ff5555;
  background: #888888;
  background: rgba(136, 136, 136, 0.5);
  cursor: move; }

.layout_zone.std_drag_hover, .show_editor .layout_zone.std_drag_hover {
  border: 2px dashed #55ff55;
  background: #888888;
  background: rgba(136, 136, 136, 0.5);
  cursor: move; }

.edit_element_header section, .edit_element_footer section {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
  .edit_element_header section h1, .edit_element_footer section h1 {
    font-size: 10px;
    font-weight: bold;
    margin: 1px 5px;
    padding: 2px 5px;
    border: 1px dotted black;
    background: #ffeeee;
    background: rgba(255, 238, 238, 0.1);
    display: inline-block;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .edit_element_header section h1:hover, .edit_element_footer section h1:hover {
      background: #ff8888;
      -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }

.edit_element_footer section {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

#ta_ce_editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 16px;
  left: 0; }

#ta_ce_statusBar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

s {
  text-decoration: none; }

.ty_editable s {
  border: 1px dotted #fcc !important;
  background: #fee;
  background: rgba(255, 238, 238, 0.1); }
