.elementor-kit-8{--e-global-color-primary:#6F2356;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#CC0039;--e-global-color-c692456:#F5F5F5;--e-global-color-f7798f3:#FAFAFA;--e-global-color-8b2d443:#BBBBBB;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-bottom:20px;}.elementor-element{--widgets-spacing:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */h2 {
    padding-top: 1.5em !important;
}

h3 {
    font-size:1.5em;
    padding-top: 1,25em !important;
}

h4 {
    font-size:1.5em;
    padding-top: 1em !important;
     margin-bottom: 0.5em !important;
}

.h5-icon {
    margin-bottom: 10px !important;
}

.h5-icon h5 {
    margin: 0;
}

.elementor-widget-text-editor ul, ol{
    padding-left:1.25em;
}

.elementor-widget-bdt-table.vertical-border-remove-yes td {
    vertical-align: middle;
}

.elementor-widget-bdt-table .bdt-table table.dataTable thead .nodisplaysorting:after,
.elementor-widget-bdt-table .bdt-table table.dataTable thead .nodisplaysorting:before{
    color: red !important;
    display: none;
}


/* DOCUMENT with Icon */
.act-col-doc .h5-icon .elementor-icon svg {
    width: 1.5em;
    height: 1.5em;
    margin-top:-20px;
    margin-left:-20px;
}

.act-col-doc .elementor-image-box-img img {
    border:solid 1px grey;
    background-color: white;
}

.act-col-doc {
    background-color: var(--e-global-color-f7798f3);
    padding: 45px 60px 40px 60px;
}
.act-col-doc .elementor-widget {
    margin-bottom: 10px;
        /*border:solid 1px red;*/
}
.act-col-doc .elementor-widget .elementor-button {
    background-color: var(--e-global-color-f7798f3);
    padding:0px 0px 3px 0px;
    border-bottom:solid 2px;
    /*border:solid 1px red;*/
}


 /*SMALL BLOCK with Icon */
.act-col-small h6,
.act-col-vertical h6 {
 text-align: center;
 margin:3px;
 font-weight: 500 !important;
 
}

.act-col-small .h5-icon .elementor-icon svg {
    width: 0.50em;
    height: 0.50em;
    margin-top:0px;
    margin-left:0px;
}

.act-col-small .elementor-image-box-img img {
    border:solid 1px grey;
    background-color: white;
}

.act-col-small {
    background-color: var(--e-global-color-f7798f3);
    padding: 10px 10px 10px 10px;
}
.act-col-small .elementor-widget {
    margin-bottom: 5px;
        /*border:solid 1px red;*/
}
.act-col-small .elementor-widget .elementor-button {
    background-color: var(--e-global-color-f7798f3);
    padding:0px 0px 3px 0px;
    border-bottom:solid 2px;
    /*border:solid 1px red;*/
}


.divGraph h4 {
    font-size: 20px;
}


/* SMALL BLOCK with Icon VERTICAL */
/*.act-col-small h5 {*/
/* text-align: center;*/
/*}*/

.act-col-vertical .h5-icon .elementor-icon svg {
    width: 0.50em;
    height: 0.50em;
    margin-top:0px;
    margin-left:0px;
}

.act-col-vertical .elementor-image-box-img img {
    border:solid 1px grey;
    /*background-color: white;*/
}

.act-col-vertical {
    /*background-color: var(--e-global-color-f7798f3);*/
    /*padding: 0px 10px 0px 10px;*/
    /*margin: 0px 0px 0px 0px;*/
}
.act-col-vertical .elementor-widget {
       padding: 10px 10px 5px 10px;
       margin: 0px 0px 0px 0px;
       background-color: var(--e-global-color-f7798f3);
    /*margin-bottom: 0px;*/
    /*border:solid 1px red;*/
}
.act-col-vertical .elementor-widget .elementor-button {
    background-color: var(--e-global-color-f7798f3);
    padding:0px 0px 3px 0px;
    border-bottom:solid 2px;
    /*border:solid 1px red;*/
}


@media only screen and (max-width: 1224px) {
    .act-col-doc {
    background-color: var(--e-global-color-f7798f3);
    padding: 18px 25px 10px 25px;
}
 .act-col-small {
    background-color: var(--e-global-color-f7798f3);
    padding: 18px 25px 10px 25px;
}
}


.purple {
  color: #6f2356;
}


.btn-100{
    margin-bottom: 5px;
}

img.icon-h5 {
    vertical-align: -20%;
    width:50px;
    height:50px;
}
.elementor-button {
        font-size: 14px;
}
.gfield-choice-input {
    margin: 5px;
}

.btn-100 .premium-modal-trigger-btn {
    width: 100%;
    font-weight: 700 !important; 
}

.bdt-download-monitor-button .bdt-dm-description .bdt-dm-title {
     font-weight: 700; 
     font-size: 14px;
     text-transform: none !important; 
}

.rvs-container a.rvs-play-video:active, .rvs-container a.rvs-play-video:focus, .rvs-container a.rvs-play-video:hover, .rvs-container a.rvs-nav-item.rvs-active, .rvs-container a.rvs-nav-item.rvs-active:active, .rvs-container a.rvs-nav-item.rvs-active:focus, .rvs-container a.rvs-nav-item.rvs-active:hover, .rvs-container.rvs-thumb-play .rvs-nav-container span.rvs-nav-item-thumb:hover:before, .rvs-container.rvs-thumb-play .rvs-nav-container .rvs-video-active span.rvs-nav-item-thumb:before {
    background-color: var( --e-global-color-primary ) !important;
    border-color: var( --e-global-color-primary ) !important;
}

.rvs-container a.rvs-play-video, .rvs-nav-container span.rvs-nav-item-thumb, .rvs-thumb-play .rvs-nav-container span.rvs-nav-item-thumb:before {
    background-color:  var( --e-global-color-primary ) !important;
}

.elementor-widget-video-playlist .e-tabs-items-wrapper .shadow-bottom {
    display: none !important;
}

.elementor-widget-video-playlist .e-tabs-items-wrapper .shadow-top {
    display: none !important;
}

.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail {
    display: none;
}

#e-tab-content-1111 {
    background-image: url(https://actinitiative.org/wp-content/uploads/placeholder.png);
        background-size: 100%;
}

/* POPUP selecor for plotly*/
#popUpDiv select {
    text-transform: none;
    padding: 15px 0px 5px 0px;
    border: none;
    border-bottom: solid 1px var( --e-global-color-primary );
    outline: none;
    /* margin-bottom: 5px; */
}

#popUpDiv select:focus {
    border: none;
    border-bottom: solid 3px var( --e-global-color-primary );
    box-shadow: none;
    outline-color: none;
}

#popUpDiv select:active, select:hover {
   outline-color: red;
    border: none;
    border-bottom: solid 3px var( --e-global-color-primary );
     box-shadow: none;
}

#popUpDiv checkbox:checked{
background-color:var( --e-global-color-primary );
}


/*.youtube-mask:after {*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 62px;*/
/*    height: 13px;*/
/*    margin-right: -20px;*/
/*    background-color: #002;*/
/*    opacity: 0.8;*/
/*    position: absolute;*/
/*    bottom: 27px;*/
/*}*/

/*    .ytp-impression-link {*/
/*    display: none;*/
/*    opacity:0.25;*/
/*}*/



/* 
Firstly, remove the default padding Elementor adds to columns containing content.
We don't want this because it causes slight mis-alignments and when you use a background colour, 
it bleeds out around the elements. Content should sit flush with the column edge by default.
*/
.elementor-container > .elementor-column > .elementor-element-populated {
  padding-left: 0;
  padding-right: 0;
}

/* 
Next, the various column gap settings.
Elementor changes the class on the container element depending on the column gap setting.

These are the possible "gap" classes:

.elementor-column-gap-default
.elementor-column-gap-no (no gap)
.elementor-column-gap-narrow
.elementor-column-gap-extended
.elementor-column-gap-wide
.elementor-column-gap-wider

You should override these as you see fit. 
I won't include them all but I'll give an example below:
*/
/*== "Extended" gap (40px in this example) ==*/
/* Apply a left-hand margin of 30px to all columns except the first */
/* Apply a right-hand margin of 30px to all columns except the last */
/* Half of total desired gap */

.elementor-column-gap-default > .elementor-column:not(:first-of-type) {  margin-left: 15px; }
.elementor-column-gap-default > .elementor-column:not(:last-of-type) { margin-right: 15px; }

.elementor-column-gap-no > .elementor-column:not(:first-of-type) {  margin-left: 0px; }
.elementor-column-gap-no > .elementor-column:not(:last-of-type) { margin-right: 0px; }
.elementor-column-gap-narrow > .elementor-column:not(:first-of-type) {  margin-left: 5px; }
.elementor-column-gap-narrow > .elementor-column:not(:last-of-type) { margin-right: 5px; }
.elementor-column-gap-extended > .elementor-column:not(:first-of-type) {  margin-left: 20px; }
.elementor-column-gap-extended > .elementor-column:not(:last-of-type) { margin-right: 20px; }
.elementor-column-gap-wide > .elementor-column:not(:first-of-type) {  margin-left: 30px; }
.elementor-column-gap-wide > .elementor-column:not(:last-of-type) { margin-right: 30px; }
.elementor-column-gap-wider > .elementor-column:not(:first-of-type) {  margin-left: 40px; }
.elementor-column-gap-wider > .elementor-column:not(:last-of-type) { margin-right: 40px; }

/*... Repeat the above pattern for each of the column gap classes ...*/

/* 
Since we're adding margins to columns, we need to ensure that flexbox wrapping is disabled 
until we actually want it to take effect. Elementor activates wrapping below the "Tablet" breakpoint 
that is defined in the Site Settings panel. In my case, I want to control this separately (see next section)
*/
.elementor-section .elementor-container {
    flex-wrap: nowrap;
}

/* 
When columns wrap, we need to remove our "gap" margins since there will only be 1 column now.
Adjust this breakpoint to suit your design:
*/


/* Desktops and laptops ----------- */
@media only screen and (max-width: 1224px) {
    
        .elementor-container > .elementor-column > .elementor-element-populated {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 768px) {
    


  .elementor-container > .elementor-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Allow columns to stack */
  .elementor-section .elementor-container {
    flex-wrap: wrap;
  }

  /* Full width, single columns */
  .elementor-section .elementor-column {
    width: 100% !important;
  }
}





/* VIDEO VIDEOS VIDEOS VIDEOS VIDEOS */



.act-video .h5-icon .elementor-icon svg {
    width: 1em;
    height: 1em;
    margin-top:-10px;
    margin-left:-10px;
}

.act-video {
    background-color: var(--e-global-color-f7798f3);
    padding: 45px 60px 40px 60px;
    margin-top:20px;
    margin-bottom:20px;
    /*max-width: 650px;*/

}
.act-video .elementor-widget {
    margin-bottom: 10px;
        /*border:solid 1px red;*/
}
.act-video .elementor-widget .elementor-button {
    background-color: var(--e-global-color-f7798f3);
    padding:0px 0px 3px 0px;
    border-bottom:solid 2px;
    /*border:solid 1px red;*/
}

@media only screen and (max-width: 1224px) {
    .act-video {
    background-color: var(--e-global-color-f7798f3);
    padding: 18px 25px 10px 25px;
}
}

.modal-video img {
    border:solid 5px black;
    
}


.modal-video .premium-modal-trigger-container:after  {
   
    content: url(/wp-content/img/icon/play.svg);
    position: absolute;
    width: 50px;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    opacity: 0.7;

}

.video-box{
     border:solid 5px black;
}
.lightbox-video {
    border:solid 5px black;
}

.modal-lightbox-video {
    border:solid 5px black;
}

.bdt-lightbox {
        background: rgba(0, 0, 0, 0.7);
}




/*.bdt-lightbox-items>* {*/
/*    right: 10%;*/
/*    left: 10%;*/
/*}*/
@media (min-width: 1224px){
    .bdt-lightbox-items>* {
    right: 10%;
    left: 10%;
    }
.bdt-lightbox-items>*>* {
    padding: 30px;
    background-color: black;
    border: solid 2px grey;
    border-radius: 15px;
}
}

.bdt-lightbox-items>*>* a {
      display: none;
}


.modal-lightbox-video .bdt-background-cover:before  {
    
    content: url(/wp-content/img/icon/play.svg);
    position: absolute;
    width: 50px;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    opacity: 0.7;

}


.premium-video-box-inner-wrap:after {
    
    content: url(/wp-content/img/icon/play.svg);
    position: absolute;
    width: 50px;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    opacity: 0.7;

}

.lightbox-video .bdt-background-cover:before  {
    
    content: url(/wp-content/img/icon/play.svg);
    position: absolute;
    width: 50px;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    opacity: 0.7;

}

@media (min-width: 1224px){
.premium-modal-box-modal-dialog {
    width: 900px !important;
}
}


/*  FIX MENU OVERLAP  IN STYCKU SECTION */

.bdt-sticky {
    z-index:99;
}


 ANCHOR FIX MENU OVERLAP 
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
   position: relative;
   z-index: -1;
 }
 body:not(.elementor-editor-active) .elementor-menu-anchor:before {
   content: "";
   display: block;
   height: 100px; 
   margin: -100px 0 0; 
   visibility: hidden;
   pointer-events: none;
 }/* End custom CSS */