/************Reset**************/
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

*,
*::before,
*::after {
    box-sizing: inherit
}

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

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

td:not([align]),
th:not([align]) {
    text-align: left
}

/************End Reset**************/


@font-face {
    font-family: 'climateact';
    src: url('../font/climateact.eot?14585331');
    src: url('../font/climateact.eot?14585331#iefix') format('embedded-opentype'),
        url('../font/climateact.woff2?14585331') format('woff2'),
        url('../font/climateact.woff?14585331') format('woff'),
        url('../font/climateact.ttf?14585331') format('truetype'),
        url('../font/climateact.svg?14585331#climateact') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'climateact';
      src: url('../font/climateact.svg?14585331#climateact') format('svg');
    }
  }
  */

[class^="icon-"]:before,
[class*=" icon-"]:before,
.btn:after,
.linklist a:before,
.gallery-img a:before,
.topbar h3 a:before,
.nav-previous a:before,
.nav-next a:after,
.open .menu a:before,
.header .signups:after {
    font-family: "climateact";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-right-open:before {
    content: '\e806';
}

/* '' */
.icon-twitter:before {
    content: '\f099';
}

/* '' */
.icon-facebook:before {
    content: '\f09a';
}

/* '' */
.icon-instagram:before {
    content: '\f16d';
}

/* '' */



html,
body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #000;
    line-height: 1.5;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Outfit', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
    color: #00B4CE;
    line-height: 1.2;
}



h2,
h3 {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1.2;
}

h2 {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 800;
}


.center {
    text-align: center;
}

/* SENSIBLE RESETS*/


p {
    padding-bottom: 20px;
}


ul {
    list-style-type: disc;
    margin: 5px 0 15px 15px;
}

ol {
    list-style-type: decimal;
    margin: 5px 0 15px 15px;
}

li {
    margin: 0 0 5px;
    padding: 0;
}

hr {
    border: 0;
    height: 4px;
    background: #00affc;
    width: 20%;
    margin: 30px auto;
}

[class*='col-'] {
    margin-bottom: 10px;
}

[class*='col-']:last-child {
    margin-bottom: 0;
}





sup {
    line-height: 0
}


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


.visible {
    opacity: 1
}



.wrap {
    padding: 20px;
    position: relative;
}



.header .wrap {
    padding: 0 0 !important;
}

.wrap.nobotpad {
    padding-bottom: 0;
}



section[class*="-panel"] {
    position: relative;
    overflow: hidden;
}


.grid:after,
section:after {
    content: "";
    display: table;
    clear: both;
}


a {
    background-repeat: no-repeat;
    text-decoration: none;
    color: #00B4CD;
    font-weight: 700;
    position: relative;
    transition: all .3s;
}

/* a:hover {
    text-decoration: underline;
} */

a:hover,
a:focus,
a:active {
    color: #0D3A4D;
}


.blue a,
.dblue a,
.grey a,
.black a {
    color: #fff;
}

.blue a:hover,
.dblue a:hover,
.grey a:hover,
.black a:hover {
    color: #fff;
}

.linklist {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}

.linklist a {
    padding-left: 20px;
    display: block;
}

.linklist a:before {
    content: '\e801';
    margin: 0;
    text-align: left;
    position: absolute;
    top: 5px;
    left: 0;
    transition: all .4s .1s;
}

.linklist a:hover:before {
    transform: translateX(3px);
    text-decoration: none;
}


.btn,
.wpcf7-submit.button {
    background: #00B4CD;
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    margin-top: 10px;
    /* text-transform: uppercase; */
    transition: all .2s;
    border: none;
    cursor: pointer;
}

.btn.teal {
    background: #00B4CD;
}

/*, .header .signups:after*/
.btn:after,
.wpcf7-submit.button:after,
.topbar h3 a:before,
.nav-previous a:before,
.nav-next a:after,
.open .menu a:before {
    content: '\e806';
    transform: translateX(10px);
    opacity: 0.5;
}

.btn:hover:after,
.wpcf7-submit.button:hover:after {
    transform: translateX(15px);
    opacity: 1;
    transition: all .4s .1s;
}

.btn:after {
    opacity: 1 !important;
}

.btn:hover,
.wpcf7-submit.button:hover {
    color: #fff;
    text-decoration: none;

}


.btn:focus {
    color: #fff;
}

div.wpcf7 .wpcf7-submit:disabled {
    background: #ccc;
}




.header a:hover {
    color: #fff;
}

body {
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    font-family: 'Outfit', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

button,
textarea,
input {
    font-family: 'Outfit', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body>.header {
    background: #2B168C;
    width: 100%;
    position: fixed;
    z-index: 999999999;
    top: 0;
    padding-top: 0;
}

body>.header.open {
    height: auto;
}

.logo {
    width: 250px;
    transition: all .2s;
}

.logo a {
    /* background: url("../images/logo.png") no-repeat 0 0;*/
    background-size: contain;
    position: relative;
    display: block;
    line-height: 0;
}

.logo img {
    opacity: 1;
    height: auto;
    max-width: 200px !important;
}

footer {
    background: #2b168c !important;
}

footer .footer-menu {
    padding-top: 40px;
}


footer .logo {
    background-image: url(../images/cleanuppolitics-act-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    /* margin: 0 auto 20px; */
}

footer .wrap {
    max-width: 1600px;
}

footer.page-footer .menu li {
    border-left: 2px solid rgba(255, 255, 255, 1) !important;
}

footer.page-footer .menu li:first-child {
    border-left: none !important;
}

/* .acknowledgment{
    max-width: 50%;
} */

.acknowledgment p {
    margin-bottom: 15px;
}


.header .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 0;
}

.open .menu {
    list-style: none;
    margin: 0;
    padding: 20px 0;
    height: 100%;
    transition: all .3s;
}

.open .menu li {
    position: relative;
    margin: 0 0 20px 0;
}

.open .menu li:last-child {
    margin: 0;
}

.menu a {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

.menu a:hover {
    color: #00B4CD;
}

.open .menu a {
    font-weight: bold;
}

.open .menu a:before {
    transform: translateX(0);
}

.header .menu a:hover {
    /* color: #fff; */
    text-decoration: none;
}

.menu ul {
    top: 38px;
}

.open .menu ul {
    list-style: none;
    margin: 10px 0 0 20px;
}

.open .menu ul li {
    margin-bottom: 10px;
}


.menu-trigger {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 12px;
    right: 20px;
    display: block;
}

.menu-trigger:before,
.menu-trigger:after {
    content: '';
    background: #fff;
    width: 100%;
    top: 50%;
    height: 4px;
    display: block;
    position: absolute;
    transition: all .3s;
}

.menu-trigger:before {
    top: 30%;
}

.menu-trigger:after {
    top: 70%;
    width: 80%;
}

.open .menu-trigger:before,
.open .menu-trigger:after {
    top: 50%;
    width: 100%;
    transform: rotate(45deg);
    transform-origin: center;
}

.open .menu-trigger:after {
    transform: rotate(-45deg);
}

.menu-trigger:hover:before,
.menu-trigger:hover:after {
    width: 100%;
}

.header .wrap {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}


.signups {
    font-size: 16px;
    /* text-transform: uppercase; */
    text-align: center;
    background: #2B168C;
    height: 60px;
    padding: 12px;
    display: block;
    font-weight: normal;
    position: initial;
    text-decoration: none;
}

.hide-custom-cursor,
footer.page-footer {
    position: relative;
    z-index: 99999;
}

.signups {
    color: #fff;
}

.signups:hover {
    color: #00B4CD !important;
    text-decoration: none;
}

.header .signups:after {
    transform: translate(10px, -2px);
    font-size: 20px;
}

.signups span {
    display: inline-block;
    background: #fff;
    font-weight: 600;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 26px;
    color: #2B168C;
    margin-right: 2px;
}

.signups strong {
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    top: -4px;
    font-size: 1.0417rem;
}

.signups strong:active, .signups strong:focus{
    color: #fff;
}

#site-wrapper {
    padding-top: 0;
}

.ticker-wrap+#site-wrapper {
    padding-top: 0;
}

@media only screen and (max-width: 1339px){
    .logo{ padding-top:10px; padding-left:10px; }
    .menu-top-menu-container {padding-right: 10px; }
}

@media only screen and (min-width: 1340px){

     body>.header {
        padding-top: 15px;
    }

    .signups {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .header .wrap {
        box-shadow: none;
    }
     .header .menu li ul {
        top: 55px;
    }
}

@media only screen and (min-width: 1200px) {
    .quote figure {
        font-size: 26px;
    }

   

    #site-wrapper {
        padding-top: 0;
    }

    .ticker-wrap {
        top: 100px !important;
    }

    .ticker-wrap+#site-wrapper {
        padding-top: 0;
    }

    .page article header {
        /* sticky header position = margin top + padding */
        top: calc(100px + 40px) !important;
    }



   

}

/************* Quote queries  ***********/
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .quote figure {
        padding: 20px 0 !important;
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .hidde-768 {
        display: none;
    }

    .show-768 {
        display: block;
    }

    .quote {
        background-size: unset;
        background-repeat: unset;
        background-position: unset;
        background-position: unset;
        padding: 20px !important;
    }

    .da-quote .quote-wrap {
        padding-right: 0;
    }

    .da-quote .col-1-3 {
        width: 70% !important;
        float: right;
    }

    .quote figure {
        padding: 20px 0 0 0 !important;
    }
}

@media only screen and (min-width: 769px) {
    .hidde-768 {
        display: block;
    }

    .show-768 {
        display: none;
    }
}


.quote {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    background-position: 18%;
    padding: 25vh 20px 20px 20px;
}

.quote figure {
    padding: 20px;
    line-height: 1.4;
}

.quote figcaption {
    color: #0D3A4D;
    font-size: 18px;
    padding-top: 10px;
}

.quote blockquote:before {
    content: '';
    background: url(../images/quote2.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 25px;
    display: block;
    margin-bottom: 10px;
}

.ca_what {
    text-align: center;
}

.ca_what .img {
    padding-top: 30px;
}

.ca_what [class*='col-'] {
    align-self: center;
}

.ca_help {
    background: #fff;
}

.ca_help h2 {
    text-align: center;
}

.ca_help [class*='col-'] {
    display: flex;
}

.ca_help .cols-pic {
    flex: 0 0 100px;
}

.ca_help .cols-pic img {
    width: 80px;
}

.ca_how .header {
    text-align: center;
    padding-bottom: 40px;
}

.ca_how .hover-wrap {
    position: relative;
    padding: 0 0 20px 100px;
}

.ca_how [class*='col-']:nth-child(odd) .hover-pic {
    background-color: #00B4CD;
}

.ca_how .hover-pic {
    width: 80px;
    height: 80px;
    position: absolute;
    background-size: contain;
    top: 0;
    left: 0;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #0D3A4D;
}

.hover-hd {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #00B4CD;
}

.ca_committed .col-1-3 img {
    margin: 0 auto;
    max-width: 140px;
}

.ca_help h2 {
    color: #00B4CD;
    max-width: 98% !important;
}

.ca_help h3 {
    color: #00B4CD;
}

.ca_help p {
    color: #fff;
}

.support-intro {
    /* background: #0D3A4D;*/
    background: #fff;
    color: #fff;
    text-align: center;
}

.support-links {
    position: relative;
    /* background: #2B168C; */
    /* padding-bottom: 80px; */
}


.support-links:before {
    content: '';
    background-color: #fff !important;

}

.support-intro {
    background: #fff;
}

.support-links .wrap {}

.ca_support .social {
    list-style: none;
    margin: 0;
}

.ca_support .social li {
    display: inline-block;
    padding: 10px 5px;
    margin: 0;
}

.ca_support .social li a {
    font-size: 0;
    margin: 0;
}


.ca_support a {
    /* margin-top: 25px; */
    display: inline-block;
}

.ca_support a:hover {
    color: #00B4CD;
}

.support-block {
    display: flex;
}

.support-block .cols-pic {
    flex: 0 0 100px;
}

.support-block .cols-pic img {
    max-width: 80px;
}

.support-block .social a:before {
    background: #0D3A4D;
    color: #fff;
}

.ca_resources {
    background: #190D51;
    color: #fff;
    text-align: center;
}

.ca_resources h2 {
    color: #00B4CD;
    font-weight: 700;
    /* font-size: 40px; */
}

.ca_resources h3 {
    margin-bottom: 20px;
}

.resource-wrap {
    display: flex;
    text-align: left;
    padding: 0 20px 20px 0;
    font-size: 16px;
}

.resources-pic {
    width: 100px;
    height: 130px;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 100px;
    margin-right: 20px;
    display: block;
}

.resources-desc {
    margin-bottom: 10px;
}

.resources-attr {
    font-weight: 700;
    color: #00B4CE;
}

.resources-desc p {
    padding-bottom: 0
}

.resources-desc a {
    text-transform: lowercase !important;
}

.resource-wrap a {
    color: #00B4CD;
    font-weight: 400;
    text-decoration: none !important;
    /* text-transform: uppercase; */
}

.resources-link-url:after {
    /* content: '>';
    line-height: 1;
    padding-left: 2px;
    transition: 0.15s linear; */
    transition: all .3s;
    font-family: FontAwesome;
    content: "\f054";
    right: -8px;
    position: absolute;
    font-weight: normal;
    font-size: 8px;
    line-height: 0.7;
    top: 10px;
}

.resources-link-url:hover:after {
    right: -10px;
}

.resources-pic:after {
    content: '' !important;
}

.slick-slide {
    outline: none;
}

ul.slick-dots {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.slick-dots li {
    position: relative;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #00B4CD;
    border-radius: 50%;
    margin: -20px auto 10px;
}

.slick-dots li button {
    visibility: hidden;
}

li.slick-active:after {
    background: #fff;
}

.carousel li.slick-active:after {
    background: #2B168C;
}

form label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px;
    color: #a0aec0;
}

form input[type=text],
form input[type=email],
form input[type=tel],
form textarea {
    padding: 12px 15px;
    font-size: 16px;
    background-color: #edf2f7;
    box-shadow: none;
    outline: none;
    border: 1px solid #edf2f7;
    border-radius: 5px;
    max-width: 100%;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form textarea:focus {
    background: #fff;
    border-color: #a0aec0;
}

form textarea {
    max-height: 100px;
}

form span.wpcf7-list-item {
    padding: 0 30px 10px 0;
    margin: 0;
    display: block;
}



.form .section {
    margin-bottom: 40px;
}

.form .grid {
    margin-bottom: 20px;
}

.form .question {
    margin-bottom: 15px;
}



.file-upload {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: #edf2f7;
    overflow: hidden;
}

.file-upload:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #edf2f7;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 40px;
    line-height: 40px;
    color: #999;
    border-radius: 5px 10px 10px 5px;
    font-weight: 300;
}

.file-upload:before {
    content: 'Upload';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 60px;
    background: #00affc;
    color: #fff;
    font-weight: bold;
    z-index: 25;
    font-size: 16px;
    line-height: 60px;
    padding: 0 15px;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}

.file-upload:hover:before {
    background: #4e4cba;
}

.file-upload input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 60px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}

.file-upload>span {
    position: static;
}



.grid.gallery .gallery-img {
    line-height: 0;
    background-size: cover;
}

.grid.gallery .gallery-img a {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;

}

.grid.gallery .gallery-img a:after {
    content: '';
    position: absolute;
    left: 0;
    opacity: 0.6;
    width: 0%;
    height: 100%;
    top: 0;
    background: #00affc;
    transition: all .2s;
}

.grid.gallery .gallery-img a:hover:before {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 1;
}

.grid.gallery .gallery-img a:hover:after {
    width: 100%;
}

.gallery-img a:before {
    content: '\e805';
    position: absolute;
    font-size: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    opacity: 0.8;
    z-index: 2;
    transition: all .4s;
}

.pdf .gallery-img a:before {
    content: '\e806';
}

.video .gallery-img a:before {
    content: '\f16a';
}


/* --- */
.player {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, #000000 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.player__video {
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 75%;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.95);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.js--show-video {
    opacity: 1;
}

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

.video-close {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -30px;
    padding: 5px 10px;
    border: none;
    outline: none;
    border-radius: 0 50% 50% 0;
    cursor: pointer;
    font-size: 24px;
    color: #000;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
}

.video-iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
}






footer.page-footer {
    background: #0D3A4D;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

footer.page-footer p {
    padding-bottom: 0;
}

footer.page-footer .menu {
    display: block;
    margin-bottom: 20px;
}

/* footer.page-footer .menu li {
    display: inline-block;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
} */

footer.page-footer .menu li:last-child {
    border-right: none;
}

footer.page-footer .menu a {
    color: #fff;
    font-weight: 700 !important;
    text-transform: none;
    font-size: 14px;
}

footer.page-footer .menu a:hover {
    color: #00B4CE;
    /* text-decoration: underline; */
}

footer.page-footer ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

footer.page-footer li {
    margin: 0 10px 0 0;
}



/* .social a {
    margin: 0 0 0 20px;
} */

.social a:hover {
    text-decoration: none;
}

.social a:before {
    width: 32px;
    height: 32px;
    background: #fff;
    line-height: 32px;
    font-size: 18px;
    border-radius: 100px;
    color: #0D3A4D;
    margin: 0;
    transition: all .2s;
}

.social a:hover:before {
    transform: scale(1.2);
}


/* STANDARD PAGE */
.page article {
    padding: 20px;
}

.page article header h1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
    color: #0D3A4D;
    margin-bottom: 20px;
}

.page article .page-content,
.page article .entry-content,
.page article .entry-summary {
    margin: 0;
}

.page article h3 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #00B4CD;
}







.content-block {
    border: 1px solid #eee;
    padding: 3px;
    background: #ccc;
    max-width: 250px;
    float: right;
    text-align: center;
}

.content-block:after {
    clear: both;
}

.blue-button {
    background-color: #33bdef;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #057fd0;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 6px 24px;
    text-decoration: none;
}

.red-button {
    background-color: #bc3315;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 6px 24px;
    text-decoration: none;
}




.grid.event {
    border-bottom: 2px solid #9fe0fd;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.grid.event:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.grid.event.private {
    opacity: 0.5;
}

.event_date {
    font-weight: 700;
    text-transform: uppercase;

}

.event_audience {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px;
    color: #fff;
    background: #00affc;
    padding: 5px 15px;
    border-radius: 50px;
    float: right;
    position: relative;
    top: 7px;
}

.accordion-section h2 {
    text-align: center;
}

.accordion {
    max-width: 1400px;
    /* margin: 40px auto 0; */
}

.at-tab {
    display: none;
    text-align: left;
    padding: 15px;
    /* border: 1px solid #000;
    border-top: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff; */
}

.at-tab p {
    padding-bottom: 7px;
}

.at-tab a {
    color: #00B4CE;
}

.accordion-title {
    text-align: left;
    padding: 10px 15px;
    color: #190D51;
    font-weight: 700;
    /* font-size: 25px; */
}

.at-title {
    cursor: pointer;
    background-color: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    position: relative;
    transition: background-color 0.3s ease;
}



.at-title:after {
    font-family: FontAwesome;
    content: "\f054";
    right: 10px;
    position: absolute;
    font-weight: normal;
    /* font-size: 22px; */
    top: 50%;
    transform: translateY(-50%);
}

.at-title.active:after {
    font-family: FontAwesome;
    content: "\f078";
    right: 10px;
    position: absolute;
    font-weight: normal;
    /* font-size: 22px; */
    top: 50%;
    transform: translateY(-50%);
}

.at-item {
    /* border-radius: 5px; */
    /* margin: 15px 0; */
    margin-top: -1px;
}

.at-title h2 {
    font-size: 22px;
    font-weight: 600;
    padding: 10px 15px;
    margin: 0;
}




ol.circle-number {
    list-style: none;
    counter-reset: circle_num;
}

ol.circle-number li {
    counter-increment: circle_num;
    position: relative;
    padding: 0 0 5px 40px;
}

ol.circle-number li:before {
    content: counter(circle_num) "";
    color: #fff;
    background: #0D3A4D;
    font-size: 18px;
    text-align: center;
    width: 28px;
    height: 28px;
    display: block;
    line-height: 1.3;
    border-radius: 100px;
    border: 2px solid #fff;
    margin-right: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    font-weight: 900;
    position: absolute;
    left: 0;
}

p.intro-text {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
}


.data-table {
    margin-bottom: 15px;
}

.data-table th,
.data-table td {
    padding: 5px;
    border-bottom: 2px solid #fff;
    background: #f6f6f6;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.data-table th {
    background: #0D3A4D;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.data-table td.features {
    background: #eff8fc;
    font-weight: bold;
    border-right: 2px solid #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.data-table td.features strong {
    font-weight: 900;
}

.data-table td.blank,
.data-table th.blank {
    background: #fff;
    color: #000;
}

.data-table td.mobile-hide,
.data-table th.mobile-hide {
    display: none;
}



/*BLOG */


.topbar {
    background: #0D3A4D;
}

.topbar h3 {
    padding: 0;
    margin: 0;
}

.topbar a {
    color: #fff;
    text-decoration: none;
}


.post-template h1 {
    font-size: 50px;
    line-height: 1;
    margin-bottom: 20px;
}

.post-template .featured-img {
    margin-bottom: 20px;
    height: auto;
}


.topbar h3 a:before {
    transform: scaleX(-1);
    margin: 0 5px 0 0;
    transition: all .4s .1s;
}

.topbar h3 a:hover:before {
    opacity: 1;
    transform: scaleX(-1) translateX(15px);
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    overflow: hidden;
    border-top: 1px solid #0D3A4D;
    padding: 20px 0;
    margin: 40px 0;
    border-bottom: 1px solid #0D3A4D;
}

.nav-next a:after,
.nav-previous a:before {
    transform: none;
    margin: 0 0 0 5px;
    text-decoration: none;
}

.nav-previous a:before {
    margin: 0 5px 0 0;
    transform: scaleX(-1);
}


.footnote {
    font-size: 13px;
    color: #999;
}

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

    .wrap.mob-nopad {
        padding: 0;
    }

    .mobpad {
        padding-left: 20px;
        padding-right: 20px;
    }
}


.panel.ca_submission h3 {
    font-weight: bold;
}

.panel.ca_submission .btn.red {
    background: #dd0000;
}

.panel.ca_submission p.red {
    color: #dd0000;
}

@keyframes ticker {
    0% {
        transform: translate(0, 0);
        visibility: visible;
    }

    100% {
        transform: translate(-100%, 0);
    }
}

.ticker-wrap {
    display: block;
    background: #dd0000;
    color: #fff;
    padding: 10px 0;
    font-size: 22px;
    position: fixed;
    width: 100%;
    z-index: 9;
    overflow: hidden;
    padding-left: 100%;
    box-sizing: content-box;
    height: 35px;
    top: 118px;
}

.ticker-wrap:hover {
    color: #fff !important;
}

.ticker {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    animation: 20s ticker linear infinite;
}

.ticker:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    cursor: pointer;
}


/*
  * Video section Dm
  *
  */

video#dm-hero-div {
    position: relative;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    top: 0;
}

.dm-hero {
    position: relative;

    width: 100%;
    height: 100vh;

    background-size: cover;
    object-fit: cover;
    top: 0;

    overflow: hidden;

    z-index: 999;
}

.dm-center-div-hero {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -46%);
    z-index: 9;
    text-align: center;
    padding: 0 8%;
}

.dm-container-text {
    padding: 4% 7%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density 
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%);*/
    /* FF3.6-15 
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%);*/
    /* Chrome10-25,Safari5.1-6 
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);*/
    /* IE6-9 */
}

.dm-center-div-hero p.dm-text-hero {
    color: #fff;
    /*
      font-size: 26px;
      line-height: 36px;*/
    font-size: 1.1vw;
    line-height: 1.5vw;
    font-weight: 500;
}

.dm-logo-hero {
    max-width: 90%;
}

.btn.dm-btn-hero {
    background: #00B4CD;
    padding: 10px 20px;
    color: #fff;
    text-transform: lowercase !important;
    display: inline-block;
}

.btn.dm-btn-hero span {
    text-transform: uppercase !important;
}

.btn.dm-btn-hero span {
    color: #0D3A4D;
}


@media only screen and (max-width: 640px) {
    .dm-center-div-hero p.dm-text-hero {
        font-size: 16px;
        line-height: 22px;
    }

    .dm-center-div-hero {
        padding: 0;
        width: 90%;
        transform: translate(-50%, -35%);
    }

    .dm-container-text {
        padding: 15px 15px;
    }

    .dm-logo-hero {
        max-width: 100%;
    }



}

@media only screen and (min-width: 541px) and (max-width: 1024px) {
    .dm-center-div-hero p.dm-text-hero {
        font-size: 16px;
        line-height: 22px;
    }


    .dm-container-text {
        padding: 15px 15px 0 15px;
    }

    .dm-logo-hero {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1380px) {
    .dm-center-div-hero p.dm-text-hero {
        font-size: 16px;
        line-height: 22px;
    }

    .dm-center-div-hero {
        padding: 0 4%;
        width: auto;
    }

    .dm-container-text {
        padding: 15px 15px 0 15px;
    }

    .dm-logo-hero {
        max-width: 80%;
    }
}


/*************  QUOTE SECTION  ********************/
blockquote {
    color: #fff;
}

/**************   SECTION CIRCLES  ********************/

.dm-column-circle {
    text-align: center;
}

.dm-circle-container {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #e0f0f3;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.dm-circle-container p {
    color: #00B4CD;
    font-size: 50px;
    padding-bottom: 0;
    /* font-weight: 600; */
}

.dm-center-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dm-center-circle img {
    max-width: 90%;
}

.dm-sub {
    color: #0D3A4D;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 600;
}

.grid.dm-grid {
    display: flex;
    margin: 0 -20px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center !important;
}

.dm-text-center-emissions-footer {
    text-align: center;
    margin-top: 40px;
}

.dm-text-center-emissions-footer p {
    padding-bottom: 0;
    font-size: 14px;
    color: #0D3A4D;
    /* font-weight: 700; */
}

.dm-text-center-emissions-footer p a {
    color: #0D3A4D;
    text-decoration: underline;
    font-weight: 400;
}


@media only screen and (min-width: 400px) and (max-width: 768px) {
    .col-1-4.dm-column-circle {
        width: 50% !important;
    }

    .dm-circle-container {
        width: 170px !important;
        height: 170px !important;
    }
}

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

    .col-1-4.dm-column-circle {
        width: 100% !important;
    }

    .dm-circle-container {
        width: 220px !important;
        height: 220px !important;
    }

    .dm-text-hero {
        display: none;
    }

    .btn.dm-btn-hero {
        padding: 10px 15px;
        font-size: 13px;
    }

    .dm-text-sign-scroll p {
        font-size: 14px !important;
    }


}

/*******************   SECTION HOW  *******************/

.panel.ca_how {
    background-color: #e0f0f3;

}


.dm-section {
    text-align: center;
    width: 100%;
}

.dm-section h2 {
    color: #0D3A4D;
    text-align: center;
}

.dm-section p {
    color: #0D3A4D;
    text-align: center;
    /* max-width: 80%; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    /* font-weight: 600; */
    font-size: 16px;
}

/**************************  SECTION PERFOMANCE   **********************/
.grid.dm-perfomance {
    margin: 0;

}

.dm-perfomance-left,
.dm-perfomance-right {
    padding: 60px !important;
    color: #fff;
    text-align: center;
    margin-bottom: 0 !important;
}

.dm-perfomance-left {
    background-color: #0D3A4D;
}

.dm-perfomance-right img {
    background-color: #fff;
}

.dm-perfomance p.dm-text-perfomance {
    max-width: 68%;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
}

.dm-perfomance .dm-perfomance-left p a {
    color: #00B4CD;
    text-decoration: underline;
    font-weight: normal;
}

.dm-perfomance-right {
    background-color: #00B4CD;
}





.dm-white-box {
    background-color: #fff;
    padding: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.dm-white-box p {
    font-size: 20px;
    color: #00B4CD;
    font-weight: 600;
    padding-bottom: 10px;
    display: flex;
    padding-left: 7%;
}

.dm-white-box p span {
    font-size: 20px;
    color: #0D3A4D;
    margin-right: 5px;
}


.dm-tasmania:before {
    content: url('../images/tasmania-flag.png');
    margin-right: 10px;
    margin-top: 3px;
}

.dm-victoria:before {
    content: url('../images/victoria-flag.png');
    margin-right: 10px;
    margin-top: 3px;
}

.dm-nsw:before {
    content: url('../images/nsw-flag.png');
    margin-right: 10px;
    margin-top: 3px;
}

.dm-padding-wb {
    padding: 50px 20px;
    /*margin-top: 30px;*/
}

@media only screen and (max-width: 400px) {
    .hidde-400 {
        display: none;
    }

    .show-400 {
        display: block;
    }

    .dm-sub {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 401px) {
    .hidde-400 {
        display: block;
    }

    .show-400 {
        display: none;
    }
}

@media only screen and (min-width: 400px) and (max-width: 767px) {
    .dm-circle-container p {
        font-size: 34px;
    }

    .dm-sub {
        font-size: 14px;
    }
}


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

    .grid.dm-perfomance {
        display: block;
    }

    .dm-perfomance-left,
    .dm-perfomance-right {
        padding: 40px 15px !important;
    }

    .dm-perfomance p.dm-text-perfomance {
        max-width: 80%;
        font-size: 18px;
    }

    .dm-white-box p,
    .dm-white-box p span {
        font-size: 16px;
    }

    .holder {
        width: 100% !important;
        max-height: 240px;
    }

    .dm-list li span:first-of-type {
        margin-left: 0 !important;
    }

    .dm-list li span {
        margin-right: 0 !important;
    }

    .dm-victoria:before,
    .dm-tasmania:before,
    .dm-nsw:before {
        margin-top: -1px;
    }

    .dm-list {
        -webkit-transform: translate(0, -64%) !important;
        -moz-transform: translate(0, -64%) !important;
        -moz-transform: translate(0, -64%) !important;
        -o-transform: translate(0, -64%) !important;
        -ms-transform: translate(0, -64%) !important;
        transform: translate(0, -64%) !important;
    }


}

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

    .grid.dm-perfomance {
        display: block;
    }

    .grid.dm-perfomance .col-1-2 {
        width: 100%;
    }

    .dm-circle-container {
        width: 190px;
        height: 190px;
    }

    .dm-circle-container p {
        font-size: 34px;
    }

}

@media only screen and (min-width: 1025px) and (max-width: 1250px) {
    .dm-list li span:first-of-type {
        margin-left: 0 !important;
    }

    .dm-list li span {
        margin-right: 0 !important;
    }

    .dm-perfomance-left,
    .dm-perfomance-right {
        padding: 60px 35px !important;
    }



}





/************************  SLIDER  *******************/

.dm-list {
    list-style: none;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.dm-list.dm-down {
    -webkit-transform: translate(0, -64%);
    -moz-transform: translate(0, -64%);
    -moz-transform: translate(0, -64%);
    -o-transform: translate(0, -64%);
    -ms-transform: translate(0, -64%);
    transform: translate(0, -64%);
}



.dm-list li {
    font-size: 20px;
    color: #0D3A4D;
    font-weight: 600;
    padding-bottom: 10px;
}

.dm-list li span {
    margin-right: 20px;
}

.dm-list li span:first-of-type {
    margin-left: 20px;
    margin-right: 0;
}

.dm-list li span.dm-number {
    display: table-cell;
    width: 200px;
    float: right;
    text-align: right;
}

.lgtblue {
    color: #00B4CD;
}

.lgtblueBG {
    background-color: #00B4CD;
    display: block;
}

.holder {
    position: relative;
    width: 90%;
    max-height: 240px;
    overflow: hidden;
}


.triangle {
    z-index: 9;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.triangle img {
    max-width: 20px;
}

.dm-blur-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    z-index: 9;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */



}

.dm-blur-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    z-index: 9;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */


}


.ca_how.dm-how .col-1-5 {
    padding: 0 0 !important;
}




.ca_how.dm-how .hover-hd h3 {
    max-width: 86%;
    padding-top: 20px;
}

.ca_how.dm-how .col-1-5:nth-of-type(2) h3,
.ca_how.dm-how .col-1-5:nth-of-type(4) h3 {
    color: #00B4CD !important;
}



@media only screen and (min-width: 1024px) and (max-width: 1180px) {

    .ca_how.dm-how .hover-wrap {
        padding: 20px 0 20px 20px;
    }

}

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

    .ca_how.dm-how .col-1-5 {
        width: 50%;
        padding: 20px !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    body .ca_how.dm-how .hover-copy {
        font-size: 15px !important;
    }

}






/* entry content on pages */

.entry-content {
    margin-top: 90px !important;
}



/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 640px) {
    .entry-header {
        margin-top: 120px;
  	padding-top: 0px;
    }

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

    .hidden-640 {
        display: none;
    }

    .show-640 {
        display: block;
    }

    .dm-left-div,
    .dm-right-div {
        opacity: 1 !important;
    }

    .dm-left-div p:first-of-type,
    .dm-right-div p:first-of-type {
        font-size: 28px !important;
    }

    .accordion {
        margin: 20px auto 0;
    }

    .carousel a {
        margin-bottom: 0px;
    }

    /* .support-block .cols-pic img {
        max-width: 50px;
    } */

    .support-block .cols-content {
        padding: 0px 2% 25px;
    }

    .accordion-section .wrap {
        padding-bottom: 40px;
    }

    .support-links {
        padding-bottom: 20px;
    }

    .ca_author_quote {
        font-size: 14px;
    }

    .ca_support a {
        margin-top: 25px;
    }


    .support-links {
        background: #fff;
    }

    .support-links .cols-pic {
        background: #fff !important;
    }

    .accordion-title {
        font-size: 18px;
    }

    .at-title:after,
    .at-title.active:after {
        font-size: 16px;
    }



    footer.page-footer .menu li {
        display: block;
        margin-top: 32px;
        /* padding-right: 20px;
        margin-right: 20px; */
        /* border-right: 1px solid rgba(255, 255, 255, 0.4); */
    }

    .acknowledgment {
        max-width: 98%;
    }

    /* .social a {
        margin: 0 0 0 20px;
    } */

    .social {
        margin-top: 50px;
    }

    .social a {
        margin: 0 4px 0 4px;
    }

}

@media only screen and (min-width: 641px) {
    .hidden-640 {
        display: block;
    }

    .show-640 {
        display: none;
    }
}

/******************  FIX SLIDER FOOTER LINE TO THE RIGHT  ****************/
.slick-slide {
    padding-left: 5px;
}


/***********************   CA SUPPORT  ********************/

.cols-content.dm-cols-content p a {
    font-weight: 600;
}



/* ################## DA CSS ################## */



  
#loftloader-wrapper{
    z-index: 900000000000;
}

.dm-hero_heading {
    line-height: 1.2;
}

.da-subtitle {
    font-family: 'Outfit', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    color: #00b4d1;
}

.stats-wrap {
    padding: 50px 10%;
}

.campaign-stats .wrap {
    padding: 0 !important;
}

.stat-filters h2 {
    color: #00B4CE;
}

.ca_help {
    background: #2b168c;
}

.ca_help .wrap {
    /* max-width: 1900px;
    padding-left: 0;
    padding-right: 0; */
}

/* .ca_help_content{
    font-size: 26px;
} */

/* .ca_author_quote {
    font-size: 16px;
} */

.ca_help_content,
.ca_author_quote {
    text-align: center !important;
}


.dm-grid-help .cols-content p:first-of-type {
    font-size: 18px !important;
}

.da-support-link {
    text-align: center;
}

.support-block {
    background: #fff !important;
}

/* .support-block .cols-content {
    padding: 50px 8%;
} */

/* .support-block .cols-content h3 {
    padding: 0 12%;
} */

.support-block h3,
.support-block p {
    color: #000;
    font-weight: 400;
}





.da-support-link a {
    text-transform: none !important;
}

.monique_copy {
    /* padding-top: 50px;
    padding-bottom: 50px; */
    /* padding: 50px 5% 50px 24.5%; */
}



.monique_copy h1 {
    /* font-size: 40px; */
    margin-bottom: 15px;
    font-weight: 700;
}

.monique_subtitle {
    color: #00B4CE;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    font-size: 24px;
}


.entry-footer {
    background: #fff !important;
}

.support-links:before {
    /* background-color: #fff !important; */
}

.support-links:after {
    background-color: #2b168c !important;
}

/* .support-links .cols-pic {
    background: #CCF0F5 !important;
} */

.carousel h2 {
    margin-bottom: 0;
}

.carousel {
    text-align: center;
}

.carousel a {
    display: inline-block;
    color: #000;
    font-weight: 400;
    /* margin-bottom: 25px; */
}

.carousel a:after {
    transition: all .3s;
    font-family: FontAwesome;
    content: "\f054";
    right: -15px;
    position: absolute;
    font-weight: normal;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
}







.carousel a:hover:after {
    right: -17px;
}

.carousel .slick-slide img {
    margin: auto;
}




.da-quote {
    background-color: #00B4CD;
    padding-bottom: 0 !important;
    position: relative;
    margin-top: -10px;
}

.da-quote .grid.nopad {
    padding: 0 !important;
}

.da-quote .col-1-3 {
    width: 45%;
    text-align: right;
}

.da-quote .quote-wrap {
    padding-right: 10%;
    ;
}

.quote blockquote:before {
    padding-bottom: 50px;
}

.ca_support a:hover {
    color: #fff !important;
}



.support-intro h2 {
    color: #00B4CE;
    /* font-size: 40px; */
    /* max-width: 54%; */
    margin-left: auto;
    margin-right: auto;
}

.da-b-blue {
    color: #0D3A4D;
}

.support-intro .btn.teal {
    background: #0D3A4D;
    ;
}

.stats-bg {
    background: #190D51 !important;
}

.gap {
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: 0;
    left: 0;
    background-color: #fff;
}


.cols-content a {
    text-decoration: underline !important;
}

.ca_help .cols-content a {
    color: #404040 !important;
    font-weight: 500 !important;
}


/*********************  HEADER  **************/
.dm-signups {
    margin-right: 15px !important;
}


/*********************  CA HELP  **********************/

/*.wrap.dm-wrap-help{ max-width: 1600px;}*/

.wrap.dm-wrap-help .cols-content p {
    font-size: 16px;
}

@media only screen and (min-width: 769px) and (max-width: 1025px) {

    .grid.dm-grid-help {
        display: block;
    }

    .dm-grid-help .col-1-5 {
        width: 50%;
        float: left;
    }


}



/************************   SIGN SCROLL - page.php  **************/

.dm-sign-scroll {
    background-color: #00B4CE;
    color: #fff;
    position: fixed !important;
    right: 0;
    top: 50%;
    padding: 8px 8px 8px 10px;
   /* display: none !important;*/
   z-index: 999999;
   opacity: 0;
   /* visibility: hidden; */
   /* display: none; */
}

.dm-sign-scroll a {
    color: #fff;
    font-weight: normal;
}

.dm-text-sign-scroll,
.dm-sign-scroll-image {
    float: left;
    display: block;
}

.dm-text-sign-scroll p {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 18px;
}

.dm-text-sign-scroll p:first-of-type {
    color: #2B168C;
    font-size: 20px;
    font-weight: bold;
}

.dm-text-sign-scroll p:first-of-type a {
    color: #2B168C;
}

.dm-sign-scroll-image img {
    max-width: 30px;
}

@media only screen and (max-width: 1024px) {
    .dm-sign-scroll {
        bottom: 0;
        width: 100%;
        left: 0;
        top: unset;
        /* padding: 10px 5px 5px 5px; */
        display: flex;
        justify-content: space-around;
        height: 60px;
        align-items: center;
    }

    .wrap-scroll {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .dm-text-sign-scroll p {
        float: left;
    }

    .dm-br-scroll {
        display: none;
    }

    .dm-sign-scroll-image img {
        max-width: 10px;
        margin-left: 20px;
    }

    .dm-text-sign-scroll p:first-of-type {
        margin-right: 20px;
    }

    footer.page-footer {
        padding-bottom: 60px;
    }

    .display-1024 {
        display: block;
    }

    .hidde-1024 {
        display: none;
    }


}

@media only screen and (max-width: 580px) {
    .signups {
        height: 90px;
    }

    .dm-mobile-pad {
        padding-top: 11px;
    }
}

@media only screen and (min-width: 1025px) {
    .display-1024 {
        display: none;
    }

    .hidde-1024 {
        display: block;
    }


}

/*************  FIX HEADER MOBILE *************/
@media only screen and (max-width: 580px) {
    body>.header {
        padding-bottom: 15px;
    }

}


@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .dm-center-div-hero {
        padding: 0;
        width: auto;
    }
}

/*Small screens Define mobile styles */

@media only screen {}


/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 640px) {


    .hide-sml {
        display: none;
    }

    .show-sml {
        display: block;
        /* margin-bottom: 0 !important; */
        background: #2b168c;
    }


    .support-links .wrap {
        padding-bottom: 0;
    }


    .da-quote {
        padding: 8% 2%;
    }

    .monique_copy h1,
    .support-intro h2,
    .ca_resources h2 {
        font-size: 30px;
    }

    .monique_copy {
        padding-top: 50px;
        padding-bottom: 25px;
        padding-right: 5%;
        padding-left: 5%;
    }

    .support-block .cols-content h3 {
        padding: 0 0;
    }

    .carousel .wrap {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    footer.page-footer {
        padding-bottom: 80px;
    }

}


/*************** BREAKS ******************/
@media only screen and (max-width: 980px) {
    br.da {
        content: ' ';
    }

    br.da:after {
        content: ' ';
    }
}


/* max-width 640px, mobile-only styles, use when QAing portrait mobile issues */
@media only screen and (max-width: 640px) and (orientation:portrait) {}


/* max-width 640px, mobile-only styles, use when QAing landscape mobile issues */
@media only screen and (max-width: 640px) and (orientation:landscape) {}

/*Only iPhone 4/4S (both: landscape and portrait)*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) {}


/*Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 641px) {

    .hide-sml {
        display: block;
    }

    .show-sml {
        display: none;
    }

    .monique_copy {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 5%;
        padding-left: 24.5%;
    }


    .accordion {
        margin: 40px auto 0;
    }


    .ca_support a {
        margin-top: 25px;
    }



    .carousel a {
        margin-bottom: 25px;
    }




    .ca_help_content,
    .ca_author_quote {
        padding-left: 50px;
        padding-right: 50px;
    }

    .ca_author_quote {
        font-size: 16px;
    }

    .support-intro h2 {
        max-width: 54%;
    }


    .accordion-title {
        font-size: 25px;
    }

    .at-title:after,
    .at-title.active:after {
        font-size: 22px;
    }

    .ca_support {
        padding-bottom: 80px;
    }

    .support-links {
        padding-bottom: 80px;
    }


    .support-links .cols-pic {
        background: #CCF0F5 !important;
    }

    .support-links {
        background: #2B168C;
        padding-bottom: 80px;
    }


    .monique_copy h1,
    .support-intro h2,
    .ca_resources h2 {
        font-size: 36px;
    }

    .support-block .cols-content {
        padding: 50px 8%;
    }

    .support-block .cols-content h3 {
        padding: 0 12%;
    }

    footer .flex {
        padding: 40px;
    }

    footer.page-footer .social {
        margin: 0 0 0 20px;
    }

    footer.page-footer .menu li {
        display: inline-block;
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid rgba(255, 255, 255, 0.4);
    }


    .acknowledgment {
        max-width: 50%;
    }

    .social a {
        margin: 0 0 0 20px;
    }

}



/* iphone X landscape */
@media only screen and (min-device-width: 375px) and (max-device-height: 900px) and (orientation: landscape) {
    .dm-text-hero {
        /* display: none;*/
    }
}


/* iphone X portrait */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {}



/* iPhone 6, 7, 8 Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}


/* iPhone 6, 7, 8 portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}


/* iPhone 6+, 7+, 8+ landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* iPhone 6+, 7+, 8+ portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) {}

/* min-width 641px and max-width 1024px, use when QAing tablet-only landscape issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) {

    .dm-left-div,
    .dm-right-div {
        opacity: 1 !important;
    }


}

/* min-width 641px and max-width 1024px, use when QAing tablet-only portrait issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {

    .ca_support {
        padding-bottom: 0;
    }

    .dm-left-div,
    .dm-right-div {
        opacity: 1 !important;
    }


}


/* iPad Pro Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* iPad Pro Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* iPad Pro Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}


/*10" macbook*/
@media only screen and (min-width: 600px) and (max-width: 1024px) {


    .monique_copy {
        padding-right: 2%;
        padding-left: 8%;
    }

    .ca_help_content,
    .ca_author_quote {
        padding-left: 10px;
        padding-right: 10px;
    }

    .support-intro h2 {
        max-width: none;
    }

    .ca_support {
        padding-bottom: 0;
    }

    footer .flex {
        padding: 10px;
    }

    footer.page-footer .social {
        margin: 0;
    }

    .social a {
        margin: 0 0 0 5px;
    }


}


/*13" macbook*/
@media only screen and (min-width: 800px) and (max-width: 1024px) {}


/*Large screens min-width 1025px, large screens*/
@media only screen and (min-width: 1025px) {}


/*15" macbook*/
@media screen and (min-width: 768px) and (max-width: 1366px) {

    .monique_copy {
        padding-right: 2%;
        padding-left: 6%;
    }


}


/*19" laptop*/
@media screen and (min-width: 900px) and (max-width: 1440px) {


    .monique_copy {
        padding-right: 5%;
        padding-left: 5%;
    }


}

/*20" laptop*/
@media screen and (min-width: 900px) and (max-width: 1600px) {}


/*22" laptop*/
@media screen and (min-width: 1050px) and (max-width: 1680px) {}

/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 1024px) and (max-width: 1440px) {}


/* XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 1441px) {}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 1441px) and (max-width: 1920px) {}


/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 1921px) {}


@media screen and (orientation: portrait) {}

@media screen and (orientation: landscape) {}


@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}




.gap {
    margin-top: -1px;
    bottom: -1px;
}


/****************************  Sub Headings *************************/

.ca-sub-heading {
    text-align: center;
    background: #2B168C;
}

.title_sub_headings {
    color: #00B4CE;
    font-size: 70px;
    line-height: 40px;
    font-family: 'Outfit', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
}

.subtitle_sub_heading {
    color: #fff;
    font-size: 32px;
    font-family: 'Outfit', Arial, "Helvetica Neue", Helvetica, sans-serif;
}




@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 1;
}

.slick-prev:before,
.slick-next:before {
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;

    opacity: 1;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "\f053";
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "\f054";
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.hide-custom-cursor{
    width: 100%;
}