/* ADD by e-mango */
.box-text .learn-more, .boxbpf-inner .learn-more {
    color: #267a83;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    color: #267a83;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-transform: uppercase;
}

.box-text a:hover, a:hover .learn-more {
    color: #1e3b6d;
}

.box-text .learn-more-white {
    color: #267a83;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-transform: uppercase;
}

.box-text a:hover, a:hover .learn-more-white {
    color: #1e3b6d;
}



.box-text .arrow-round {
    margin: 25px 0px 0px 0px;
    padding: 15px;
    display: inline-block;
    background-color: transparent;
    border: 4px solid #fff;
    border-radius: 100%;
    color: #fff;
    width: 76px;
    height: 76px;
    font-size: 30px;
    text-decoration: none;
    text-align: center;
}

a:hover, a:hover .fa-chevron-right {
    color: #5ec6f1;
}

    .news-feed-list a:hover, a:hover H6 {
        color: #267a83;
    }

.bpf-groups.panel, .panel {
    border-radius: 3px;
    background-color: #FFF;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #144773;
    margin-bottom: 1.66667rem;
}

    .panel li {
        padding: 0.5em 0;        
    }

 .panel ul {
    list-style: none;
    margin-left: 0;
}

    .panel h5 {
        font-size: 22px;
    }

.directory-az ul li {
    margin: 0;
    text-align: center;
    padding-left: 2px;
    font-size: 16px;
}

    .directory-az ul li:first-child {
        padding-left: 0;
    }

.inline-list {
    display: inline-block;
    margin-left: 0;
    list-style: outside none;
}


    .inline-list li {
        display: inline;
    }


.directory-alphabet ul li {
    display: inline-block;
    padding-right: 10px;
}


/* -----------------------------------------
   Forms
----------------------------------------- */
table {
    margin-bottom: 10px;
    border: none;
    width: auto;
}

    table.Result {
        width: 100%;
    }

    table th {
        text-align: left;
    }

    table tr, table tr:nth-of-type(2n) {
        background: transparent;
    }

        table tr td {
            padding: 0.5625em 0.625em;
        }

.PageTop, .PageBottom {
    margin: 10px 0;
    width: 100%;
    border: none;
    /*font-size: 12px;*/
}

    


    .PageTop td, .PageBottom td {
        padding: 2px;
    }

        .PageTop td.left, .PageBottom td.left {
            float: left;
            text-align: left;
        }

        .PageTop td.center, .PageBottom td.center {
            text-align: center;
        }

        .PageTop td.right, .PageBottom td.right {
            float: right;
            text-align: right;
        }

        .PageTop td, .PageBottom td {
            border: 0px !important;
        }

.field .radioButton {
    display: inline-block;
    margin: 0;
    width: auto;
    padding-bottom: 10px;
    background: none;
    border: none;
    margin-top: 6px;
    border: 0px !important;
}

    .field .radioButton td {
        padding: 0;
        display: inline-block;
        border: 0px !important;
    }

/* -----------------------------------------
   Directory Listing
----------------------------------------- */
.directory-alphabet ul {
    text-align: center;
}

    .directory-alphabet ul li {
        display: inline-block;
        padding-right: 10px;
    }

.directory-list .directory-search-item {
    border-top: 1px solid #ccc;
    padding: 10px 0 5px 0;
    margin-bottom: 5px;
    display: block;
    line-height: 1.6;
}

    .directory-list .directory-search-item ul {
        margin-bottom: 0;
    }

    .directory-list .directory-search-item br {
        display: none;
    }

    .directory-list .directory-search-item:first-child {
        border-top: none;
    }

.directory-list .directory-search-item-distance {
    width: 95%;
    display: inline-block;
}

.directory-list .directory-search-item-title {
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    margin: 2px 0 5px;
    width: 48%;
}

.directory-list .directory-search-item-address {
    display: block;
}

.directory-list .bpf-member {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.directory-list .directory-search-item-title .title {
    display: inline-block;
    width: 50%;
}

.directory-search-item-description {
    display: block;
    font-style: italic;
    color: #00529b;
    width: 75%;
}

.directory-list .directory-search-item-telephone,
.directory-list .directory-search-item-fax {
    display: block;
}

.directory-list .directory-search-item-contact {
    font-size: 0;
    padding-top: 5px
}

.directory-list .directory-search-item-contact-left,
.directory-list .directory-search-item-contact-right {
    width: 50%;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}

.bpf-member img {
    margin-bottom: 2px;
}

.directory-alphabet {
    text-align: center;
}

.field .radioButton input[type="radio"] {
    margin-top: 6px;
}

.directory-social-media img {
    display: inline;
    margin-left: 5px;
}

.radioButton tbody, .PageTop tbody, .PageBottom tbody {
    border: 0px;
}


table td, table tbody {
    border: 0px;
}


/* -----------------------------------------
   Message Box
----------------------------------------- */
.messageBox_Information, .messageBox_Warning, .messageBox_Failed, .messageBox_Help {
    clear: both;
    color: #222;
    margin: 10px 0;
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

    .messageBox_Information > .messageBox_Information, .messageBox_Warning > .messageBox_Warning, .messageBox_Failed > .messageBox_Failed, .messageBox_Help > .messageBox_Help {
        border: none;
        padding: 0;
    }

.messageBox_Information, .messageBox_Warning, .messageBox_Failed {
    clear: both;
    color: #222;
    margin-bottom: 10px;
    padding: 5px;
}

.messageBox_Information {
    background-color: #c8e9f1;
}

.messageBox_Warning {
    background-color: #f9de8b;
}

.messageBox_Failed {
    background-color: #e99974;
}

.messageBox_Help {
    background-color: #FFEACF;
}

    .messageBox_Information img, .messageBox_Warning img, .messageBox_Failed img, .messageBox_Help img {
        float: left;
        margin: 0;
        padding: 0;
    }

    .messageBox_Information h3, .messageBox_Warning h3, .messageBox_Failed h3, .messageBox_Help h3 {
        margin: 0;
        padding: 0;
    }

    .messageBox_Information p, .messageBox_Warning p, .messageBox_Failed p, .messageBox_Help p {
        margin: 0;
        padding: 0;
    }

    .messageBox_Information ul, .messageBox_Warning ul, .messageBox_Failed ul, .messageBox_Help ul {
        list-style-position: outside;
        list-style-type: disc;
        padding-left: 40px;
    }

    .messageBox_Information li, .messageBox_Warning li, .messageBox_Failed li, .messageBox_Help li {
        line-height: 1.5em;
    }

.messageBox_Text {
    margin-left: 50px !important;
    padding: 2px 3px 4px 1px;
}

    .messageBox_Text h3 {
        color: #222;
    }

.group-directory {
    width: 25%;
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: top;
    padding: 0 15px 0 0;
}

.pathway-item-blue {
    background-color: #144773;
}

.image-block {
     margin: 2em 1em; 
    padding-bottom: 0.25em;
    margin-bottom: 2em;
    -webkit-box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 75%);
    transition: 0.5s background-color ease;
}

    .image-block a {
        color: #fff;
        text-align: center;
    }



/* -----------------------------------------
   User Registration
----------------------------------------- */
.wizard-user-registration table tbody tr td { padding: 2px; }
.wizard-user-registration .wizardTitle { font-weight: bold; font-size: 15px; }
.wizard-user-registration .stepCurrent { background-color: #00529B; color: #FFF; }
.wizard-user-registration .stepCompleted { background-color: #ccc; }
.wizard-user-registration .stepNotCompleted { background-color: #eee; color: #000; }
.wizard-user-registration .stepBreak { background-color: #FFF; width: 10px; }
.wizard-user-registration .right { text-align: right; }

.stepNotCompleted, .stepCompleted, .stepCurrent, .stepBreak {
    width: 25px;
    height: 25px;
    padding: 3px 0;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
}
.stepNotCompleted a:hover, .stepCompleted a:hover, .stepCurrent a:hover, .stepBreak a:hover {
    text-decoration: none;
    color: #F69321;
}

.wizard-user-registration .left,
.wizard-user-registration .right { display: block; margin-bottom: 10px; }
.wizard-user-registration .left { text-align: left; }
.wizard-user-registration .right { text-align: right; }


.wizard-user-registration table, .wizard-user-registration tbody, .wizard-user-registration thead, .wizard-user-registration tr, .wizard-user-registration th, .wizard-user-registration td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

    .wizard-user-registration table img {
        margin: 0px;
    }

#subscribe-checkbox label {
    display: inline;
    font-size: 14px;
}

.nav-left {
    float: left;
}

.ccc-reject-button {
    float:left;
}

table img {
    max-width: none;
}


.page-content-area-info img {
    margin: 0;
    display: inline-block;
}

.article-search-item img, .page-search-item img {
    margin-right: 5px;
    display: inline-block;
}

.page-content-area-info table, .page-sidebar-col table {
    border-collapse: collapse;
    margin: 0;
}

.websitesearch-list [class*='search-item'] {
    margin-bottom: 2em;
}

.websitesearch-list [class*='search-synopsis'], .websitesearch-list [class*='synopsis'] {
    display: block;
}

.websitesearch-list [class*='publish-on'],
.websitesearch-list [class*='modified-on'] {
    font-size: 11px;
    display: block;
}

.websitesearch-list [class*='synopsis'] {
    display: block;
}


.page-search-item img {
    display: inline;
    padding-right: 2px;
}


/* Accordion
----------------------------------------- */
.expand-heading {
    margin: 15px 0 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 8px 10px;
}

    .expand-heading.clicked {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
    }

    .expand-heading:hover {
        cursor: pointer;
    }

    .expand-heading:hover,
    .expand-heading.clicked {
        background-color: #f5f5f5;
    }

    .expand-heading:after {
        content: "+";
        float: right;
    }

    .expand-heading.clicked:after {
        content: "-";
    }

.expand {
    display: none;
    border: 1px solid #dbdbdb;
    border-top: none;
    border-radius: 5px;
    padding: 0 10px 8px;
}


/* -------------------------------------------------------------------------------------------------------------------------------
                                                    Plastic Helps template
------------------------------------------------------------------------------------------------------------------------------- */

div.plastic-helps {
    background-image: url(/Resource/Template/BPF/Wide/img/UN-Sustainable-Development-Goals.png);
    background-size: cover;
    margin-bottom: 20px;
}

article.plastic-helps p, article.plastic-helps li {
    font-size: 16px;
    text-align: justify;
}

#plasticbuttons img {
    width: 180px;
    margin: 20px;
}





.button-row-1, .button-row-2 {
    margin: 20px;
}

/*@media only screen and (min-width: 1250px) {
    #plasticbuttons .button-row-2 {
        margin-left: 30px;
        margin-right: 20px;
    }
}*/


#plasticbuttons .grid-item {
    text-align: center;
}


#plasticbuttons .individual img {
    width: 350px;
    margin: 20px;
}

@media only screen and (max-width: 500px) {
    #plasticbuttons .individual img {
        max-width: 100%;
        margin: 0;
    }

    #plasticbuttons img {
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

#small-button-row img {
    width: 99px;
}


#small-button-row {
    margin-bottom: 40px;
    text-align: center;
}


div.directory-list div.directory-search-item img {
    padding-right: 10px;
    padding-bottom: 5px;
    display: inline-block;
}
.field.distance {
    display: block;
}

fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    border: 1px solid #144773;
    clear: both;
    padding: 5px;
    margin: 0;
    display: block;
}

/* -----------------------------------------
   Content Search
----------------------------------------- */
.category-search-list-article [class$="-search-item"],
.category-search-list-page [class$="-search-item"],
#content-search-list [class$="-search-item"] {
    padding: 1em 0;
    border-bottom: 1px solid #cccccc;
}

    .category-search-list-article [class$="-search-item"]:last-of-type,
    .category-search-list-page [class$="-search-item"]:last-of-type,
    #content-search-list [class$="-search-item"]:last-of-type {
        border-bottom: 0;
    }

#content-search-list .article-search-item-title,
#content-search-list .article-website-search-publish-on {
    display: block;
}

#content-list-search input[type="submit"].content-list-search {
    float: right;
    margin-top: 4px;
    margin-right: 2px;
}

.category-search-list-article .article-search-item-title,
.category-search-list-page .page-search-item-title,
#content-search-list .article-search-item-title {
    font-size: 1.5em;
    line-height: 1.5em;
}

.category-search-list-article .article-website-search-synopsis,
.category-search-list-page .page-website-search-synopsis {
    display: block;
}

#content-search-list .article-website-search-synopsis {
}

#content-search-list .article-website-search-publish-on,
.content-feed-left .content-feed .content-feed-date {
    font-size: 0.9em;
    color: #959595;
    margin-bottom: 5px;
}

#content-search-list .article-website-search-thumbnail {
    display: inline-block;
    width: 27%;
    vertical-align: top;
}

    #content-search-list .article-website-search-thumbnail img {
        padding: 0.5em 1em 0.5em 0;
    }

#content-search-list .article-search-item-content {
    display: inline-block;
    max-width: 72%;
}

#content-search-list img[src=""] {
    display: none;
}


.groups-search-button {
    margin-top: 20px;
}






/* -------------------------------------------------------------------------------------------------------------------------------
                                                PLASTICS AND PACKAGING STYLES
------------------------------------------------------------------------------------------------------------------------------- */


/*
    Style Colours:
    #DBEFF6 - Light blue
    #1d1a31 - Dark gunmetal, black substitute

*/

/*h2{color:#F79321; font-size:24px;}
h3{color:#50A6C8; font-size:16px;}
h4{color:#545454; font-size:16px;}*/




body[id^="PlasticsPackagingGroup"] .page-content-area-info a {
    color: #50A6C8;
}

        body[id^="PlasticsPackagingGroup"] a:hover {
            text-decoration: none;
            color: #436d7e;
            /*line-height: 0px;*/
        }

    body[id^="PlasticsPackagingGroup"] p {
        color: #838382;
    }

    /*body[id^="PlasticsPackagingGroup"] #hard-head {
        box-shadow: none;
        margin-top: 0;
    }*/

    /*body[id^="PlasticsPackagingGroup"] #container {
        box-shadow: none;
        min-width: 0;
        width: 100%
    }*/

    /*body[id^="PlasticsPackagingGroup"] #header {
        background-color: #fff;
    }*/

    /*body[id^="PlasticsPackagingGroup"] .top-bar-section {
        border-top: 0;
    }*/

    /*body[id^="PlasticsPackagingGroup"] #Header_DropDownMenu,
    body[id^="PlasticsPackagingGroup"] #top-menu {
        border-top: 0;
        background-color: #DBEFF6;
    }*/

        /*body[id^="PlasticsPackagingGroup"] #top-menu.top-bar .title-area {
            background-color: #DBEFF6;
        }*/

        /*body[id^="PlasticsPackagingGroup"] #top-menu.top-bar.expanded .title-area {
            background-color: #436d7e;
        }*/

    /*body[id^="PlasticsPackagingGroup"] #header #company-logo img {
        min-width: 0;
    }*/

    /*body[id^="PlasticsPackagingGroup"] #top-menu .top-bar-section li > a {
        background-color: #DBEFF6;
        border-bottom: #DBEFF6;
        color: #70B6D2;
    }*/


    /*body[id^="PlasticsPackagingGroup"] #top-menu li > a:hover {
        color: #436d7e;
    }*/

    /*body[id^="PlasticsPackagingGroup"] .top-bar .toggle-topbar.menu-icon:hover span::after {
        box-shadow: 0 0 0 1px #436d7e, 0 7px 0 1px #436d7e, 0 14px 0 1px #436d7e;
    }*/

    /*body[id^="PlasticsPackagingGroup"] #top-menu .top-bar-section ul.header_menu {
        background-color: #DBEFF6;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }*/

    /*body[id^="PlasticsPackagingGroup"] #Header_DropDownMenu {
        background-color: #DBEFF6;
    }*/

    /*body[id^="PlasticsPackagingGroup"] #top-menu .top-bar-section ul li {
        float: none;
        display: inline-block;
    }*/




        /*body[id^="PlasticsPackagingGroup"] #top-menu .top-bar-section ul li ul.dropdown li > a {
            color: #fff;
        }*/


    body[id^="PlasticsPackagingGroup"] h1 {
        border-bottom: 0;
        color: #70B6D2;
    }

/*#ppg-home #main-heading h1 {
    padding-top: 10px;
}*/

/*body[id^="PlasticsPackagingGroup"] #main-content {
    min-height: 0;
    width: 100%
}*/


/*#page-content ul[class*="block-grid"] {
    margin-left: 0;
}*/

body[id^="PlasticsPackagingGroup"] #content-centre h3, body[id^="PlasticsPackagingGroup"] .page-content-area-info h3,
body[id^="PlasticsPackagingGroup"] .content-block h3 {
    text-align: center;
    background-color: #DBEFF6;
    color: #50A6C8;
    margin-top: 0;
    padding-top: 0.2em;
}

body[id^="PlasticsPackagingGroup"] #content-buttons h3, body[id^="PlasticsPackagingGroup"] .page-content-area-info h3 {
    background-color: #DBEFF6;
    /*padding: 0.3em 2em !important;*/
    /*text-align: left;*/
}

body[id^="PlasticsPackagingGroup"] #content-buttons h4 {
    background-color: #DBEFF6;
    padding: 0.3em 2em;
}


#ppg-home h4 {
    font-size: 1.7rem;
    font-weight: normal;
}





body[id^="PlasticsPackagingGroup"] .content-feeds ul {
    list-style: outside none;
    margin-left: 0;
}

body[id^="PlasticsPackagingGroup"] ul ul li:before {
    color: orange;
}

.content-feed .content-feed-heading {
    font-size: 24px;
    border-bottom: none;
}

#content-feed-right .content-feeds .content-feed-synopsis {
    font-size: 12px;
    color: #555;
}

#content-feed-right .content-feeds .content-feed-title {
    font-size: 16px;
}


.content-image img {
    margin-bottom: 15px;
}

.top-banner-area {
    padding: 0px;
}

    .top-banner-area img {
        padding: 0 0 50px;
    }


/* -------------------------------------------------------------------------------------------------------------------------------
                                                     VinylPlus STYLES
------------------------------------------------------------------------------------------------------------------------------- */
.Calibri-Italic {
    font-family: Calibri-Italic;
    font-weight: normal;
    font-style: normal;
}

.Calibri-BoldItalic {
    font-family: Calibri-BoldItalic;
    font-weight: normal;
    font-style: normal;
}

.Calibri-Bold {
    font-family: Calibri-Bold;
    font-weight: normal;
    font-style: normal;
}

.Calibri {
    font-family: Calibri;
    font-weight: normal;
    font-style: normal;
}

#vinyl article p,
#vinyl article a,
#vinyl article li,
#vinyl article div {
    font-family: Calibri, 'Open Sans', sans-serif;
    font-size: 18px;
}

#vinyl h5 {
    color: #d46543;
    font-size: 2rem;
    font-family: Calibri, 'Open Sans', sans-serif;
    font-weight: 700;
}

#vinyl #page-content #main-content h1 {
    color: #0069af;
    font-family: Calibri, 'Open Sans', sans-serif;
    font-weight: 700;
}

#vinyl hr {
    border-bottom: 1px solid #d46543;
}

#vinyl .navigation p {
    background: #1a9fe0;
    color: #fff;
    border-radius: 0;
    font-size: 18px;
    border-left: 10px solid #8dc641;
    padding: 10px 4px;
    margin: 10px;
    letter-spacing: 1px;
}

#vinyl .navigation a {
    color: #fff;
    font-size: 18px;
    font-family: Calibri, 'Open Sans', sans-serif;
    text-transform: uppercase;
}

#vinyl table tbody td {
    padding: 0;
}

#vinyl .joinus p {
    background: #faee38;
    border-radius: 0;
    font-size: 1.3em;
    padding: 10px 4px;
    margin: 2px;
    width: 150px;
}


#vinyl .applynow p {
    background: #91c740;
    border-radius: 0;
    font-size: 1.3em;
    padding: 5px 2px;
    margin: 2px;
    width: 150px;
}

/*#vinyl .joinus a,
#vinyl .applynow a {
    color: #fff;
    padding-left: 10px;
}*/

#googlemap {
    width: 200px !important;
    height: 250px !important;
    border: 1px solid #ccc;
    display: block;
}

#GoogleMap, .googleMap {
    border: 1px solid #ccc;
}

    #googlemap img, #GoogleMap img {
        max-width: none !important;
    }