body.iframe header, 
body.iframe #header-top, 
body.iframe #header-bottom, 
body.iframe #footer-bottom, 
body.iframe #footer-top ,
body.iframe h1,
body.iframe #contact-blocks
 {
    display: none;
} 

body.iframe .progress-header {
    padding-top: 1rem;
}

.home-blocks .btn {
    background-color: #0c4da2;
}

.composite-address-input .submit-address {
    position: absolute;
    right: 0px;
    top: -1px;
    padding: 11px 10px 9px;
    height: 50px;
}

.markdown-container a:hover {
    color: white;
}

#checkout-payment .btn.btn-primary {
    margin-bottom: 16px;
}

.btn.btn-primary {
    color: white;
}

.btn.btn-primary:hover {
    color: #0c4da2;
}

.home-blocks button.incremental-element.btn.narrow:hover {
    color: #0c4da2;
    background-color: white;
}
.home-blocks button.incremental-element.btn.narrow {
    color: white;
    border: 1px solid white;
}

.allowed-tile .btn.narrow:hover {
    background-color: white;
    color: #0c4da2;
}

.allowed-tile .btn.narrow {
    background-color: #0c4da2;
    color: white;
}

.btn:hover {
    color: white;
}

.radio-button-strip label span:hover {
    color: white;
}

a.btn.card-link:hover {
    color: #0c4da2;
    background-color: white;
}

a.btn.card-link {
    color: white;
    border: 1px solid #ffffff;
}

/* PRIMARY */
.primary-tile,
.list-panel a,
.btn, 
.markdown-container a,
.radio-button-strip label span,
body .custom-calendar table.calendar-table td.today,
.composite-address-input .postcode-input,
.address-results label:hover,
.dialog-panel h3,
.btn.call-to-action:hover, 
.radio-button-strip label span.call-to-action:hover,
.composite-address-input .selected-address-summary,
.custom-calendar table.calendar-table td.isSelectable:hover .dayNum,
h1 .alt, h2 .alt, h3 .alt, h4 .alt, h5 .alt,
.custom-calendar .custom-calendar-nav .custom-calendar-nav-date .month h2,
button.btn.btn-primary:hover,
a.btn.btn-primary:hover,
.btn.btn-primary:hover, 
.markdown-container a.btn-primary:hover, 
.radio-button-strip label span.btn-primary:hover {
    color: #0c4da2;
}
.landing-root .list-panel.yellow,
.landing-root .list-panel,
.btn:hover, 
.markdown-container a:hover,
.radio-button-strip label span:hover,
.skip-capacity,
.radio-button-strip label [type=radio]:checked+span, 
.radio-button-strip label [type=radio]:active+span, 
.radio-button-strip label [type=radio]:focus+span,
body .custom-calendar table.calendar-table td.isSelectable,
.customcheck:checked~.customcheck-o,
.customcheck-label:hover>.customcheck-o,
.btn.call-to-action, 
.radio-button-strip label span.call-to-action,
.landing-root .list-panel a:hover,
.navbar,
.full-page-overlay .dialog-container .dialog-title,
.highlight,
#postcode-form .list-panel.yellow,
.radio-button-strip label [type=radio]:checked+span:hover, 
.radio-button-strip label [type=radio]:active+span:hover, 
.radio-button-strip label [type=radio]:focus+span:hover,
.custom-calendar table.calendar-table td.isSelectable:hover,
button.btn.btn-primary,
a.btn.btn-primary,
.success-block,
.btn.btn-primary, .markdown-container a.btn-primary,
.radio-button-strip label span.btn-primary,
#header-bottom,
#footer-bottom,
#menu,
.home-blocks .card,
.home-blocks .tile,
.progress-header ul.breadcrumb li.current:after,
.header-block {
    background-color: #0c4da2;
}


/* COMMENT OUT IF ICONS ARE IMAGES */
/*#waste-form img,
#container-form:not(.container-info) img,
#site-form img,
#skip-form img {
	border-radius: 100%;
	border-color: #0c4da2;
	background-color: #0c4da2;
}*/


.btn, 
.markdown-container a,
.radio-button-strip label span,
.border-left,
.customcheck:checked~.customcheck-o,
.customcheck-o,
table.table th.sortable:hover,
.landing-root .panel-sign-in .list-panel a, 
.landing-root .panel-sign-in .list-panel a:hover,
body .custom-calendar table.calendar-table td,
#footer-top,
#header-top {
    border-color: #0c4da2;
}

/* WHITE */
.landing-root .list-panel h3,
.landing-root .list-panel p,
.skip-capacity,
.customcheck~.customcheck-o .fa-check,
#postcode-form .list-panel.yellow,
#postcode-form .list-panel.yellow h1,
#postcode-form .list-panel.yellow h2,
#postcode-form .list-panel.yellow h3,
#postcode-form .list-panel.yellow h4,
#postcode-form .list-panel.yellow h5,
#postcode-form .list-panel.yellow h6 {
    color: #fff;
}
.landing-root .list-panel a,
.btn.call-to-action:hover, 
.radio-button-strip label span.call-to-action:hover,
.landing-root .panel-sign-in .list-panel,
a.btn.btn-primary:hover,
button.btn.btn-primary:hover,
.btn.btn-primary:hover, .markdown-container a.btn-primary:hover, .radio-button-strip label span.btn-primary:hover {
    background-color: #fff;
}
.landing-root .list-panel a,
.landing-root .list-panel a:hover {
    border-color: #fff;
}

.home-blocks .tile,
.home-blocks .tile h1,
.home-blocks .tile h2,
.home-blocks .tile h3,
.home-blocks .tile h4,
.home-blocks .tile h5,
.home-blocks .tile h6 {
    color: #fff;
    border-radius: 10px;
}

/* BLACK */
.panel-sign-in .panel-text,
.panel-sign-in .list-panel h3,
.panel-sign-in .list-panel p,
.wheely-bins,
.progress-header h1,
ul.breadcrumb li a,
.progress-header span {
    color: #303030;
}

/* YELLOW */
.custom-calendar table.calendar-table td.isSelectable:hover {
    background-color: #ffff00;
}


/* REPLACE WHEELY BIN WITH BIN BAGS */
.wheely-bins {
    background-image: url('https://shop.portlandskips.co.uk/image/BAG-QTY.png?v=b5ad1624&s=0');
    background-size: contain;
    background-position: center center; 
    color: #fff;
    padding-left: 4px;
}


/* HIDE PROGRESS ICON */
.progress-image {
	display: none;
}


/* FONT */
body, h1, h2, h3, h4, div, span, li, ul, button, input, textarea, a, select, label {
    font-family: 'Poppins', sans-serif;
}
#postcode-form .list-panel.yellow {
    font-size: 14px;
}
#postcode-form .list-panel.yellow h3 {
    font-size: 18px;
}
@media screen and (max-height: 500px) and (min-width: 800px) {
    .desktop-landscape h3 {
        font-size: 18px; 
    }
}



/* CENTER BREADCRUMBS */
.progress-header {
    text-align: center;
}
.progress-header .flex-row {
    justify-content: center;
}


/* CUSTOM CUSTOMER */
.category-select-template {
  width: 13rem;
}
.progress-header,
.page-title {
	background-color: rgba(234,234,234,0.37);
}





/* TO GO TO ROB'S */
h2 {
    margin-bottom: 15px;
}
@media screen and (max-width: 460px) {
	.narrow-template .flex-col .skip-capacity {
		width: 60px;
        height: 60px;
	}
    .narrow-template .image-col img {
        max-width: 150px;
    }
}



/* CMS CSS */

#footer-top,
#header-top  {
	border-top-width: 2px;
	border-top-style: solid;
}
#header-bottom .container {
	padding: 0;
}
#header-top .container {
	padding-top: 5px;
	padding-bottom: 5px;
}
.head-contact,
#head-menu {
	display: flex;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
}
.head-contact .block img {
	width: 20px;
}
#head-menu .block:last-child {
	flex-grow: 2;
	text-align: right;
}
#content {
	padding-bottom: 50px;
}
#footer-top {
	background-color: rgba(234,234,234,0.37);
	margin-top: 60px;
}
#header-top {
	background-color: #525159;
	padding-top: 1px;
	padding-bottom: 1px;
}
#header-top,
#header-bottom,
#footer-bottom,
#menu {
	color: #fff;
}
.centre_align {
	text-align: center;
}
.contact_icons {
	background-color: #efefef;
	border-radius: 30px;
	text-align: center;
}
.textwidget,
.contact_icons {
	display: flex;
	flex-direction: column;
}
.contact_icons img {
   align-self: center;
	margin-bottom: 15px;
}
section:not(#header-top):not(#header-bottom) .container:not(.page-title) .row {
	padding-top: 20px;
	padding-bottom: 30px;
}
.textwidget img {
	width: 20px;
	margin-right: 5px;
}
#footer-bottom h3 {
	margin-bottom: 30px;
}
h3,
iframe {
	margin-bottom: 10px;
}
iframe {
	border: 2px solid #fff;
}
.openingtimes td {
	padding-bottom: 10px;
}
.openingtimes td:first-child {
	text-align: right;
	padding-right: 5px;
}
.head-contact h3 {
	text-transform: uppercase;
	font-size: 14px;
	margin: 5px 0 0 0;
}
.head-contact {
	color: #fff;
}
.page-title .row {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}
#content img {
	max-width: 100%;
}
.rowid-1 img {
	margin-bottom: 10px;
}
body {
    min-width: 320px;
}
.header-block {
    color: #fff;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* QUOTE ENQUIRY PAGE */

section#quote-info ~ section#contact-blocks {
display: none;
}

/* FOOTER MIDDLE SECTION*/

.middle-footer-item{
text-align:center;
}

@media screen and (min-width: 1600px) {
    .header-block h3,
	.homepage-block h3 {
        font-size: 40px;
    }
    .header-block p,
	.homepage-block p,
    .header-block h3,
	.homepage-block h3 {
        padding-bottom: 30px;
    }
    .header-block p,
	.homepage-block p,
    .header-block .btn,
	.homepage-block .btn {
        font-size: 20px;
    }
}
@media screen and (min-width:992px) and (max-width: 1600px) {
   .product-row .card-footer table tr {
        display: flex;
        flex-direction: column;
    }
    .product-row .card-footer table tr td {
        width: auto !important;
    }
    .product-row .card-footer table tr td .text-right {
        text-align: left !important;
    }

    .header-block h3,
	.homepage-block h3 {
        font-size: 30px;
    }
    .header-block p,
	.homepage-block p,
    .header-block h3,
	.homepage-block h3 {
        padding-bottom: 20px;
    }
    .header-block p,
	.homepage-block p,
    .header-block .btn,
	.homepage-block .btn {
        font-size: 18px;
    }
}
@media screen and (max-width:991px) {
    section:not(#header-top) .col {
        margin-bottom: 20px;
    }
}
iframe {
    max-width: 100%;
}
.background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#header-bottom .large-nav .nav-link {
    text-transform: uppercase;
}
@media screen and (min-width: 1010px) {
    .nav-link {
        font-size: 18px;
    }
}
.home-header {
    background-image: url('https://shop.portlandskips.co.uk/image/Portland%20Stone%20Order%20Skips%20Grabs%20Aggregate%20Online%20Delivery%20Dorset%20Weymouth%20Bridport.jpg?v=c18b1e16&s=1');
}
.center-block {
    flex-grow: 1;
}

.head-contact .block:not(:first-child) img {
    margin-right: 5px;
}

@media screen and (max-width: 1040px) {
    .user-name {
        display: none;
    }
}
@media screen and (max-width: 860px) {
    .head-contact .block {
        flex-grow: unset;
    }
}
@media screen and (max-width: 991px) {
    .large-nav {
        display: none;
    }
    #head-menu {
        flex-direction: column;
        align-items: stretch;
    }
    #head-menu .block {
        text-align: center;
    }
    #head-menu .fa-bars:before {
        color: #fff;
    }
	.openingtimes {
		width: 100%;
	}
	.openingtimes td:last-child {
		text-align: left;
	}
    .head-contact {
       justify-content: space-between;
    }
	#header-top .navbar {
	    background-color: #525159;
	}
	#header-top .navbar .fa-bars:before {
	    color: #fff;
	}
	#header-top .col-12 {
	    padding-left: 0;
	    padding-right: 0;
	}
}
@media screen and (min-width: 992px) {
    section#homeheader .row{
        padding-top: 200px !important;
        margin-bottom: -150px;
    }
    section#homeheader {
        margin-bottom: 150px;
    }
    .mobile-nav {
        display: none;
    }
	.large-right .openingtimes {
		float: right;
	}
	.large-right {
		text-align: right;
	}
	.head-contact .block {
		padding-right: 30px;
	}
}
#head-menu .mobile-nav .nav-item {
    text-align: left;
}
.artificial-grass {
	background-image: url('https://shop.portlandskips.co.uk/image/Portland%20Stone%20-%20Buy%20Artificial%20Grass%20Astro%20Turf%20Online%20-%20Weymouth%20Dorset.jpg?v=4c878e7&s=1');
}
.mw-500 p {
    max-width: 500px;
}
.mw-500 p {
    max-width: 500px;
}
img {
	max-width: 100%;
}
section#footer-bottom ul li a.nav-link {
    padding-left: 0;
}
section#footer-bottom ul li:first-child a.nav-link {
    padding-top: 0;
}
.home-blocks {
    padding-bottom: 20px;
}
.home-blocks .card {
    color: #fff;
	box-shadow: 0 0 10px #000;
}
.contact_icons:hover {
    background-color: #dcdbdb;
}
.card-body {
    padding-bottom: 0;
}
.card h4 {
    font-weight: bold;
    color: #0c4da2;
}
.background-panel {
    background-color: #eaeaea;
}
.card h4 i {
    display: none;
}
/* .card-footer td:nth-child(3) {
    display: none;
} */
@media screen and (max-width: 1200px) {
    .container {
        width: 100%;
    }
}
#header-bottom .row {
    margin-right: 0;
    margin-left: 0;
}


/* HOMEPAGE IMAGE */
.homeimage {
    /*position: absolute;*/
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.homeimage img {
	width: 100%;
}
.home-header {
    background-image: none !important;
}
@media screen and (min-width: 992px) {
section#homeheader .row {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}
}
.home-blocks .card {
    box-shadow: 0 0 0 #000;
}
@media screen and (min-width: 992px) {
section#homeheader {
    margin-bottom: 0 !important;
}
}
#header-bottom:after {
     font-family: "Font Awesome 5 Free", Helvetica, Arial, Verdana, sans-serif;
    /*content:"£15 off all online orders over £100. Enter discount code BLACKFRIDAY";*/
    content: "£10 off all online orders over £100. Enter discount code 28YEARS";
    /*content: "  Use discount code ITSCOMINGHOME for £15 off orders over £120 for as long as England are in the competition";*/
    width: 100vw;
    background-color: yellow;
    padding: 10px 20px;
    text-align: center;
    display: block;
    font-size: 26px;
    color: #0c4da2;
    font-weight: bold;
    border-top: 2px solid #0c4da2;
    line-height: 35px;
    max-width: 100%;
    box-sizing: border-box;
    border-bottom: 2px solid #0c4da2 !important;
}
h3.headline {
    text-align: center;
    margin-top: 20px;
}
#google-row {
    margin-bottom: 50px;
    margin-top: 50px;
}
#footerbottom img {
    width: 100%;
}
.radio-button-strip label [type=radio]:checked, .radio-button-strip label [type=radio]:active, .radio-button-strip label [type=radio]:focus {
    background-color: #0c4da2 !important;
}

.radio-button-strip label span {
    display: block;
}

#product-context .radio-button-strip label span {
    padding-bottom: 20px;
}

.radio-button-strip label [type=radio]:checked, .radio-button-strip label [type=radio]:active, .radio-button-strip label [type=radio]:focus {
    background-color: #0c4da2 !important;
}

.radio-button-strip label span {
    display: block;
}

#product-context .radio-button-strip label span {
    padding-bottom: 20px;
}

.radio-button-strip label [type=radio]:checked+span:hover {
    border: 1px solid #0c4da2;
}

#waste-form > div:nth-child(6) > div:nth-child(1) {
    margin-bottom: 20px;
}

#disallowed-items-dialog img {
    display: block;
    min-width: 82px;
}

#disallowed-items-dialog .col-9 {
    padding-left: 24px;
}

#container-form .narrow-template div.flex-row.image-col {
    width: min-content;
}

#container-form .narrow-template div.flex-row.image-col img {
    width: 34%;
    top: 36px;
}

#container-form > div:nth-child(9) > div:nth-child(1) > div > div.markdown-container {
    margin-bottom: 40px;
}

#review-form div.dialog-title > h2:nth-child(3) {
    min-width: auto !important;
    text-align: center !important;
}

#review-form div.dialog-body {
    padding-bottom: 0px;
    margin-bottom: 20px;
}

#review-form div.dialog-body > div.row > div:nth-child(4) {
    padding-bottom: 0px !important;
}

#review-form div.dialog-body > div.row > div:nth-child(4) > div > div:last-child {
    padding-bottom: 150px !important;
}

#review-form .dialog-footer {
    margin-top: -140px;
    background-color: white;
    z-index: 0;
    position: sticky;
    height: 120px;
    border-radius: 0px 0px 15px 15px;
}