/*
Theme Name: Enwoke
Description: Enwoke Frontend Theme
Version: 1.0
Theme URI: https://www.ceninternation.com
Author Name: Weerayut Teja
Author Email: teja.weerayut@gmail.com
Author URI: https://www.wteja.com
*/


/*= Enwoke Platform Font
==============================*/

@font-face {
  font-family: "enwoke-platform";
  src: url("../fonts/enwoke-platform.eot");
  src: url("../fonts/enwoke-platform.eot?#iefix") format("embedded-opentype"), url("../fonts/enwoke-platform.woff") format("woff"), url("../fonts/enwoke-platform.ttf") format("truetype"), url("../fonts/enwoke-platform.svg#enwoke-platform") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "enwoke-platform" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "enwoke-platform" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-share-slim:before {
  content: "\62";
}

.icon-stories:before {
  content: "\64";
}

.icon-events:before {
  content: "\65";
}

.icon-masonry:before {
  content: "\66";
}

.icon-map:before {
  content: "\67";
}

.icon-offers:before {
  content: "\68";
}


/*= Global Classes
==============================*/

.clickable {
  cursor: pointer;
}

.strike {
  text-decoration: line-through;
}


/*= PrimeNG
==============================*/

body .ui-panelmenu .ui-panelmenu-header a.ui-state-active,
body .ui-panelmenu .ui-panelmenu-header .ui-state-active .fa {
  color: #fff;
}

body p-autocomplete {
  height: 34px;
  display: block;
}

body .ui-autocomplete,
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
  width: 100%;
  height: 34px;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
  padding: 0 0.75em;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container li {
  padding: 0 0.25em 0 0;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container li .ui-autocomplete-token-icon {
  margin-top: -6px;
}

body .ui-autocomplete-token-label {
  padding: 4px;
}

body .input-group .ui-inputtext {
  border-radius: 0.25em 0 0 0.25em;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .form-control {
  box-shadow: none;
}

body .ui-dialog .uploadifive-queue {
  display: none;
}


/*= Pace
==============================*/

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #89C966;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}


/*= HTML Elements
==============================*/

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}


/*= Bootstrap
==============================*/

.tab-content>.tab-pane {
  padding: 20px 0;
}


/*= Admin
==============================*/

.ui-growl {
  top: 70px;
}

.page-header.navbar.navbar-fixed-top,
.page-header.navbar.navbar-static-top {
  z-index: 1000;
}

.preview-image {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 20px;
  position: relative;
  min-height: 100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
}


/* .preview-image::after {
  content: 'Preview Image';
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translate(-50%, 0);
  z-index: -1;
}

.preview-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center center;
  max-width: 100%;
  max-height: 100%;
  z-index: 3;
} */

.preview-image.wide {
  width: 100%;
  padding-bottom: 50%;
}

.preview-image img {
  width: 100%;
  height: auto;
}

#admin-menu .logo {
  text-align: center;
  height: 80px;
}

#admin-menu .logo img {
  height: 80px;
}

.admin-datatable .column-edit,
.admin-datatable .column-delete {
  width: 100px;
}


/*= Images Grid
==============================*/

.images-grid {
  width: 100%;
  min-height: 300px;
  border: 1px dotted #808080;
  padding: 20px;
}

.images-grid .image-grid-item {
  width: 30%;
  padding-bottom: 30%;
  position: relative;
  display: inline-block;
  margin-right: 1%;
  margin-bottom: 1%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.75);
  cursor: move;
}

.images-grid .image-grid-item .delete {
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
}