/* 
	Theme Name: Image Generator
	Version: 2.3.3
	Author: Context - creative studio 
*/

/*---------------------------------------------- 

	WORDPRESS DEFAULTS

------------------------------------------------*/

/*aligns*/
.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright {
  float: right;
  margin: 0 0 10px 20px;
}
.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}

/*floats*/
.floatleft {
  float: left;
}
.floatright {
  float: right;
}

/*text style*/
.textcenter {
  text-align: center;
}
.textright {
  text-align: right;
}
.textleft {
  text-align: left;
}

/*captions*/
.wp-caption {
  max-width: 100% !important;
}
.wp-caption {
  margin-top: 20px;
  font-style: italic;
}
div .wp-caption:first-child {
  margin-top: 20px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
  max-width: 100%;
}
.wp-caption p.wp-caption-text,
.wp-caption-text {
  font-size: 13px;
  line-height: 19px;
  margin: 2px 0 0 0;
}

/*smiley reset*/
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}

/*blockquote*/
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}

/*img attachment*/
#img-attch-page {
  text-align: center;
  overflow: hidden;
}
#img-attch-page img {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
  border: 5px solid #d4d4d4; /*for IE*/
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: rgba(0, 0, 0, 0.08);
  -webkit-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
}
#img-attch-page a:hover img {
  border-color: #fc7251;
}

#img-attach-page-content {
  text-align: center;
  margin-top: 25px;
}

/*gallery*/
.gallery {
  width: 100%;
  padding-top: 20px !important;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.gallery-item .gallery-icon {
  text-align: center;
  display: block;
  width: calc(100% - 10px);
  padding: 5px !important;
}

.gallery-item .gallery-caption {
  margin-bottom: 20px !important;
}

.gallery-item img {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  max-width: 100% !important;
}

.gallery-item a {
  display: inline-block;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gallery-item a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

/*	Gutenberg default
-------------------------------------------------*/
.entry .entry-content > * {
  margin-top: 30px;
  margin-bottom: 30px;
}

.entry .entry-content > .alignleft {
  margin-top: 0;
  margin-left: 0;
  margin-right: 2rem;
}

.entry .entry-content .wp-block-cover .wp-block-cover-text {
  padding: 2rem;
}

.entry .entry-content > .alignfull {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100vw;
  max-width: 100vw;
  position: relative;
}
.entry .entry-content.wrapper > .alignfull {
  left: calc((-100vw + 1440px) / 2);
}
.entry .entry-content.wrapper-medium > .alignfull {
  left: calc((-100vw + 1080px) / 2);
}
.entry .entry-content.wrapper-small > .alignfull {
  left: calc((-100vw + 780px) / 2);
}
.entry .entry-content.wrapper-mini > .alignfull {
  left: calc((-100vw + 420px) / 2);
}

.entry .entry-content > .alignwide {
  width: calc(100% + 200px);
  max-width: calc(100% + 200px);
  left: -100px;
  position: relative;
}

.wp-block-cover .wp-block-cover-text a {
  color: #fff !important;
  border-color: #fff !important;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.wp-block-gallery {
  margin-left: 0;
}
