.consent-list {
    list-style: none;       /* remove default bullets */
    padding: 0;
    margin: 0;
}

.consent-list li {
    margin: 0;
    position: relative;
    padding-left: 1.5em;    /* space for the box */
}
 
.consent-list li::before {
    content: "☐";          /* the empty box character */
    position: absolute;
    left: 0;
    color: #333;            /* adjust to match your text color */
    font-size: 1em;
}

ul.consent-list {
    padding-top: 0;
    margin-top: 0;
}

.hero-image {

    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.hero-text button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 25px;
    color: black;
    background-color: #ddd;
    text-align: center;
    cursor: pointer;
}

.hero-text button:hover {
    background-color: #555;
    color: white;
}


/* Customize unchecked checkbox border and background color */
.form-check-input {
    border-color: darkgrey; /* Change this to your desired color */

}

/* Make Bootstrap 5 form input borders more visible */
.form-control {
    border: 1px solid darkgrey !important; /* Darker and thicker border */
    background-color: #fff; /* Ensures background contrast */
    box-shadow: none; /* Optional: removes Bootstrap blue glow */
}



.form-group {
    margin-bottom: 1em;
}


.btn-block {
    display: block;
}



#summary {
    font-size: 14px;
    line-height: 1.5;
}

#summary span.collapse:not(.show) {
    height: 1000px !important;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#summary span.collapsing {
    min-height: 1000px !important;
}

#summary a.collapsed:after  {
    content: '⇩ + Read More ';
}

#summary a:not(.collapsed):after {
    content: '- Read Less';
}




.form-group2 label {
    font-weight: bold;
}

.checkbox label {
    font-weight: normal;
}



.navbar-custom {
    background-color: #FBFBFB;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #5E5E5E;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #5E5E5E;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #000;
}




.navbar-custom .active {
    background-color: #E1E1E1;
    border-radius: .25rem;
}
.navbar-custom .navbar-brand {
    color: #5E5E5E;
    font-weight: bold;

}



#petition_menu {
    margin-bottom: 1em;
}

.ad {
    position: relative;
    padding: 1em;
    padding-top: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
}

.petition_ads_list .ad {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-left: none;
    border-right: none;
    border-bottom:none;
    padding-left: 0em;


}



#side_content_column .petition_description {
    display: none;
}


.petition_ads_list .petition_advertisement_header_element {
    display: none;
}

#petition_ads_list_top_of_main_content {
    display: none;
}

#petition_ads_list_top_of_main_content .petition_description {
    display: none;
}

#visible_ad_1 {
    border: 0px solid red;
}

#petition_ads_list_top_of_main_content {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2em;
}

#advanced_settings li {

    list-style-type: circle;

}

#advanced_settings {

    padding-left: 2em;
    line-height: 1.6em;
}

#container2_old {

    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    border: 0px solid red;

}
#container23 {


    max-width: 1380px;

}


.action_button {
    font-size:17px;
    font-weight:bold;
    padding: 0.2em 0.7em;
}

#main{
    text-align: left;
    background-color: #FFFFFF;
    border: none;
    border-radius: 12px;
    box-shadow: 0 1px 8px rgba(0,0,0,.07);
    margin-bottom: 1em;
    padding-top: 1em;
}

#container2 {
    padding-top: 16px;
    padding-bottom: 16px;
}


#footer {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 12px;
    box-shadow: 0 1px 8px rgba(0,0,0,.07);
    padding: 1em;
    padding-top: 0em;
    margin: 0;
    overflow: auto;
}

 #www_field, #www, #password_field, #zip_field, #captcha_field, #user_name_field, #field_423, #post_new_topic {
    display: none;
}



.help_text {
    color: #000000;
    border:1px #cccccc solid;

    padding:0.5em;

    background-color:#f0f0ee;

    margin-top: 0.5em;
}





#features li:nth-child(n+6) {
    display:none;
}

#show_more_features {
    cursor: pointer;
}



h1 {

    color: #3d7bae;
    font-family: Verdana;
    font-size:20px;
    font-weight: bold;
}

H2 {

    font-family: Verdana;
    padding: 1ex 0 0 0;
    font-size:16px;
    margin-top: 1em;
    margin-bottom:0.5em;
    margin-left: 0.5em;
    border: none;
    text-align:left;
    font-weight: bold;
    color: #3d7bae;
}

H3 {

    font-family: Verdana;
    padding: 1ex 0 0 0;
    font-size:13px;
    margin-top: 1em;
    margin-bottom:0.5em;
    border: none;
    text-align:left;
    font-weight: bold;
    color: #3d7bae;
}

H4 {

    font-family: Verdana;
    padding: 1ex 0 0 0;
    font-size:12px;
    margin-top: 1em;
    margin-bottom:0.5em;
    border: none;
    text-align:left;
    font-weight: bold;
    color: #3d7bae;
}


H3.petition_list {
    font-weight: normal;
    margin-left: 0;
    color: blue;
    font-size: 16px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.petition_ad_content h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.petition_ad_content h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .petition_ad_content h3 {
        -webkit-line-clamp: 1;
    }
}


#buy_extra_visiblity h2 {
    padding-top: 0;
    margin-top: 0;
}


.quote {
    border: 1px solid  #95bce2; padding: 1em; background-color: #e0e9eb; font-style:italic;
    background-image: url(/images/quote.png);
    background-repeat: no-repeat;
    background-position: 0.2em 0.2em;

    padding-left: 3em;

    background-color: #edeff4;
    border: 1px solid #d4dae8;
    margin-bottom: 1em;

}



div.messageBody {
    margin-top: 0em;
    margin-left: 0.5em;
    margin-bottom: 1em;
}

div.messageBody h1 {
    color: #000;
    font-size: 16px;
}

div.comment, div.message {
    border-bottom:1px solid #95bce2;
    padding: 1em;

    text-align: justify;

}

#petition_text {
    margin: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;


    overflow: hidden;
    text-overflow: ellipsis;


}

#petition_text iframe {
    max-width: 100%;
}

#contact_person {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
@media only screen and (max-width: 400px) {
    #petition_text2 img {
        width: 100%;
    }
}*/

/*
#tinymce img {
    padding-right: 1em;
    padding-bottom: 1em;

}*/

#mceu_30, #mceu_31-body, #mceu_29, #mceu_30-body,
#mceu_62, #mceu_29-head, #mceu_29-title,
#mceu_33, #mceu_43-body, #mceu_43, #mceu_30-head,
#

{
    max-width: 100% !important;
    border: 1px solid red;
}






.notice, .error2, .success, .delete, .warning {
    border: 1px dotted black;


    background-color: #eeeeee;
    background: url("/images/info.png") no-repeat; background-position: center left;
    padding: 1em;
    padding: 1.2em;
    padding-left: 5em;
    border: 2px dashed #95bce2;
    margin: 2em; margin-bottom: 1em;margin-left: 1em; background-color: #e0e9eb;
    min-height: 32px;
    background-color: #edeff4;
    border: 1px solid #d4dae8;
    -moz-border-radius:11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    text-align: left;

}

.error {
    display: block;
    color: red;
}

.error2 {
    background: url("/images/error.png") no-repeat; background-position: center left;
    background-color: #d7d7d7;
    border: solid #CCCCCC 1px;

}

.success {
    background: url("/images/success.png") no-repeat; background-position: center left;
    background-color: #edeff4;
    border: 2px dashed #d4dae8;


    background-color: #86e37d;

    border: 5px solid #d4dae8;

    background-color: #edeff4;
    border: 1px solid #d4dae8;

}

.delete {
    background: url("/images/trash_red64.png") no-repeat; background-position: center left;
    background-color: #f5d1cf;
    border: solid red 2px;

}

.warning {
    background: url("/images/err_warn.png") no-repeat; background-position: center left;
    background-color: #f5d1cf;
    border: solid red 1px;

}



div.message .success {
    margin-left: 0.5em;
    margin-right: 1em;

}

a.button2 {
    padding: 0.5em 1em;
    margin: 0;
    margin-right: 0.3em;
    border: 1px solid #95bce2;
    background-color: #eeeeee;
    text-decoration: none;
}


a.button2:hover {
    background-color: #c1deff;
    color: #3d7bb9;
}

a.button2:hover span.thumb_num  {
    text-decoration: none;

}

.paytrail_payment_button {
    border: 1px solid #ccc;
}

.paytrail_payment_button:hover {
    border: 2px solid black;
}


a.button2 img {
    vertical-align: bottom;
}
.rounded_top {
    -moz-border-radius: 11px 11px 0 0;
    -webkit-border-radius: 11px 11px 0 0;
    -khtml-border-radius: 11px 11px 0 0;
}

.rounded {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;


}





#sign input[type=submit] {
    width: 100%;
    padding: 0.8em;
    font-weight: bold;
}


#sign {
    max-width: 100%;


}

/*@media (min-width: 992px) {
    #sign:target { padding-top: 50px; margin-top: -50px;}
}*/



@media ( max-with: 992px)  {
    .nav>li>a {
        padding-left: 10px;
        padding-right:10px
    }




}



@media only screen and (max-width: 1000px) {
    /* STYLES HERE for BROWSER WINDOWS with a max-width of 480px. This will work on desktops when the window is narrowed.  */
    /*    img {max-width: 300px;}*/


    #contact_person {
        border-bottom: 1px solid #ddd;
        margin-bottom: 2em;
    }

    #sign {

        border: none;
        padding:0;
    }
}




/**
 * author blaise
 * @provides connect-button-css
 * @option preserve-image-urls
 */



@media only screen and (max-width: 720px) {
    /* STYLES HERE for BROWSER WINDOWS with a max-width of 480px. This will work on desktops when the window is narrowed.  */
    /*    img {max-width: 300px;}*/
}

img {
    max-width: 100%;
    height: auto;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

input[type="radio"]{

    margin-right: 0.35em;
    margin-left: 1em;
}

input[type="checkbox"]{

    margin-right: 0.35em;

}




.petition_title {
    padding-top: 0;
    margin-top: 0.6em;
    margin-bottom: 0.5em;
    margin-left: 0.2em;
    overflow: hidden;
    text-overflow: ellipsis;

}

.nobr	{ white-space:nowrap; }

#messageBox input[type="text"] {
    margin-bottom: 0.5em;
    margin-top: 0.5em;

}

textarea {
    width: auto;
}


#login_form input[type="text"], #login_form input[type="password"], #login_form input[type="submit"] {
    margin-left: 0.5em;
    margin-bottom: 0.5em;
}



input[type="text"], input[type="password"], input[type="email"] {
    padding: 0.35em;
}




table {
    max-width: 100%;

}

#login_form table, #register_form table {
    width: 100%;
}

body {
    height: 100%;
    min-height: 100%;
}





#footer_sign_this_petition_button_bak, #footer_share_this_petition_button_bak {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 100%;
    z-index: 10;

}






#side_content_column {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;


}

#second_ad_test {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
}



#petition_page_top_ad_not_used {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index: 10;
}

#petition_page_top_ad, #petition_page_bottom_ad {
    max-width: 100%;
    overflow: hidden;

    padding: 1em 0em;
    width: 100%;
    text-align: left;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

#left_vertical_ad {
    overflow: auto;
    max-width: 300px;

}



.ad {
    overflow: auto;
}

.petition_name_in_petition_list {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-height: 16px;        /* fallback */
    max-height: 16px;       /* fallback */
}

.petition_ads_list .petition_ad_content_not_used {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* number of lines to show */
    line-height: 16px;        /* fallback */
    max-height: 72px;       /* fallback */
    overflow: hidden;
}

#petition_list td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;

}

#petition_list {
    table-layout: fixed;
    width: 100%;
}

.features {
    overflow: hidden;
    text-overflow: ellipsis;

}

.petition_ads_list h3 {
    font-size: 13 px;
    font-weight: normal;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: blue;
    margin-bottom: 0;
}

.petition_ads_list h2 {
    color: #000;

}

#side_content_column  h3 {

    color: black;
    font-weight: normal;
    padding-left: 1em;
    overflow: hidden;

}

.order_form  h3 {
    padding-left: 0;
    margin-left: 0;
}

#side_content_column #petition_ads {
    border: solid #95bce2 1px;
    background-color: #fff;
}

#petitions_promoted_by_other_users, #order_form_headline_in_side_bar {
    padding: 0.5em;
    padding-top: 1em;
    background-color: #3B5998;
    color: white;
    padding: 0.6em;
    font-size: 14px;


}

#order_form_headline_in_side_bar {
    display: block;
}

#petitions_promoted_by_other_users h2, #order_form_headline_in_side_bar h2 {
    padding: 0;
    margin: 0;
    color: white;
}

@media only screen and (max-device-width: 768px) {
    /* Styles */

    #footer {
        border-bottom: none;
    }
}

h2, p {
    margin-left: 0;
    padding-left: 0;
}

#thank_you_page_petition_ads #buy_extra_visibility_button_under_petition_list {
    display: none;
}

.budget_choices label {
    font-weight: normal;

}

input[name=ad_budget], input[name=payment_method] {
    margin-left: 0;
    padding-left: 0;
}

.parent_element_ad_budget label .parent_element_payment_method label {
    margin-right: 1.3em;
    display: none;
}

.parent_element_ad_budget  {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}

@media only screen and (min-width: 992px) {
    #left_vertical_ad .parent_element_ad_budget label {
        min-width: 2.1em;
    }
}

.parent_element_ad_budget .form-check {
    padding-left: 0;
}

#fb-share-button {
    background: #3b5998;
    border-radius: 3px;
    font-weight: 600;
    padding: 5px 8px;
    display: inline-block;
    position: static;
}

#fb-share-button:hover {
    cursor: pointer;
    background: #213A6F
}

#fb-share-button svg {
    width: 18px;
    fill: white;
    vertical-align: middle;
    border-radius: 2px
}

#fb-share-button span a, #fb-share-button span{
    font-family: Helvetica;

    vertical-align: middle;
    color: white;
    font-size: 14px;
    padding: 0 3px
}

#petition_ads_list_top_of_main_content div{
    background-color: #FBFBFB;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* number of lines to show */

}

#petition_ads_list_top_of_main_content {

}

#footer h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* number of lines to show */
}

.modal.left .modal-dialog,
.modal.right .modal-dialog,
.modal.top .modal-dialog,
.modal.bottom .modal-dialog {
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}





.modal.left .modal-content,
.modal.right .modal-content,
.modal.top .modal-content,
.modal.bottom .modal-content,
.modal.full .modal-content {
    border-radius: 0;
    border: none;
}



/* Top and Bottom */

.modal.top .modal-dialog,
.modal.bottom .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.modal.top .modal-content,
.modal.bottom .modal-content {
    height: auto;
    overflow-y: auto;
}


.modal.top .modal-body,
.modal.bottom .modal-body {
    padding: 15px 15px;
}

/* Top */

.modal.top.fade .modal-dialog {
    top: -100%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.top.fade.show .modal-dialog {
    top: 0;
}

/* Bottom */

.modal.bottom.fade .modal-dialog {
    bottom: -100%;
    -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.bottom.fade.show .modal-dialog {
    bottom: 0;
}

.modal.bottom.fade .modal-dialog {
    bottom: -100%;
}

/* Full Screen */

.modal.full .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.modal.full .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.full .close-modal {
    position: fixed;
    top: 0;
    right: 3rem;
}

/* Footer */

.modal-footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-radius: 0;
}

/* https://support.google.com/adsense/answer/10762946?hl=en */
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

#signature_form_column {
    border-left: 1px solid #DDDDDD;
    padding-left: 1em;
}

#main_content_column:only-child {
    width: 100% !important;
    margin-left: 0 !important;
    left: 0 !important;
}

#mobileMenuV3 {
    height: fit-content !important;
    --bs-offcanvas-height: fit-content;
}

.countries-list { display: flex; flex-wrap: wrap; gap: 4px 0; }
.country-item { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; font-size: 14px; font-weight: 500; text-decoration: none; color: #111827; border-radius: 8px; transition: background .15s; white-space: nowrap; }
.country-item:hover { background: #eff6ff; color: #1a56db; }
.country-item.active { background: #eff6ff; color: #1a56db !important; font-weight: 700; border-radius: 8px; }
.country-item.active:hover { background: #dbeafe; }
.country-item .arrow { color: #9ca3af; font-size: 12px; margin-left: 2px; }
.step-icon { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.usp-callout { display: flex; align-items: center; gap: 20px; background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%); border: 1.5px solid #bfdbfe; border-radius: 16px; padding: 24px 28px; }
.usp-icon { width: 52px; height: 52px; background: #1a56db; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.usp-icon i { color: #fff; font-size: 22px; }
.usp-text { flex: 1; min-width: 0; }
.usp-title { font-size: 16px; font-weight: 800; color: #111827; margin-bottom: 4px; }
.usp-body { font-size: 14px; color: #374151; line-height: 1.6; }
.usp-cta { flex-shrink: 0; background: #1a56db; color: #fff; font-weight: 700; font-size: 14px; padding: 10px 20px; border-radius: 10px; text-decoration: none; white-space: nowrap; transition: background .2s; }
.usp-cta:hover { background: #1447c0; color: #fff; }
@media (max-width: 767px) { .usp-callout { flex-direction: column; align-items: flex-start; } .usp-cta { width: 100%; text-align: center; padding: 12px; } }
.steps-row .col-md-4 { border-right: 1px solid #e5e7eb; }
.steps-row .col-md-4:last-child { border-right: none; }
@media (max-width: 767px) {
    .steps-row .col-md-4 { border-right: none; border-bottom: 1px solid #e5e7eb; padding-bottom: 16px; margin-bottom: 4px; }
    .steps-row .col-md-4:last-child { border-bottom: none; }
}