@charset "UTF-8";


/*Feed Original*/
.ipse_original {
    border-style: solid; 
    border-color: #ff5e3a;
}

/**PARAGRAPH/*/
#ipse_single p {
    line-height: 2;
    font-size: 1.2em;
}

#content_background p {
    line-height: 2; !important;
    font-size: 1.2em;
}

.content_article p {
    line-height: 2; !important;
    font-size: 1.2em;
}

/*LINKS*/
a.a_extra {
  text-decoration: underline;
}

.a_extra_external {
    font-weight: bold;      /* Make the text bold */
    text-decoration: underline; /* Underline the text */
}
/* Apply styles using ::before to mimic the <span> */


/*TITLEs*/
.ipse_extra {
  font-size: 2rem;
}

.h_extra {
  color: #ff5e3a; 
  font-weight: 500;
}

/*TABLE OF CONTENTS*/
.tableofcontents {
  margin-top: 10px; 
  margin-bottom: 10px; 
  padding: 15px; 
  background-color:#edf2f6;
}
.first_level {
  margin-bottom:8px;
  font-weight: bold;
}
.second_level {
  margin-left:15px;
  margin-bottom:8px;
  font-weight: bold;
}


/*KEY TAKEAWAYS*/
div#keytakeaways-div {
  padding: 25px;
  margin-bottom: 10px;
  position: relative;
  border: none;
}

div#keytakeaways-div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
  height: 15%;
  border-top: 2px solid #ff5e3a; /* Top border */
  border-left: 2px solid #ff5e3a; /* Left border */
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

div#keytakeaways-div::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35%;
  height: 10%;
  border-bottom: 2px solid #ff5e3a; /* Bottom border */
  border-right: 2px solid #ff5e3a; /* Right border */
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

div#keytakeaways-div p:first-child {
  font-weight: bold;
}

div#keytakeaways-div ul {
  list-style-type: disc !important;
  color: red !important;;
  margin-left: 10px !important;;
}

/*LIST*/
ul.custom-bullet {
    list-style-type: none;
    padding-left: 40px; /* Adjust padding to make space for custom bullet */
}

ul.custom-bullet li {
    position: relative; /* Required for absolute positioning of custom bullet */
    margin-bottom: 10px; /* Optional: Adjust spacing between list items */
    font-size: 1.2em;
}

ul.custom-bullet li:before {
    content: ""; /* Empty content */
    display: block;
    width: 10px; /* Width of the bullet */
    height: 10px; /* Height of the bullet */
    background-color: #ff5e3a; /* Color of the bullet */
    position: absolute;
    left: -20px; /* Adjust distance of bullet from left */
    top: 12px; /* Align bullet to the top */
    transform: translateY(-50%); /* Adjust for centering */
    border-radius: 50%; /* Optional: Make the bullet circular */
}
/*END LIST*/

.h1-modal {
    font-size: 1.3rem; font-weight: 500; line-height: 1.2;
}
.modal-content {
    border: 4px solid #ff5e3a;
} 
.icon-open-modal-v {
    border-radius: 50%;
    padding: 5px; 
    font-size: 70%; 
    display: inline-block;
    background-color: #edf2f6; 
    color: #ff5e3a !important; 
    font-weight: 800;
}

.icon-open-modal-info {
    padding-left:5px; 
    font-size: 120%;
    display: inline-block;  
    color: #ff5e3a !important; 
    font-weight: 800;
}

.popup-container {
    display: none;
    position: absolute; /* Changed to absolute to position relative to the trigger */
    background-color: white;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.popup-content {
    /* Additional styles for popup content */
}



.fade-in {
  display: block;
  animation: fade 0.2s linear forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.container-new {
            display: flex;
            justify-content: space-between;
            align-items: center; /* Vertically centers the content */
            /*height: 100vh;  Full viewport height to show vertical centering */
        }
        .left-div-new {
            text-align: left;
            width: 50%;
        }
        .right-div-new {
            text-align: right;
            /*width: 50%;*/
        }

        /* Optional: Add some styles to visualize the columns */
        
        @media (min-width: 992px) {
            .right-column {
                text-align: right !important; /* Force right alignment on large screens */
            }
        }

        .align-right {
            display: flex; /* Ensure flexbox is used */
            justify-content: flex-end; /* Align items to the right */
            text-align: right; /* Override any center alignment */
        }
        @media only screen and (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }
}

.reply-block {
    margin-left: 40px;
    margin-top: 15px;
    padding: 15px;
    border-left: 2px solid #ddd;
    background-color: #f9f9f9;
}      

.agreement {
     
    border-radius: 10px;
    color: white;
    font-size: 1.4em; 
    font-weight: 800; 
    padding: 20px;
}  

.agreement_1 {background-color: #278a09; }
.agreement_2 {background-color: #39ab10; }
.agreement_3 {background-color: #F9EE08; }
.agreement_4 {background-color: #ec4910; }
.agreement_5 {background-color: #FF0000; }


/*ARTICLES*/

.container_article_list {
    display: flex; 
    width: 100%; 
    align-items: flex-start; 
    padding: 10px;
}

.container_article_thumb {
    flex: 0 0 auto; 
    margin-right: 15px; 
    padding: 5px;
}

.container_article_text {
    flex: 1; 
    padding: 5px;
}

.thumb_article_list {
    display: block; 
    max-width: 100%; 
    height: auto;
}

.cat-name-special {
    font-size: 1.2em !important; 
    margin-left: 5px;
}

.title_article_special {/*for the title in the list of articles*/
    font-size: 1.5em; 
    font-weight: bold; 
    color: black; 
    text-decoration: none;
    transition: color 0.3s;
}

.title_font_small {
    font-size: 1.2em;
}
.title_article_special:hover {
  color: #ff5e3a;
}
.excerpt_article_list {
    font-size: 1.1em; 
    color: gray; 
    margin-top: 5px;
}

.excerpt_font_small {
    font-size: 1.0em;
}

/*Detail Article*/
.post-title.special {
    margin-bottom: 15px; 
}

.post-excerpt {
    margin-bottom: 15px;
    font-size: 23px;
    font-style: italic;
}
@media (max-width: 768px) {
  .post-excerpt {
    font-size: 18px; /* Smaller font size on smaller screens */
  }
}

@media (max-width: 480px) {
  .post-excerpt {
    font-size: 14px; /* Even smaller font size on mobile devices */
  }
}

.post-date-special {
    margin-bottom: 10px;
}

.post-category-special {
    display: inline-block;
    border-radius: 3px;
    padding: 4px 9px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 20px;
    background-color: #ff5e3a !important;
    margin-right: 10px;
}

/*End Detail Article*/

/*END ARTICLES*/



/* MARGINS AND PADDINGS */
.no-pad-left {
    padding-left: 0 !important;
}

.no-pad-right {
    padding-right: 0 !important;
}

.no-pad-lr {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.no-pad-top {
    padding-top: 0 !important;
}

.no-pad-bot {
    padding-bottom: 0 !important;
}

.pad-bot-15 {
    padding-bottom: 15px !important;

}

.pad-bot-60 {
    padding-bottom: 60px !important;

}

.pad-bot-110 {
    padding-bottom: 110px !important;

}

.pad-bot-120 {
    padding-bottom: 10px !important;

}

.pad-bot-130 {
    padding-bottom: 130px !important;

}

.no-pad-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pad-0 {
    padding: 0 !important;
}

.pad-top-10 {
    padding-top: 10px !important;
}

.pad-top-20 {
    padding-top: 20px !important;
}

.pad-top-30 {
    padding-top: 30px !important;
}

.pad-top-40 {
    padding-top: 40px !important;
}

.pad-top-50 {
    padding-top: 50px !important;
}

.pad-top-60 {
    padding-top: 60px !important;
}

.pad-top-70 {
    padding-top: 70px !important;
}

.pad-top-80 {
    padding-top: 80px !important;
}

.pad-top-90 {
    padding-top: 90px !important;
}

.pad-top-100 {
    padding-top: 100px !important;
}

.pad-top-110 {
    padding-top: 110px !important;
}

.pad-top-120 {
    padding-top: 120px !important;
}

.pad-top-130 {
    padding-top: 130px !important;
}

.pad-top-140 {
    padding-top: 140px !important;
}

.pad-top-150 {
    padding-top: 150px !important;
}

.pad-bot-10 {
    padding-bottom: 10px !important;
}

.pad-bot-20 {
    padding-bottom: 20px !important;
}

.pad-bot-30 {
    padding-bottom: 30px !important;
}

.pad-bot-40 {
    padding-bottom: 40px !important;
}

.pad-bot-50 {
    padding-bottom: 50px !important;
}

.pad-bot-60 {
    padding-bottom: 60px !important;
}

.pad-bot-70 {
    padding-bottom: 70px !important;
}

.pad-bot-80 {
    padding-bottom: 80px !important;
}

.pad-bot-90 {
    padding-bottom: 90px !important;
}

.pad-bot-100 {
    padding-bottom: 100px !important;
}

.pad-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pad-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pad-tb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pad-tb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pad-tb-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.pad-tb-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.pad-tb-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.pad-tb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.pad-tb-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.pad-tb-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.pad-tb-110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
}

.pad-tb-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

.pad-left-15 {
    padding-left: 15px !important;
}

.pad-right-15 {
    padding-right: 15px !important;
}

.pad-right-45 {
    padding-right: 45px !important;
}

.mar-0 {
    margin: 0 !important;
}

.mar-left-0 {
    margin-left: 0 !important;
}

.mar-left-5 {
    margin-left: 5px !important;
} /*added*/

.mar-left-35 {
    margin-left: 35px !important;
}

.pad-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pad-lr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.mar-right-0 {
    margin-right: 0 !important;
}

.mar-right-5 {
    margin-right: 5px !important;
}

.mar-right-15 {
    margin-right: 15px !important;
}


.mar-top-0 {
    margin-top: 0 !important;
}

.mar-top-5 {
    margin-top: 5px !important;
}

.mar-top-10 {
    margin-top: 10px !important;
}

.mar-top-15 {
    margin-top: 15px !important;
}

.mar-top-20 {
    margin-top: 20px !important;
}

.mar-top-25 {
    margin-top: 25px !important;
}

.mar-top-30 {
    margin-top: 30px !important;
}

.mar-top-35 {
    margin-top: 35px !important;
}

.mar-top-40 {
    margin-top: 40px !important;
}

.mar-top-45 {
    margin-top: 45px !important;
}

.mar-top-50 {
    margin-top: 50px !important;
}

.mar-top-55 {
    margin-top: 55px !important;
}

.mar-top-60 {
    margin-top: 60px !important;
}

.mar-top-65 {
    margin-top: 65px !important;
}

.mar-top-70 {
    margin-top: 70px !important;
}

.mar-top-75 {
    margin-top: 75px !important;
}

.mar-top-80 {
    margin-top: 80px !important;
}

.mar-top-85 {
    margin-top: 85px !important;
}

.mar-top-90 {
    margin-top: 95px !important;
}

.mar-top-95 {
    margin-top: 95px !important;
}

.mar-top-100 {
    margin-top: 100px !important;
}

.mar-top-110 {
    margin-top: 110px !important;
}

.mar-top-120 {
    margin-top: 120px !important;
}

.mar-top-125 {
    margin-top: 125px !important;
}

.mar-top-130 {
    margin-top: 130px !important;
}

.mar-top-150 {
    margin-top: 150px !important;
}

.mar-bot-0 {
    margin-bottom: 0 !important;
}

.mar-bot-5 {
    margin-bottom: 5px !important;
}

.mar-bot-10 {
    margin-bottom: 10px !important;
}

.mar-bot-15 {
    margin-bottom: 15px !important;
}

.mar-bot-20 {
    margin-bottom: 20px !important;
}

.mar-bot-25 {
    margin-bottom: 25px !important;
}

.mar-bot-30 {
    margin-bottom: 30px !important;
}

.mar-bot-35 {
    margin-bottom: 35px !important;
}

.mar-bot-40 {
    margin-bottom: 40px !important;
}

.mar-bot-45 {
    margin-bottom: 45px !important;
}

.mar-bot-50 {
    margin-bottom: 50px !important;
}

.mar-bot-55 {
    margin-bottom: 55px !important;
}

.mar-bot-60 {
    margin-bottom: 60px !important;
}

.mar-bot-65 {
    margin-bottom: 65px !important;
}

.mar-bot-70 {
    margin-bottom: 70px !important;
}

.mar-bot-75 {
    margin-bottom: 75px !important;
}

.mar-bot-80 {
    margin-bottom: 80px !important;
}

.mar-bot-85 {
    margin-bottom: 85px !important;
}

.mar-bot-90 {
    margin-bottom: 90px !important;
}

.mar-bot-95 {
    margin-bottom: 95px !important;
}

.mar-bot-100 {
    margin-bottom: 100px !important;
}

.mar-bot-145 {
    margin-bottom: 145px !important;
}

.mar-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mar-tb-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mar-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mar-tb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mar-tb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mar-tb-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mar-tb-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mar-tb-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.mar-tb-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}