.text-center { text-align: center; }
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
outline: none !important;
}
.fs-aff-group label.fs-cp-form-label { display: flex; align-items: center; margin-bottom: 0; font-weight: 400; }
.fs-aff-group label { font-weight: 400 !important; margin-bottom: 0 !important; }
.fs-aff-group { margin-bottom: 20px; }
input:-webkit-autofill,
input:-internal-autofill-selected {
background-color: transparent !important;
}
.poster_social_post_form .layout-outer .layout-img-outer img {
width: 60px;
}
[contenteditable] {
-webkit-user-select: text;
user-select: text;
}
.edit{
height:auto;
min-height: 200px;
border: 2px solid lightgrey;
border-radius: 5px;
width: 100%;
word-break: break-all;
}
.custom_poster_or_social_media_post {
background-color: #f5f5f5;
padding: 30px;
}
textarea {
-webkit-user-select: auto;
}
.align-items-start {
align-items: flex-start !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.d-lg-flex {
display: flex !important;
}
.for-show-disable {
opacity: 50%;
}
.custom_poster_or_social_media_post h2 {
margin-bottom: 40px;
margin-top:0;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.order-xl-0 {
order: 0;
}
.order-1 {
order: 1;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.custom_poster_or_social_media_post .poster_social_post_form {
margin-bottom: 30px;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group {
background-color: #fff;
margin-bottom: 10px;
border-radius: .25rem;
padding: 15px 30px;
}
#headtitle{
font-size:30px;
}
button#btn_bold {
width: fit-content;
}
button#btn_bold:hover{
color:black;
border-color:black;
box-shadow:inset 0px 0px 1px black;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
max-width: 100%;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .header .btn-edit-step {
display: none;
background-color: #d61b26;
color: #fff;
margin: 0 5px 0 0;
padding: 3px 7px;
font-size: 14px;
border: none;
max-height: 32px;
}
.plugin-body{
padding: 30px;
background-color: #f5f5f5;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .header .toggle {
width: 20px;
display: block;
position: relative;
}
.custom_poster_or_social_media_post .btn i, .custom_poster_or_social_media_post #wallsio-load-more-button-wallsio-widget-script i, .custom_poster_or_social_media_post .poster_social_post_form .form-group .header i, .custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content label i, .custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content button i, .custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content input i, .custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content select i {
margin-left: 8px;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .header  {
display: flex;
justify-content: space-between;
font-size: 20px;
text-transform: uppercase;
align-items: center;
text-align:left;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .header .step-title { flex-grow: 1; }
.custom_poster_or_social_media_post .poster_social_post_form .form-group .header .toggle i {
color: #ededed;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .header.active .toggle i {
color: #ededed;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content {
padding: 15px;
position: relative;
display: none;
}
.custom_poster_or_social_media_post .poster_social_post_form #step-1 .form_content {
display: block;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content button, 
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content input, 
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content select {
outline: none !important;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content button, 
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content input, 
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content select {
width: 100%;
background-color: #fff;
border: 1px solid #d61b26;
margin-bottom: 10px;
color: #d61b26;
font-size: 1.25rem;
padding: .375rem .75rem;
border-radius: .25rem;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content input, 
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content select {
border-color: #6d6d6d;
color: #6d6d6d;
}
.custom_poster_or_social_media_post .poster_social_post_form .btn.btn-primary.download {
background-color: #d61b26;
margin-right: 15px;
color: #fff !important;
margin-right: 15px;
line-height: 24px;
border: none !important;
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;
image-rendering: -webkit-optimize-contrast;
}
.custom_poster_or_social_media_post .poster_social_post_form button:disabled {
opacity: 0.5 !important;
cursor: not-allowed;
}
.btn-edit-step{
cursor:pointer;
}
disabled{
background-color:#d61b26;
}
.poster_social_post_form .dropdown-menu {
margin-top: 1.5rem;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #fff;
border: none;
}
.poster_social_post_form .share-dd .dropdown-menu {
margin-top:-192px ;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.poster_social_post_form .dropdown-menu {
border-radius: 0;
-webkit-box-shadow: 0px 12px 10px 1px rgb(105 105 105 / 16%);
box-shadow: 0px 12px 10px 1px rgb(105 105 105 / 16%);
}
.poster_social_post_form .dropdown-menu {
position: absolute;
bottom: 40px;
right: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.poster_social_post_form .share-dd .dropdown-menu a,
.poster_social_post_form .share-dd .dropdown-menu button {
font-family: 'source-sans-pro',sans-serif;
font-weight: 600;
font-style: normal;
padding: 8px 10px;
background: transparent;
border: 0px;
color: #000000;
cursor: pointer;
text-decoration: none !important;
}
.poster_social_post_form .dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
} .p-0-30 { padding: 0 30px; }
.accordion, .accordion * {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.accordion {
overflow:hidden;
}
.custom_poster_or_social_media_post .btn-outline-primary {
color: #D61B26;
border-color: #D61B26;
}
.custom_poster_or_social_media_post button.btn {
border-radius: 0.25rem;
}
.custom_poster_or_social_media_post .btn.btn-primary,
.custom_poster_or_social_media_post a.btn,
.custom_poster_or_social_media_post label.btn {
border-radius: 0.25rem;
background-color: #d61b26;
color: #fff;
font-size: 18px;
border-radius: 0.25rem;
padding: 0.6180469716em 1.41575em;
text-decoration: none !important;
font-weight: 600;
text-shadow: none;
cursor: pointer;
border: none;
line-height: 30px;
}
.custom_poster_or_social_media_post .btn.btn-primary:focus,
.custom_poster_or_social_media_post label.btn:focus,
.custom_poster_or_social_media_post a.btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background-color: #d61b26;
} .section-content {
display:none;
}
.poster-outer {
background-color: #fff;
border: 25px solid #75b2aa;
min-height: 600px;
min-width: 400px;
position: relative;
height:30vh;
}
.poster-outer .poster-inner {
display: flex;
flex-direction: column;
}
.poster-outer .poster-inner .poster-image {
top: 0;
left: 0;
width: 100%;
height: 50%;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #eaeaea;
image-rendering: pixelated; }
.poster-outer .poster-inner .poster-content {
bottom: 0;
left: 0;
width: 100%;
height: 50%;
position: absolute;
}
.poster-outer .poster-inner .poster-text {
padding: 4px;
font-size: 12.5px;
color: #000;
word-break: break-all;
overflow-wrap:break-all;
}
.poster-outer .poster-inner.no-watermark .poster-text { font-size: 22px; }
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content textarea {
width: 100%;
background-color: #fff;
border: 1px solid #6d6d6d;
border-radius: .25rem;
padding: 15px;
}
.bolder{
font-weight:bold;
}
.text-color{
box-shadow: inset 0px 0px 4px black;
}
.right-text{
direction:rtl;
text-align:right;
}
.left-text
{
direction:ltr;
text-align:left;
}
.bold-button{
box-shadow: inset 0px 0px 4px black;
border-color:transparent;
}
.btn-start-again {
max-width: fit-content;
height: fit-content;
}
.poster-sample-div {
position: relative;
}
#text{
width:fit-content;
color:black;
border:1px solid #6d6d6d;
}
#align-left{
width:fit-content;
color:black;
border:1px solid #6d6d6d;
}
#align-right{
width:fit-content;
color:black;
border:1px solid #6d6d6d;
}
.fieldset-css{
width: 100%;
height: 51px;
border: none;
margin-left: auto;
}
#text:hover,#align-right:hover,#align-left:hover{
box-shadow: inset 0px 0px 4px black;
border-color:transparent;
}
a{
image-rendering: pixelated;
image-rendering: -webkit-optimize-contrast;
}
.bold-btn{
box-shadow: inset 0px 0px 4px black;
border-color:1px solid #6d6d6d;
}
#poster-preview.facebook .poster-outer, 
#poster-preview.twitter .poster-outer,
#poster-preview.linkedin .poster-outer {
border-width: 15px;
min-height: 260px; max-width: 719px;
width: 100%;
height: 257px;
}
#poster-preview.facebook .poster-outer .frame-tags,
#poster-preview.twitter .poster-outer .frame-tags,
#poster-preview.linkedin .poster-outer .frame-tags {
bottom: -15px;
font-size: 10px;
}
#poster-preview.facebook .poster-outer .poster-inner .poster-image,
#poster-preview.twitter .poster-outer .poster-inner .poster-image,
#poster-preview.linkedin .poster-outer .poster-inner .poster-image {
width: 50%;
height: 100%;
}
#poster-preview.facebook .poster-outer .poster-inner .poster-content,
#poster-preview.twitter .poster-outer .poster-inner .poster-content,
#poster-preview.linkedin .poster-outer .poster-inner .poster-content {
left: auto;
right: 0;
width: 50%;
height: 100%;
}
#poster-preview.facebook .poster-outer .poster-inner .poster-text,
#poster-preview.twitter .poster-outer .poster-inner .poster-text,
#poster-preview.linkedin .poster-outer .poster-inner .poster-text { }
#poster-preview.facebook .poster-outer .poster-inner.no-watermark .poster-text,
#poster-preview.twitter .poster-outer .poster-inner.no-watermark .poster-text,
#poster-preview.linkedin .poster-outer .poster-inner.no-watermark .poster-text {
font-size: 16px;
line-height: 20px;
}
#poster-preview.instagram .poster-outer {
border-width: 20px;
min-height: 400px;
min-width: 400px;
}
#poster-preview.instagram .poster-outer .frame-tags {
bottom: -18px;
font-size: 9px;
}
#poster-preview.instagram .poster-outer .poster-inner .poster-image {
height: 65%;
}
#poster-preview.instagram .poster-outer .poster-inner .poster-content {
height: 35%;	
display: flex;
align-items: center;
}
#poster-preview.instagram .poster-outer .poster-inner .frame-logo-watermark {
width: 95px;
position: relative;
height: 80px;
text-align: center;
top: 0;
left: 3px;
right: -3px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
image-rendering: pixelated;
image-rendering: -webkit-optimize-contrast;
}
#poster-preview.instagram .poster-outer .poster-inner .frame-logo-watermark:after {
position: absolute;
content: '';
background-color: #d61b26;
height: 100%;
width: 2px;
top: 0;
right: -5px;
opacity: 0.5;
}
#poster-preview.instagram .poster-outer .poster-inner .frame-logo-watermark:after[dir="rtl"]{
position: absolute;
content: '';
background-color: #d61b26;
height: 100%;
width: 2px;
top: 0;
right: 50px;
opacity: 0.5;
}
#poster-preview.instagram .poster-outer .poster-inner .poster-text {
font-size: 12px;
line-height: 14px;
width: 75%;
padding-left: 10px;
}
#poster-preview.instagram .poster-outer .poster-inner.no-watermark .poster-text {
width: 100%;
}
#poster-preview.twitter .poster-outer {
}
#poster-preview.linkedin .poster-outer {
}
.poster-outer.layout1 .poster-inner .poster-image,
#poster-preview.instagram .poster-outer.layout1 .poster-inner .poster-image {	height: 50%;  }
.poster-outer.layout1 .poster-inner .poster-content,
#poster-preview.instagram .poster-outer.layout1 .poster-inner .poster-content { height: 50%; }
#poster-preview.instagram .poster-outer.layout1 .poster-inner .poster-text { font-size: 12px; }
#poster-preview.facebook .poster-outer.layout4 .poster-inner .poster-image,
#poster-preview.twitter .poster-outer.layout4 .poster-inner .poster-image,
#poster-preview.linkedin .poster-outer.layout4 .poster-inner .poster-image {
width: 50%;
}
#poster-preview.facebook .poster-outer.layout4 .poster-inner .poster-content,
#poster-preview.twitter .poster-outer.layout4 .poster-inner .poster-content,
#poster-preview.linkedin .poster-outer.layout4 .poster-inner .poster-content {
width: 50%;
}
#poster-preview.facebook .poster-outer.layout4 .poster-inner .poster-text,
#poster-preview.twitter .poster-outer.layout4 .poster-inner .poster-text,
#poster-preview.linkedin .poster-outer.layout4 .poster-inner .poster-text{
font-size: 9px;
}
.poster-outer.layout2 .poster-inner .poster-image,
#poster-preview.instagram .poster-outer.layout2 .poster-inner .poster-image {	height: 35%; }
.poster-outer.layout2 .poster-inner .poster-content,
#poster-preview.instagram .poster-outer.layout2 .poster-inner .poster-content { height: 65%; }
.poster-outer.layout1 .poster-inner .poster-text{
font-size: 17px;
line-height: 20px;
}
.poster-outer.layout2 .poster-inner .poster-text { 
font-size: 20px;
line-height: 24px;
}
#poster-preview.instagram .poster-outer.layout2 .poster-inner .poster-text { font-size: 12px; line-height: 18px; }
#poster-preview.facebook .poster-outer.layout5 .poster-inner .poster-image,
#poster-preview.twitter .poster-outer.layout5 .poster-inner .poster-image,
#poster-preview.linkedin .poster-outer.layout5 .poster-inner .poster-image {
width: 35%;
}
#poster-preview.facebook .poster-outer.layout5 .poster-inner .poster-content,
#poster-preview.twitter .poster-outer.layout5 .poster-inner .poster-content,
#poster-preview.linkedin .poster-outer.layout5 .poster-inner .poster-content {
width: 65%;
}
#poster-preview.facebook .poster-outer.layout5 .poster-inner .poster-text,
#poster-preview.twitter .poster-outer.layout5 .poster-inner .poster-text,
#poster-preview.linkedin .poster-outer.layout5 .poster-inner .poster-text {
font-size: 10px; }
.poster-outer.layout3 .poster-inner .poster-image,
#poster-preview.instagram .poster-outer.layout3 .poster-inner .poster-image  {	height: 65%; }
.poster-outer.layout3 .poster-inner .poster-content,
#poster-preview.instagram .poster-outer.layout3 .poster-inner .poster-content  { height: 35%; }
.poster-outer.layout3 .poster-inner .poster-text { font-size:12px; line-height:16px; }
#poster-preview.facebook .poster-outer.layout6 .poster-inner .poster-image,
#poster-preview.twitter .poster-outer.layout6 .poster-inner .poster-image,
#poster-preview.linkedin .poster-outer.layout6 .poster-inner .poster-image {
width: 65%;
}
#poster-preview.facebook .poster-outer.layout6 .poster-inner .poster-content,
#poster-preview.twitter .poster-outer.layout6 .poster-inner .poster-content,
#poster-preview.linkedin .poster-outer.layout6 .poster-inner .poster-content {
width: 35%;
}
#poster-preview.facebook .poster-outer.layout6 .poster-inner .poster-text,
#poster-preview.twitter .poster-outer.layout6 .poster-inner .poster-text,
#poster-preview.linkedin .poster-outer.layout6 .poster-inner .poster-text {
font-size: 9px;
line-height: 11px;
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.33333333%
}
.offset-2 {
margin-left: 16.66666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333333%
}
.offset-5 {
margin-left: 41.66666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333333%
}
.offset-8 {
margin-left: 66.66666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333333%
}
.offset-11 {
margin-left: 91.66666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media (min-width:576px) {
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333333%
}
.offset-sm-2 {
margin-left: 16.66666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333333%
}
.offset-sm-5 {
margin-left: 41.66666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333333%
}
.offset-sm-8 {
margin-left: 66.66666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333333%
}
.offset-sm-11 {
margin-left: 91.66666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:768px) {
.col-md {
flex: 1 0 0%
}
.row-cols-md-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-md-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-md-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:992px) {
.row{
display:flex;
flex-wrap:column;
}
.col-lg {
flex: 1 0 0%
}
.row-cols-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media(max-width:890px)
{
.row.flex{
display:flex;
flex-direction:column;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.spinner-holder {
visibility: hidden;
position: absolute;
left: 67px;
}
}
@media (min-width:1200px) {
.col-xl {
flex: 1 0 0%
}
.row-cols-xl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333333%
}
.offset-xl-2 {
margin-left: 16.66666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333333%
}
.offset-xl-5 {
margin-left: 41.66666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333333%
}
.offset-xl-8 {
margin-left: 66.66666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333333%
}
.offset-xl-11 {
margin-left: 91.66666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1400px) {
.col-xxl {
flex: 1 0 0%
}
.row-cols-xxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.33333333%
}
.offset-xxl-2 {
margin-left: 16.66666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.33333333%
}
.offset-xxl-5 {
margin-left: 41.66666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.33333333%
}
.offset-xxl-8 {
margin-left: 66.66666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.33333333%
}
.offset-xxl-11 {
margin-left: 91.66666667%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem
}
}
.d-flex {
display: flex !important;
}
.align-items-center { align-items: center; }
.mt-5 { margin-top: 2rem; }
.custom_poster_or_social_media_post .poster_social_post_form .photo-edit-wrapper .photo-edit .cr-boundary .cr-viewport { border: 0; }
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content input.cr-slider {
border: 0;
padding-bottom: 0;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content label {
background-color: #fff;
border: 1px solid #d61b26;
margin-bottom: 10px;
color: #d61b26;
font-size: 1.25rem;
margin-bottom: 0;
padding: .375rem .75rem;
}
.custom_poster_or_social_media_post .poster_social_post_form .photo-edit-wrapper { margin-bottom: 30px; }
.custom_poster_or_social_media_post .poster_social_post_form .photo-edit-wrapper .croppie-container .cr-boundary { margin: 10px auto 15px 0; }
.custom_poster_or_social_media_post .poster_social_post_form .photo-edit-wrapper .croppie-container .cr-slider-wrap { width: 100%; margin: 0 auto; }
.custom_poster_or_social_media_post .poster_social_post_form .photo-edit-wrapper .croppie-container .cr-viewport { border: none;}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content .form_content_file_upload {
display: flex;
flex-direction: row;
position: relative;
width: fit-content;
flex-wrap: wrap;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content .form_content_file_upload .photo-file {
position: relative;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .help-text {
display: none;
margin-top: 10px;
text-align: left;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content .btn-step-continue {
width: auto;
background-color: #d61b26;
color: #fff;
margin-top: 15px;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content .form_content_file_upload .file_name {
padding-left: 15px;
padding-top: 0;
font-size: 18px;
font-weight: 600;
}
.custom_poster_or_social_media_post .poster_social_post_form .photo-edit-wrapper .photo-edit .cr-boundary {
border: 2px solid #ddd;
overflow: hidden;
max-width:100%;
}
.custom_poster_or_social_media_post .poster_social_post_form .photo-edit-wrapper_2 .photo-edit .cr-boundary
{
border: 2px solid #ddd;
overflow: hidden;
max-width:100%;
}
#main-image{
width: 100%;
height: 100%;
position: relative;
background-position: 50% 50%;
object-fit: cover;
image-rendering: pixelated;
background-repeat:no-repeat;
}
#watermark-small {
max-height: 80px; max-width: 100%;
height: 100%;
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;
image-rendering: -webkit-optimize-contrast;
object-fit: contain;
}
.custom_poster_or_social_media_post .frame-watermark {
position: absolute;
height: auto;
bottom: 0;
text-align: center;
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated; image-rendering: -webkit-optimize-contrast;
}
.custom_poster_or_social_media_post .frame-watermark img {
max-width: 100%;
margin: 0 auto 5px;
}
.frame-watermark{
width:100%;
height:auto;
}
#watermark-full { max-width: 100%;
position: relative;
margin: -8px 0px;
height: auto;
max-height: 60px;  image-rendering: pixelated;
}
.custom_poster_or_social_media_post .slick-slider { width: 100%; }
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content button[type=file], .custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content input[type=file], .custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content select[type=file] {    
position: absolute;
top: 0;
left: 0;
opacity: 0;
padding: 0;
outline: 0;
margin: 0;
border: 0;
width: 100%;
height: 100%;
}
.poster_social_post_form  .layout-outer {
display: flex;
align-items: center;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content .layout-outer .input-radio { 
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
img,a,div{
image-rendering: pixelated;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content .layout-outer .input-radio + img {
border: 2px solid transparent;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group .form_content .layout-outer .input-radio:checked + img {
border: 2px solid #d61b26;
}
.poster_social_post_form  .layout-outer .layout-img-outer {
margin: 0 15px 0 0;
position: relative;
}
.poster_social_post_form  .layout-outer .layout-img-outer img {
width: 60px;
}
#croppie-preview {
width: 350px;
}
#text-print{
white-space: pre-wrap;
}
#croppie-preview_2 {
width: 300px;
}
#croppie-view {
background: #e1e1e1;
width: 300px;
padding: 30px;
height: 300px;
margin-top: 30px
}
.poster-outer.blue { border-color: #2069a0 !important; }
.poster-outer.aqua { border-color: #75b2aa !important; }
.poster-outer.brown { border-color: #ba7027 !important; }
.poster-outer.cream { border-color: #efe1d4 !important; }
.poster-outer.green { border-color: #00ab5c !important; }
.poster-outer.lime { border-color: #bfce7d !important; }
.poster-outer.orange { border-color: #C94926 !important; }
.poster-outer.pink { border-color: #E5447A !important; }
.poster-outer.purple { border-color: #837DA9 !important; }
.poster-outer.red { border-color: #DA2632 !important; }
.poster-outer.yellow { border-color: #FCB326 !important; }
.poster-outer .frame-tags {
color: #fff;
position: absolute;
bottom: -20px;
width: 100%;
text-align: center;
font-weight: 600;
font-size: 9PX;
z-index: 999;
}
.mt-1 { margin-top: 1rem; }
.position-relative { position: relative !important; }
.justify-content-center { justify-content: center; }
.custom_poster_or_social_media_post .spinner-holder {
display: inline-block;
visibility: hidden;
}
@keyframes spinner-border {
to {
transform: rotate(360deg)
}
}
.custom_poster_or_social_media_post .spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: spinner-border .75s linear infinite
}
.custom_poster_or_social_media_post .spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@keyframes spinner-grow {
0% {
transform: scale(0)
}
50% {
opacity: 1;
transform: none
}
}
.custom_poster_or_social_media_post .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.custom_poster_or_social_media_post .spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: spinner-grow .75s linear infinite
}
.custom_poster_or_social_media_post .spinner-grow-sm {
width: 1rem;
height: 1rem
}
.custom_poster_or_social_media_post .spinner-holder .spinner-border {
border: .25em solid #d61b26;
border-right-color: transparent;
} @media (max-width: 767px){
.custom_poster_or_social_media_post {
background-color: #f3ecec;
padding: 30px 25px;
}
#headtitle {
font-size: 28px;
display: contents;
}
.custom_poster_or_social_media_post h2 {
display: inline-block;
}
button.btn.btn-primary.btn-start-again.col {
margin-bottom: 20px;
text-align: center;
margin-top: 10px;
}
.order-0.accordion {
padding: 0px;
}
.order-1 {
padding: 0px;
}
#croppie-preview {
width: 100%;
}
#poster-preview.facebook .poster-outer, #poster-preview.twitter .poster-outer, #poster-preview.linkedin .poster-outer, #poster-preview.instagram .poster-outer {
width: 100%;
min-width: 100%;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0px !important;
}
.poster-outer {
min-width: 100%;
}
.custom_poster_or_social_media_post .poster_social_post_form .form-group {
padding: 15px 13px;
}
span.step-title {
font-size: 17px;
}
h1.alignwide.wp-block-post-title {
font-size: 35px;
text-align: center;
font-weight: 600;
}
.wp-block-spacer {
height: 0px !important;
}
.wp-block-separator {
border-bottom: 0px solid;
}
}