/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
/* Footer */
@import url('https://fonts.google.com/specimen/Source+Sans+Pro');

body {
    font-family: 'Source Sans Pro', sans-serif;
}

#block-footerlogo .field--name-body {
    display: flex;
}

#block-footerlogo .field--name-body img {
    max-width: 120px;
}

#block-footerlogo .field--name-body h2 {
    text-align: left;
    margin-left: 25px;
    color: white;
    font-size: 20px;
    margin-top: 33px;
}

#block-copyright .field--name-body {
    color: white;
    font-size: 14px;
    margin-top: 33px;
    text-align: right;
}

#block-copyright .field--name-body a {
    display: inline !important;
    color: #ffe200 !important;
}

.region-footer-two {
    padding: 0 10px;
}

.region-footer-one {
    padding: 0 10px;
}

@media (max-width: 991px) {
    #block-footerlogo .field--name-body h2 {
        font-size: 16px !important;
    }

    #block-footerlogo .field--name-body {
        justify-content: center;
    }

    #block-copyright .field--name-body {
        text-align: center;
    }

}

/* Newsletter */

.sib-form {
    background-color: #222222 !important;
    border-top: 2px solid #333 !important;
}

#sib-container {
    background-color: #222222 !important;
    max-width: 100% !important;
    border-width: 0 !important;

}

.sib-form-block {
    color: white !important;
    text-align: center !important;
}

.sib-form .entry__error {
    background-color: transparent;
    color: #ff4c00 !important;
    font-size: 14px !important;
    margin-top: 4px !important;
}

#newsletter_inputs {
    display: flex;
}

#newsletter_inputs > div {
    width: 100%;
}

.sib-form .entry__field {
    background: transparent;
    border: 0;
}

#newsletter_inputs input {
    padding: 13px;
    border: none;
    background: white;
    color: black;
    border-radius: 7px !important;
    width: 100% !important;
}

#newsletter_inputs input::placeholder {
    color: #3f3f3f;
}

.sib-form-block {
    padding: 0 30px !important;
}

.sib-form-block__button-with-loader {
    line-height: 33px !important;
    border-radius: 0 7px 7px 0 !important;
    background-color: #fee202 !important;
    font-size: 20px !important;
}

.sib-form .entry__field {
    border: 0 !important;
}


#newsletter_inputs .input-group {
    width: 100%;
}

.sib-form .entry__field {
    background: transparent !important;
}

@media (max-width: 768px) {
    #newsletter_inputs {
        display: block;
    }
}

.social-links {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 42px;
}

.social-links li {
    list-style: none;
    margin-left: 20px;
}

.social-links li a {
    color: white;
    font-size: 19px;
    transition: 0.3s;
}

.social-links li a:hover {
    color: #fee202;
}

/* Prefooter Menu  */

#postscript-wrapper {
    padding-top: 30px;
    padding-bottom: 20px;
}

#postscript-wrapper .region-postscript-one .menu {
    margin-bottom: 30px;
}

#postscript-wrapper .region-postscript-one .menu li a {
    color: white;
    font-size: 1.7rem;
    font-weight: 600;
    transition: 0.3s;
}

#postscript-wrapper .region-postscript-one .menu li a:hover, #postscript-wrapper .region-postscript-one .menu li a.is-active {
    color: #fee202;
    background-color: transparent;
}

.sib-form-block {
    padding: 0 16px;
    word-wrap: break-word;
    outline: none;
    margin-bottom: 25px;
}

.sib-form {
    padding: 12px 12px !important;
}


@media (max-width: 1200px) {
    #postscript-wrapper .region-postscript-one .menu li a {
        color: white;
        font-size: 1.3rem;
    }
}

@media (max-width: 991px) {
    #postscript-wrapper .region-postscript-one {
        display: none;
    }
}


/* Preface */

#preface-wrapper .region-preface-one {
    background-color: #fee202;
    padding: 80px 0px 80px 0px;
    position: relative;
}

.region.region-preface-one:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fee202;
    position: absolute;
    left: -100%;
    top: 0px;
}

#preface-wrapper .region-preface-one .block-title {
    font-weight: 700;
    padding-left: 10px;
    border-left: 4px solid #ffffff;
    margin-bottom: 20px;
    padding-top: 20px;
    position: relative;
}

#preface-wrapper .region-preface-one .block-title:before {
    content: "NRM";
    position: absolute;
    top: 0;
    font-size: 1.7rem;
    font-weight: 400;
    color: #aeaeae;
}

#preface-wrapper .region-preface-one .view-content {
    width: 100%;
    display: flex;
    margin-top: 30px;
}

#preface-wrapper .region-preface-one .view-content .views-row {
    width: 50%;
    background-color: white;
    margin-right: 30px;
    padding: 35px 35px;
    line-height: 3.5rem;
}

#preface-wrapper .region-preface-one .view-content .views-row:nth-child(2) {
    background-color: #fff081;
}

#preface-wrapper .region-preface-one .view-content .views-row .views-field-field-event-date time {
    font-size: 6rem;
}

#preface-wrapper .region-preface-one .view-content .views-row .views-field-title span {
    font-size: 2rem;
    font-weight: 700;
}

#preface-wrapper .region-preface-one .view-content .views-row .views-field-field-location div {
    font-weight: 600;
    margin-top: 10px;
}

#preface-wrapper .region-preface-one .view-content .views-row .views-field-field-location div:before {
    content: url("data:image/svg+xml,%0A%3Csvg height='15' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='map-marker-alt' class='svg-inline--fa fa-map-marker-alt fa-w-12' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'%3E%3C/path%3E%3C/svg%3E");
    margin-right: 7px;
    top: 3px;
    position: relative;
}


#preface-wrapper .region-preface-two ul.menu--nrm-menu li {
    position: relative;
}

#preface-wrapper .region-preface-two ul.menu--nrm-menu li a {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    margin-top: 25px;
    padding: 26px 17px 15px 20px;
}

#preface-wrapper .region-preface-two ul.menu--nrm-menu li a:hover {
    background: #fff081;
}

#preface-wrapper .region-preface-two ul.menu--nrm-menu li:before {
    content: "ABCD";
    position: absolute;
    top: 4px;
    left: 16px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #aeaeae;
    z-index: 99;
}

#preface-wrapper .region-preface-two ul.menu--nrm-menu li.last a {
    background: #fee202;
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    margin-top: 25px;
    padding: 26px 20px 26px 75px;
    border-radius: 7px;
}


#preface-wrapper .region-preface-two ul.menu--nrm-menu li.last:before {
    content: url("data:image/svg+xml,%0A%3Csvg height='20' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='play-circle' class='svg-inline--fa fa-play-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: 17px;
    left: 15px;
    z-index: 99;
    background-color: #ffe94b;
    height: 45px;
    width: 45px;
    border-radius: 100%;
    pointer-events: none;
    text-align: center;
    padding-top: 11px;
    border: 2px solid white;
}

@media (max-width: 1200px) {
    #preface-wrapper .region-preface-one .view-content .views-row {
        margin-right: 13px;
    }
}

@media (max-width: 991px) {
    #preface-wrapper .region-preface-one .view-content .views-row {
        width: 100%;
        margin-bottom: 20px;
    }

    .region.region-preface-one:after {
        content: "";
        width: 30px;
        height: 100%;
        background-color: #fee202;
        position: absolute;
        right: -25px;
        top: 0px;
    }

    #preface-wrapper .region-preface-one .view-content {
        display: block;
    }
}

@media(max-width: 500px){
    .region.region-preface-one:after {
        right: -15px;
    }
}


/*  News */

#updates-wrapper {
    background-color: #fdfdf5;
    padding: 80px 0;
    border-top: 1px solid #eaeaea;
}

#updates-wrapper .view-news {
    display: flex;
}


#updates-wrapper .view-news > div {
    width: 50%;
}

@media (max-width: 991px) {
    #updates-wrapper .view-news {
        display: block;
    }

    #updates-wrapper .view-news > div {
        width: 100%;
    }
}


#updates-wrapper .view-news .views-element-container .view-content {
    width: 100%;
    margin-right: 30px;
}

#updates-wrapper .view-news > .view-content .views-row {
    display: flex;
    margin-bottom: 30px;
    position: relative;
}

#block-views-block-news-block-1 .attachment .views-field-title {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(76, 0, 255, 0.01) 2%, #010101 66%);
    padding: 40px 30px;
}

#block-views-block-news-block-1 .attachment .views-field-title a {
    color: white;
    line-height: 2.8rem;
}

#updates-wrapper .view-news > .view-content .views-field-title a:before {
    content: "";
    position: absolute;
    bottom: 25px;
    height: 1px;
    width: 70px;
    background-color: white;
    left: 0;
    right: 0;
    margin: 0 auto;
}


#updates-wrapper .view-news > .view-content .views-row .views-field-field-image {
    width: 100%;
}

#updates-wrapper .view-news > .view-content .views-row .views-field-field-image img {
    width: 100%;
}

#updates-wrapper .view-news > .view-content .views-field-title a {
    margin-bottom: 5px;
}

#updates-wrapper .view-news > .view-content .details {
    margin-left: 10px;
}

#updates-wrapper .attachment .field-content a {

}


#updates-wrapper .view-news > .view-content .views-field-title a {
    font-size: 2.5rem;
    font-weight: 700;
    color: black;
    line-height: 2rem;

}


#updates-wrapper .view-news > .view-content .views-field-body {
    margin: 7px 0;
}

#updates-wrapper .view-news > .view-content .views-field-body .field-content p {
    font-size: 1.5rem;
    color: #aeaeae;

}


#updates-wrapper .view-news > .view-content .views-field-view-node a {
    font-size: 1.9rem;
    font-weight: 700;
    color: #000;
    position: relative;
    text-decoration: none;
}


#updates-wrapper .view-news > .view-content .views-field-view-node a:before {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 30px;
    background-color: #000;
    height: 3px;
    transition: 0.3s;
}

#updates-wrapper .view-news > .view-content .views-field-view-node a:hover:before {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 100%;
    background-color: #000;
    height: 3px;
}

#block-views-block-campaign-trail-block-1 h2.block-title, #block-manifesto h2.block-title, #block-views-block-our-progress-caurosel-block-1 h2.block-title, #block-views-block-news-block-1 h2.block-title {
    font-size: 25px;
}

/* News page */

.main-container .page-header {
    border-bottom: none;
    font-weight: bold;
    text-align: center;
}

.main-container .field--name-body {
    padding: 35px 15px;
    text-align: justify;
    font-size: 1.6rem;
    color: #666;
}

.main-container .field--name-field-image img {
    margin: auto;
    width: 100%;
}

@media (min-width: 992px) {
    .page-node-type-article .region-content {
        width: 80%;
        margin: auto;
    }
}

/* Inside pages menu */
.not-front .top-links {
    margin: 9px 0;
}

.not-front .top-links svg path {
    fill: black;
}

.not-front #top-bar .tel a {
    color: black;
}

.not-front .logo {
    width: 100px;
    height: 100px;
    background: #fff;
    margin: 0;
    padding: 16px 5px 5px 5px;
    border-radius: 0 0 5px 0;
    box-shadow: 1px 1px 10px 1px #e4e4e4;
    z-index: 999;
    position: absolute;
}

/*.not-front .navbar-brand, .not-front .navbar-brand:hover {
    color: #000;
    text-transform: uppercase;
    font-weight: 900;
    /* height: auto; */
/* width: 50%; */
/*width: 65%;
font-size: 1.5rem;
line-height: 1.6rem;
/* line-height: initial; */
/*margin-left: 116px;
}*/

@media only screen and (min-width: 992px) {
    .not-front #inner-nav-wrapper .region-navigation {
        padding-left: 130px;
    }


}


.not-front #superfish-main li, .not-front ul.sf-menu.sf-style-white.sf-navbar {
    background: transparent;
}


.not-front #superfish-main li:hover, .not-front ul.sf-menu.sf-style-white.sf-navbar:hover {
    background: transparent;
}

.not-front #superfish-main {
    margin-bottom: 0;
}

.not-front #superfish-main li, .not-front ul.sf-menu.sf-style-white.sf-navbar a {
    font-size: 1.6rem;
    font-weight: bold;
    color: #5f5f5f;
    margin-right: 5px;
    background-color: transparent;
}

.not-front #superfish-main li a, .not-front ul.sf-menu.sf-style-white.sf-navbar a {
    color: #5f5f5f;
    text-decoration: none;
    transition: 0.3s;
}

.not-front #superfish-main li a, .not-front ul.sf-menu.sf-style-white.sf-navbar a:hover {
    color: #000000;
}


.not-front #superfish-main li, .not-front ul.sf-menu.sf-style-white.sf-navbar a:hover {
    color: #000000;
}


.not-front #menu-sidebar-icon {
    position: absolute !important;
    top: 0;
    right: 0;
    /* z-index: 9999999; */
}

@media ( max-width: 1200px) {

    .not-front #superfish-main li, .not-front ul.sf-menu.sf-style-white.sf-navbar a {
        font-size: 1.4rem;
    }
}


@media (max-width: 422px) {
    /*.not-front .navbar-brand, .not-front .navbar-brand:hover {
        font-size: 1.5rem;
        line-height: 1.6rem;
        margin-left: 116px;
    }*/
}

@media (max-width: 379px) {
    /*.not-front .navbar-brand, .not-front .navbar-brand:hover {
        width:0%;
    }*/
    .not-front #menu-sidebar-icon {
        position: absolute !important;
        top: 15px;
        right: 0;
        /* z-index: 9999999; */
    }
}

.not-front .main-container .field.field--name-published-at.field--type-published-at.field--label-hidden.field--item {
    text-align: center;
    margin-bottom: 25px;
    color: #979797;
    font-size: 1.5rem;

    position: relative;
}

.not-front .main-container .field.field--name-published-at.field--type-published-at.field--label-hidden.field--item:before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='15' aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar' class='svg-inline--fa fa-calendar fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23009540' d='M400 64h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V160h352v298c0 3.3-2.7 6-6 6z'%3E%3C/path%3E%3C/svg%3E");
    position: relative;
    left: -7px;
    top: 2px;
}


.view-id-news .view-display-id-attachment_1 a {
    color: white !important;
}


.not-front #superfish-main > li:last-child a {
    background: #fee202;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    margin-top: 6px;
    margin-bottom: 3px;
    padding: 8px 8px 8px 33px !important;
    border-radius: 7px;
}

.not-front #superfish-main > li:last-child:before {
    content: url("data:image/svg+xml,%0A%3Csvg height='20' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='play-circle' class='svg-inline--fa fa-play-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: 12px;
    left: 6px;
    z-index: 99;
    background-color: #ffe94b;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    pointer-events: none;
    text-align: center;
    padding-top: 0px;
    border: 1px solid white;
}

/* Custom menu arrows */

/* Arrow down */
ul.sf-menu .sf-sub-indicator:after {
    content: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' height='15' focusable='false' data-prefix='fas' data-icon='angle-down' class='svg-inline--fa fa-angle-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E");
    top: 2px;
}

/* Arrow Right */

ul.sf-menu ul .sf-sub-indicator:after {
    content: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' height='15' focusable='false' data-prefix='fas' data-icon='angle-right' class='svg-inline--fa fa-angle-right fa-w-8' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='currentColor' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'%3E%3C/path%3E%3C/svg%3E");
}


.container_fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#slideshow_wrapper .col-md-12 {
    position: initial;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
}

#social-media-wrapper .col-md-4 {
    padding: 0;
}