/* ------------------------------------------------------------------
   custom.css - additions for dynamic (PHP) parts that are not in the
   original HTML design. Uses the same colours / fonts as style.css.
------------------------------------------------------------------- */

/* footer testimonials slider (bxSlider) */
#test-slider .bx-wrapper { margin: 0; box-shadow: none; border: 0; background: transparent; }
#test-slider ul.testimonial-list { list-style: none; margin: 0; padding: 0; }
#test-slider ul.testimonial-list li { list-style: none; }

/* home - recent blog */
.blog .blog-thumb { width: 100%; height: 186px; object-fit: cover; }
.blog .blogtitle a { color: inherit; }
.blog .blogtitle a:hover { color: #ffb018; text-decoration: none; }

/* blog sidebar & listing */
#sidebar2 .search-wrap { margin: 0 0 30px; }
#sidebar2 .blog-side-thumb { width: 55px; height: 55px; object-fit: cover; }
.blogarticle .img img { width: 100%; }
.blogarticle:after { content: ""; display: table; clear: both; }
.pagination li.active a { background-color: #ffb018; color: #fff; border-color: #ffb018; }
.blog-comments { margin-top: 40px; border-top: 1px solid #c6c6c6; padding-top: 20px; }
.blog-comments h5 { font-size: 20px; text-transform: uppercase; margin-bottom: 20px; }
.blog-comment { border-bottom: 1px solid #eee; padding: 15px 0; }
.blog-comment-name { color: #ffb018; font-size: 16px; margin-bottom: 5px; }
.blog-comment-text, .blog-comment-text p { color: #727272; line-height: 24px; }

/* CMS / rich text content coming from the admin editor */
.cms-content { color: #727272; line-height: 28px; }
.cms-content p { margin-bottom: 15px; }
.cms-content h1, .cms-content h2, .cms-content h3, .cms-content h4 { color: #000; margin: 20px 0 10px; }
.cms-content img { max-width: 100%; height: auto; }
.privacydata.cms-content > div.privacydata { width: 100%; padding: 0; }
.privacypage.cmspage { padding-top: 80px; padding-bottom: 40px; min-height: 0; }
.privacypage.policypage { min-height: 0; padding-bottom: 60px; }
.cms-quote { border-left: 4px solid #ffb018; font-size: 26px; line-height: 34px; color: #000; padding: 10px 0 10px 25px; margin: 0; }
.cmspage .continue { margin: 40px auto; }
.cms-more .continue { margin: 30px auto 20px; display: inline-block; padding: 15px 40px; width: auto; }
.cmspage .continue { width: 100%; max-width: 373px; }

/* price plan: centre the columns when there are less than 6 standards */
@media (min-width: 992px) {
	.price-first-col.price-cols-5 { margin-left: 8.3333%; }
	.price-first-col.price-cols-4 { margin-left: 16.6667%; }
	.price-first-col.price-cols-3 { margin-left: 25%; }
	.price-first-col.price-cols-2 { margin-left: 33.3333%; }
	.price-first-col.price-cols-1 { margin-left: 41.6667%; }
}
.priceplantext { padding: 50px 0; }

/* contact form errors */
.form-errors { background: #fff4e0; border: 1px solid #ffaf18; color: #8a5a00; padding: 12px 15px; margin-bottom: 10px; }

/* place order form */
.place-order-form { padding: 80px 0 60px; }
.place-order-form h2 { font-size: 40px; text-transform: uppercase; margin-bottom: 30px; }
.place-order-form h2.header-center { text-align: center; margin: 50px 0 10px; font-size: 32px; }
.place-order-form .contactform { padding: 40px; }
.common-label { display: block; margin: 20px 0 0; font-weight: normal; color: #494d4e; font-family: "robotoregular", sans-serif; }
.common-label + .contactinputtxt, .common-label + .contacttxtarea { margin-top: 8px; }
select.contactinputtxt { padding-left: 10px; font-size: 16px; }
.form-note { margin-top: 20px; font-size: 13px; line-height: 20px; }
.place-order-form .contactsubmitbtn { margin-top: 40px; }

/* order summary (place_order.php) */
.pricingplan-main { padding: 60px 0; }

/* track order */
.trackorderstatustxt .orange { color: #ffaf18; }
.trackorderstatustxt .green  { color: #3c9a5f; }
.trackorderstatustxt .red    { color: #d0021b; }

@media (max-width: 767px) {
	.minimumwidth { width: 100%; padding: 30px 15px; }
	.place-order-form .contactform, .contactform { padding: 25px 15px; }
}

/* price plan: keep 2-digit prices and long standard names on one line */
.priceplanarea .pricetxt { width: 55%; }
.priceplanarea .pricevalue { width: 45%; font-size: 18px; white-space: nowrap; }
.priceplanarea .pricevalue .currency { font-size: 14px; }
.priceplanarea .pricecontainer > div:after { content: ""; display: table; clear: both; }
.priceplanarea .title { font-size: 20px !important; line-height: 22px; padding-left: 5px; padding-right: 5px; }
.priceplanarea .note p { color: #fff; }