//
//  HELPERS
//
//  Mixins & functions
//
@import 'helpers/mq';
@import 'helpers/buttons';
@import 'helpers/forms';


//
//  COMPONENTS
//
//  Reusable styles in al the plugins
//
@import 'components/page';
@import 'components/progress';
@import 'components/media';
@import 'components/checkbox';
@import 'components/loading';
@import 'components/avatar';
@import 'components/dropdown';
@import 'components/alert';
@import 'components/accordion';
@import 'components/tabs';
@import 'components/post';
@import 'components/post-placeholder';
@import 'components/post-background';
@import 'components/comment';
@import 'components/reaction';
@import 'components/notif';
@import 'components/online';
@import 'components/focus';
@import 'components/member';
@import 'components/tip';
@import 'components/lightbox';
@import 'components/modal';
@import 'components/modal/modal-avatar';
@import 'components/widget';
@import 'components/hovercard';
@import 'components/landing';
@import 'components/mood';
@import 'components/sharebox';
@import 'components/location';
@import 'components/cropper';
@import 'components/search';
@import 'components/followers';
@import 'components/tooltip';
@import 'components/tagging';
@import 'components/custom-scrollbar';
@import 'components/post/reports';

// Postbox & sub components
@import 'components/postbox';
@import 'components/postbox/privacy';
@import 'components/postbox/schedule';
@import 'components/postbox/moods';
@import 'components/postbox/location';
@import 'components/postbox/backgrounds';
@import 'components/postbox/pin';

@import 'components/navbar';
@import 'components/blogpost';


//
//  STRUCTURES
//
//  Main PeepSo theme structure
//
@import 'structures/activity';
@import 'structures/posts';
@import 'structures/comments';
@import 'structures/list';
@import 'structures/notifications';
@import 'structures/notifications-page';
@import 'structures/register';
@import 'structures/profile';
@import 'structures/profile/about';
@import 'structures/profile/preferences';
@import 'structures/profile/notifications';
@import 'structures/profile/account';
@import 'structures/members';
@import 'structures/blogposts';
@import 'structures/markdown';
@import 'structures/redirect-box';


//
//  FORMS
//
//  Custom forms
//
@import 'forms/login';
@import 'forms/register';
@import 'forms/report';
@import 'forms/repost';


//
//  WIDGETS
//
//  Official PeepSo widgets
//
@import 'widgets/profile';
@import 'widgets/login';
@import 'widgets/userbar';
@import 'widgets/photos';
@import 'widgets/media';
@import 'widgets/members';
@import 'widgets/friends';
@import 'widgets/birthday';
@import 'widgets/hashtags';
@import 'widgets/groups';


//
//  PLUGINS
//
//  Official PeepSo plugins
//
@import 'plugins/photos/photos';
@import 'plugins/photos/photos-postbox';
@import 'plugins/photos/album';
@import 'plugins/polls/polls';
@import 'plugins/polls/polls-postbox';
@import 'plugins/photos/photos-postbox';
@import 'plugins/chat/chat';
@import 'plugins/chat/chat-messages';
@import 'plugins/chat/messages';
@import 'plugins/chat/messages-page';
@import 'plugins/chat/conversation';
@import 'plugins/chat/select';
@import 'plugins/giphy/giphy';
@import 'plugins/media/media-page';
@import 'plugins/media/media-postbox';
@import 'plugins/friends/friends';
@import 'plugins/groups/group';
@import 'plugins/groups/groups';
@import 'plugins/groups/groups-postbox';
@import 'plugins/groups/groups-category';
@import 'plugins/groups/group-settings';
@import 'plugins/groups/windows/group-create';
@import 'plugins/groups/windows/group-invite';
@import 'plugins/pages/page';
@import 'plugins/pages/pages';
@import 'plugins/pages/pages-postbox';
@import 'plugins/pages/pages-category';
@import 'plugins/pages/page-settings';
@import 'plugins/pages/windows/page-create';
@import 'plugins/pages/windows/page-invite';
@import 'plugins/vip/vip';
@import 'plugins/userlimits/debug';
@import 'plugins/userlimits/widget';
@import 'plugins/mycred/mycred';
@import 'plugins/advads/advads';
@import 'plugins/wpadverts/wpadverts';
@import 'plugins/wpadverts/classifieds';
@import 'plugins/wpadverts/classified';
@import 'plugins/wpadverts/wpadverts-categories';
@import 'plugins/wpadverts/wpadverts-add';
@import 'plugins/wpadverts/wpadverts-edit';
@import 'plugins/wpadverts/wpadverts-preview';
@import 'plugins/wpadverts/wpadverts-single';
@import 'plugins/badgeos/badgeos';
@import 'plugins/badgeos/badgeos-widget';
@import 'plugins/badgeos/badgeos-post';
@import 'plugins/woocommerce/woo-activity';
@import 'plugins/woocommerce/woo-shop';
@import 'plugins/woocommerce/woo-cart';
@import 'plugins/woocommerce/woo-single';
@import 'plugins/woocommerce/woo-checkout';
@import 'plugins/woocommerce/woo-orders';
@import 'plugins/edd/edd';
@import 'plugins/learndash/learndash';
@import 'plugins/pmp/pmp';
@import 'plugins/wpem/wpem';
@import 'plugins/tutorlms/tutorlms';
@import 'plugins/fileuploads/fileuploads';
@import 'plugins/wpjm/wpjm';
@import 'plugins/ideapush/ideapush';
@import 'plugins/givewp/givewp';
@import 'plugins/masterstudy/masterstudy';

@font-face {
  font-family: 'peepso-custom';
  src: url('../fonts/custom.eot?20332136');
  src: url('../fonts/custom.eot?20332136#iefix') format('embedded-opentype'),
       url('../fonts/custom.woff2?20332136') format('woff2'),
       url('../fonts/custom.woff?20332136') format('woff'),
       url('../fonts/custom.ttf?20332136') format('truetype'),
       url('../fonts/custom.svg?20332136#peepso-custom') format('svg');
  font-weight: normal;
  font-style: normal;
}

.peepso a {
  text-decoration: none !important;
}

.gci-alswp,
.gci-x-twitter-square,
.gci-x-twitter {
  font-family: "peepso-custom";
}

.gci-alswp:before { content: '\e800'; } /* '' */
.gci-x-twitter-square:before { content: '\e801'; } /* '' */
.gci-x-twitter:before { content: '\e802'; } /* '' */


//
//  THIRD-PARTY
//
//  Supported third-party plugins
//
//@import 'third-party';



// temp: move to icons
.gci-thumbtack-slash {
  position: relative;

  &:before {
    content: "\f08d";
    margin-left: 4px;
  }

  &:after {
    content: "\f715";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    text-shadow: 0 2px 0 var(--bg);
  }
}

.gci-thumbstack-clock {
  position: relative;

  &:before {
    content: "\f08d";
  }

  &:after {
    content: "\f017";
    position: absolute;
    z-index: 1;
    right: 6px;
    bottom: 0;
    font-size: 65%;
    text-shadow: -1px -1px 0 var(--bg);
  }
}

.gci-thumbstack-infinity {
  position: relative;

  &:before {
    content: "\f08d";
  }

  &:after {
    content: "\f534";
    position: absolute;
    z-index: 1;
    right: 6px;
    bottom: 0;
    font-size: 70%;
    text-shadow: -1px -1px 0 var(--bg), 1px 2px 0 var(--bg), 2px 2px 0 var(--bg);
  }
}

// ----------------------------------------------------------------
// Include new SCSS files to old SCSS library.
// ----------------------------------------------------------------

// BASE
@import '3/vars';

// MIXINS
@import '3/mixins/mq';

// COMPONENTS
@import '3/components/button';
@import '3/components/dropdown';
@import '3/components/tip';
@import '3/components/badge';
@import '3/components/tabs';
@import '3/components/notification';
@import '3/collections/notifications';
@import '3/collections/notifs';
@import '3/components/progressbar';
@import '3/components/modal';
@import '3/components/avatar';
@import '3/components/mood';
@import '3/components/member';
// @import '3/components/reactions';
@import '3/components/navbar';
@import '3/components/notif';
@import '3/components/notifbox';
@import '3/components/activity/postbox';
@import '3/components/activity/postbox/privacy';
@import '3/components/activity/postbox/moods';
@import '3/components/activity/postbox/pin';
@import '3/components/activity/postbox/schedule';
@import '3/components/activity/postbox/backgrounds';
// @import '3/components/activity/post';
@import '3/components/activity/post/background';
// @import '3/components/activity/comment';

@import '3/plugins/chat/messages';

// COLLECTIONS
// @import '3/collections/posts';
@import '3/collections/posts-filters';
@import '3/collections/members';
@import '3/collections/friends';
// @import '3/collections/comments';

// DIALOGS
@import '3/dialogs/avatar';

// WIDGETS
@import '3/widgets/userbar';
@import '3/widgets/profile';
@import '3/widgets/search';
