/*
* This file is used to customize Gutenberg admin && Gutenberg core block styles (front-end only)
*
*/

/* Drop Caps
---------------------------------------------------------------------------- */
.site-container p.has-drop-cap:not(:focus)::first-letter {
	margin: 0.02em 0.08em 0 -0.08em;
}

.site-container p.has-larger-font-size.has-drop-cap:not(:focus)::first-letter,
.site-container p.has-small-font-size.has-drop-cap:not(:focus)::first-letter {
	margin-right: 0.01em;
}

/* Background Color
---------------------------------------------------------------------------- */
.site-container p.has-background {
	padding: 25px 30px;
}

.site-container p.has-background.box-shadow {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.site-container p.has-text-color a,
.site-container p.has-background a {
	color: inherit;
}

.site-container p.has-background a:focus,
.site-container p.has-background a:hover,
.site-container p.has-text-color a:focus,
.site-container p.has-text-color a:hover {
	color: inherit;
	text-decoration: none;
}

.site-container p.has-background.light-text a {
	color: var(--white);
	text-decoration: underline;
}

.site-container p.has-background.light-text a:focus,
.site-container p.has-background.light-text a:hover {
	text-decoration: none;
}

/* Alignment
---------------------------------------------------------------------------- */
.has-text-align-center {
	text-align: center;
}

.has-text-align-left {
	text-align: left;
}

.has-text-align-right {
	text-align: right;
}

.wp-block-button.alignleft,
.wp-block-buttons.alignleft,
.wp-block-cover.alignleft,
.wp-block-image .alignleft {
	margin-right: 2em;
}

.wp-block-button.alignright,
.wp-block-buttons.alignright,
.wp-block-cover.alignright,
.wp-block-image .alignright {
	margin-left: 2em;
}

.wp-block-image.alignwide,
.wp-block-image.alignfull,
.wp-block-embed.alignwide,
.wp-block-embed.alignfull {
	margin-bottom: 30px;
}

.wp-block-image .aligncenter {
	text-align: center;
}

.full-width-content .entry-content > .alignfull {
	max-width: 100vw;
	padding-right: 15px;
	padding-left: 15px;
}

.content-sidebar .site-container .alignfull,
.sidebar-content .site-container .alignfull {
	margin: 0 0 2em;
	width: 100%;
}


/* Group
---------------------------------------------------------------------------- */
.wp-block-group.is-style-overlay-block + * {
	padding-top: 50px;
}

/* Columns
---------------------------------------------------------------------------- */
.site-container .wp-block-columns.gap-0 {
	gap: 0;
}
.site-container .wp-block-columns:not(.gap-0) {
	gap: 20px;
}
.site-container .wp-block-columns.alignfull {
	padding: 0 30px;
}

/* Image
---------------------------------------------------------------------------- */
.wp-block-image {
	position: relative;
}
.wp-block-image.is-style-rounded-bordered img {
	border-radius: 50%;
	border: 15px solid var(--ipro-purple);
}
figure.wp-block-image.is-style-bordered-with-space,
.wp-block-image.is-style-bordered-with-space figure {
	display: inline-block;
	padding: 15px;
	border-radius: 50%;
	border: 15px solid var(--ipro-purple);
	overflow: hidden;
}
figure.wp-block-image.is-style-bordered-with-space img,
.wp-block-image.is-style-bordered-with-space img {
	border-radius: 0;
}
.wp-block-image.is-style-shadow-top-left img {
	margin-top: 12px;
	box-shadow: -12px -12px 0 var(--soft-purple);
}
.wp-block-image.is-style-shadow-top-right img {
	margin-top: 12px;
	box-shadow: 12px -12px 0 var(--soft-purple);
}
.wp-block-image.is-style-shadow-bot-left img {
	margin-bottom: 12px;
	box-shadow: -12px 12px 0 var(--soft-purple);
}
.wp-block-image.is-style-shadow-bot-right img {
	margin-bottom: 12px;
	box-shadow: 12px 12px 0 var(--soft-purple);
}

/* Gallery
---------------------------------------------------------------------------- */
.site-container .wp-block-gallery.gap-0 {
	--wp--style--unstable-gallery-gap: 0;
	gap: 0;
}
.site-container .wp-block-gallery:not(.gap-0) {
	--wp--style--unstable-gallery-gap: 20px;
	gap: 20px;
}


/* Buttons
---------------------------------------------------------------------------- */
.wp-block-button .wp-block-button__link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
  line-height: 1.1875;
	text-align: center;
  text-transform: none;
  padding: 11px 20px;
	margin-top: 20px;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
	cursor: pointer;
	transition: var(--transition-timing);
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
	outline: none;
}
/* Orange bkg, white text (default) */
.wp-block-button .wp-block-button__link,
.wp-block-button.is-style-orange-white .wp-block-button__link {
	background-color: var(--ipro-orange);
  color: var(--white);
	border-color: var(--ipro-orange);
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button.is-style-orange-white .wp-block-button__link:hover,
.wp-block-button.is-style-orange-white .wp-block-button__link:focus {
	background-color: var(--white);
	color: var(--ipro-orange);
}
/* Purple bkg, white text */
.wp-block-button.is-style-purple-white .wp-block-button__link {
	background-color: var(--ipro-purple);
  color: var(--white);
	border-color: var(--ipro-purple);
}
.wp-block-button.is-style-purple-white .wp-block-button__link:hover,
.wp-block-button.is-style-purple-white .wp-block-button__link:focus {
	background-color: var(--white);
	color: var(--ipro-purple);
}
/* Transparent bkg, purple text */
.wp-block-button.is-style-trans-purple .wp-block-button__link {
	background-color: transparent;
  color: var(--ipro-purple);
	border-color: var(--ipro-purple);
}
.wp-block-button.is-style-trans-purple .wp-block-button__link:hover,
.wp-block-button.is-style-trans-purple .wp-block-button__link:focus {
	background-color: var(--ipro-purple);
	color: var(--white);
}
/* Transparent bkg, white text */
.wp-block-button.is-style-trans-white .wp-block-button__link {
	background-color: transparent;
  color: var(--white);
	border-color: var(--white);
}
.wp-block-button.is-style-trans-white .wp-block-button__link:hover,
.wp-block-button.is-style-trans-white .wp-block-button__link:focus {
	background-color: var(--white);
	color: var(--ipro-purple);
}
/* White bkg, purple text */
.wp-block-button.is-style-white-purple .wp-block-button__link {
	background-color: var(--white);
  color: var(--ipro-purple);
	border-color: var(--ipro-purple);
}
.wp-block-button.is-style-white-purple .wp-block-button__link:hover,
.wp-block-button.is-style-white-purple .wp-block-button__link:focus {
	background-color: var(--ipro-purple);
	color: var(--white);
}

/* Spacer
---------------------------------------------------------------------------- */
.wp-block-spacer .components-resizable-box__container {
  height: auto !important;
}
.wp-block-spacer.is-style-ipro-large {
  height: 50px !important
}
.wp-block-spacer.is-style-ipro-medium {
  height: 25px !important
}
.wp-block-spacer.is-style-ipro-small {
  height: 0 !important
}


/* Blockquotes and captions
---------------------------------------------------------------------------- */
.site-container .wp-block-pullquote,
.site-container .wp-block-quote {
	border: none;
	margin: 24px 24px 36px;
}

.wp-block-pullquote.alignleft {
	margin: 0 2em 1.5em 0;
}

.wp-block-pullquote.alignright {
	margin: 0 0 1.5em 2em;
}

.site-container .wp-block-pullquote p,
.site-container .wp-block-quote p {
	font-family: Arial, sans-serif;
	font-size: 21px;
	font-style: italic;
	line-height: 1.8;
	margin-bottom: 42px;
}

.site-container .wp-block-pullquote p,
.site-container .wp-block-quote.is-style-large p {
	font-size: 32px;
}

.site-container .wp-block-pullquote.is-style-solid-color p {
	color: var(--white);
	margin-bottom: 42px;
	text-align: center;
}

.site-container .wp-block-pullquote.is-style-solid-color {
	background-color: #333;
}

.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
	max-width: 80%;
}

.site-container .wp-block-pullquote:not(.is-style-solid-color)[style*="border-color"] {
	border: 2px solid;
	border-left: none;
	border-right: none;
}

.site-container .wp-block-pullquote cite,
.site-container .wp-block-quote cite {
	color: #666;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
	margin-top: -25px;
	text-align: inherit;
	text-transform: none;
}

.site-container .wp-block-pullquote cite {
	text-align: center;
}

.site-container .wp-block-pullquote.is-style-solid-color cite {
	color: var(--white);
	font-style: italic;
}

.site-container .wp-block-pullquote .has-text-color cite,
.site-container .wp-block-pullquote .has-text-color p {
	color: currentColor;
}

.blocks-gallery-caption {
	width: 100%;
}

.blocks-gallery-item figcaption {
	margin-bottom: 0;
}

/* Category Block
---------------------------------------------------------------------------- */
.site-container .wp-block-categories {
	margin-left: 0;
	padding-left: 0;
}

.site-container .wp-block-categories li {
	list-style-type: none;
}

.site-container .wp-block-categories.aligncenter {
	text-align: center;
}

.site-container .wp-block-categories.alignfull {
	padding: 0 30px;
}

.site-container .wp-block-categories .children {
	padding-left: 30px;
}

/* Latest Posts Block
---------------------------------------------------------------------------- */
.site-container .wp-block-latest-posts {
	margin-left: 0;
	padding-left: 0;
}

.site-container .wp-block-latest-posts li {
	list-style-type: none;
}

.site-container .wp-block-latest-posts.aligncenter {
	text-align: center;
}

.site-container .wp-block-latest-posts.alignfull {
	padding: 0 30px;
}

/* Genesis Blocks
---------------------------------------------------------------------------- */
.gb-block-post-grid h2 a {
	text-decoration: none;
}


/* Other Blocks
---------------------------------------------------------------------------- */
.wp-block-preformatted,
.wp-block-verse {
	font-size: 16px;
}

.wp-block-preformatted {
	white-space: pre-wrap;
}

hr.wp-block-separator {
	border: none;
	border-bottom: 1px solid currentColor;
	color: #eee;
	margin: 1.65em auto;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

.wp-block-separator.is-style-dots {
	color: #333;
}

.wp-block-audio audio {
	display: inline-block;
	width: 100%;
}

.wp-block-cover.image-overlay img.wp-block-cover__image-background {
	z-index: 1;
}

.site-container .blocks-gallery-grid,
.site-container .wp-block-gallery,
.site-container .wp-block-social-links {
	padding-left: 0;
}

.wp-block-table.is-style-stripes {
	border-bottom-width: 0;
}

.full-width-content .site-container .wp-block-table.alignfull {
	margin: 0;
	width: 100%;
}

/* Media Queries
---------------------------------------------------------------------------- */
@media only screen and (max-width: 510px) {
	.gb-block-container.alignfull::before {
		content: " ";
		display: table;
	}

	.gb-block-container.alignfull::after {
		clear: both;
		content: " ";
		display: table;
	}
}

@media only screen and (max-width: 576px) {
	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		display: block;
		float: none;
		text-align: center;
		width: fit-content;
		margin: 1em auto;
	}
}

@media only screen and (max-width: 781px) {
	.col-reverse-mobile {
    flex-direction: column-reverse;
		flex-wrap: nowrap !important;
	}
	.wp-block-media-text.is-stacked-on-mobile figure {
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 782px) {
	.site-container .wp-block-columns:not(.gap-0) {
    gap: 50px;
	}

	.wp-block-spacer.is-style-ipro-large {
    height: 100px !important
  }
  .wp-block-spacer.is-style-ipro-medium {
    height: 50px !important
  }
  .wp-block-spacer.is-style-ipro-small {
    height: 25px !important
  }
}

@media only screen and (min-width: 960px) {
	.alignfull .alignwide,
	.alignwide .alignwide {
		max-width: 1170px;
		margin: 0 auto;
	}
}

@media (min-width: 992px) {
	.wp-block-group.is-style-overlay-block {
		position: relative;
	}
	.wp-block-group.is-style-overlay-block + * {
		padding-top: 100px;
		margin-top: -100px;
	}
	.wp-block-group.is-style-overlay-block.has-theme-primary-background-color,
	.wp-block-group.is-style-overlay-block.has-theme-secondary-background-color,
	.wp-block-group.is-style-overlay-block.has-text-background-color,
	.wp-block-group.is-style-overlay-block.has-lightgrey-background-color,
	.wp-block-group.is-style-overlay-block.has-softpurple-background-color,
	.wp-block-group.is-style-overlay-block.has-purple-dark-purple-gradient-background,
	.wp-block-group.is-style-overlay-block.has-purple-dark-purple-with-bkg-gradient-background {
		background: transparent;
	}
	.wp-block-group.is-style-overlay-block.has-theme-primary-background-color:before,
	.wp-block-group.is-style-overlay-block.has-theme-secondary-background-color:before,
	.wp-block-group.is-style-overlay-block.has-text-background-color:before,
	.wp-block-group.is-style-overlay-block.has-lightgrey-background-color:before,
	.wp-block-group.is-style-overlay-block.has-softpurple-background-color:before,
	.wp-block-group.is-style-overlay-block.has-purple-dark-purple-gradient-background:before,
	.wp-block-group.is-style-overlay-block.has-purple-dark-purple-with-bkg-gradient-background:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: calc(100% - 100px);
		width: 100%;
		z-index: -2;
	}
	.wp-block-group.is-style-overlay-block.has-theme-primary-background-color:before {
		background: var(--ipro-purple);
	}
	.wp-block-group.is-style-overlay-block.has-theme-secondary-background-color:before {
		background: var(--ipro-orange);
	}
	.wp-block-group.is-style-overlay-block.has-text-background-color:before {
		background: var(--ipro-dark-grey);
	}
	.wp-block-group.is-style-overlay-block.has-lightgrey-background-color:before {
		background: var(--ipro-light-grey);
	}
	.wp-block-group.is-style-overlay-block.has-softpurple-background-color:before {
		background: var(--soft-purple);
	}
	.wp-block-group.is-style-overlay-block.has-purple-dark-purple-gradient-background:before,
	.wp-block-group.is-style-overlay-block.has-purple-dark-purple-with-bkg-gradient-background:before {
		background: var(--gradient-light-dark-purple);
	}
}