/*
Theme Name: Toast Theme HTML5 - Columns
Description:  The Toast Theme. Lightweight, tasty and totally awesome.
Author: David Foreman // Charlotte Brown
Copyright: David Foreman & Charlotte Brown 2018 All rights reserved. // DO NOT REMOVE THIS COPYRIGHT NOTICE
Date: March 2018
Version: 5.0-2018
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: Toast
Tags: HTML 5, one-column, two-columns, right-sidebar, lots of other goodness
*/

#wpadminbar li.toast-support a { background: #ff8f2b; }
#wpadminbar li.toast-support a:hover { background: #666; }

.call-out {
    background: #f18a15;
    padding: 3rem 3rem 1rem;
    margin-bottom: 2rem;
    color: #fff;
}

.temp-notice {
    background: red;
    text-align: center;
    color: #fff;
    padding: 1rem;
    font-size: 2rem;
}

.temp-notice a {
    font-weight: 600;
    color: #fff;
}
.temp-notice a:hover {
	opacity:0.6;
	color: #fff;
}

/**Scroll Contact Details**/
.scroll-contact-details{opacity:0;pointer-events:none;position: fixed;top:50%;right: 10px;background:#fff8e1;border: 4px solid #ff8f2b;transform:translatey(-0%);transition:all .5s;padding:1.5rem;text-align:right;z-index:99999999;}
.scroll-contact-details.active{opacity:1;pointer-events:all;transform:translatey(-50%);}

.scroll-contact-details .phone span{color:#868686;font-size:2rem;}
.scroll-contact-details .phone{font-size:4rem;}

@media(max-width:768px){
	.scroll-contact-details{top:auto;bottom:10px;transform:translatey(50px);}
	.scroll-contact-details.active{transform:translatey(0)}
}

@media(max-width:550px){
.scroll-contact-details{width:calc(100% - 20px);box-sizing:border-box;padding:1rem;text-align:center;border:2px solid #ff8f2b}
.scroll-contact-details .phone span{color:#868686;}
.scroll-contact-details .phone{font-size:8vw;}
}

/* .row { border: 1px solid pink; background: pink; } */
.wrapper { border: 1px solid orange; background: orange; padding: 2rem 0; }

.same-height{clear:both;overflow:hidden}

.three.columns.post-logo img {
    border: 1px solid #eee;
    margin-bottom: 3em;
}

/* Base Styles
*************************************************/
/* NOTE
html is set to 62.5% so that all the REM measurements throughout the theme
are based on 10px sizing. So basically 1.5rem = 15px :) */

html { font-size: 62.5%; }

body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-family: Montserrat;
	font-weight: 400;
	color: #868686;
	margin: 0;
	padding: 0; 
	}

.page-id-198 .footer-wrapper {
    margin-top: 0rem;
}

.columns.push-right, .column.push-right { float: right; }
.columns.push-left, .column.push-left	{ float: left; }

.dhf-logo {
    max-width: 100px;
    width: 100%;
    height: auto;
    float: right;
    display: inline-block;
}

header .table .right-side .contacts .social-icons {
    display: none;
}

header .table .right-side .contacts .phone span{
    font-size: 2rem;
    color: #868686;
}

header .table .right-side .contacts .email span {
    color: #868686;
}

header .table .right-side .contacts .phone {
    font-size: 4rem;
}

header .table .right-side .contacts {
    display: inline-block;
    padding: 0.5em;
}

.site-footer .contacts .phone span, .site-footer .contacts .email span {
    display: none;
}

blockquote {
    background: #fbd3b4;
    margin: 0em 0em 2em 0em;
    padding: 2em 2em 1em 2em;
    color: #666;
}

/*	Header
*************************************************/

ul.slick-dots {
    display: none!important;
}

.logo-slider {
    width: 100%;
    height: auto;
    margin-top: 5em;
}

header#masthead .container {
    padding: 1em 0;
}

a.logo img { width: 90%; height: auto; vertical-align: bottom; }
header ul { padding: 0; margin: 0; list-style-type: none; }
header ul li { display: inline; }
header .contacts {}
.social-icons a { margin-left: 1rem;}

.phone {
    font-weight: bold;
}

.fa {
    background: #3a6a9e;
    background: -moz-linear-gradient(45deg, #3a6a9e 0%, #55beef 100%);
    background: -webkit-linear-gradient(45deg, #3a6a9e 0%,#55beef 100%);
    background: linear-gradient(45deg, #3a6a9e 0%,#55beef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6a9e', endColorstr='#55beef',GradientType=1 );
    padding: 0.45em 0.25em;
    width: 20px;
    height: auto;
    text-align: center;
    margin-top: 0.25em;
}

.gform_confirmation_wrapper {
    border: 5px solid #ff8f2c;
    padding: 2rem;
    color: #ff8f2c;
}

a .fa {
    color: #fff;
}

a .fa:hover {
opacity:0.6;
}

a.button.cta {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.row.supplier-logos img {
    border: 1px solid #ccc;
    padding: 0.5em;
    margin-bottom: 1em;
}

.row.supplier-logos img:hover {
    opacity: 0.8;
}

.four.columns.services img, .three.columns.services img {
    margin-bottom: 2rem;
}

.twelve.columns.important-info {
    border: 5px solid red;
    padding: 2rem 2em 0em 2em;
    margin-bottom: 3rem;
}

.twelve.columns.important-info ol li {
    color: red;
    font-weight: bold;
}

/* Home 									*
************************************************/

ul#testimonialsfade li blockquote {
    color: #fff;
    background: none;
    font-size: 2.0rem;
}

.three.columns.accreditation img {
    border: 1px solid #eee;
}

.ksp-layer.ksp-text-layer {
    text-align: center;
}

.container.wrap {
    padding: 8rem 0rem 1rem;
}

.container.wrap-top {
    padding-top: 8rem;
}

.container.wrap-bottom {
    padding-bottom: 8rem;
}

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

h1.home-title {
    font-size: 3.6rem;
    text-align: center;
}

.three.columns.services, .four.columns.services {
    text-align: center;
}

.blue-banner {
    text-align: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a6a9e+0,55beef+100 */
background: #3a6a9e; /* Old browsers */
background: -moz-linear-gradient(45deg, #3a6a9e 0%, #55beef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #3a6a9e 0%,#55beef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #3a6a9e 0%,#55beef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6a9e', endColorstr='#55beef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 8rem 0rem;
    color: #fff;
}

.orange-banner {
    text-align: center;
    background: #ed6f3a;
    background: -moz-linear-gradient(45deg, #ed6f3a 0%, #f29100 100%);
    background: -webkit-linear-gradient(45deg, #ed6f3a 0%,#f29100 100%);
    background: linear-gradient(45deg, #ed6f3a 0%,#f29100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6f3a', endColorstr='#f29100',GradientType=1 );
    padding: 8rem 0rem;
    color: #fff;
}

.blue-banner a.button:hover {
    background: #fff;
    color: #3a6a9e;
}

ul#testimonialsfade {
    list-style: none;
}

.four.columns.services img {
    width: 100%;
    height: auto;
}

.three.columns.services img {
    width: 100%;
    height: auto;
}

/* Child Page 									*
************************************************/

.quote-box {
    background: #3a6a9e;
    background: -moz-linear-gradient(45deg, #3a6a9e 0%, #55beef 100%);
    background: -webkit-linear-gradient(45deg, #3a6a9e 0%,#55beef 100%);
    background: linear-gradient(45deg, #3a6a9e 0%,#55beef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6a9e', endColorstr='#55beef',GradientType=1 );
    padding: 3rem;
    color: #fff;
	    margin-bottom: 4rem;
}

.quote-box h6, .contact-box h6 {
    font-weight: 500;
}

.quote-box ul, .child-menu-box ul {
    list-style: none;
	padding:0;
}

.contact-box {
    background: #ed6f3a;
    background: -moz-linear-gradient(45deg, #ed6f3a 0%, #f29100 100%);
    background: -webkit-linear-gradient(45deg, #ed6f3a 0%,#f29100 100%);
    background: linear-gradient(45deg, #ed6f3a 0%,#f29100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6f3a', endColorstr='#f29100',GradientType=1 );
 padding: 3rem;
    color: #fff;}

.contact-box a.button {
    background: #fff;
    color: #f29100;
}

.contact-box a.button:hover {
    opacity: 0.8;
}

.contact-box a {
    color: #fff;
    font-weight: 600;
}

.contact-box a:hover {
	opacity: 0.8;
	color: #fff;
}

.contact-box, .child-menu-box {
    margin-bottom: 3rem;
}

.child-menu-box {
	    background: #444444;
    background: -moz-linear-gradient(45deg, #444444 1%, #868686 100%);
    background: -webkit-linear-gradient(45deg, #444444 1%,#868686 100%);
    background: linear-gradient(45deg, #444444 1%,#868686 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#868686',GradientType=1 );
	 padding: 3rem;
    color: #fff;
}

.child-menu-box ul li a {
    color: #fff;
	font-weight: 500;
}

.child-menu-box ul li a:hover {
    opacity: 0.8;
}

.page-banner {
    background: rgba(237, 111, 58, 0.5);
    background: -moz-linear-gradient(45deg, #ed6f3a 0%, #f29100 100%);
    background: -webkit-linear-gradient(45deg, rgba(237, 111, 58, 0.5) 0%,rgba(242, 145, 0, 0.5) 100%);
    background: linear-gradient(45deg, rgba(237, 111, 58, 0.50) 0%,rgba(242, 145, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6f3a', endColorstr='#f29100',GradientType=1 );
    margin-bottom: 4rem;
}

.page-banner h1 {
    margin-bottom: 0rem;
    padding: 3rem 0rem;
    color: #fff;
}

.container.members {
    text-align: center;
}

.container.members img {
    width: 250px;
    height: 250px;
    object-fit: cover;
	margin-bottom: 1rem;
}

.container.members .four.columns {
	margin-left: 2%;
	margin-bottom: 4rem; }

.six.columns.contact-map {
    overflow: hidden;
}

/* Downloads								*
************************************************/

ul.dlm-downloads {
    padding: 0!important;
    list-style: none;
}

ul.dlm-downloads li {
    margin: 0 20px 10px 0;
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.download-box {
    width: 100%;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    margin: 1em auto;
    box-shadow: none;
	box-sizing:border-box;
padding: 1em;
}

.download-box img.wp-post-image {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    height: auto;
}

.download-box .download-count {
    display: none;
}

.download-box .download-box-content {
    padding: 0 1em 1em;
}

.download-box-content h1 {
    font-size: 1em;
    line-height: 1.2;
    color: #f29100;
    padding-top: 1em;
}

a.download-button {
    background: #3a6a9e;
    background: -moz-linear-gradient(45deg, #3a6a9e 0%, #55beef 100%);
    background: -webkit-linear-gradient(45deg, #3a6a9e 0%,#55beef 100%);
    background: linear-gradient(45deg, #3a6a9e 0%,#55beef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6a9e', endColorstr='#55beef',GradientType=1 );
    border: none;
    box-shadow: none;
    text-shadow: none;
}

.download-button:hover {
    color: #fff;
    background: #3a6a9e;
}

.download-button small {
    display: none !important;
}

.right-sidebar-widget {
    background: #444444;
    background: -moz-linear-gradient(45deg, #444444 1%, #868686 100%);
    background: -webkit-linear-gradient(45deg, #444444 1%,#868686 100%);
    background: linear-gradient(45deg, #444444 1%,#868686 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#868686',GradientType=1 );
    padding: 3rem;
    color: #fff;
    margin-bottom: 3rem;
}

.right-sidebar-widget ul li a {color: #fff;}
.right-sidebar-widget ul li a:hover {color: #eee;}

.right-sidebar {
    margin-top: 3rem;
}

/* Navbar & Menus 									*
************************************************/

.top-nav 			{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed6f3a+0,f29100+100 */
background: #ed6f3a; /* Old browsers */
background: -moz-linear-gradient(45deg, #ed6f3a 0%, #f29100 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ed6f3a 0%,#f29100 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ed6f3a 0%,#f29100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6f3a', endColorstr='#f29100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-size: 1.5rem;   }
.top-nav ul 		{ margin: 0 auto; padding: 0 1.25rem; text-align: center;  }
.top-nav li 		{ display: inline-block; margin: 0; position: relative; /* this is needed in order to position sub menus */ }
.top-nav li a  		{ display: inline-block; padding: 2rem 1rem; color: #fff; line-height: 1; } /* Links on the main nav bar ONLY */
.top-nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { color: #fff; } /* Links on the dropdowns ONLY */
.top-nav li:hover a, .top-nav li.current_page_item a, .top-nav ul li.current_page_item ul li a:hover, .top-nav ul li.current-page-ancestor ul li a:hover,  .top-nav li.current-page-ancestor a { color: #fff; }
.top-nav li.current_page_item a { }
.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

/* Submenus Dropdowns
***********************************************/

.top-nav ul ul 				{ visibility: hidden; opacity: 0; zoom: 1; filter: alpha(opacity=50); -khtml-opacity: 0.5; position: absolute;	padding: 0;	top: 7rem; left: 0; width: 200px; background: rgba(241, 145, 0, 0.77); text-align: left; z-index: 9999999; -moz-transition-property: opacity, visibility; -webkit-transition-duration: .4s, 0s; transition-delay: 0s, .4s; }
.top-nav ul ul ul 			{ position: absolute;	padding: 0; top: 0; left: 200px; width: 200px; background: #999; text-align: left; z-index: 9999999; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ float: none; padding: 1rem; display: block; margin: 0; line-height: 1.2; color: #fff;  }
.top-nav ul ul li:hover a	{ color: #fff; }
.top-nav ul li:hover > ul 	{ visibility: visible; opacity: 1; zoom: 1; filter: alpha(opacity=100); -khtml-opacity: 1;  }

.top-nav li a:hover {
    opacity: 0.8;
}

.contact-box a.button:hover {
    opacity: 0.8;
    color: #f29100;
}

/**Archives**/
.archive-post{margin-bottom:3rem;}
.archive-post .left-side{width:200px;}
.archive-post .left-side img{width:100%;vertical-align:middle;}
.archive-post .right-side{padding-left:2rem;}
/* Drop Down Link styling
**************************************************/

/*.nav li.current_page_item a, .top-nav li.current_page_ancestor a, .top-nav ul li ul.sub-menu li.current_page_item a { color: yellow; }
.top-nav ul li.current_page_item ul.sub-menu li a, .top-nav ul li ul.sub-menu li a { color: red; }
.top-nav ul li.current_page_item ul.sub-menu li a:hover, .top-nav ul li ul.sub-menu li a:hover { color: green; }*/

/* Pagination
*************************************************/

/* Previous and Next pagination */
 a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { font-size: 1em; padding: .25em .5em; color: #fff; clear: both; -webkit-appearance: none; background: #ff8f2b; border: none; border-radius: 4px;}

a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover { background: #0092c8; border: 0px;   }
a.page-numbers:hover { background: #0092c8;  }

/* Current pagination link */
span.page-numbers.current { font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #0092c8; padding: .25em 1em; color: #fff; clear: both; -webkit-appearance: none; }



/* Grid
*************************************************/
.container, .with-sidebar { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.container.full-width { max-width: 100%; width: 100%; }
.container .container, .with-sidebar .container { width: 100%; max-width: 100%; }

.column, .columns { width: 100%; float: left; box-sizing: border-box; }
.row, section, .rowtitle { display: block; clear: both; }

.margin.top { margin-top: 10rem; }
.margin.bottom { margin-bottom: 10rem; }
.margin.both { margin-top: 10rem; margin-bottom: 10rem; }

/* For devices larger than 400px
***************************************************************/

@media (min-width: 400px) {
  	.container, .with-sidebar 										{ width: 85%; padding: 0; }
	.u-pull-right 									{ float: right; }
	.u-pull-left 									{ float: left; }

} /* End media query */

/* For devices larger than 550px
***************************************************************/

@media (min-width: 550px) {

	.container, .with-sidebar { width: 80%; }
	.column,.columns { margin-left: 4%; }
	.column:first-child, .columns:first-child { margin-left: 0; }

	.one.column,
	.one.columns                    		{ width: 4.66666666667%; 											}
	.two.columns                    		{ width: 13.3333333333%; 											}
	.three.columns							{ width: 22%;            											}
	.four.columns                   		{ width: 30.6666666667%; 											}
	.five.columns                   		{ width: 39.3333333333%; 											}
	.six.columns                    		{ width: 48%;            											}
	.seven.columns                  		{ width: 56.6666666667%; 											}
	.eight.columns                  		{ width: 65.3333333333%; 											}
	.four-fifths.columns,.four-fifths.column { width: 79.2%; 											}
	.nine.columns			          		{ width: 74.0%;          											}
	.ten.columns                    		{ width: 82.6666666667%; 											}
	.eleven.columns                 		{ width: 91.3333333333%; 											}
	.twelve.columns                 		{ width: 100%; margin-left: 0; 										}
	.one-third.column               		{ width: 30.6666666667%; 											}
	.two-thirds.column              		{ width: 65.3333333333%; 											}
	.one-fifth.column, .one-fifth.columns	{ width: 16.8%; /* removes the margin-left when over 2 rows */ 		}
  	.one-half.column                		{ width: 48%; }


  /* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }

} /* End media query */


/*	Footer
*************************************************/
.footer-wrapper { padding: 3rem 0; background: #444444;
    background: -moz-linear-gradient(45deg, #444444 1%, #868686 100%);
    background: -webkit-linear-gradient(45deg, #444444 1%,#868686 100%);
    background: linear-gradient(45deg, #444444 1%,#868686 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#868686',GradientType=1 );
	overflow: hidden; clear: both;     margin-top: 6rem; }
.footer-sub-wrapper {   padding: 1rem 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#111111+1,333333+100 */
background: #111111; /* Old browsers */
background: -moz-linear-gradient(45deg, #111111 1%, #333333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #111111 1%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #111111 1%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff; overflow: hidden; line-height: 2;     font-size: 80%; }
.footer-sub-wrapper li a { color: #fff; text-decoration: none; padding: 0 1rem; }
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.site-footer { clear: both; }
.site-footer a.logo { float: right; text-align: right; }
.site-footer a.logo img {
    width: 60%;
    height: auto;
    margin-bottom: 2rem;
    padding: 1em;
    background: #fff;
}
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block; line-height: 2; text-decoration: none; }
.site-footer ul li a:hover { color:#fff; }

/* Contacts */

.site-footer .contacts { text-align: right; color: #fff; }
.site-footer .contacts span { display: block; }

/* Sub footer */
.bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.bottom-menu ul li a { display: inline-block; line-height: 2; border: none; }

footer.site-footer h5 {
    color: #fff;
}

footer.site-footer .email a:hover {  color: #fff;
}

/* Parallax
************************************************/

.container.parallax { color: #fff; text-shadow: 0 .25rem 1rem rgba(0,0,0,.5); }
.container.parallax h3 { font-size: 3vw; }


/* Typography
*************************************************/
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 500; }
h1 { font-size: 3.6rem; line-height: 1.2; font-weight: 600; }
h2 { font-size: 3.0rem; line-height: 1.25; }
h3 { font-size: 2.4rem; line-height: 1.3;  }
h4 { font-size: 1.8rem; line-height: 1.35; }
h5 { font-size: 1.5rem; line-height: 1.5;  }
h6 { font-size: 1.2rem; line-height: 1.6;  }

strong {font-weight: 600;}

/* Larger than phablet */
@media (min-width: 550px) {
h1 { font-size: 3.6rem; line-height: 1.2; font-weight: 600; }
h2 { font-size: 3.0rem; line-height: 1.25; }
h3 { font-size: 2.4rem; line-height: 1.3;  }
h4 { font-size: 1.8rem; line-height: 1.35; }
h5 { font-size: 1.5rem; line-height: 1.5;  }
h6 { font-size: 1.2rem; line-height: 1.6;  }
}

p { margin-top: 0; }

.centered { text-align: center; }
.alignright { text-align: right; }
.justified { text-align: justify; }


/* Links
*************************************************/
a 			{ color: #ff8f2b; text-decoration: none; }
a:hover 	{ color: #333; }


/* Buttons
*************************************************/
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  padding: 1.5rem 1.5rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed6f3a+0,f29100+100 */
background: #ed6f3a; /* Old browsers */
background: -moz-linear-gradient(45deg, #ed6f3a 0%, #f29100 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ed6f3a 0%,#f29100 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ed6f3a 0%,#f29100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6f3a', endColorstr='#f29100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border: none;
color: #fff;
  cursor: pointer;
  box-sizing: border-box; 
    font-size: 0.8em;
font-weight: 500;}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#444444+1,868686+100 */
background: #444444; /* Old browsers */
background: -moz-linear-gradient(45deg, #444444 1%, #868686 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #444444 1%,#868686 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #444444 1%,#868686 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#868686',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
  outline: 0; }



/* Forms
*************************************************/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }

label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }

fieldset { padding: 0; border-width: 0; }

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body { display: inline-block; margin-left: .5rem;font-weight: normal; }


/* Lists
*************************************************/
ul { list-style: square inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; list-style-position: outside;
    padding-left: 1.8rem; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 2rem;  }
li { margin-bottom: 1rem; }


/* Code
*************************************************/
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }


/* Tables
*************************************************/
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }


/* Spacing
*************************************************/
button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }


/* Utilities
*************************************************/
.u-full-width 		{ width: 100%; box-sizing: border-box; }
.u-max-full-width 	{ max-width: 100%; box-sizing: border-box; }
.u-pull-right 		{ float: right; }
.u-pull-left 		{ float: left; }


/* Misc
*************************************************/
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }


/* Clearing
*************************************************/
.container:after, .row:after, .u-cf, .row:after { content: ""; display: table; clear: both; }
.row { clear: both;  }


/* Flexible Content Elements
***************************************************/
.align-centered			{ text-align: center; }
.align-right 			{ text-align: right; }
.align-center 			{ text-align: center; }
.align-justify 			{ text-align: justify; }


/*	Easing 
*************************************************/
a.button, a.button:hover, a.prev, a.next, a.page-numbers, li:hover a, li a { 

		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	 } 


/*	WordPress base Styles (content & images)
*************************************************/
.alignnone 								{ margin: 0; }
.aligncenter, div.aligncenter 			{ display: block; margin: 0 auto; }
.alignright 							{ float:right; margin: 0; }
.alignleft 								{ float: left; margin: 0; }
.aligncenter 							{ display: block; margin: 0; }
a img.alignright,
img.alignright 							{ float: right; margin: 0; max-width: 100%; }
a img.alignnone,img.alignnone 			{ margin: 0; max-width: 100%; }
a img.alignleft, img.alignleft			{ float: left; margin: 0; max-width: 100%; }
a img.aligncenter,
img.aligncenter  						{ display: block; margin-left: auto; margin-right: auto; }
.wp-caption 							{ background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: .25em .25em .75em; text-align: center;}
.wp-caption.alignnone 					{ margin: 0; }
.wp-caption.alignleft 					{ margin: 0; }
.wp-caption.alignright 					{ margin: 0; }
.wp-caption img 						{ border: 0 none; height: auto; margin: 0; padding: 0; width: auto; max-width: 100%; }
.wp-caption p.wp-caption-text 			{ line-height: 1; margin: 1em 0 0 0; padding: 1em; border-top: 1px solid #ff8f2b; border-bottom: 1px solid #ff8f2b; display: block; clear: both; }
p.wp-caption-text:before 				{ margin-right: .25em; content: "\f0aa"; font-family: FontAwesome; color: #ff8f2b; }
img.full-width-image					{ width: 100%; height: auto; margin: 0; padding: 0; }
img										{ max-width: 100%; height: auto; }


/**Aarons styles**/
.table{display:table;width:100%;table-layout:fixed;}
.table .left-side, .table .right-side{display:table-cell;vertical-align:middle;}
header .table .left-side{width:250px}
header .table .right-side{text-align:right;}

/**HTML font sizes**/
@media(max-width:400px){html{font-size:50%}}
@media (min-width:400px) and (max-width:550px){html{font-size:62.5%}}
@media(min-width:550px) and (max-width:768px){html{font-size:52.5%}}
@media(min-width:768px) and (max-width:1024px){html{font-size:50%}}
@media(min-width:1024px) and (max-width:1440px){html{font-size:55%}}
/***/

@media(max-width:350px){
	header .table .left-side{width:15rem}
}

@media(max-width:550px){
	/**Header**/
	.contacts{font-size:1.25rem;}
	.social-icons a{margin-left:0;}
	.social-icons a i{width:13px;}
	
	/**Homepage**/
	.container.wrap{padding: 8rem 20px !important;}
	
	/**Saved Styles**/
	.sidebar .child-menu-box, .sidebar .contact-box, .sidebar .quote-box{width:100%;box-sizing:border-box;}
	ul.dlm-downloads li{width:100% !important;box-sizing:border-box}
	.accreditation img{width:100%;}
	
}

@media(min-width:550px) and (max-width:768px){
	
	/***Saved styles**/
	.sidebar .child-menu-box, .sidebar .contact-box{width:48%;float:left;box-sizing:border-box}
	.sidebar .contact-box{margin-left:4%;}
	.sidebar .quote-box{clear:both;}
	
	
}

@media(max-width:768px){
	header .table .left-side, header .table .right-side{display:block;margin:0 auto;text-align:center;}
	header .table .left-side{width:100%;max-width:250px;padding:2rem 0;}
	header .dhf-logo, header .contacts{float:none;vertical-align:middle;}
	header .table .right-side .contacts .phone{font-size:3rem;}
	
	#header-navigation{display:none;}
	.services{width:100% !important;margin:0 auto 4% !important;max-width:350px;float:none;}
	.services img{display:block;margin:0 auto 4rem;}
	.services:nth-of-type(2n + 1){clear:both;margin-left:0;}
	
	/**Saved Styles**/
	.section-title{margin-bottom:5rem;}
	.sidebar-content, .sidebar{width:100% !important;margin-left:0 !important;}
	.sidebar-content{margin-bottom:5rem;}
	.wp-caption{width:100% !important;margin-bottom:2rem !important;}
	ul.dlm-downloads li{width:calc(50% - 20px);box-sizing:border-box}
	
	.site-footer h5{font-size:2rem;}
	.site-footer .columns{width:100%;text-align:center;margin-left:0;margin-bottom:5rem;}
	.site-footer .columns .logo, .site-footer .columns .contacts{text-align:center;clear:both;margin:0 auto;float:none;}
	.footer-sub-wrapper .columns{width:100%;margin-left:0;text-align:center;}
}

@media(max-width:1024px){
	.container{width:100%;padding:1em 20px !important;box-sizing:border-box;}
	
}