#canvasImage {
	display: block;
	margin: 0 auto;
	margin-top: 1rem;
}

body{
	background-image: url('../images/bg.jpg');
	background-color: #111111;
	font-family: "Open Sans";
	text-align:center;
	font-size: 0.9rem;
}

.canvas-container {
	visibility: hidden;
	display: none;
}

.banner .IL_BASE .IL_BASE {
	background-color: #FFFFFF;
}

hr {
	border-top: 1px solid rgba(255,255,255,0.05) !important;
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

#by-line-font-sizes{
	margin: 0 auto;
	transform: scale(0.8);
	margin-top:-1.5rem;
	margin-bottom:-1rem;
}
#by-line-font-sizes .slider-container{
	margin-top:0.2rem;
}

#cookieAlert {
  display: block;
  position: absolute;
  position: fixed;
	z-index: 999999;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,0.95);
  color: #FFF;
  font-weight: 700;
  padding: 8px 8px 8px 10px;
	border: 1px solid #222222;
}

#cookieAlert>button {
  display: inline-block;
  font-weight: 700;
  color: white;
  border: 4px solid #fff;
  background-color: transparent;
  padding: 12px;
  -webkit-transition: color .15s cubic-bezier(.4, 1, .2, 1), background-color .3s cubic-bezier(.4, 1, .2, 1);
  transition: color .15s cubic-bezier(.4, 1, .2, 1), background-color .3s cubic-bezier(.4, 1, .2, 1);
}

#cookieAlert>button:hover, #cookieAlert>button:active, #cookieAlert>button:focus {
  background-color: #fff;
  color: #000000;
}

.banner {
	margin: 0 auto;
}

.amzn-container {
	margin-bottom: 1rem;
}

.amzn-native-content {
	max-height: 102px;
}

.amzn-native-container {
	margin: 0px !important;
}

.amzn-native-product {
	max-height: 90px;
}

.amzn-native-product-image-container {
	height: 90px !important;;
	width: 80px !important;
}

#amzn-native-ad-1 .amzn-native-brand-content {
	display: none;
}

#amznBanners_assoc_banner_placement_default_0_div {
	display: inline-block !important;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

#amznBanners_assoc_banner_placement_default_0_img {
	max-width: 100%;
}

#special-format-button {
	padding-top: 1rem;
	line-height: 1rem;
	font-size: 0.85rem;
	font-weight: bold;
	display: inline-block;
}

#multi-colors input {
	margin-left: 0.3rem;
	margin-right: 0.3rem;
}

.smallfield{
	height: 1.8rem;
	max-width: 60px;
	margin: 0 auto !important;
}

.col-lg-4 p {
	font-size: 0.75rem;
	line-height: 0.85rem;
}

.modal-content {
	background-color: #111111;
	text-align: left;
	border: 1px solid rgba(255,255,255,.2)
}

.modal-content ul {
	padding: 0;
	padding-left: 1rem;
	margin-bottom: 0;
}

.modal-content li {
	padding-bottom: 0.75rem;
}

.modal-header {
	border-bottom: 1px solid #222222;
}

.modal-title {
	font-size: 1rem;
	font-weight: bold;
}

.close {
	color: #FFFFFF;
}

.close:hover {
	color: #FFFFFF;
}

.navbar {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	text-align: center;
	margin-bottom: 1rem;
	padding-bottom: 12px;
	font-family: "Dancing Script";
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

h1, h2, h3{
	font-family: "Dancing Script";
	margin-top: 1rem;
}

.page-footer {
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	margin-top: 1rem;
	border-top: 1px solid rgba(255,255,255,0.05);
	padding-bottom: 1.5rem;
}

.navbar-brand {
	margin: 0 auto;
	font-size: 2rem;
	font-weight: bold;
}

body, .table {
	color: #FFFFFF;
}

.disabled {
	opacity: 0.3;
	pointer-events: none;
}

select {
	display: inline-block !important;
}

label {
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 1rem;
}

#theme-select {
	max-width: 300px;
	width: 100%;
	margin-bottom: 1rem;
	text-align: center;
}

#add-font {
	text-align: center;
}

.slider-container {
	margin-top: 5px;
}

.slider-container input[type=range] {
	max-width: 300px;
	width: 100%;
}

input[type=checkbox]{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.1); /* IE */
  -moz-transform: scale(1.1); /* FF */
  -webkit-transform: scale(1.1); /* Safari and Chrome */
  -o-transform: scale(1.1); /* Opera */
  transform: scale(1.1);
  padding: 10px;
}

#date-text-label {
	margin-top: 0.5rem;
}

#sm-two-col-table {
	margin: 0 auto;
	margin-bottom: 1rem;
}

#sm-two-col-table td {
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	width: 50%;
}
#sm-two-col-table .form-control-sm {
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1.5rem;
	text-align: center;
}

.alert {
	max-width: 250px;
	font-size: 1rem;
	padding: 2px;
	margin: 0 auto;
	padding-left: 4px;
	padding-right: 4px;
}

input[type=color]{
	padding: 1px;
	margin: 0px;
	border: none;
	background-color: #FFFFFF;
	height: 24px;
	width: 32px;
	margin-top: 2px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}

.input-group {
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.font-select {
	max-width: 300px;
	width: 100%;
	font-size: 1rem;
}

#vertical-position {
	margin-bottom: 1rem;
}

#default-bg {
	margin-bottom: 1rem;
}

input[type=color]:hover{
	cursor: pointer;
}

.col-lg-6 {
	margin-bottom: 1rem;
	text-align: center;
}

.col-xl-6 .btn {
	margin-top: 0.7rem;
	width: 100%;
}

.col-12 {
	margin-bottom: 1rem;
}

.col-12 select {
	margin: 0 auto;
}

.table {
	margin-bottom: 0px;
}

.table thead {
	text-align: center;
	padding: 5px;
}

.table thead th {
	border:none;
	padding: 0px;
	width: 33.33333333%;
	height: 2rem;
	vertical-align: middle;
}

.table td {
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	border: none;
}

#generate-poster-button {
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-top: 2rem;
		font-size: 1.5rem;
		width: 100%;
		margin-bottom: 0.5rem;
}

p {
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 10px;
	max-width: 300px;
}

button.input-group-text:hover {
	background-color: #999999;
}

@media (min-width: 768px) {

}

.no-scroll {
	overflow: hidden;
}

.table td textarea {
 font-family: Arial, sans-serif;
 font-size: 1rem;
 width: 100%;
 height: 100%;
 min-height: 720px;
 resize: none;
 white-space: pre;
 line-height: 1rem;
 padding: 3px;
}

.a2a_kit {
	display: inline-block;
}

.custom-file-input {

}

.custom-file-label {
	padding:.25rem .5rem;
	padding-right:80px;
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
}

.custom-file-label:after {
	padding:.25rem .5rem;
	height: calc(1.5em + .5rem + 1px);
	font-size: .875rem;
}

.custom-file-label:hover {
	cursor: pointer;
}

.order-first p,.order-last p {
	max-width: 100%;
}

input {
	text-align:center;
}

a {
	border: 0px !important;
}

.footer-copyright {
	padding-bottom: 1rem !important;
	font-weight: bold;
}

.alert {
	border: 0px;
	background-color: transparent !important;
	font-size:0.75rem;
	font-weight: bold;
	padding:0.25rem;
}

.alert-danger {
	color:#fc5d60;
}

.alert-warning {
	color: #fcfc80;
}

.row {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.row {
		padding-left: 0px;
		padding-right: 0px;
	}
	#canvasImage {
			margin-top: 2rem;
	}
	#special-format-button {
		padding-top: 0.72rem;
	}
}