/******************************************************************
Plugin add_internal_links
Author: Christer Lindgren
Version: 1.1
******************************************************************/
/******************************************************************
Plugin: wpc-addons
Author: Christer Lindgren
Author URL: http://www.bysted.se/

Stylesheet: Custom Colors
******************************************************************/
/*********************
COLORS
*********************/
/* base */
/******************************************************************
Version: 1.1.1
******************************************************************/
/*Usage
	@include MQ(M) {
		Content
	}
*/
/******************************************************************
Version: 1.2.12
******************************************************************/
/*********************
IMAGE FILTERS

img { 
  @include filter(grayscale, 100%);
}

*********************/
/*********************
Alpha Background

@include alpha-attribute('background-color', rgba(black, 0.5), white);
@include alpha-attribute('background', opacify($color, 0.1), $background);
@include alpha-attribute('background', transparentize($color, 0.2), $background);

*********************/
/*********************
Text Background

@include text-background(2em, 1em, white);

*********************/
/*********************
Object Fit
*********************/
/*
This mixin can be used to set the object-fit:
@include object-fit(contain);
or object-fit and object-position:
@include object-fit(cover, top);
 */
/*********************
Smooth Scroll for IOS
*********************/
/*

*/
/*********************
Hide Scroll bars
*********************/
/*********************
OPACITY

@include opacity(0.8);

*********************/
/*********************
Gradient
*********************/
/*********************
CSS3 GRADIENTS
*********************/
/*********************
Box shadow
*********************/
/*********************
PREFIXES
*********************/
/*********************
Colors
*********************/
/*********************
TRANSITIONS
*********************/
/*********************
SHOW/HIDE
*********************/
/*********************
OTHER
*********************/
/*********************
BACKGROUND POSITION
*********************/
/* 
 .container-with-floated-children {
@extend %clearfix;
 }
 */
/******************************************************************
Version: 1.0.15
******************************************************************/
/* Basic mixins */
/* Justify */
/* Align */
/* Other */
/******************************************************************
Version: 1.4
******************************************************************/
/*********************
TRANSITIONS

a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}
*********************/
/******************************************************************
Theme: wpc-addons
Author: Christer Lindgren
Author URL: http://www.bysted.se/

Stylesheet: Mixins Stylesheet
******************************************************************/
/*********************
PREFIXES
*********************/
/*********************
FLEXBOX
*********************/
/*********************
ICON
*********************/
.dictionary-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
.dictionary-overlay .content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 100%;
  height: 100%;
}
.dictionary-overlay .loading {
  text-align: center;
  font-size: 2em;
}
.dictionary-overlay .overlay-content {
  position: relative;
  width: 80%;
  max-width: 400px;
  margin: 15% auto;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.dictionary-overlay .close-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 24px;
  cursor: pointer;
  z-index: 10000;
}
.dictionary-overlay .close-overlay::after {
  height: 100%;
  width: 100%;
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f00d";
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: right;
}
.dictionary-overlay.active .close-overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}