/*
	Theme Name: 	Help You Accountancy
	Description: 	Child theme
	Author: 		Jim Hawes - Opake Ltd.
	Template:   	generatepress
*/
/*
	Colours
	Green dark  #58a1a3
	Footer link: #c7dc44
	Footer link roll: #aec954
*/


/*  ====================================
    General settings
    ==================================== */
	h2 {
		line-height: 1.2em;
		margin: 20px 0 5px 0;
	}
	p {
		margin: 0 0 10px ;
		word-wrap: normal;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}
	#content ul {
		margin-left: 25px;
	}
	#content ul ul {
		margin-top: 15px;
	}
	#content li {
		margin: 0 0 10px 0;
	}

/*  ====================================
    Header
    ==================================== */
	/*Contact Information Panel*/
	#headerDetails {
		float: right;
	}		
	#headerBanner {
		color: #686767;
		text-align: right;
		margin-top: 15px;
		line-height: 22px;
		font-size: 14px;
	}
	#headerBanner p, #headerBanner a {
		color: #686767;
		text-align: right;
		margin: 0;
	}
	#headerBanner span {
		color: #58a1a3;
		margin-right: 5px;
	}
	#headerBanner a:hover {
		color: #58a1a3;
		text-decoration: underline;
	}	
	#headerSocials a{
		margin-left: 5px;
	}
	
/*  ====================================
	Footer
	==================================== */
	.footer-area {
		border: none;
		background-color: #8c8989;
		color: #fff;
    	padding: 10px 50px;
		max-width: 1100px;
		margin: 0 auto;
	}
	
/*  ====================================
	Login and Copyright details
	==================================== */
	#footerLogin {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0px 40px;
		clear: both;
	}
	#footer-links {
		float: left;
	}
	#footer-links a{
		color: #ccc !important;
		font-size: 11px;
		list-style: none outside none;
	}
	#footer-links a:hover{
		color: #c7dc44  !important;
	}
	#siteCopyright {
		color: #ccc;
		float: right;
		width: auto !important;
		font-size: 11px;
	}
	#designedBy {
		color: #ccc;
		float: right;
		width: auto !important;
		font-size: 11px;
		line-height: 13px;
	}
	.site-info {
		font-size: 13px;
	}
	.clearboth {
		clear: both;
	}

/*  ====================================
	Footer Widget Area
	==================================== */
	.footer-widgets {
		padding: 10px 0;
	}
	.footerWidget1 img {
		margin: 5px 0 0 0;
	}
	.footer-widgets .widget p {
		font-size: 11px !important;
		color: #fff;
		text-align: right;
		margin-bottom: 0;
	}
	
	.footer-widget-1 {
		width: 30%;
	}
	.footer-widget-2 {
		width: 70%;
		font-size: 11px !important;
		color: #fff;
		text-align: right;
	}
			
/*  ====================================
    Menus
    ==================================== */
	.main-navigation {
		/*background: #fff;*/
		/*border-top: solid 1px #e5e5e5;
		border-bottom: solid 1px #e5e5e5;*/
	}
	.main-navigation .main-nav ul li a, 
	.menu-toggle {
		line-height: 35px;
		padding: 0 15px;
		margin-right: 1px;
	}
	.main-navigation a, 
	.menu-toggle {
		font-family: inherit;
		font-size: 13px;
		font-weight: 700;
		text-transform: none;
		text-transform: uppercase;
	}
	.inside-navigation {
		padding-left: 50px !important;
    	padding-right: 50px !important;
	}
	
	/*Sub-navigation*/
	.main-navigation .main-nav ul ul {
		border-top: 1px solid #fff;
	}
	.main-navigation .main-nav ul ul li a {
		border-bottom: 1px solid #6c6c6c;
    	font-size: 13px;
		text-transform:none;
		font-weight: 500;
	}
	
	/*Sticky main menu*/
	.custom-fixed-header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 2000;
	}
	
	/*SIDE MENUS*/
	.menu-treatments-menu-container {
		border-top: 1px solid #ccc;
	}
	.menu-treatments-menu-container li {
		border-bottom: 1px solid #ccc;
		padding-bottom: 0 !important;
	}
	.menu-treatments-menu-container li a {
		padding: 10px 0 10px 10px;
		font-size: 14px;
		line-height: 18px !important;
		display: block;
		color: #3f3f3f;
	}
	.menu-treatments-menu-container li a:hover {
		background: #dfef97;
		/*color: #fff;*/
	}
	/*Current Menu Items*/
	.menu-treatments-menu-container li.current_page_item a {
		background: #edf8be;
	}
	.menu-treatments-menu-container li.current_page_item a:hover {
		background: #dfef97;
		/*color: #fff;*/
	}
	
/*  ====================================
    Menu Top
    ==================================== */		
	.secondary-navigation .main-nav ul li a, 
	.secondary-navigation .menu-toggle {
		color: #fff;
		font-family: inherit;
		line-height: 30px;
		border-left: solid 1px #96c5d2;
		border-right: solid 1px #96c5d2;
	}
	.secondary-navigation .main-nav ul li a:hover {
		background-color: #4a8688;
	}
	
/*  ====================================
	MENUS = Style the LH advanced side menus
	==================================== */	
	.advanced-sidebar-menu ul {
		border-top: solid 1px #999;		
	}
	.advanced-sidebar-menu li {
		margin-bottom: 0px !important;
		padding: 0 !important;
	}
	.advanced-sidebar-menu li a {
		background: #fff;
		padding: 8px !important;
		display: block;
		color: #333;
		font-weight: normal;
		text-transform:none;
		margin-bottom: 0px !important;
		font-size: 15px;
		border-bottom: solid 1px #999;
	}
	.advanced-sidebar-menu ul li a:hover{	
		background-color: #dfe7e9;
	}
	.advanced-sidebar-menu .current_page_item a {	
		background: #dfe7e9;
		color: #000;
	}
	.advanced-sidebar-menu ul ul {
		margin-left: 0px !important;
	}
	.advanced-sidebar-menu ul ul li  {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	.advanced-sidebar-menu ul ul li a {
		background: #dfe7e9 !important;
		padding: 8px !important;
		font-size: 15px;
		color: #333 !important;
		margin-bottom: 0px;
		border-bottom: solid 1px #999;
	}
	.advanced-sidebar-menu ul ul li a:hover {
		background-color: #dfe7e9 !important;
		color: #000 !important;
		border-bottom: solid 1px #96c5d2;
	}
	.advanced-sidebar-menu li .current_page_item a {
		background-color: #dfe7e9 !important;
		color: #000 !important;
	}
	.advanced-sidebar-menu li .current_page_item a:hover {
		background-color: #dfe7e9 !important;
		color: #fff !important;
		border-bottom: solid 1px #999;
	}
	.advanced-sidebar-menu .grandchild-sidebar-menu li a {
		background: #dfe7e9 !important;
		padding: 8px !important;
		font-size: 15px;
		color: #333 !important;
		margin-bottom: 0px;
		border-bottom: solid 1px #999;
	}

/*  ====================================
	Sidebar styles
	==================================== */
	#advanced_sidebar_menu-2 {
		margin-top: 30px;
	}
	.inside-right-sidebar h4 {
		margin-bottom:10px !important;		
	} 
	.inside-right-sidebar ul {
		border-top: solid 1px #96c5d2;
		margin-left: 0 !important;		
	}
	.inside-right-sidebar li {
		margin-bottom: 0px !important;
		padding: 0 !important;
	}
	.inside-right-sidebar li a {
		background: #fff;
		padding: 8px !important;
		display: block;
		color: #333;
		font-weight: normal;
		text-transform:none;
		margin-bottom: 0px !important;
		font-size: 15px;
		border-bottom: solid 1px #ccc;
	}
	
@media screen and (min-width : 100px) and (max-width : 800px) {
	
}	
	
/*  ====================================
    Home page slider
    ==================================== */
	.homeSliderPanel {
		border-top: 1px solid #fff;
	}
	.homeSliderPanel .grid-container {
		padding: 0px;
	}
		
/*  ====================================
	Home
	==================================== */
	/*Home Slider*/
	.headerPanel .grid-container {
		padding: 0;
		border-top: solid 1px #fff;
	}
	
	/*Home Service Panels*/
	.servicePanels .homePanel1,
	.servicePanels .homePanel2,
	.servicePanels .homePanel3,
	.servicePanels .homePanel4,
	.servicePanels .homePanel5,
	.servicePanels .homePanel6,
	.servicePanels .homePanel7,
	.servicePanels .homePanel8,
	.servicePanels .homePanel9,
	.newsAndTipsPanel,
	.linksPanel,
	.casestudyPanel {
		background-color: #eee;
		color: #555;
		font-size: 13px;
		line-height: 20px;
	}
	.servicePanels .homePanel1 h4,
	.servicePanels .homePanel2 h4,
	.servicePanels .homePanel3 h4,
	.servicePanels .homePanel4 h4,
	.servicePanels .homePanel5 h4,
	.servicePanels .homePanel6 h4,
	.servicePanels .homePanel7 h4,
	.servicePanels .homePanel8 h4,
	.servicePanels .homePanel9 h4 {
		background-color: #58a1a3;
		color: #fff;
		line-height: 38px;
		font-size: 15px;
		text-indent: 10px;
		margin-bottom: 0;
	}
	.servicePanels .homePanelText {
		margin: 0 15px 10px;
	}
	.servicePanels .homePanel1 a,
	.servicePanels .homePanel2 a,
	.servicePanels .homePanel3 a,
	.servicePanels .homePanel4 a,
	.servicePanels .homePanel5 a,
	.servicePanels .homePanel6 a,
	.servicePanels .homePanel7 a,
	.servicePanels .homePanel8 a,
	.servicePanels .homePanel9 a {
		color: #437b7d;
		text-decoration: underline;
	}
	.servicePanels .homePanel1 a:hover,
	.servicePanels .homePanel2 a:hover,
	.servicePanels .homePanel3 a:hover,
	.servicePanels .homePanel4 a:hover,
	.servicePanels .homePanel5 a:hover,
	.servicePanels .homePanel6 a:hover,
	.servicePanels .homePanel7 a:hover,
	.servicePanels .homePanel8 a:hover,
	.servicePanels .homePanel9 a:hover {
		color: #000;
	}	
	/*Remove extra space at div end*/
	.servicePanels .homePanel7,
	.servicePanels .homePanel8,
	.servicePanels .homePanel9 {
		margin-bottom: 20px;
	}
	
	/*News and Tips Panel*/
	.newsAndTipsPanel {
		background-color: #eee;
		color: #555;
		font-size: 13px !important;
    	font-weight: 400;
    	line-height: 1.5em;
		padding-bottom: 10px;
	}
	.newsAndTipsPanel h4 {
		background-color: #437b7d;
		color: #fff;
		line-height: 38px;
		font-size: 15px;
		text-indent: 10px;
		margin-bottom: 5px;
	}
	.newsAndTipsPanel ul {
		list-style: none;
		margin: 0 !important;
	}
	.newsAndTipsPanel li {
		list-style: none;
		padding: 2px 7px;
		margin: 0 !important;
	}
	.newsAndTipsPanel li a {
		color: #000;
		text-decoration: underline;
	}
	.newsAndTipsPanel li a:hover {
		color: #58a1a3;
	}
	
	/*Important Links Panel*/
	.linksPanel {
		background-color: #eee;
		color: #555;
		font-size: 12px !important;
    	font-weight: 400;
    	line-height: 1.5em;
		padding-bottom: 10px;
	}
	.linksPanel h4 {
		background-color: #437b7d;
		color: #fff;
		line-height: 38px;
		font-size: 15px;
		text-indent: 10px;
		margin-bottom: 5px;
	}
	.linksPanel h2 {
		display: none;
	}
	.linksPanel ul {
		list-style: none;
		margin: 0 !important;
	}
	.linksPanel li {
		list-style: none;
		padding: 2px 5px 5px 15px;
		margin: 0 !important;
	}
	.linksPanel li a {
		color: #000;
		text-decoration: underline;
	}
	.linksPanel li a:hover {
		color: #58a1a3;
	}
	
	/*Case Studies and Testimonials*/
	.casestudyPanel {
		padding: 15px;
	}
	.casestudyPanel h3 {
		color: #437b7d;
		font-size: 15px;
	}
	
	/*Home testimonials panel*/
	#moreTestimonials {
		margin-bottom: 10px;
	}
	#moreTestimonials a {
		background-color: #58a1a3;
		color: #fff !important;
		font-size: 12px;
		padding: 2px 12px 3px 12px;
		text-decoration: none;
		/*text-transform: uppercase;*/
	}
	#moreTestimonials a:hover{
		background-color: #000 ;
	}
	
@media screen and (min-width :100px) and (max-width : 850px) {
	/*Force header image to full RH width*/
	.headerPanel .ezcol-three-fifth {
		clear: both;
		width: 100% !important;
	}
	.headerPanel .ezcol-two-fifth {
		clear: both;
		width: 100% !important;
		height: auto !important;
	}
	
	/*Clear side-by-side containers*/
	.homeContent .containerOne, .homeContent .containerTwo, 
	.homeContent .containerThree, .homeContent .containerFour {
		clear: both;
		width: 100% !important;
	}
}

/*  ====================================
	TESTIMONIALS page
	==================================== */
	#leftTestimonials {
		float: left;
		width: 47%;
		margin-right: 5%;
	}
	#rightTestimonials {
		float: left;
		width: 47%;
	}
	.singleTestimonial {
		background: url(/wp-content/uploads/quotemarkssmall.png) no-repeat 8px 12px !important;
		padding: 5% 7% 3% 55px;
		border-bottom: 1px dashed #96c5d2;	
	}
	.singleTestimonial p{
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 9px;
		/*font-style: italic;*/
	}
	.singleTestimonial p strong{
		color: #333;
	}
	/*.iconheart {
		background: url(/wp-content/uploads/heart2.png) no-repeat !important;
		width: 32px;
		height: 32px;
		display: inline-block;
		margin-bottom: -5px;
	}*/
	
	@media screen and (min-width :100px) and (max-width : 900px) {
		#leftTestimonials, #rightTestimonials{
			width: 100%;
			float: none;
		}
	}

/*  ====================================
	FAQ Page
	==================================== */	
	/*ACCORDION*/
	.faqAccordion {
		margin-top: 7px;
		border-top: solid 1px #96c5d2;
		padding-top: 10px;
	}
	.faqAccordion #ppm-tabs h3.close a {
		background-image: url(http://www.hyal.co.uk/wp-content/uploads/plus_icon.png);
		background-repeat: no-repeat;
	}
	.faqAccordion #ppm-tabs h3.open a{
		background-image:url(http://www.hyal.co.uk/wp-content/uploads/minus_icon.png); 
		background-repeat:no-repeat;
	}

/*  ====================================
	News Page
	==================================== */
	.masonry-container .inside-article {
		border: 1px solid #ddd !important;
		padding: 0 20px 10px !important;
	}
	.masonry-container .inside-article .entry-title {
		margin-top: 10px;
	}

/*  ====================================
	Useful Links Page
	==================================== */	
	.usefulLinks * {
		word-wrap: normal;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}
	/*.usefulLinks h3 {
		font-size: 18px;
	}*/
	.usefulLinks ul {
		margin-left: 10px !important;
	}
	.usefulLinks li {
		list-style: none;
	}
	.usefulLinks li a {
		font-weight: 600;
	}
	/*.usefulLinks li a {
		text-decoration: underline;
	}*/
	


/*  ====================================
	Contact Page
	==================================== */
	/*Ninja Form*/
	#contactForm {
		margin-top: 23px;
	}
	#contactForm .captchaText {
		margin: 5px 0 20px;
		padding: 10px 10px 1px;
		background: #96c5d2;
		color: #000;
		clear: both;
	}
	#contactForm .ninja-forms-form-wrap label {
		font-weight: normal;
	}
	#contactForm .submitButton {
		background: #58a1a3;
	}
	#contactForm .submitButton:hover {
		background: #000;
	}

	/*Contact Details*/
	.contactDetails {
		margin: 23px 0 0;
	}
	.contactDetails strong, .contactForm strong {
		color: #58a1a3 !important;
	}
	.contactDetails a {
		color: #666 !important;
		text-decoration: underline;
	}
	.contactDetails a:hover {
		color: #58a1a3 !important;
	}

	/*Hide copyright on COntact Us map*/
		.leaflet-container .leaflet-control-attribution, 
		.leaflet-container .leaflet-control-scale {
			display: none;
	}

/*  ====================================
	Smartphones (portrait and landscape
	==================================== */	
@media screen and (min-width : 100px) and (max-width : 800px) {
		
}
@media screen and (min-width : 100px) and (max-width : 500px) {
	
}