%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/shaban/laviva/wp-content/themes/levelup/assets/styl/inc/
Upload File :
Create Path :
Current File : /var/www/html/shaban/laviva/wp-content/themes/levelup/assets/styl/inc/elements.styl

/*!--------------------------------------------------------------
* 2.0 Elements
==============================================================*/

blockquote:before
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;

blockquote
  padding-left: 25px;
  position: relative;
  margin-left 0 !important
  font-size: 16px


/* select */

.woo-wrapper-orderby {
  /**zoom: 1;*/
  font-weight: 400;
  z-index: 100;
  float:right
}
.woo-wrapper-orderby .select2-container.orderby {
  opacity: 1 !important
}

.wrapper-select2:after {
  clear: both;
  content: "";
  display: table;
}


.select2-container.orderby .select2-choice {
  padding-right: 30px !important;
  width: auto !important;
}

.select2-container.orderby .select2-choice > .select2-chosen {
  margin: 0;
}

/* New Select2 */

.wrapper-select2
  .select2-selection__arrow
    height 100% !important

  .select2-selection__rendered
    padding-right 16px !important
    line-height: 48px !important;

  .select2-selection__clear
    display none

  &.woo-wrapper-orderby
    .select2-selection
      border none !important

  .select2-selection
    width auto !important


.select2-dropdown.woo-orderby-dropdown
  border none
  box-shadow: 0 4px 5px rgba(0, 0, 0, .15);

  .select2-results__option
    background-color: transparent

  //select2-results__option



.wrapper-select2 .select2-selection,
.wrapper-select2 .select2-choice {
  z-index: 1;
  /* Size & position */
  position: relative;
  width: 200px;

  /* Styles */
  background: transparent !important;

  box-shadow: none !important;
  cursor: pointer !important;
  outline: none !important;
  font-weight: normal;
  font-size: 15px !important;
  padding: 0 14px !important;
  line-height: 48px !important;
  height: auto !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 0 !important;
}

.wrapper-select2 .select2-arrow:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #808080 transparent;
}

.wrapper-select2 .select2-dropdown-open .select2-arrow:after {
  bottom: 50%;
  right: 10px;
  margin-top: -3px;
  border-width: 0 6px 6px 6px;
}

.wrapper-select2 .select2-arrow,
.wrapper-select2 .select2-arrow b {
  border: 0 !important;
  background: none !important;
}

.wrapper-select2 .select2-arrow b {
  display: none !important
}



.woo-orderby-dropdown .select2-results {
  max-height: 270px;
  border: 1px solid #b8b8b8;
  border-top: 0;
  background: #fff;
  z-index: 2;

  margin: 0;
  padding: 10px 0 10px 0;
  border-top: 1px solid #b8b8b8;
}

.woo-orderby-dropdown .select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
  color: #333 !important;
  margin: 0 8px;
}

.woo-orderby-dropdown .select2-results .select2-result-label {
  font-size: 13px;
  padding: 5px 10px 5px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.woo-orderby-dropdown.select2-drop {
  border: 0 !important;
}

.woo-orderby-dropdown.select2-drop.select2-drop-above {
  margin-top: 1px;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.woo-orderby-dropdown .select2-results .select2-highlighted {
  background: #ff7200;
  color: #fff !important;
}



.rdy_btn
  vertical-align: middle;
  border: none;
  padding-left 50px
  padding-right 50px
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight bold
  appearance: none;
  outline: none;
  cursor: pointer;
  transition: all 0.1s linear;

.woocommerce
  .rdy_btn
    &.single_add_to_cart_button
      height: 50px


.mfp-figure .mfp-close,
.mfp-iframe-holder .mfp-close
  display: none !important

.mfp-close
  right: 0 !important;
  top: 0 !important;
  text-align: right;
  padding-right: 6px;
  width: 72px !important;
  height: 72px !important;
  background-color rgb(80, 80, 80) !important
  transition opacity .2s ease-out

  &:hover
    opacity: 1 !important;

@media (min-width: 600px)
  .admin-bar .mfp-close
    top:  32px !important;

.mfp-close:before,
.mfp-close:after
  position: absolute;
  content: ' ';
  height: 33px;
  width: 1px;
  background-color: #fff;
  top: 18px
  left 50%

.mfp-close:before
  transform: rotate(45deg);

.mfp-close:after
  transform: rotate(-45deg);


.mfp-arrow
  height: 90px !important
  background-color: #505050 !important
  transition opacity .2s ease-out

.mfp-title
  margin-top 6px
  padding-right: 0 !important;
  left: 50% !important;
  position: absolute;
  display: inline-block;
  transform: translateX(-50%);

.mfp-counter
  display: none
  right 50% !important

@media (max-width: 900px) {
  .mfp-close {
    width 51px !important
    height 51px !important
    &:before,
    &:after {
      top 10px !important
    }
  }
}
@media (max-width: 768px) {
  .mfp-arrow {
    display none !important
  }
}
@media (max-width: 600px) {
  .mfp-close {
    top 0 !important
  }
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 30px !important
  border-right: 21px solid #fff !important
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 21px solid #505050 !important
  margin-left: 31px !important
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 21px solid #fff !important
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px !important
  border-bottom-width: 21px !important
  opacity: 1 !important
}

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 24px  !important
  margin-left: 36px;
  border: medium inset transparent;
}


.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 21px solid #505050 !important
  margin-left: 34px !important
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 21px !important
  border-bottom-width: 21px !important
  top: 0 !important
}

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 24px  !important
  margin-left: 36px
  border: medium inset transparent;
}


.mfp-bg {
  transition: all 0.3s ease-out;
}


.mfp-zoom-in .mfp-with-anim,
.mfp-zoom-in .mfp-img,
.mfp-zoom-in .mfp-iframe-scaler
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.93);

.mfp-zoom-in.mfp-ready.mfp-image-loaded .mfp-with-anim,
.mfp-zoom-in.mfp-ready .mfp-img,
.mfp-zoom-in.mfp-ready .mfp-iframe-scaler
  opacity: 1;
  transform: scale(1);

body .mfp-zoom-in.mfp-removing .mfp-with-anim,
.mfp-zoom-in.mfp-removing .mfp-img,
.mfp-zoom-in.mfp-removing .mfp-iframe-scaler
  transform: scale(0.93)!important;
  opacity: 0!important;


.mfp-zoom-in.mfp-bg
  opacity: 0;
  transition: all 0.3s ease-out;

.mfp-zoom-in.mfp-ready.mfp-bg
  opacity: 0.8;

.mfp-zoom-in.mfp-removing.mfp-bg
  opacity: 0;


.mfp-zoom-in .mfp-close,
.mfp-zoom-in .mfp-arrow
  opacity: 0;
  transition: all 0.3s ease-out;

.mfp-zoom-in
  .mfp-figure
    &:after
      transition: all 0.2s ease-in-out;
      transform: scale(0.93);
      opacity: 0;
  &.mfp-ready
    .mfp-figure
      &:after
        opacity: 1;
        transform: scale(1);
  &.mfp-removing
    .mfp-figure
      &:after
        opacity: 0;
        transform: scale(0.93);

.mfp-figure:after,
.mfp-iframe-scaler iframe
  box-shadow: 0 10px 70px 20px rgba(0,0,0,0.35) !important;


.mfp-zoom-in.mfp-ready .mfp-close,
.mfp-zoom-in.mfp-ready .mfp-arrow
  opacity: 0.65;


.mfp-zoom-in.mfp-removing .mfp-close,
.mfp-zoom-in.mfp-removing .mfp-arrow
  opacity: 0;

.mfp-zoom-in .mfp-with-anim,
.mfp-zoom-in .mfp-iframe-scaler
  overflow visible

.paginator
  border-top 1px solid #dedede
  margin: 39px 0 0;
  padding-top: 0;
  padding-bottom: 10px;

.paginator .dots
  line-height 42px
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  font-size: 14px;
  display: block;
  float: left;
  color: #444;

.paginator:before
  content: "";
  display: table;

.paginator:after
  content: "";
  display: table;
  clear: both;

.paginator .page-links
  float: left;
  margin-top -1px

.paginator .page-nav
  margin-top -1px

.paginator .page-nav
  float: right;
  .nav-prev+.nav-next
    margin-left 20px

.paginator a
  padding-top 20px
  font-size: 14px;
  display block
  float: left;
  border-top: 1px solid #dedede;
  color #444

  span
    display block
    padding 0 16px
    height 40px
    line-height: 40px;
    border 1px solid transparent

.paginator .page-nav a:hover,
.paginator .page-links a:hover
  border-top 1px solid #000
  color anchor-color

  span
    background-color: rgba(55,58,65,0.05);

.paginator .page-links
  a:hover,
  a.act
    span
      border 1px solid #ccc;

  a.act
    font-weight 800

.paginator.parination-more,
.paginator.parination-infinite
  display none


.wp-video
  width 100% !important

body:not(.post-type-archive-rdy_project) .mejs-container:not(.mejs-audio) {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%;
}
body:not(.post-type-archive-rdy_project) .mejs-overlay,
body:not(.post-type-archive-rdy_project) .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
body:not(.post-type-archive-rdy_project) .mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.wpcf7-form > p
  margin-bottom 15px !important


/* Social Colors */

#header-menu,
.menu-right-side,
.bottom-bar-social
  .brand-hover
    .social_media_facebook:hover
      color: #3b5998 !important
    .social_media_twitter:hover
      color: #00aced !important
    .social_media_google-plus:hover,
    .social_media_googleplus:hover
      color: #dd4b39 !important
    .social_media_vimeo:hover
      color: #aad450 !important
    .social_media_pinterest:hover
      color: #cb2027 !important
    .social_media_youtube:hover
      color: #bb0000 !important
    .social_media_tumblr:hover
      color: #32506d !important
    .social_media_linkedin:hover
      color: #007bb6 !important
    .social_media_rss:hover
      color: #FF7900 !important
    .social_media_behance:hover
      color: #1769ff !important
    .social_media_instagram:hover
      color: #517fa4 !important
    .social_media_git:hover
      color: #000 !important
    .social_media_soundcloud:hover
      color: #ff3a00 !important
    .social_media_xing:hover
      color: #026466 !important
    .social_media_vk:hover
      color: #45668e !important
    .social_media_wechat:hover
      color: #7bb32e !important
    .social_media_snapchat:hover
      color: #fffc00 !important
    .social_media_flickr:hover
      color: #0063dc !important
    .social_media_telegram:hover
      color: #2aa1da !important
    .social_media_medium:hover
      color: #0be370 !important

Zerion Mini Shell 1.0