body {
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
/* Genres Links */
.dood-artwork-genres {
	display: block;
	width: 100%;
	margin-top: 10px;
}
.dood-artwork-genres span, .viewAllArtistWork {
	display: inline-block;
	padding: .50em .4em; /*.25em*/
	font-size: 100%; /*80%*/
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	padding-right: .8em; /*.6em*/
	padding-left: .8em; /*.6em*/
	border-radius: 10rem;
	color: #fff;
	background-color: #7f7f7f;
	margin-right:5px;
}
.dood-artwork-genres span:after {
}
.dood-artwork-genres span:last-child:after {
	display: none;
}
/* Tags Links */

.dood-artwork-tags a.dood-artwork-tag span {
	display: inline-block;
	padding: .50em .4em; /*.25em*/
	font-size: 100%; /*80%*/
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	padding-right: .8em; /*.6em*/
	padding-left: .8em; /*.6em*/
	border-radius: 10rem;
	color: #000;
	background-color: #ccc;
	margin-right:5px;
    margin-bottom:5px;
}

/* Description */
.artworkDescription {
	font-size: 75%;
	margin-top: 10px;
}

.artworkIcon {
	color: #8c8c8a;
	border-radius: 10px;
	border: 2px solid #8c8c8a;
	padding: 5px 5px;
	font-size: 14px;
	margin-left: 1px;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 2px;
	background-color: #fff;

}

.viewAllArtistWork {
	background-color: #9900b0 !important;
	width: 100%;
	padding: 15px;
	font-weight: 700;
	text-decoration: none;
	font-size: 24px/*100%*/;
}

.slick-slide {
	height: auto;
}

.slick-slide img {
	display: block;
	border-radius: 10px;
}

.dooThis, .browseMore {
	margin-top: 10px;

}

a.viewAllArtistWork i {
	font-size: 80%;

}

html, body { /*DA MOD for responsive */
	width: 100%;
	max-width: 600px; /* keeps original design limit - also set as iframe width in parent page*/
	margin: 0 auto;
	box-sizing: border-box; /* ensures padding doesn't break layout */
}
/* Note: artwork Slider responsive set in Slick JS code */
/* iFrame Product Types */
.availableProductTypes {
    display: flex;              /* make children flex items */
    gap: 10px;                  /* equal spacing between items */
    justify-content: flex-start; /* or use space-between to fill full width */
    flex-wrap: wrap;            /* allows wrapping if container is too small */
}

.dood-product-slide {
    float: none;                /* remove floats */
    margin: 0 !important;                  /* reset manual margins */
}
/* DA EDITS BELOW */
.entry-content {
  font-family: "Roboto Condensed", "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
  }
.creatorName {
	color: white;
	font-family: "Roboto Condensed", "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
	font-weight: 900 !important;
	font-size: 50px !important;
	margin-bottom: -5px;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
}
.artworkName {
	color: white;
	font-family: "Roboto Condensed", "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
	font-weight: 700 !important;
	font-size: 30px !important;
	margin: 0px 0px 10px 0px;
	text-transform: Capitalize;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
}
a.doodallIcon.artworkIcon img {
	position: relative;
	width: 60px;
	height: 60px;
}
.artworkIcons {
	margin: 20px 0px !important;
	position: relative;
	z-index: 2;
}
h3.dooThis, h4.browseMore {
	color: #7F7F7F;
	font-family: "Roboto Condensed", "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
	font-weight: 700 !important;
	font-size: 30px !important;
	margin: 15px 0px 5px 0px;
	/*text-transform: Capitalize;*/
}
div.availableProductTypes img, div.slick-track div.image a img {
	width: 100px;
	height: 100px;
	border-radius: 10px !important;
}
.artworkDescription {
	color: #7F7F7F;
	font-size: 18px/*75%*/ !important;
	margin: 10px 0px;
}

/* Artwork Slick-Trak */
/* Align Slick-Track left */

.creatorsOtherWork .slick-list {
  overflow: hidden;
  display: flex !important;
  justify-content: flex-start !important;
}

.creatorsOtherWork .slick-track {
  display: flex !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  transform: translate3d(0, 0, 0) !important; /* prevents center offset */
}

/* Sorting out the page padding etc. */
.container {
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 100%;
  }
}
.container > .row > .col-lg-12 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.container > .row {
	margin: 0px !important;
}