@import url("https://use.typekit.net/djk6ufa.css");
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@1,700&display=swap');

.gform_wrapper.gf_browser_safari .gfield_checkbox li input,
.gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio] {
    margin-top: 4px;
    margin-bottom: 1em;
}

.home-page-hero .empowerment {
    font-family: kulturista-web, serif;
    font-weight: 900;
    font-style: normal;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    font-size: 8.625rem;
    letter-spacing: 2px;
}

.home-page-hero .theme-button {
    text-align: center;
}

.imageRight .container .flex-row-reverse {
    align-items: center;
}

.customimageLeft ul li:before {
    content: "•";
    font-size: 80%;
    padding-right: 10px;
}

.customimageLeft ul li {
    margin-bottom: 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.customimageLeft ul li h5 {
    margin: 0;
}

.list-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4rem;
}

.list-col>div {
    width: 48%;
    margin-bottom: 2em;
}

.inner-list {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.inner-list>div {
    width: 75%;
}

.inner-list h3 {
    font-size: 1rem;
    text-transform: none;
    line-height: 1.2;
}

.inner-list p {
    font-size: .8rem;
}

.inner-list-img {
    width: 3.5em;
}

.slick-slider-1 {
    margin-top: 2rem;
}

.slick-slider-1 .slick-center div>p.cat-title::before {
    content: url('/wp-content/uploads/2021/03/blue-cross2.svg');
    transition: all .6s ease-in-out;
    /* opacity: .5; */
    transform: scale(.5);
    position: relative;
    float: right;
    top: -24px;
    right: .5rem;
   

}


.slick-slider-1 .slick-center>div:hover p.cat-title::before {
    transform: scale(45.1);
    position: relative;
    /* opacity: 1; */
    z-index: 1;
}

#cartoons .slick-slider-1 .slick-center div>p.cat-title::before {
    content: url('/wp-content/uploads/2021/03/blue-cross2.svg');
    transition: all .6s ease-in-out;
    /* opacity: .5; */
    transform: scale(.5);
    position: absolute;
    float: right;
    top: 436px !important;
    right: 3rem;
   

}


#cartoons .slick-slider-1 .slick-center>div:hover p.cat-title::before {
    transform: scale(45.1);
    position: absolute;
    /* opacity: 1; */
    z-index: 1;
}


.slick-slider-1 .slick-center>div:hover .news-icon {
    content: url(/wp-content/uploads/2021/03/icon_category_news_blue.png);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    width: 4em;
    top: -28px;
    right: 3rem;
}

.slick-slider-1 .slick-center>div:hover .research-icon {
    content: url(/wp-content/uploads/2021/03/icon_category_research_blue.png);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    width: 4em;
    top: -28px;
    right: 3rem;
}

.slick-slider-1 .slick-center>div:hover .twitter-icon {
    content: url(/wp-content/uploads/2024/01/social_circle_tw_blue.svg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    width: 4em;
    top: -42px;
    right: 3rem;
}

.slick-slider-1 .slick-prev:before {
    content: url('/wp-content/uploads/2021/03/arrow_left.png');
}

.slick-slider-1 .slick-next:before {
    content: url('/wp-content/uploads/2021/03/arrow_right.png');
}

.slick-slider-1 .slick-prev {
    left: 20px;
    z-index: 9999;
}

.slick-slider-1 .slick-next {
    right: 20px;
    z-index: 9999;
}

.slick-slider-1 .slick-slide>div {
    transform: scale(.7);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
}

.slick-slider-1 .slick-center>div {
    position: relative;
    transform: scale(1);
    background-color: #091F40 !important;
    z-index: 2;
    margin: 0 -6rem;
}

.slick-slider-1 .slick-center>div:hover {
    background-color: #A9353A !important;
    transition: 0.3s;
}


.slick-slider-1 .slick-center>div .slider-1-icon {
    -webkit-transition: .6s ease-out;
    -moz-transition: .6s ease-out;
    transition: .6s ease-out;
}


.slick-slider-1 .slick-center {
    z-index: 1;
}

.slick-slider-1 .slick-center div p {
    display: block;
    color: #fff;
}

.slick-slider-1 .slider__item>img {
    width: 100%;
    height: auto;
}

.slick-slider-1 .slick-slide>div h4 {
    margin-top: 1rem;
}

.slick-slider-1 .slide h4 {
    color: #fff;
    text-transform: none;
}

.slick-slider-1 .slide>div {
    background-color: #0182B5;
    padding: 1rem;
}


.slick-slider-1 .info-container {
    margin: 0 -2rem;

}

#cartoons .slick-slider-1 .info-container .info-header {
    position: relative;
    width: 100%;
    height: 461px;
    border-radius: 5px;
    overflow: hidden;
}

#cartoons .slick-slider-1 .info-container .info-header .bg-image-featured {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.slick-slider-1 .info-container p {
    display: none;
}

.slick-slider-1 .slick-track {
    display: flex;
    align-items: center;
}

.slick-slider-1 .news-icon {

    position: relative;
    float: right;
    top: -24px;
    right: 3rem;
}

.slick-slider-1 .research-icon {
    width: 3em;
    position: relative;
    float: right;
    top: -24px;
    right: 3rem;
    margin-top: 0;
}

.slick-slider-1 .slick-center>div .research-icon {
    width: 3em;
    margin-top: 0;
    z-index: 1;
}

.slick-slider-1 .twitter-icon {
    width: 3em;
    position: relative;
    float: right;
    top: -37px;
    right: 3rem;
    margin-top: 0;
}

.slick-slider-1 .slick-center>div .twitter-icon {
    width: 3em;
    margin-top: 0;
    z-index: 1;
}

.slick-slider-1 .slick-center>div .news-icon {
    width: 3em;
    z-index: 1;
}


.slider-1 .theme-button {
    text-align: center;
}

#images img {
    width: 100%;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

/* Eliezer, I moved your GForms code to form.css — Raymond */


.list-side div {
    height: 50px;
    margin-bottom: 1.9em;
}

.list-side {
    position: relative;
    top: -113px;
    margin-left: 5em;
}

ul.select-block {
    margin-top: 4em;
    margin-left: 0em;
    display: flex;
    flex-direction: column;
    width: 50px;
    height: 50px;
}

/* custom */
img.star {
    padding: 1em;
}

.select-block {
    /* list-style:none; */
    padding: 0;
    display: flex;
    cursor: default;
    width: 50px;
    height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    flex-direction: column;

}

.select-block .f-red {

    margin-left: 4em;
    position: relative;
    top: -3em;
}

.select-block li {
    cursor: default;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 2em;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 50%;

}

.select-block li.active {
    border-color: #A5363D;
}

.bg-block img {
    max-width: 100%;
}

/* musthave style */
.bg-container {
    position: relative;

}

.bg-container:before {
    content: '';
    display: block;
    padding-top: 56.25%;
    height: 0;
}

.bg-block {
    position: absolute;
    top: -14em;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.bg-block.active {
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

img.icon-intro {
    height: 4em;
}



.intro-list-blue-hp-lists {
    justify-content: center;
    margin-top: 6em !important;
    width: 82%;
    margin: 0 auto;
}

.intro-list-blue-hp-lists .col-4 .row {
    margin-bottom: 2em;
}

.intro-list-blue-hp-lists .col-4 {
    padding-right: 5em;
}

.text-div {
    width: 75%;

    padding-left: 1em;
}


/* imageRight LightBlue section*/

.imageRight-lightBlue h2 {
    font-size: 4.6em;
}

.imageRight-lightBlue ul {
    list-style-type: none;
    list-style-image: url(http://devtea.wpengine.com/wp-content/uploads/2021/02/blue-star.svg);
    margin: 21px;
}

.imageRight-lightBlue ul li {
    margin-bottom: 2em;
}

.imageRight-lightBlue .list-col {
    margin-right: 2em;
    margin-left: 4em;
}


.grow {
    position: absolute;

    transition: all .2s ease-in-out;
    transform: scale(.1);
}

.grow:hover {
    overflow: hidden;
    transform: scale(5);
}


/* Box Right */
.box-right .container .row {
    justify-content: space-between;
    align-items: center;
}

.box-right .video-content {
    padding: 1em 2.5em;
}

.box-right-content {
    position: relative;
}

.overlay-box {
    position: absolute;
    width: 537px;
    background-color: #fff;
    top: -11em;
    padding: 2.5em 0em 2.5em 5em;
    left: -6em;
}

.box-right-video-icon {
    position: absolute;
    top: -50px;
    left: 22px;
    width: 5em;
}

.box-right-content h2 {
    font-size: 4em;
}

/* End Box Right */


/*Videos page*/
.videos-section .container .row .col-md-12>div {
    margin-bottom: 5.5em;
    margin-top: 1em;
    display: block
}

.videos-section .container .row {
    align-items: center;
}

.videos-section .container .row .col-md-4 form input#s {
    border-radius: 5px;
    /* padding: 0.7rem 1rem; */
    text-transform: uppercase;
    font-size: 1rem;
}

.videos-section .container .row .col-md-12 {
    margin-top: 5em;
}

.video-slider {
    display: block
}

.video-slide {
    margin: 0 1em 0 0;

}

.videos-section .slick-track {
    /* display: flex;
            flex-direction: row;
            justify-content: flex-start !important; */

}

.activists-slider .slick-next:before,
.policy-slider .slick-next:before,
.educators-slider .slick-next:before,
.general-slider .slick-next:before {
    content: url('/wp-content/uploads/2021/03/arrow_right.png');
    right: 50px;
    top: -50px;
    left: auto;
}

.activists-slider .slick-prev:before,
.policy-slider .slick-prev:before,
.educators-slider .slick-prev:before,
.general-slider .slick-prev:before {
    content: url('/wp-content/uploads/2021/03/arrow_left.png');

}

.activists-slider .slick-prev,
.policy-slider .slick-prev,
.educators-slider .slick-prev,
.general-slider .slick-prev {
    left: auto;
    top: -50px;
    z-index: -0;
    right: 50px;
}


.activists-slider .slick-next,
.policy-slider .slick-next,
.educators-slider .slick-next,
.general-slider .slick-next {

    right: 20px;
    top: -50px;
}

.inner-category-name {
    text-transform: uppercase;
    margin-top: 1em;
}

.cat-title {
    text-transform: uppercase;
}



/* News Box Right */
.news-box-right .container .row {
    justify-content: space-between;
    align-items: center;
}

.news-box-right .video-content {
    padding: 1em 2.5em;
}

.news-box-right-content {
    position: relative;
}

.news-box-right .overlay-box {
    position: absolute;
    width: 537px;
    background-color: #fff;
    top: -16em;
    padding: 2.5em 0em 0em 5em;
    left: -6em;
}

.news-box-right .box-right-video-icon {
    position: absolute;
    top: -50px;
    left: 22px;
    width: 5em;
}

.news-box-right .box-right-content h2 {
    font-size: 3.5em;
    overflow-wrap: initial;
    word-break: keep-all;
}

.news-box-right .mt-5,
.my-5 {
    margin-top: 1rem;
}

/* End News Box Right */
/*News page*/
.news-section .container .row .col-md-12>div {
    margin-bottom: 5.5em;
    margin-top: 1em;
    display: block
}

.news-section .container .row {
    align-items: center;
}

.news-section .container .row .col-md-4 form input#s {
    border-radius: 5px;
    /* padding: 0.7rem 1rem; */
    text-transform: uppercase;
    font-size: 1rem;
}

.news-section .container .row .col-md-12 {
    margin-top: 5em;
}

#myList li {
    display: none;
}

#loadMore {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #0182b5;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    color: #a9353a !important;
}



/* Video Left */
.video-left {
    position: relative;
    padding: 20em 0;
}

.video-left .bg-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    object-fit: cover;
    z-index: -9;

}


.bottom-border-light-blue {
    border-bottom: 1.5px solid #0182B5;
}

.featured-partner-content .imgheader {
    position: relative;
    width: 100%;
}

.featured-partner-content .imgheader .feat-img {
    width: 100%;
}

.featured-partner-content .feat-icon {
    position: relative;
    float: right;
    top: -24px;
    width: 3em;
    right: 2rem;
}


.research-data .research-date-div {
    position: relative;
}

.research-data .research-date-div .date-of-research {
    overflow: hidden;
    text-align: center;
}

.research-data .research-date-div .date-of-research:before,
.date-of-research:after {
    background-color: #091F40;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;

}

/* .date-of-research:before {
    width: 15%;
    right: 0.5em;
    margin-left: -50%;
  } */

.date-of-research:after {
    width: 100%;
    /* left: 0.5em; */
    /* margin-right: -50%; */
}

.research-data .research-date-div .download-icon {
    position: relative;
    float: right;
    top: -1.7em;
    width: 1.5rem;

}

.research-row-2 {
    margin-bottom: 5em;
}

.research-icon {
    margin-top: -5em;
}


.research-data .research-row-2 {
    /* overflow: hidden; */
    text-align: center;
}


.research-data .research-row-2:before {
    background-color: #0182B5;
    content: "";
    display: inline-block;
    height: 1.5px;
    position: relative;
    vertical-align: middle;
    width: 60%;
}

.research-data .research-row-2:before {

    /* margin-right: -50%; */

    z-index: -1;
}

.news-section .feat-icon {
    position: relative;
    float: right;
    top: -24px;
    width: 3em;
    right: 2rem;
}


.single-podcast figure {
    width: 100%;
    margin-bottom: 1em;
}

.single-podcast figure audio {
    display: block;
    width: 100%;
}

.single-podcast figure figcaption {
    align-items: center;
    display: grid;
    grid-gap: 0rem;
    grid-template-columns: 50px auto;
    padding: 0;
    margin-top: -11px;
}

.single-podcast figure button {
    border: 0;
    background: #091F40;
    display: inline;
    color: white;
    order: 1;
    z-index: 1;
    border-radius: 2rem;
    padding: .5rem;
    transition: opacity .25s ease-out;
    width: 100%;
}

.single-podcast figure button:hover {
    cursor: pointer;
}

.single-podcast figure label {
    order: 2;
    text-align: center;
}

/* Fallback stuff */
.single-podcast figure progress[value] {
    appearance: none;
    border: none;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25) inset;
    color: #A9353A;
    display: inline;
    left: -4.5px;
    height: 15px;
    order: 1;
    position: relative;
    width: 100%;
}

/* WebKit styles */
.single-podcast figure progress[value]::-webkit-progress-bar {
    background-color: #838EA0;

}

.single-podcast figure progress[value]::-webkit-progress-value {
    background-color:
        #A9353A;
    border-radius: 3px;
    position: relative;
    transition: width 1s linear;
}

/* Firefox styles */
.single-podcast figure progress[value]::-moz-progress-bar {
    background-color: #838EA0;
    border-radius: 3px;
    position: relative;
    transition: width 1s linear;
}

.bars-wrapper {
    display: flex;
    flex-directon: row;
    width: 100%;
}

#bars {
    height: 30px;
    /*     left: 50%; */
    /*     margin: -30px 0 0 -20px; */
    position: relative;
    /*     top: 50%; */
    width: 3em;
}

.bar {
    background: #0182B5;
    bottom: 1px;
    height: 3px;
    position: absolute;
    width: 3px;
    animation: sound 0ms -800ms linear infinite alternate;
    animation-play-state: paused;
}

.stop {
    animation-play-state: paused;

}

.start {
    animation-play-state: start;
    animation: sound 0ms -800ms linear infinite alternate;
}

@keyframes sound {
    0% {
        opacity: .35;
        height: 3px;
    }

    100% {
        opacity: 1;
        height: 28px;
    }
}

.bar:nth-child(1) {
    left: 1px;
    animation-duration: 474ms;
}

.bar:nth-child(2) {
    left: 5px;
    animation-duration: 433ms;
}

.bar:nth-child(3) {
    left: 9px;
    animation-duration: 407ms;
}

.bar:nth-child(4) {
    left: 13px;
    animation-duration: 458ms;
}

.bar:nth-child(5) {
    left: 17px;
    animation-duration: 400ms;
}

.bar:nth-child(6) {
    left: 21px;
    animation-duration: 427ms;
}

.bar:nth-child(7) {
    left: 25px;
    animation-duration: 441ms;
}

.bar:nth-child(8) {
    left: 29px;
    animation-duration: 419ms;
}

.bar:nth-child(9) {
    left: 33px;
    animation-duration: 487ms;
}

.bar:nth-child(10) {
    left: 37px;
    animation-duration: 442ms;
}

.button-group {
    margin-top: 1em;
}

.social-media-icons {
    position: relative;
    top: -16px;
}

.social-media-icons {
    padding: 0 3em;
}

.social-media-icons img {
    margin-right: .5em;
}

.recommended {
    position: relative;

}

.recommended .recommended-icon {
    position: relative;
    float: right;
    top: -24px;
    /* width: 3em; */
    right: 2rem;
}


.recommended .recommeded-for-you {
    overflow: hidden;
    text-align: center;
    padding: 3em 0;
}

.recommended .recommeded-for-you::before,
.recommeded-for-you:after {
    background-color: #0182B5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;

}

.recommended .recommeded-for-you:before {
    width: 50%;
    right: 0.5em;
    margin-left: -50%;
}

.recommended .recommeded-for-you:after {
    width: 50%;
    left: 0.5em;
    margin-right: -50%;
}


.recommended .browse-all-news-btn-div {

    text-align: center !important;
}

.recommended .browse-all-news-btn-div::before,
.recommended .browse-all-news-btn-div:after {
    background-color: #091F40;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;

}

.recommended .browse-all-news-btn-div:before {
    width: 40%;

    right: 2em;

}

.recommended .browse-all-news-btn-div:after {
    width: 40%;

    left: 2em;

}

.single-news .d-flex {
    position: relative;
}

.single-white-box {
    background-color: #fff;
    padding: 3.5em;
    position: absolute;
    right: 0;
}

.single-white-box-icon {
    position: absolute;
    top: -50px;
    left: 22px;
    width: 5em;
}


.exclusive-content .exclusive-content-text {
    overflow: hidden;
    text-align: center;
}

.exclusive-content .exclusive-content-text::before,
.exclusive-content .exclusive-content-text:after {
    background-color: #0182B5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;

}

.exclusive-content .exclusive-content-text:before {
    width: 50%;
    right: 0.5em;
    margin-left: -50%;
}

.exclusive-content .exclusive-content-text:after {
    width: 50%;
    left: 0.5em;
    margin-right: -50%;
}

.exclusive-content .exclusive-content-icon {
    position: relative;
    float: right;
    top: -24px;
    /* width: 3em; */
    right: 2rem;
}

.exclusive-materials button {
    background-color: #fff;

}

.exclusive-materials span {
    overflow: hidden;
    text-align: center;
}

.exclusive-materials span::before {
    content: url('/wp-content/uploads/2021/03/icon_download.svg');
    display: inline-block;
    position: relative;
    vertical-align: middle;

}

.exclusive-materials span:before {
    width: 20%;
    /* right: 0.5em; */
    margin-left: -23%;
}


.exclusive-materials .btn {
    border-radius: 36px !important;
    padding: 12px 0px 12px 42px !important
}


img.exlusive-content-icon {
    position: relative;
    float: right;
    top: -24px;
    right: 2rem;
}


.counter-container .container .row .col-md-2 {
    background-color: #fff;
    position: relative;
}

.counter-container .container .row .col-md-2 .counter-icon {
    position: absolute;
    margin: 0 auto;
    top: -3em;
    left: 25%;
    right: 25%;

}

.intro-dark-ta-blue a.btn.btn-theme.color-theme {
    width: 18em;
}



.materials-ta button {
    background-color: #fff;

}

.materials-ta span {
    overflow: hidden;
    text-align: center;
}

.materials-ta span::before {
    content: url('/wp-content/uploads/2021/03/icon_download.svg');
    display: inline-block;
    position: relative;
    vertical-align: middle;

}

.materials-ta span:before {
    width: 20%;
    /* right: 0.5em; */
    margin-left: -23%;
}


.materials-ta .btn {
    border-radius: 36px !important;
    padding: 12px 0px 12px 42px !important
}

.notable-signers-slider {
    margin-top: 2rem;
    z-index: 2;
}

.notable-signers-slider img {
    margin: 0 auto;
}

.notable-signers-slider .slick-prev:before {
    content: url('/wp-content/uploads/2021/03/arrow_left.png');
}

.notable-signers-slider .slick-next:before {
    content: url('/wp-content/uploads/2021/03/arrow_right.png');
}

.notable-signers-slider .slick-slide>div {
    transform: scale(.7);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

.notable-signers-slider .slick-center>div {
    position: relative;
    transform: scale(1);
    background-color: #091F40 !important;
    z-index: 2;
    margin: 0 -4rem;
}


.notable-signers-slider .slick-center {
    z-index: 1;
}

.notable-signers-slider .slick-center div p {
    display: block;
    color: #fff;
}

.notable-signers-slider .slider__item>img {
    width: 100%;
    height: auto;
}

.notable-signers-slider .slick-slide>div h4 {
    margin-top: 1rem;
}

.notable-signers-slider .slide h4 {
    color: #fff;
    text-transform: none;
}

.notable-signers-slider .slide>div {
    background-color: #0182B5;
    padding: 1rem;
}

.notable-signers-slider .info-container p {
    display: none;
}

.notable-signers-slider .slick-track {
    display: flex;
    align-items: center;
    padding: 3em 0;
}

.notable-signers-slider .slider-1-icon {
    position: relative;
    float: right;
    top: -24px;
    right: 3rem;
}


.notable-signers-slider .slick-current::after {
    content: url('http://devtea.wpengine.com/wp-content/uploads/2021/03/5_banner.png');
    display: inline-block;
    position: absolute;
    overflow: visible;
    bottom: 2em;
    margin: 0 -1em;
}

.notable-signers-slider .slick-center {
    z-index: 1;
    padding: 9em 0 9em 0px;

}

.notable-signers-slider .slick-current img {
    width: fill;
    width: -webkit-fill-available;
}

.slick-prev:before,
.slick-next:before {
    font-size: 39px;
    z-index: 9999;
}

.notable-signers-slider .slick-prev {
    right: -1em;
    z-index: 9999;
}

.notable-signers-slider .slick-next {
    right: 2em;
    z-index: 9999;
}

.title-name-container {
    position: absolute;
    display: none;
    width: 100%;
    margin: 0 auto;
    bottom: -4em;
    right: 0em;
    text-align: center;
}


.title-name-container h3 {
    font-size: 1.125em;
    line-height: 1.375rem;

}

.notable-signers-slider .slick-center div .title-name-container {
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 auto;
    bottom: -5.5em;
    right: 0em;
    text-align: center;
}

select {
    width: 100%;
    padding: 1em;
    border: .1px solid #ccc !important;
    text-transform: uppercase;
}



.news-section input[type="text"],
.videos-section input[type="text"],
.global-search-section input[type="text"] {
    padding: .8em;
    font-size: 1rem;
    text-transform: uppercase;
}

.global-search-section input::-webkit-input-placeholder {
    /* Edge */
    text-align: center;

}

.global-search-section input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    text-align: center;
}

.global-search-section input::placeholder {
    text-align: center;
}

.popup-box {
    /* EXAMPLE CODE:

    <div class="popup-box">
		<div class="content-box">
			<i class="fas fa-times close-box"></i>
			<div class="inner-content">

			</div>
		</div>
	</div>

    */

    position: a;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.756);
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    transition: 0.25s all;
    z-index: 1;


}

.popup-box .hide {
    opacity: 0;
    visibility: hidden;
}

.popup-box .content-box {
    position: relative;
    width: 100%;
    max-width: 1000px;

}


.popup-box .popup-close-box {
    color: #FFF;
    position: absolute;
    left: calc(100% + 10px);
    font-size: 25px;
    top: 0;
    line-height: 1;
    cursor: pointer;
}

.popup-box .inner-content {
    width: 100%;
    min-height: 500px;
    background: #FFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.557);
}


.responsive-video {
    /* EXAMPLE CODE:

    <div class="responsive-video">
        <div class="inner">
            <iframe src="https://www.youtube.com/embed/" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>

    */

    width: 100%;


}

.responsive-video .inner {
    padding-top: 56.25%;
    position: relative;
    width: 100%;


}

.responsive-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.display-flex {
    display: flex;
}

.display-none {
    display: none;
}

.mobile-h1 {
    display: none;
}

.video-container-hero>svg {
    /* width: 0;
  height: 0; */
    top: 0;
    position: absolute;
}

.video-container-hero {

    margin: -140px auto;
}

.video-container-hero video {
    width: 100%;
    display: block;
    object-fit: revert;
    margin: auto;
    margin-top: -21em;
    margin-bottom: -25em;
    /* -webkit-clip-path: url(#clip-00);
    clip-path: url(#clip-00); */
}

.svg-clipped-text {
    -webkit-clip-path: url(#clip-00);
    clip-path: url(#clip-00);
}

.hero-video-svg {
    width: 0;
    height: 0;
    position: absolute;
}

.video-clip video {
    display: block;
    width: 100%;
}

.video-clip {
    -webkit-clip-path: url(#clip-00);
    clip-path: url(#clip-00);

}

.video-wrapper {
    background-color: transparent !important;
    margin: -304px 0 -350px;
}



.slick-slide .img-container img {


    transition: transform 0.5s linear;
}

.slick-slide .img-container img:hover {


    transform: scale(1.5);
}

.slick-slide .img-container {
    overflow: hidden;

}

.global-search-section .img-container {
    height: 250px;
    overflow: hidden;

}

.global-search-section .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.col-md-4 .img-container img {


    transition: transform 0.5s linear;
}

.col-md-4 .img-container img:hover {


    transform: scale(1.5);
}

.col-md-4 .img-container {
    overflow: hidden;

}



.col-md-3 .img-container img {


    transition: transform 0.5s linear;
}

.col-md-3 .img-container img:hover {


    transform: scale(1.5);
}

.col-md-3 .img-container {
    overflow: hidden;

}



.holder {
    max-width: 560px;

    position: relative;
}

.holder-video-post {
    max-width: 311px;

    position: relative;
}

iframe {
    /* padding: .5em 1em !important; */
}

.holderfeature {
    width: 100%;
    height: 100%;
    position: relative;
}

.frame {
    width: 100% !important;
    height: 100% !important;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.overlayfeature {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.modal-dialog {

    top: 25%;

}


.vid-1 {
    width: 100%;
    /* z-index: -9999; */
}

.vid-2 {
    width: 25em;
    position: absolute;
    bottom: 8em;
    left: -6.5em;
    /* z-index: 1; */
}

.vid-3 {
    position: absolute;
    width: 25em;
    bottom: 27em;
    left: 3em;
    /* z-index: 1; */
}

.vid-4 {
    width: 25em;
    position: absolute;
    bottom: 22em;
    right: 0em;
    /* z-index: 1; */
}

.vid-container {
    margin: 0 auto;

}


#img-mask-1 {
    mask-image: url(/wp-content/uploads/2021/03/message-main.svg);
    -webkit-mask-image: url(/wp-content/uploads/2021/03/message-main.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    overflow: hidden;

}


#img-mask-2 {
    mask-image: url(/wp-content/uploads/2021/03/left-message.png);
    -webkit-mask-image: url(/wp-content/uploads/2021/03/left-message.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

#img-mask-3 {
    mask-image: url(/wp-content/uploads/2021/03/top-message.png);
    -webkit-mask-image: url(/wp-content/uploads/2021/03/top-message.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

#img-mask-4 {
    mask-image: url(/wp-content/uploads/2021/03/right-message.png);
    -webkit-mask-image: url(/wp-content/uploads/2021/03/right-message.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}


.checkbox-center {
    text-align: center;
}


.single-sfwd-quiz article,
.single-sfwd-courses article,
.single-sfwd-lessons article {

    padding: 15em 0 0 0;

}

span.ld-text.ld-primary-color {
    word-break: keep-all;
}

.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    width: 100%;
    height: 100%;
    padding: 7px;
}


.declaration .theme-button.my-5 {
    margin: 15px 0 !important;
}



.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
    width: 100% !important;
    line-height: 3.3 !important;
    display: flex;
    align-items: center;
    margin-right: 6px;
}

input#choice_4_15_1 {
    margin-right: 6px !important;
}

.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {

    margin: 0 0 0 1em !important;

}

#reveal-etc {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#reveal-etc.visible {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    /* background-color: #F7F7F7; */
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

#reveal-etc.visible:before {
    content: '';
    background: url(/wp-content/themes/tea/assets/images/logo_flame.svg);
    background-size: 100%;
    background-position: left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 4em;
    bottom: 0;
    left: 55%;
}

.takeaction-rewards .col-md-4 p,
.etc-members .col-md-3 p,
.etc-forms .col-md-6 p {
    font-size: 14px !important;
    line-height: 28px;
}


.energy-truth-corps {
    padding: 13em 0 6.8em;
    background-color: #EFEFEF;
    overflow: hidden;
}

.etc-members {
    background-color: #EFEFEF;
}

.energy-truth-corps .h1-small {
    text-transform: capitalize;
    font-size: 180px;
    position: relative;
    left: -.2em;
    top: .15em;

}

.energy-truth-corps .h1-small-hero {
    text-transform: capitalize;
    font-size: 90px !important;
    position: relative;
    left: -.2em;
    top: .15em;

}

.energy-truth-corps .intro-p {
    font-size: 18px;
    line-height: 28px;
}

.intro-heading::after {
    display: block;
    content: '';
    max-width: 65px;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 2px;
    background: #3C81B1;
    position: absolute;
    top: 1.8em;
}

.intro-heading {
    position: relative;
}

.badges-p {
    font-size: 16px !important;
    letter-spacing: 0.02em;
    line-height: 28px;
    text-align: center;
    color: #091f40;
}

.energy-truth-corps .scribe {
    font-family: 'american-scribe', sans-serif;
    font-weight: 400;
    font-size: 34.8125em;
    line-height: 13.813rem;
    color: #fff;
    opacity: 0.75;
    position: relative !important;
    top: 0;
    /* z-index: 1 !important; */
    left: 0;
}

.f-size-14 {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 22px;
}

.f-size-18 {
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 28px;
}

.energy-truth-corps {
    /* overflow: hidden; */
}

.newsletter-form p {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #0b213e;
}

.newsletter-form .gform_wrapper.gravity-theme .ginput_complex {
    width: 100%;
    display: block !important;

}

.newsletter-form input {
    background-color: #F1F1F1;
}

.newsletter-form .gform_wrapper.gravity-theme .ginput_container_address .ginput_right {
    padding-left: 0%;
}

.newsletter-form div#field_42_4 {
    text-align: center !important;
}

.newsletter-form div#field_42_4 a {
    color: #091F40;
    text-decoration: underline !important;
}

.bg-confitti {
    position: absolute;
    width: 100%;
    object-fit: cover;
    top: -4em;
    /* z-index: -1; */
}

.progress-red {
    background-color: #A9353A;
}

.progress .progress-red {
    background-color: #A9353A;
}

.userlogin {
    background-color: #EFEFEF;
}

.member-etc {
    margin-top: 1em;
    color: #091F40;
}

.takeaction-rewards .col-md-7 {
    overflow: hidden;
    position: relative;
    height: 550px;
}

.etc-forms {
    padding: 9em 0;
}


.etc-forms input#input_16_1_3,
.etc-forms input#input_16_1_6,
.etc-forms input#input_16_2,
.etc-forms input#input_16_3,
.etc-forms input#input_16_3_2 {
    background: #F1F1F1;
}

.etc-forms .h1-small {
    font-family: 'american-scribe', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.625em;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    line-height: 2.375rem;
    color: #a9353a;
}

.takeaction-rewards .button,
.etc-forms .button {
    background: #a9353a !important;
    border: 1px solid #a9353a;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    line-height: 1.375rem;
    border-radius: 25px;
    padding: 12px 50px !important;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
}

.etc-forms div#field_16_16 {
    width: auto;
    display: flex;
    justify-content: end;
}

.etc-forms .already {
    position: relative;
    top: -4em;
}

.takeaction-rewards .col-md-7 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.member-etc:after {
    content: "";
    display: block;
    max-width: 65px;
    height: 2px;
    background: #3C81B1;
    margin: 1em auto;
    /* position: absolute; */
}

input#gform_submit_button_42,
input#gform_submit_button_,
input#gform_submit_button_46,
input#gform_submit_button_47,
input#gform_submit_button_48,
input#gform_submit_button_19,
input#gform_submit_button_53,
input#gform_submit_button_55,
input#gform_submit_button_56,
input#gform_submit_button_57,
input#gform_submit_button_58,
input#gform_submit_button_54,
input#gform_submit_button_59,
input#gform_submit_button_60,
input#gform_submit_button_61,
input#gform_submit_button_29 {
    background-color: #a9353a !important;
    color: #fff !important;
    border: 1px solid #a9353a !important;
}



.etc-forms fieldset#field_16_6 {
    display: flex;
    justify-content: start;
}

.etc-forms div#input_16_6 {
    display: flex;
}

.etc-forms div#gfield_description_16_6 {
    width: 25%;
}

.etc-forms .ginput_container.ginput_container_radio {
    width: 75%;
    /* display: flex; */
}

.etc-forms .gchoice.gchoice_16_6_0 {
    width: 15%;
}

.etc-forms .gchoice.gchoice_16_6_1 {
    width: 15%;
}

.etc-forms .gform_footer.top_label {
    display: none;
}

/* Submit Buttton */
.etc-forms .gform_footer input[type=submit] {
    background: #a9353a !important;
    border: 1px solid #a9353a;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    line-height: 1.375rem;
    border-radius: 25px;
    padding: 12px 50px !important;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;

}


.etc-forms .gform_footer input[type=submit]:hover {
    border: 1px solid #a9353a !important;
    background-color: transparent !important;
    color: #a9353a !important;
    text-decoration: none;
    text-transform: none;
}

.steps-desc {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #091f40;
}

.members-subtitle {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 34px;
    letter-spacing: 0.1em;
    line-height: 38px;
    text-align: left;
    color: #0b213e;

}

/* .etc-forms .gform_wrapper .gform_footer {
    padding: 16px 0 10px 0;
    margin: 16px 0 0 0;
    clear: both;
    width: 100%;
    text-align: center;
}

fieldset#field_16_6 {
  display: flex;
  justify-content: center;
}

div#gfield_description_16_6 {
  width: auto;
} */

.step-numbers {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 88px !important;
    letter-spacing: 0.1em;
    line-height: 98px;
    text-align: left;
    color: #0182b5;
}

.steps {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 34px;
    letter-spacing: 0.1em;
    line-height: 38px;
    text-align: left;
    color: #0b213e;

}


h3.gform_title {
    display: none
}

.quiz {
    font-weight: normal;
    font-size: 44px !important;
    letter-spacing: 0.02em;
    margin: 0.5em 0 0.5em 0;
    text-align: left;
}

.numbers {
    font-family: "American Scribe";
    font-weight: normal;
    font-size: 74px !important;
    letter-spacing: 0.02em;
    margin: 0.5em 0 0.5em 0;
    text-align: left;
    color: #a5363d;
}

div#gform_page {
    padding: 1em 5em;
    background: #F7F7F7;
    border-radius: 5px;
}

.gform_page {
    /* padding: 2em 0 0 !important; */
}

.gform_previous_button,
.gform_next_button {
    border: 1px solid #0182b5 !important;
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 700;
    color: #a9353a !important;
    background: transparent !important;
    text-decoration: none;
    text-transform: none;
    font-size: 1rem !important;
    letter-spacing: 0.02rem;
    line-height: 1.375rem;
    border-radius: 25px !important;
    padding: 12px 50px !important;
}


.gform_wrapper.gravity-theme .gf_progressbar_blue {
    display: none;
}

.gform_wrapper.gravity-theme .gf_progressbar_title {

    display: none;
}

input#gform_next_button_18_3,
input#gform_previous_button_18,
input#gform_next_button_23_3,
input#gform_previous_button_23 {
    border: 1px solid #0182b5;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    color: #a9353a !important;
    background: transparent;
    text-decoration: none;
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    line-height: 1.375rem;
    border-radius: 25px;
    padding: 12px 50px !important;
}

.gform_page_footer.top_label {
    text-align: right;
}

.members-profile-count {
    font-family: "Work Sans";
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.13em;
    line-height: 22px;
    text-align: center;
    color: #0b213e;

}

.members-profile-numbers {
    font-family: "Work Sans";
    font-weight: bold;
    font-size: 34px;
    letter-spacing: 0.1em;
    line-height: 38px;
    text-align: center;
    color: #0b213e;

}

div#field_16_8 {
    display: none;
}

.hovering-box-counter {
    position: fixed;
    background-color: #cd2653;
    max-width: 200px;
    width: 100%;
    right: 0;
    top: 25%;
    z-index: 2;
    padding: 1em;
    vertical-align: center;
}

.hovering-box-counter p {
    color: #fff !important;
    font-weight: 500 !important;
}

/* Merch page */

#merch {
    background-color: #EFEFEF;
}

.wc-block-grid__products {
    max-width: 1440px;
    margin: 0 auto;
    justify-content: center;
}

.theme-twentytwenty .wc-block-grid.has-3-columns .wc-block-grid__product,
.wc-block-grid.has-3-columns .wc-block-grid__product {
    flex: 1 0 24.333333%;
    max-width: 24.333333%;
    width: 100%;
}

.wp-block-media-text.alignwide.has-media-on-the-right {
    display: none;
}

.wp-block-media-text.alignwide {
    display: none;
}

[class*="__inner-container"]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%;
    width: 100%;
}

.wc-block-grid__product-title {
    font-family: "Work Sans" !important;
    font-weight: bold !important;
    font-size: 22px !important;
    line-height: 22px !important;
    text-align: center;
    color: #0b213e !important;
}

a.wp-block-button__link.add_to_cart_button {
    border: 2px solid #0182B5 !important;
    border-radius: 35px !important;
    padding: 15px 25px !important;
    background-color: #fff;
    font-family: "Work Sans";
    font-weight: bold !important;
    font-size: 22px !important;
    color: #a9353a;
    text-transform: capitalize !important;
}

span.woocommerce-Price-amount.amount {
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #0B213E !important;
}

h1.product_title.entry-title {
    font-family: "Work Sans" !important;
    font-weight: 300 !important;
    font-size: 34px !important;
    letter-spacing: 0.1em !important;
    line-height: 38px !important;
    text-align: center !important;
    color: #0b213e !important;
}

section.related.products {
    display: none !important;
}


.products {
    font-family: "Work Sans" !important;
    font-weight: 300 !important;
    font-size: 34px !important;
    letter-spacing: 0.02em !important;
    line-height: 38px !important;
    text-align: center !important;
    color: #0b213e !important;

}

h2.products {
    margin-bottom: 2em;
}

.available {
    font-family: "American Scribe" !important;
    font-weight: normal !important;
    font-size: 90px !important;
    letter-spacing: 0.02em !important;
    line-height: 38px !important;
    text-align: center !important;
    color: #A9353A !important;
    text-transform: capitalize;
}

.merch-products {
    background-color: #fff !important;
}

.merch-hero {
    padding: 6em 0;
}



.hero-p {
    font-family: "Work Sans";
    font-weight: bold;
    letter-spacing: 0.02em;
    color: #091f40;
}

.checkout {
    max-width: 1440px !important;
    width: 100%;
    margin: 0 auto !important;
    padding: 6em 0 !important;
}

.woocommerce .col-1 {
    max-width: 100% !important;
}

.woocommerce .col-2 {

    max-width: 100% !important;
}

span.woocommerce-input-wrapper {
    width: 100%;
}

.store-left-image,
.store-right-image {
    position: absolute;
    z-index: 1;
}

.store-left-image {
    top: 0;
    left: 0;
}

.store-right-image {
    top: 0;
    right: 0;
}

.merch-hero .container .row {
    min-height: 689px;
}

.single-product .woocommerce>section {

    padding-top: 8rem !important;
    padding-bottom: 0;

}

nav.woocommerce-breadcrumb {
    margin-top: 4em;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

.coupon {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;

}






.woocommerce-checkout form .col2-set label {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

.woocommerce-checkout form .col2-set input {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px !important;
}

table.shop_table.woocommerce-checkout-review-order-table {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

.wc_payment_method input.input-radio[name=payment_method]+label {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-top: 8em;
}

td.woocommerce-table__product-name.product-name {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

.woocommerce-message {

    margin-top: 6em;
}

a.button.wc-forward {
    font-family: 'Work Sans', sans-serif;
    font-size: 10px;
}

.woocommerce-form-coupon-toggle {
    padding: 10em 0 0 0;
}

@media (max-width: 2576px) {

    .store-left-image {

        left: 5%;
    }

    .store-right-image {

        right: 5%;
    }
}


@media (max-width: 1970px) {

    .store-left-image {

        left: 0%;
    }

    .store-right-image {

        right: 0%;
    }
}

@media (max-width: 1758px) {
    .merch-hero .container .row {
        min-height: 489px;
    }

    .store-left-image,
    .store-right-image {
        max-width: 450px;
    }
}

@media (max-width: 1450px) {
    .merch-hero .container .row {
        min-height: 400px;
    }

    .store-left-image,
    .store-right-image {
        max-width: 400px;
    }
}

@media (max-width: 1260px) {
    .merch-hero h1 {
        line-height: 1rem;
    }

    .store-left-image,
    .store-right-image {
        max-width: 300px;
    }
}

@media (max-width: 1012px) {

    .store-left-image,
    .store-right-image {
        display: none;
    }
}

@media (max-width: 640px) {

    .wc-block-grid.has-3-columns .wc-block-grid__product,
    .wc-block-grid.has-3-columns .wc-block-grid__product {
        flex: 100%;
        max-width: 100% !important;
        width: 100%;
    }



    .woocommerce-cart-form .actions .input-text {
        width: 50% !important;

    }

    .woocommerce-cart-form .actions .button {
        font-family: 'Work Sans', sans-serif;
        font-size: 16px;
    }

    .woocommerce-checkout button[name=apply_coupon] {
        padding-top: 1.55rem;
        padding-bottom: 1.8rem;
        font-size: 16px;
    }
}

.stepone p,
.steptwo p {
    font-size: 18px;
}


.hero-heading::after {
    display: block;
    content: '';
    max-width: 65px;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 2px;
    background: #3C81B1;
    position: absolute;
    top: 15.8em;
}

.hero-heading {
    position: relative;
}

/* .badge-image {
  width: 100%;
} */

#badge-name {
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-weight: bold;
    font-size: 1.5vh;
    letter-spacing: 0.02em;
    line-height: 22px;
    text-align: center;
    color: #fff;
}

canvas.html2canvas {
    display: none;
}

.download {
    background: #a9353a !important;
    border: 1px solid #a9353a;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    line-height: 1.375rem;
    border-radius: 25px;
    padding: 12px 50px !important;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
}

input#gform_submit_button_16 {
    text-align: right;
    margin-left: auto;
}

.gform_wrapper.gravity-theme #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    justify-content: center;
}

.next-steps {
    background: #a9353a !important;
    border: 1px solid #a9353a !important;
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    line-height: 1.375rem;
    border-radius: 25px;
    padding: 12px 50px !important;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    position: relative;
    left: 36%;
    ;
}

.stepthree .next-steps {
    background: #a9353a !important;
    border: 1px solid #a9353a !important;
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    line-height: 1.375rem;
    border-radius: 25px;
    padding: 12px 50px !important;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    position: relative;
    left: 0;
    ;
}

.page-template-page-level-1-step-1-complete .next-steps,
.page-template-page-level-1-step-2-complete .next-steps {
    position: relative;
    left: 0;
    top: .5em;
}

.page-template-page-level-1-step-2-quiz-intro .next-steps {
    position: relative;
    left: 0%;
    top: .5em;
}

.stepone a,
.steptwo a {
    font-size: 18px;
}

.stepone a.btn.btn-theme.color-theme,
.steptwo a.btn.btn-theme.color-theme {
    background: #a9353a !important;
    border: none;
    color: #fff !important;
}

.page-template-page-level-1-step-3 .gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
    margin-bottom: 2em;
}

.page-template-page-level-2-step-3 .gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
    margin-bottom: 2em;
}

.page-template-page-level-3-step-3 .gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
    margin-bottom: 2em;
}

.page-template-page-level-1-step-3 .ginput_complex input,
.ginput_container input {
    background-color: #F1F1F1 !important;
}

.social-form input#input_43_7,
.social-form input#input_44_7,
.social-form input#input_50_7,
.social-form input#input_51_7,
.social-form input#input_49_7,
.social-form input#input_52_7 {
    border-radius: 45px;
}

.social-form input#gform_submit_button_43,
.social-form input#gform_submit_button_44,
.social-form input#gform_submit_button_50,
.social-form input#gform_submit_button_51,
.social-form input#gform_submit_button_49,
.social-form input#gform_submit_button_52,

input#gform_next_button_41_5 {
    position: relative;
    left: -4em;
    background: #a9353a !important;
    border: 1px solid #a9353a !important;
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: none;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    line-height: 1.375rem;
    border-radius: 25px;
    padding: 9px 40px !important;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
}

.shadow-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.756);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    transition: 0.25s all;
    z-index: 999;
}

.shadow-box .content-box {
    position: relative;
    width: 100%;
    max-width: 1000px;

}

.content-box .close-box {
    color: #3C81B1;
    position: absolute;
    left: calc(97% + 10px);
    font-size: 50px;
    top: 0;
    line-height: 1;
    cursor: pointer;
}

.shadow-box .inner-content {
    width: 100%;
    padding: 2em 3em;
    background: #A9353A;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.557);
}

.shadow-box .inner-content p,
.shadow-box .inner-content h3 {
    color: #fff;
    font-weight: 700;
}

.shadow-box .inner-content a.btn.btn-theme.color-theme {
    background-color: #091F40 !important;
    color: #fff !important;
    border: none;
}

.hide-box {
    display: none;
}

.page-template-page-myprofile #img_prev,
.page-template-page-myprofile div#imagewrap,
.page-template-page-myprofile .outer {
    max-width: 324.34px;
    width: 100%;
    margin: 0 auto;
}

.page-template-page-myprofile .energy-truth-corps {

    padding: 6em 0 6.8em;
}

.page-template-page-myprofile .member-profile h3 {
    text-transform: capitalize !important;
}

.level-progress div,
.current-level-progress div {
    background-color: #F7F7F7;
}

.chart {
    position: relative;
    width: 165px;
    height: 165px;
    margin: 0 auto;
    font-family: 'Titillium web';
    font-weight: 300;

}

/* canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
} */

figcaption {
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /** Y-axis align **/
    justify-content: center;
    /** X-axis align **/
}

figcaption p {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 0;
}

figcaption p span {
    font-size: 16px;
    font-weight: bold;
}

.current-points-num {
    font-size: 74px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
    line-height: 1;
}

.current-points-text {
    font-size: 14px;
    font-weight: bold;
    color: #fff !important;
    margin-bottom: 0;
    line-height: 1;
}

.profile-products .slide-product img {
    max-height: 179px !important;
    margin: 0 auto;
}

.profile-products .slide-product .points {
    padding: 1em 0 0 0;
}

.amplifier hr,
.recruiter hr,
.capitain hr {
    margin: 0;
    height: 5px;
    background-color: #3C81B1;
    margin-bottom: 1em;
}

.StepProgress-wrapper .progress {
    background-color: #D8D8DA;
}

.StepProgress {
    position: relative;
    padding-left: 5px;
    list-style: none;
    margin-bottom: 0;
}



.StepProgress::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: -25px;
    width: 20px;
    height: 92%;
    border-left: 2px solid #CCC;
}

.StepProgress-item {
    position: relative;
    counter-increment: list;
    text-align: left;
}

.StepProgress-item:not(:last-child) {
    padding-bottom: 20px;
}

.StepProgress-item::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: -30px;
    height: 100%;
    width: 10px;
}

.StepProgress-item::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -40px;
    width: 20px;
    height: 20px;
    border: 1.5px solid #C8CCD2;
    border-radius: 50%;
    background-color: #F1F1F1;
}



.StepProgress-item.is-done::after {
    content: " ";

    color: #FFF;
    text-align: center;
    border: 2px solid #0B213E;
    background-color: #C2353A;
}

.recruits-header {
    border-bottom: 2px solid #3C81B1;
}

.profile .outer {
    position: relative;
    top: -9em;
}

.state-signers-more ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}


.icons-guide img {
    max-width: 182.08px;
    width: 100%;
}

.guide hr {
    margin: 2em 0;
    height: 1.5px;
    background-color: #3C81B1;
}

.guide p {
    font-size: 22px;
    color: #091F40;
    line-height: 1.5;
}

.guide .tips p {
    font-size: 16px;
    color: #0182B5;
    letter-spacing: 0.02em;
    font-weight: bold;
}

.guide .tips-header {
    border-right: 1px solid #0182B5;
}

.guide-lists ul {
    list-style-type: none;
    list-style-image: url(http://devtea.wpengine.com/wp-content/uploads/2021/02/blue-star.svg);
    margin: 21px 0;
}

.guide-lists ul li {
    margin-bottom: 1em;
    margin-left: 2em;
    font-size: 14px;
}

.global-search-section ul.post-categories {
    list-style: none;
    margin: 1em auto;
}

.global-search-section select {
    position: relative;
    display: block;
    /* width: 100%; */
    padding: 2em 1em;
    height: auto;
    margin-bottom: 1em;
    border: none !important;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    background: none;
    visibility: visible;
}

.global-search-section select:focus {
    outline: none;
    background: none;
}

.global-search-section option:focus {
    outline: none;
    background: none;
    display: block;
}

select.form-select {
    border: 1px solid #0182b5 !important;
    border-radius: 25px;
    padding: 15px 15px;
    width: 20%;
    -webkit-appearance: none;
    text-align: center !important;
    text-align-last: center !important;
    -moz-text-align-last: center !important;
}


select option {
    /* wrap text in compatible browsers */
    -moz-white-space: pre-wrap;
    -o-white-space: pre-wrap;
    white-space: pre-wrap;
    /* hide text that can't wrap with an ellipsis */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* add border after every option */
    /* border-bottom: 1px solid #DDD; */
    margin-bottom: 1em;
    display: block;
    z-index: 9999;
    color: #091f40;
}

.suggested {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    z-index: 9999;
}

.hover-content {
    position: relative;
    display: flex;
    width: 20%;
    cursor: pointer;
    text-align: center;
    border: 1px solid #0182b5;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1em;
    border-radius: 25px;
    margin-bottom: 1em;
}

.hover-content p {
    margin: 0;
}

.hover-content .content {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0px;
    border: 1px solid #0182b5;
}

.hover-content:hover .content {
    display: block;
    cursor: pointer;
    z-index: 9999;
    /* height: auto; */
}

#searchInput {
    background-color: #efefef;
    border: 1px solid rgba(11, 33, 62, 0.5);
    border-radius: 5px;
}

header.page-header {
    position: relative;
    z-index: 1;
}

h1.page-title {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3.25em;
    line-height: 1;
    color: #a9353a;

}

h2.entry-title {
    font-size: 2.4rem;
}

header.entry-header {
    position: relative;
    z-index: 1;
    background: transparent;

}

.entry-content {
    font-size: 1rem;
    width: 100%;
}

.entry-content p {

    width: 100%;
}

.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%;
    width: 100%;
}

input#search-form-1 {
    font-size: 16px;
    padding: 1em;
}

button.search-submit {
    padding: 10px;
}

.search-form .search-submit {
    flex-shrink: 1;
}

.search-form svg:not(:root).svg-inline--fa {
    overflow: visible;
    width: 15px;
}

.search-hero {
    padding-top: 7em;
}

.newsroom .newsroom-logo {
    max-width: 139.97px;
    width: 100%;
}

.newsroom .container {
    max-width: 1440px !important;
}

.newsroom .newsroom-title {
    font-family: kulturista-web, serif;
    font-weight: bold;
    font-size: 60px;
    line-height: 1;
    margin: 0;
    letter-spacing: normal;
    text-align: center;
    color: #0b213e;
}

.newsroom .follow-tw-text {
    font-weight: 700 !important;
    font-style: italic !important;
    font-size: 22px !important;
    line-height: 28px;
    color: #fff;
}

.border-right-news {
    border-right: 1px solid #0B213E;
}

.newsroom .card {
    border-radius: 5px;
}

.newsroom .articles {
    max-width: 298px;
    width: 100%;
}

.newsroom .card .card-header {
    border: none;
    background-color: transparent;
    border-radius: 5px;
    width: 100%;
    height: 187px;
    padding: 10px;
    position: relative;
}

.newsroom .card .card-header .overlaynewsroom {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    top: 0;
    cursor: pointer;
}

.newsroom .card .card-header iframe {
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;

}

.newsroom .card .card-header video {
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;

}

.newsroom .card .card-header .fa-play-circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.newsroom .card .feature-header {
    border: none;
    background-color: transparent;
    border-radius: 5px;
    width: 100%;
    height: 550px;
    position: relative;
}

.newsroom .card .feature-header iframe {
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;

}

.newsroom .card .feature-header video {
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;

}


.newsroom .card .feature-header .overlaynewsroom {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    top: 0;
    cursor: pointer;
}

.newsroom .card .feature-header .fa-play-circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.newsroom .card .card-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

.featured .card-body {
    padding: 15px 10px !important;
}

.card .card-body {
    padding: 10px 10px 15px;
}

.featured .card-body .card-title {
    font-weight: bold;
    font-size: 30px !important;
    line-height: 36px !important;
    color: #0B213E;
}

.card .card-body .card-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    color: #0B213E;
}

.featured .card-body .tag-social {
    position: absolute;
    width: 94% !important;
    top: -23px !important;
}

.card .card-body .tag-social {
    position: absolute;
    width: 90%;
    top: -19px;
}

.featured .card-body .tag-social .tag-button {
    position: relative;
    top: -63px !important;
    left: 30px !important;
}

.card .card-body .tag-social .tag-button {
    position: relative;
    top: -27px;
    left: 6px;
}

.featured .card-body .tag-social .social-icons .social-icon {
    width: 21.5px !important;
    height: 21.5px !important;
    margin: 0 .3em;
}

.card .card-body .tag-social .social-icons .social-icon {
    width: 21.5px;
    height: 21.5px;
    margin: 0 .3em;
}

.archive {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: transparent !important;
}

.archive .card-header {
    border: none;
    background-color: transparent;
    border-radius: 5px;
    width: 292px !important;
    height: 126px !important;
    padding: 10px;
    position: relative;
}



.archive .card-body {
    width: 328px;
}

.archive .card-body h2 {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 22px;
    text-align: left;
    color: #1e84b2 !important;
}

.featured .tag-button button {
    border: none;
    border-radius: 7px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    margin: 0;
    opacity: 1;
    padding: 5px 1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Work Sans";
    font-weight: 500;
    font-size: 36px !important;
    letter-spacing: 0.13em;
}

.card button {
    border: none;
    border-radius: 7px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    margin: 0;
    opacity: 1;
    padding: 5px 1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Work Sans";
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.13em;
}


.search-form .search-field {
    width: 100%;
    padding: 0 5px;
}

#newsroom header .container {
    max-width: 1440px;
    width: 100%;
}

#newsroom .container {
    max-width: 1110px;
    width: 100%;
}

.red-banner {
    background-color: #cd2653;
    padding: 1em 0;
}

.red-banner p {
    color: #fff;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
}

#newsroom .articles:nth-child(2):before {
    display: inline-block;
    content: "";
    border-right: 1px solid #D1D1D1;
    width: 1px;
    height: 100%;
    margin: 0 1rem;
    transform: translateY(1rem);
    position: absolute;
    left: -25px;
    top: -5px;
}

#newsroom .articles:nth-child(2):after {
    display: inline-block;
    content: "";
    border-left: 1px solid #D1D1D1;
    width: 1px;
    height: 100%;
    margin: 0 1rem;
    transform: translateY(1rem);
    position: absolute;
    right: -25px;
    top: -5px;
}

#natural-gas-is-green {
    background-color: #efefef;
}

@import url("https://use.typekit.net/aqc6zzz.css");

.page-template-page-ngig {
background-color: #FEFFFF !important;
}

.page-template-page-ngig .container {
    max-width: 1110px;
    width: 100%;
    }

.page-template-page-ngig h1, .page-template-page-renewables  h1 {
    font-size: 50px;
    font-family: "open-sans", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    letter-spacing: 0.07em;
    line-height: 1.2;
}

.page-template-page-ngig h2, .page-template-page-renewables h2 {
    font-size: 189px;
    font-family: "kulturista-web", serif;
    font-weight: 700;
    font-style: normal;
    color: rgba(45, 130, 25, .0);
    border: 1.5px solid #2d8219;

    letter-spacing: 0.07em;
}

.page-template-page-ngig h3, .page-template-page-renewables h3 {
    font-size: 28px;
    font-family: "expo-serif-pro", serif;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 0px;
    text-transform: capitalize;
    text-align: right;
}

.page-template-page-ngig h4, .page-template-page-renewables h4 {
    font-size: 20px;
    font-family: "kulturista-web", serif;
    font-weight: 700;
    font-style: normal;
    color: #2D8219;
    line-height: 22px;
    margin-bottom: 5px;
}

.page-template-page-ngig .red-banner {
    display: none;
}

.hidden {
    display: none;
  }

.page-template-page-ngig p {
    font-size: 15px;
    font-family: "open-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ngig-hero {
    background: linear-gradient(#1e3919 0%, #19290e 100%);

}

.ngig-hero .container {
    position: relative;
}

.ngig-hero .container .row {
    height: 457px;
}

.ngig-hero .flash-img {
    max-width: 910px;
    width: 100%;
    position: absolute;
    left: -420px;
    z-index: 1;
}

.ngig-newspaper {
    background-color: #091F40;
    padding: 4em 0;
}

.newspaper-card {
    height: 218.24px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    text-align: center;
/* margin-bottom: 4em; */
}

.newspaper-card img {
margin-bottom: 1.5em;
}



.bg-news-care-1 {
    background: url(/wp-content/themes/tea/assets/images/NGIG/1_texture_paper.png);
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.06));
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-news-care-2 {
    background: url(/wp-content/themes/tea/assets/images/NGIG/2_texture_paper.png);
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.06));
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-news-care-3 {
    background: url(/wp-content/themes/tea/assets/images/NGIG/3_texture_paper.png);
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.06));
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-news-care-4 {
    background: url(/wp-content/themes/tea/assets/images/NGIG/4_texture_paper.png);
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.06));
    background-repeat: no-repeat;
    background-size: cover;
}

.ft-logo {
    max-width: 185.73px;
    width: 100%;
}

.cnn-logo {
    max-width: 36.69px;
    width: 100%;
}

.ngi-logo {
    max-width: 36.59px;
    width: 100%;
}

.atlantic-logo {
    max-width: 127px;
    width: 100%;
}

.ngig-video-card img {
    width: 100%;
}

.newspaper-card a {
    color: #1A2A0F;
    font-size: 18px;
    font-family: "expo-serif-pro", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
}

.ngig-video-card .body-content {
    /* max-width: 332px;
    width: 100%; */
    padding: 10px;
}

.video-quote {
    max-width: 515px;
    width: 100%;
    height: auto;
    background-color: #2D8219;
    position: absolute;
    /* right: -160px; */
    right: -14%;
    top: 0;
    background-image: url(/wp-content/themes/tea/assets/images/NGIG/1_quote.png);
    background-repeat: no-repeat;
    background-position: 268px 55px;
    background-size: 74%;
    padding: 0 25px
}

.ngig-videos .container .row {
    height: auto;
}

.video-quote h3, .video-quote p {
    max-width: 254px;
    width: 100%;
    text-align: left;
}

.video-quote p {
    max-width: 204px;
    width: 100%;
    font-size: 18px;
    font-family: "expo-serif-pro", serif;
    font-weight: 400;
    font-style: normal;
}

/* .ngig-buttons .container {
    max-width: 1340px;
    width: 100%;
} */

.ngig-buttons {
    background-color: #E6E6E6;
    padding: 5em 0;
}

.ngig-button-wrapper {
    max-width: 200px;
    width: 100%;
    padding: 5px 25px;
    background: #091F40;
}

.ngig-buttons a {
    width: 100%;
    color: #e4e4e4;
    font-size: 18px;
    font-family: "kulturista-web", serif;
    font-weight: 700;
    font-style: normal;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 26px;
}

.ngig-footer-logo {
    max-width: 398.3px;
    width: 100%;
}

.ngig-videos .ngig-video-card .img-header {
    border: none;
    background-color: transparent;
    border-radius: 0px;
    width: 100%;
    height: 197px;
    padding: 10px;
    position: relative;
}

.ngig-videos .ngig-video-card .img-header .overlayngig {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    top: 0;
    cursor: pointer;
}

.ngig-videos .ngig-video-card .img-header iframe {
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
}

.ngig-videos .ngig-video-card .img-header video {
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;

}

.ngig-videos .ngig-video-card .fa-play-circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.section-heading {
    font-size: 30px !important;
    letter-spacing: -0.0415625em;
}

.f-green {
    color: #2D8219;
}

.underline {
    text-decoration: underline;
}

/* #pdfIframe {
    max-width: 100%;
    width: 100%;
    height: 400px;
    overflow-x: auto;
  } */

  iframe.pdfjs-viewer {
    width: 100% !important;
}

.rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
}

#cartoonModal {
    z-index: 99999999999;
}

#cartoonModal .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    background: white !important;
    padding: 0px 45px 25px;
}

#cartoonModal .m-footer {
    display: block;
    padding: 15px 25px;
    border-top: 0px;
}

#cartoonModal .modal-header {

    border-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  
}

#cartoonModal .modal-header .close {
    position: relative;
    right: -39px;
    bottom: -16px;
}

#cartoonModal .modal-body {
    padding: 0 1rem 1rem;
}

/* Renewables */

.page-template-page-renewables {
    background-color: #FEFFFF !important;
    }
    
    .page-template-page-renewables .container {
        max-width: 1160px;
        width: 100%;
        }

        .page-template-page-renewables .renewables-hero .container .row {
            height: 440px;
            }

            .page-template-page-renewables .renewables-hero .container .row .renewables-imgs {
                position: absolute;
                right: 0;
                width: 43%;
            }

            .page-template-page-renewables .slick-slider {
                margin-bottom: 0;
            }

            .page-template-page-renewables .renewables-hero .container .row .renewables-imgs .slide {
                position: relative;
                width: 100%;
                height: 440px;
            }

            .page-template-page-renewables .renewables-hero .container .row .renewables-imgs .slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                position: absolute;
            }
    
    .page-template-page-renewables  h1 {
        font-size: 44px;
        font-family: "open-sans", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #fff;
        letter-spacing: 0.0em;
        /* line-height: 1px; */
    }
    
    .page-template-page-renewables h2 {
        font-size: 189px;
        font-family: "kulturista-web", serif;
        font-weight: 700;
        font-style: normal;
        color: rgba(45, 130, 25, .0);
        border: 1.5px solid #2d8219;
        letter-spacing: 0.07em;
    }
    
    .page-template-page-renewables h3 {
        font-size: 32px;
        font-family: "expo-serif-pro", serif;
        font-weight: 700;
        font-style: italic;
        letter-spacing: 0px;
        text-transform: capitalize;
        text-align: right;
        /* line-height: 1px; */
    }
    
    .page-template-page-renewables h4 {
        font-size: 20px;
        font-family: "kulturista-web", serif;
        font-weight: 700;
        font-style: normal;
        color: #2D8219;
        line-height: 22px;
        margin-bottom: 5px;
    }
    
    .page-template-page-renewables p {
        font-size: 15px;
        font-family: "open-sans", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    
    .renewables-hero {
        background: #19290E;
    
    }
    
    .renewables-hero .flash-img {
        max-width: 865px;
    width: 100%;
    position: absolute;
    left: -290px;
        /* z-index: 1; */
    }
    
    .renewables-newspaper {
        background-color: #091F40;
        padding: 4em 0;
    }
    
    .renewables-newspaper-card {
        min-height: 160px;
        padding: 25px;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        text-align: center;
    /* margin-bottom: 4em; */
    position: relative;
    }

    .renewables-news-bottom-1::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        background: url(/wp-content/themes/tea/assets/images/1_paper_3_bottom.png);
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;
    }

    .renewables-news-bottom-2::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        background: url(/wp-content/themes/tea/assets/images/1_paper_3_bottom.png);
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;
    }

    .renewables-news-bottom-3::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        background: url(/wp-content/themes/tea/assets/images/1_paper_3_bottom.png);
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;
    }
    
    .renewables-newspaper-card img {
        width: auto;
    margin-bottom: 1.5em;
    margin-right: auto;
    }
    

    
   
    
    .renewables-video-card img {
        width: 100%;
    }
    
    .renewables-newspaper-card a {
        color: #1A2A0F;
        font-size: 20px;
        font-family: "expo-serif-pro", serif;
        font-weight: 700;
        font-style: normal;
        line-height: 22px;
    }
    
    .renewables-video-card .body-content {
        /* max-width: 332px;
        width: 100%; */
        padding: 10px;
    }
    
    .renewables-facts {
        /* max-width: 610px;
        width: 100%; */
        width: 50%;
        background-color: #2D8219;
        height: 100%;
        position: absolute;
        right: 0;
    }
    
    .video-quote h3, .video-quote p {
        max-width: 254px;
        width: 100%;
        text-align: left;
    }
    
    .renewables-video-quote p {
        max-width: 204px;
        width: 100%;
        font-size: 18px;
        font-family: "expo-serif-pro", serif;
        font-weight: 400;
        font-style: normal;
    }
    
    .renewables-buttons {
        background-color: #E6E6E6;
        padding: 5em 0;
    }
    
    .renewables-buttons .question {
        width: 350px;
        height: 84px;
        background: #fff;
        color: #091F40;
        font-size: 18px;
        box-shadow: 3px -1px 6px rgba(0, 0, 0, 0.4);
        font-family: "kulturista-web", serif;
        font-weight: 700;
        font-style: normal;
        padding: 5px 15px;
        /* border-radius: 5px; */
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        min-height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: left;
        /* line-height: 36px; */
    }

    .renewables-buttons .answer {
        width: 239px !important;
        height: 98px;
        background: #2D8219;
        /* padding: 25px; */
        text-align: center;
        border-radius: 5px;
        padding: 5px 9px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .renewables-buttons .answer a {
        color: #fff;
        font-size: 18px !important;
        text-transform: uppercase;
        font-family: "open-sans", sans-serif;
        font-weight: 700;
        font-style: normal;
        /* padding: 25px; */
    }
    
    .renewables-footer-logo {
        max-width: 398.3px;
        width: 100%;
    }
    
    .renewables-videos .renewables-video-card .img-header {
        border: none;
        background-color: transparent;
        border-radius: 0px;
        width: 100%;
        height: 250.46px;
        /* padding: 10px; */
        position: relative;
    }
    
    .renewables-videos .renewables-video-card .img-header .overlayngig {
        position: absolute;
        width: 100% !important;
        height: 100% !important;
        background-color: transparent;
        top: 0;
        cursor: pointer;
    }
    
    .renewables-videos .renewables-video-card .img-header iframe {
        object-fit: cover;
        object-position: center;
        border-radius: 0px;
        width: 100% !important;
        height: 100% !important;
        background-color: transparent;
    }
    
    .renewables-videos .renewables-video-card .img-header video {
        object-fit: cover;
        object-position: center;
        border-radius: 0px;
        width: 100% !important;
        height: 100% !important;
        background-color: transparent;
    
    }
    
    .renewables-videos .renewables-video-card .fa-play-circle {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .renewables-videos .facts {
        max-width: 400px;
        width: 100%;
        margin-left: 95px;
        margin-top: 45px;
    }

    .fact-1 {
        display: flex;
    }

    .renewables-videos .facts h3 {
        text-align: left !important;
    }
    @import url("https://use.typekit.net/fas0lpc.css");

    .fact-content {
        /* max-width: 239px; */
        width: 100%;
        margin-left: 25px;
    }
    .renewables-videos .facts p {
        font-size: 18px;
        font-family: "open-sans", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #E6E6E6;
        line-height: 22px;
    }

    .numbers-step {
        width: 80px;
        font-family: "kulturista-web", serif;
        font-weight: 700;
        font-style: normal;
        font-size: 44px;
        color: #2D8219;
        text-shadow: -1px -1px 0 #091f40, 1px -1px 0 #091f40, -1px 1px 0 #091f40, 1px 1px 0 #091f40;

    }

    .renewables-sources {
        font-size: 12px !important;
        line-height: 12px !important;
        font-family: "open-sans", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #1A2A0F !important;
    }

    .renewables-videos .container .row {
    height: 1411px;
}

.ui-tooltip {
    position: relative;
    /* z-index: 9999;
    /* max-width: 493px; */
    width: 100%;
    min-height: 265px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    color: #333;
}

.ui-tooltip::before {
    content: ""; /* Empty content */
    background-image: url('/wp-content/themes/tea/assets/images/after.png'); /* Specify the URL of the image */
    background-size: contain; /* Ensure the image fits within the container */
    background-repeat: no-repeat; /* Do not repeat the image */
    position: absolute;
    width: 150px; /* Adjust width as needed */
    height: 150px; /* Adjust height as needed */
    display: inline-block;
    left: -59px; /* Adjust left position as needed */
    top: 0px; /* Adjust top position as needed */

}

.counties path  {
    fill: #D0D0D0;
}

#embed_map svg {
    width: 100%;
    margin: 0 auto;
}

.counties path:hover {
    fill: #a9353a !important;
}

/* Very Light Green */
.very-light-green {
    fill: #9BEA9A !important;
 }
 
 /* Light Green */
 .light-green {
    fill: #90D393 !important;
 }
 
 /* Medium Green */
 .medium-green {
    fill: #69E06A !important;
 }
 
 /* Dark Green */
 .dark-green {
    fill: #598E4F !important;
 }
 
 /* Very Dark Green */
 .very-dark-green {
    fill: #40653B !important;
 }
 
 /* Darkest Green */
 .darkest-green {
    fill: #30422D !important;
 }

 .tooltip-left, .tooltip-right {
    max-width: 246px;
    width: 100%;
}

.tooltip-left p, .tooltip-right p {
    letter-spacing: 0.02em;
    line-height: 1.2;
}
.tooltip-left .small, .tooltip-right .small {
    font-size: 10px;
    letter-spacing: 0.02em;
    line-height: 12px;
}

.tooltip-line {
    max-width: 452px;
    width: 100%;
    background-color: #0182B5;
    width: 100%;
    height: 1px;
}

button .close-btn {
    background-color: white !important;
    color: #a9353a !important;
}
  
  #info-box {
    background-color: #333;
    border-bottom: 3px solid #3498DB;  
    color: #fff;
    display: none;
    font-family: arial;
    left: 0px;
    padding: 5px;
    position: absolute;
    top: 0px;
    width: 150px;
    z-index: 1;
  }
  
  #info-box:after {
      content: '';
      display: block;  
      position: absolute;
      left: 35px;
      top: 100%;
      width: 0;
      border: 10px solid transparent;
      border-top-color: #3498DB;
  }

  .close-map-key {
    cursor: pointer;
  }

  .left-scrolling-container {
    /* position: absolute; */
    /* max-width: 212px; */
    width: 100%;
    min-height: 430px;
    /* bottom: 1%; */
    /* left: -35%; */
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  

  .left-scrolling-box, .left-scrolling-legend {
    width: 100%;
    background-color: rgba(239,239,239, .5);
    padding: 25px 15px;
  }

  .left-scrolling-box {
    max-width: 212px;
    width: 100%;
    /* position: fixed;
    bottom: 0; */

}

  .left-scrolling-box h4, .left-scrolling-legend h4 {
    color: #091F40;
  }

  .left-scrolling-container h4, .left-scrolling-container .h4 {
    font-size: 14px;
line-height: 18px;
  }

  .left-scrolling-container .btn {
    padding: 12px 10px;
  }

  #embed_us svg {
    max-width: 913px;
    width: 100%;
  }

  /* Very Light Green */
.very-light-green-legend {
    background-color: #9BEA9A !important;
 }
 
 /* Light Green */
 .light-green-legend {
    background-color: #90D393 !important;
 }
 
 /* Medium Green */
 .medium-green-legend {
    background-color: #69E06A !important;
 }
 
 /* Dark Green */
 .dark-green-legend {
    background-color: #598E4F !important;
 }
 
 /* Very Dark Green */
 .very-dark-green-legend {
    background-color: #40653B !important;
 }
 
 /* Darkest Green */
 .darkest-green-legend {
    background-color: #30422D !important;
 }

  .color-box {
    width: 17px;
    height: 17px;
  }

  .legend-item {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .legend-item p {
    margin: 0 0 0 10px;
    font-weight: 700;
  }

  /* ARC Page */

  #arc {
    background-color: #EBEBEB !important;
    letter-spacing: normal !important;
        color: #484848 !important;
  }

  #arc body
    {
        background-color: #EBEBEB !important;
        letter-spacing: normal !important;
        color: #484848 !important;
    }

  #arc .container {
    max-width: 1110px;
    width: 100%;
  }

  .terminaBold {
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .goodproNews {
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
  }

  .goodpronewsItalic {
    font-family: "ff-good-web-pro", sans-serif !important;
    font-weight: 500;
    font-style: italic !important;
  }

  .goodproWide {
    font-family: "ff-good-web-pro-wide", sans-serif;
    font-weight: 900;
    font-style: normal;
  }

  .goodproBlack {
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
  }

  #arc .arc-f-darkBlue {
    color: #2A4762 !important;
  }

  #arc .arc-bg-darkBlue {
    background-color: #2A4762 !important;
  }

    #arc .arc-f-red {
        color: #D30000 !important;
    }

    #arc .arc-bg-red {
        background-color: #D30000 !important;
    }

    #arc .arc-f-darkGrey {
        color: #484848 !important;
    }

  #arc h1 {
    font-size: 133px;
  }

  #arc h2 {
    font-size: 52px;
    letter-spacing: normal;
    line-height: 48px;
  }

  #arc h3 {
    font-size: 44px;
    letter-spacing: normal;
    line-height: 42px;
 }

 #arc h4 {
    font-size: 32px;
    letter-spacing: normal;
 }

 #arc h5 {
    font-size: 24px;
    letter-spacing: normal;

 }

 #arc p {
    font-size: 18px;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 28px;
 }

 #arc .large {
    font-size: 24px;
    letter-spacing: normal;
 }

 #arc .capitalize {
    text-transform: capitalize;
 }

 #arc ul {
    /* max-width: 506px; */
    width: 100%;
    list-style: none;
    margin: 0 0 5px 35px;
    /* list-style-image: url('/wp-content/themes/tea/assets/images/arc-images/svgs/right-arrow.svg'); */

 }

 #arc ul li:after {
    content: url('/wp-content/themes/tea/assets/images/arc-images/svgs/right-arrow.svg');
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
}

 #arc ul li {
    font-size: 18px;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 28px;
    margin-bottom: 20px;
    position: relative;
 }

.arc-tea-logo {
    width: 180.1px;
    position: absolute;
    top: 40px;
    left: -70px;
}

.page-template-page-energysecurity-arc .arc-tea-logo {
    width: 180.1px;
    position: absolute;
    top: 40px;
    left: -80px;
    z-index: 1;
}

.arc-tea-logo-footer {
    width: 297.63px;
    margin: 0 auto;
}

  .arc-banner-sm {
    max-width: 776.35px;
    width: 100%;
    height: 109.32px;
    padding: 0 35px;
    background-color: #2A4762 !important;
    clip-path: polygon(0 0, 100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%);
  }

  .arc-banner-lg {
    max-width: 817.4px;
    width: 100%;
    height: 119.22px;
    background-color: #FFFFFF;
    clip-path: polygon(0 0, 100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%);
    padding: 0 25px;
    position: relative;
    bottom: -60px;
    z-index: 2;
  }

    .arc-hero .container .row {
        height: 662px;
    }

    .arc-hero {
        background-image: url('/wp-content/uploads/2024/06/1_hero_d.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

    }
.arc-hero-mike {
    position: absolute;
    left: -110px;
    bottom: 0;
    z-index: 1;
}

  .arc-meaning {
    padding: 115px 0 0px;
  }

  .arc-map {
    padding: 95px 0 0px;
  }

  .arc-map .container .row {
    height: 532.8px;
  }

.arc-usa-map {
    position: absolute;
    left: -242px;
}

.link-container {
    margin-left: 30px;
}

#arc a {
    font-size: 18px;
}

/* Change color of underline */
#arc .underline {
    text-decoration: underline !important;
    text-decoration-color: red !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 5px !important;
    line-height: 28px;
    position: relative;
}

#arc .underline-blue {
    text-decoration: underline !important;
    text-decoration-color: #2A4762!important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
    line-height: 28px;
    position: relative;
}

#arc .maxwidth320 {
    max-width: 320px !important;
    width: 100% !important;
}

#arc .arc-issues-icon {
    max-width: 160px !important;
    width: 100% !important;
    height: 160px;
    text-align: center;
    margin-right: 20px;
}

#arc .arc-issues-icon img {
    margin: 0 auto;
}

.icon_usa {
    max-width: 138px;
    width: 100%;
    height: 138px;
}

.icon_ev {
    max-width: 111.16px;
    width: 100%;
    height: 134.16px;
}

.icon_bolt {
    max-width: 92.3px;
    width: 100%;
    height: 177.85px;
}

.icon_gas {
    max-width: 197.69px;
    width: 100%;
    height: 157.08px;
}

.icon_coin {
    max-width: 120.89px;
    width: 100%;
    height: 110.2px;
}

/* #arc .arc-issues-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
} */

#arc .subscribe {
    padding: 110px 0 60px;
}

#arc .arc-form-wrapper {
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
}

#arc pre, #arc fieldset, #arc input, #arc textarea, #arc table, #arc table *, #arc hr {
    border-color: transparent !important;
}

#arc input#input_22_1_3 {
    width: 262px;
    background-color: #FFFFFF !important;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #484848 !important;
    padding: 15px 25px !important;
    border-radius: 0px !important;
}

#arc input#input_22_1_6 {
    width: 262px;
    background-color: #FFFFFF !important;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #484848 !important;
    padding: 15px 25px !important;
    border-radius: 0px !important;
}

#arc input#input_22_3 {
    width: 262px;
    background-color: #FFFFFF !important;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #484848 !important;
    padding: 15px 25px !important;
    border-radius: 0px !important;
    margin-left: 4px;
}

#arc input#input_22_1_3::placeholder, #arc input#input_22_1_6::placeholder, #arc input#input_22_3::placeholder {
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #484848 !important;
    text-transform: capitalize;
}

#arc .gform_wrapper.gravity-theme #field_submit, #arc .gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    justify-content: end;
}

input#gform_submit_button_22 {
    background-color: #2A4762 !important;
    color: #FFFFFF !important;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 18px !important;
    padding: 15px 25px !important;
    border: none;
    cursor: pointer;
    max-width: 262px;
    width: 100%;
    border-radius: 0px !important;
    position: relative;
    top: -52px;
    right: 3px;
}

#arc div#input_22_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 5px !important;
}

#arc fieldset {
    padding: 0rem !important;
}

#arc .gform_wrapper .gfield_label {
    font-weight: 300 !important;
    display: none;
}

#arc .gform_footer.top_label {
    display: none !important;
}

#arc .arc-form-wrapper h2 {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 48px;
    color: #D30000 !important;

}

#arc div#validation_message_22_3 {
    display: none !important;
}

.display-text-arc {
    color: #D30000 !important;
    
}


  /* Energy Security ARC Page  energy-security-arc */

  #energy-security-arc {
    background-color: #EBEBEB !important;
    letter-spacing: normal !important;
        color: #484848 !important;
  }

  #energy-security-arc body
    {
        background-color: #EBEBEB !important;
        letter-spacing: normal !important;
        color: #484848 !important;
    }

    #energy-security-arc .lightningbolt {
        position: absolute;
        right: 0;
        z-index: 1;
    }

  #energy-security-arc .container {
    max-width: 1110px;
    width: 100%;
  }

  #energy-security-arc .arc-f-darkBlue {
    color: #2A4762 !important;
  }

  #energy-security-arc .arc-bg-darkBlue {
    background-color: #2A4762 !important;
  }

    #energy-security-arc .arc-f-red {
        color: #D30000 !important;
    }

    #energy-security-arc .arc-bg-red {
        background-color: #D30000 !important;
    }

    #energy-security-arc .arc-f-darkGrey {
        color: #484848 !important;
    }

  #energy-security-arc h1 {
    font-size: 194px;
  }

  #energy-security-arc .arc-custom-stroke-red {
    -webkit-text-stroke: 4px #D30000; /* width and color */
  }
  #energy-security-arc  .arc-custom-stroke {
    -webkit-text-stroke: 4px #fff;
      letter-spacing: .006px !important;
  }

  #energy-security-arc .arc-custom-red {
    color: #D30000;
  }

  #energy-security-arc h2 {
    font-size: 52px;
    letter-spacing: normal;
    line-height: 48px;
  }

  #energy-security-arc h3 {
    font-size: 44px;
    letter-spacing: normal;
    line-height: 42px;
 }

 #energy-security-arc h4 {
    font-size: 32px;
    letter-spacing: normal;
 }

 #energy-security-arc h5 {
    font-size: 24px;
    letter-spacing: normal;

 }

 #energy-security-arc p {
    font-size: 18px;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 28px;
 }

 #energy-security-arc .large {
    font-size: 24px;
    letter-spacing: normal;
 }

 #energy-security-arc .capitalize {
    text-transform: capitalize;
 }

 #energy-security-arc .energy-security-arc-issues-content {
     max-width: 725px;
     width: 100%;
 }

 #energy-security-arc .icons {
     max-width: 160px;
     width: 100%;
     text-align: center;
     margin-right: 25px;
 }

 #energy-security-arc .icons img {
     margin: 0 auto;
 }

 #energy-security-arc ul {
    max-width: 509px;
    width: 100%;
    list-style: none;
    margin: 0 0 5px 35px;
    /* list-style-image: url('/wp-content/themes/tea/assets/images/arc-images/svgs/right-arrow.svg'); */

 }

 #energy-security-arc ul li:after {
    content: url('/wp-content/themes/tea/assets/images/arc-images/svgs/right-arrow.svg');
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
}

 #energy-security-arc ul li {
    font-size: 18px;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 28px;
    margin-bottom: 20px;
    position: relative;
 }

.energy-security-arc-tea-logo {
    width: 180.1px;
    position: absolute;
    top: 40px;
    left: -70px;
}

.energy-security-arc-tea-logo-footer {
    width: 297.63px;
    margin: 0 auto;
}

  .energy-security-arc-banner-sm {
    max-width: 540px;
    width: 100%;
    height: 58px;
    padding: 0 15px;
    background-color: #2A4762 !important;
    clip-path: polygon(0 0, 100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%);
  }

  .energy-security-arc-banner-lg {
    max-width: 1110px;
    width: 100%;
    height: 119.22px;
    background-color: #FFFFFF;
    clip-path: polygon(0 0, 100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%);
    padding: 0 25px;
    position: relative;
    bottom: -60px;
    z-index: 2;
  }

  .energy-security-arc-hero {
    /* height: 662px;
    overflow: hidden; */
  }

  .energy-security-arc-hero .container {
     position: absolute !important;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
  }

    .energy-security-arc-hero .container .row {
        height: 662px;
    }

.energy-security-arc-hero .energy-security-arc-slider {
    /* height: 662px; */
    width: 100%;
    
}

.energy-security-arc-hero .energy-security-arc-slider .slide {
    width: 100%;
    height: 662px;
    /* overflow: hidden; */
    position: relative;
}

.energy-security-arc-hero .energy-security-arc-slider .slide img {
    width: 100%;
    height: 100%;
    /* position: absolute; */
    object-fit: cover;
    object-position: bottom;
}

  .energy-security-arc-meaning {
    padding: 115px 0 0px;
  }

  .energy-security-arc-map {
    padding: 0px 0 75px;
  }

  .energy-security-arc-map .container .row {
    height: 532.8px;
  }

.energy-security-arc-usa-map {
    position: absolute;
    left: -242px;
}

.link-container {
    margin-left: 30px;
}

#energy-security-arc a {
    font-size: 18px;
}

/* Change color of underline */
#energy-security-arc .underline {
    text-decoration: underline !important;
    text-decoration-color: red !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 5px !important;
    line-height: 28px;
    position: relative;
}

#energy-security-arc .underline-blue {
    text-decoration: underline !important;
    text-decoration-color: #2A4762!important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
    line-height: 28px;
    position: relative;
}

#energy-security-arc .maxwidth320 {
    max-width: 320px !important;
    width: 100% !important;
}

#energy-security-arc .arc-issues-icon {
    max-width: 160px !important;
    width: 100% !important;
    height: 160px;
    text-align: center;
    margin-right: 20px;
}

#energy-security-arc .arc-issues-icon img {
    margin: 0 auto;
}

.icon_usa {
    max-width: 138px;
    width: 100%;
    height: 138px;
}

.icon_ev {
    max-width: 111.16px;
    width: 100%;
    height: 134.16px;
}

.icon_bolt {
    max-width: 92.3px;
    width: 100%;
    height: 177.85px;
}

.icon_gas {
    max-width: 197.69px;
    width: 100%;
    height: 157.08px;
}

.icon_coin {
    max-width: 120.89px;
    width: 100%;
    height: 110.2px;
}

/* #arc .arc-issues-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
} */

#energy-security-arc .arc-btns .btn {
    background-color: #2A4762;
    color: #fff;
    font-size: 18px;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    width: 32%;
    min-width: 262px;
    margin-bottom: 20px;
    padding: 16px 10px;
    border-radius: 0;
}

#energy-security-arc .arc-btns .btn:hover {
    background-color: #D30000;
}

#energy-security-arc .subscribe {
    padding: 110px 0 60px;
}

#energy-security-arc .energy-security-arc-form-wrapper {
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
}

#energy-security-arc .energy-security-arc-form-wrapper .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 5px;

}

#energy-security-arc pre, #energy-security-arc fieldset, #energy-security-arc input, #energy-security-arc textarea, #energy-security-arc table, #energy-security-arc table *, #energy-security-arc hr {
    border-color: transparent !important;
}

#energy-security-arc input#input_23_1_3 {
    width: 262px;
    background-color: #FFFFFF !important;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #484848 !important;
    padding: 15px 25px !important;
    border-radius: 0px !important;
}

#energy-security-arc input#input_23_1_6 {
    width: 262px;
    background-color: #FFFFFF !important;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #484848 !important;
    padding: 15px 25px !important;
    border-radius: 0px !important;
}

#energy-security-arc input#input_23_3 {
    width: 262px;
    background-color: #FFFFFF !important;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #484848 !important;
    padding: 15px 25px !important;
    border-radius: 0px !important;
    margin-left: 4px;
}

#energy-security-arc input#input_23_1_3::placeholder, #energy-security-arc input#input_23_1_6::placeholder, #energy-security-arc input#input_23_3::placeholder {
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #484848 !important;
    text-transform: capitalize;
}

#energy-security-arc .gform_wrapper.gravity-theme #field_submit, #energy-security-arc .gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    justify-content: start;
}

#energy-security-arc input#gform_submit_button_23 {
    background-color: #2A4762 !important;
    color: #FFFFFF !important;
    font-family: "ff-good-web-pro", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 18px !important;
    padding: 15px 25px !important;
    border: none;
    cursor: pointer;
    max-width: 262px;
    width: 100%;
    border-radius: 0px !important;
    position: relative;
    top: 0;
    right: 0;
}

#energy-security-arc div#input_23_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 5px !important;
}

#energy-security-arc fieldset {
    padding: 0rem !important;
}

#energy-security-arc .gform_wrapper .gfield_label {
    font-weight: 300 !important;
    display: none;
}

#energy-security-arc .gform_footer.top_label {
    display: none !important;
}

#energy-security-arc .arc-form-wrapper h2 {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 48px;
    color: #D30000 !important;

}

#energy-security-arc div#validation_message_23_3 {
    display: none !important;
}

.display-text-energy-security-arc {
    color: #D30000 !important;
}

/* Default: hide <select> and show <ul> on desktop */
.mobile-category-select {
    display: none;
}

.desktop-category-list {
    display: block;
}

#presidential .right-column img {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.47);

}