/* debbiehickscounselling.co.uk */

/* fonts */
@font-face {
font-family: "Handlee";
src: url("/templates/shaper_helixultimate/fonts/Handlee-Regular.ttf");
}


a {font-weight:600;color:#005588;}

/* body */
#sp-main-body {padding: 0;}
.body-innerwrapper {background-image:url("/images/counselling-plymouth.jpg");}

/* logo */

.logo a{color:#84a666;line-height:50px; font-size:36px; font-family:'Raleway',Arial, Helvetica, sans-serif;text-shadow:1px 1px 0 #305212;
letter-spacing:1px;font-weight:500;}

/* slogan */
.dh_slogan {color: #678949;font-family: "Raleway",Arial,Helvetica,sans-serif;font-size: 30px;font-weight: normal;letter-spacing: 2px;
    line-height: 55px;padding: 0 0 10px;text-shadow: 1px 1px 0 #aaa;text-transform: none;}


/* menu */
.dh_m_menu {background:rgba(194, 228, 164, 0.35) none repeat scroll 0 0;}
.sp-megamenu-parent {margin:0 auto;}
.sp-megamenu-parent > li { margin-right: 20px;}
.sp-megamenu-parent > li > a {color: #0000ff;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {display: inline-block;font-size: 14px;line-height:40px;margin: 0;
    padding: 0 15px; text-transform: uppercase;}

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li.sfHover > a, .sp-megamenu-parent> .active > a,
 .sp-megamenu-parent .active > a:hover, .sp-megamenu-parent .active > a:hover
 {background:rgba(194, 228, 164, 0.35) none repeat scroll 0 0; color: #527434;border-bottom:2px solid #84a666;}
.sp-megamenu-parent > .active > a, .sp-megamenu-parent li.active > a
{font-size:14px;font-weight:500;color: #527434;border-bottom:3px solid #84a666;}
#offcanvas-toggler { height: 60px;}
.offcanvas-active .offcanvas-overlay { background: rgba(194, 228, 164, 0.35);}



/* typography */
h1, h2, h3 {margin: 20px 0;}

/* pages */
.aboutquote {
    background: rgba(194, 228, 164, 0.25) none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 1px 0 #bbb;
    color: #004600;
    font-family: "Handlee",Arial,sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    margin: 20px auto 30px;
    padding: 20px;
    position: relative;
    width: 75%;
}
 /* button about me */
.btnab {background: rgba(194, 228, 164, 0.35) none repeat scroll 0 0;border: 1px solid #cccddd;
border-radius: 4px;box-shadow: 2px 1px 1px #aaa;	color: #000;font-weight: normal;letter-spacing: 1px;padding: 5px 10px;}

.flower {background: rgba(194, 228, 164, 0.5) none repeat scroll 0 0;color: #527434;padding: 10px 20px;}
.flower p {text-shadow: 1px 1px 1px #fff;}
.flower a, .flower a:hover {color:#527434;font-weight:700;}


/* blockquote */
blockquote { position: relative; margin: 40px 20px 0; padding: 20px; background-color: #e9e9cb; border:1px solid #bbbbaf;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(187,187,187,.2); -webkit-box-shadow: 1px 1px 0  #bbb; -moz-box-shadow: 1px 1px 0  #bbb; -o-box-shadow: 1px 1px 0 #bbb }
blockquote p { color: #464646;font-size:1.25em;letter-spacing:1px;font-style: italic; font-family: 'Georgia', sans-serif; line-height: 1.8em;}
.aboutquote { position: relative; width:75%;margin: 20px auto 30px ; padding: 20px; background:rgba(194, 228, 164, 0.25) none repeat scroll 0 0;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(187,187,187,.2); -webkit-box-shadow: 1px 1px 0  #bbb; -moz-box-shadow: 1px 1px 0  #bbb; -o-box-shadow: 1px 1px 0 #bbb;
color:#004600;font-family:'Handlee', Arial, sans-serif;font-size:20px;letter-spacing:2px;}
.aboutquote p { color: #84a666;font-size:1em;font-style: italic; font-family: 'Georgia', sans-serif; line-height: 1.8em;} 

/* faqs */

.p1 {background:rgba(194, 228, 164, 0.35) none repeat scroll 0 0;color:#527434;font-weight:500;font-size:18px;
padding:10px;margin:5px 0;box-shadow:1px 1px 3px #aaa;text-transform:capitalize;} 
.p2 {margin:0;padding:10px;}




/* footer menu */
#sp-footer-menu ul {border-radius: 3px;float: none;text-align:center;margin:0;}
#sp-footer-menu {background: rgba(194, 228, 164, 0.7) none repeat scroll 0 0;margin: 0 auto 30px;width: 100%;}
#sp-footer-menu ul li {border-right: medium none;display: inline-block;font-family: "Sintony",Arial,Helvetica,sans-serif;height: 50px;
    list-style: outside none none;margin: 0 1px 0 0;padding: 0;position: relative;}
#sp-footer-menu ul li a {border-right: 1px solid #aaa;color: #527434;display: block;font-size: 16px;font-weight: 400;
    line-height: 12px;letter-spacing: 2px;margin: 20px 0;padding: 0 10px; text-decoration: none;text-transform: uppercase;
    transition: none 0s ease 0s ;}


#sp-footer, #sp-bottom {background: transparent none repeat scroll 0 0;color: #527434;font-size: 14px;padding: 0;margin-bottom:50px;}
.footer1, .footer2 {text-align: center;font-size:12px;}
.footer1 a, .footer2 a{color: #527434!important;font-weight:700;}


#sp-copyright {color: #527434;float: none;font-size: 16px;padding: 0;height:50px;margin: 0;text-align: center;}

#sp-coyright p {letter-spacing: 2px; margin: 10px 0;}

@media screen and (max-width: 530px) {
	#sp-copyright {font-size:12px;margin-bottom:10px;}
}
@media screen and (max-width: 991px) {
	div#sp-logo, #sp-header-slogan {text-align: center;}
	nav.sp-megamenu-wrapper.d-flex {float: right;margin-right: 40px;}
}