/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*Changes page title colour*/
.entry-title, .entry-title a { color: #00a0ab; }

/* 
This section changes the colour of hyperlinks across the whole website
*/

a:link { color: #00A0AB !important; }
a:visited { color: #00A0AB !important; }
a:hover { color: #00A0AB !important; }
a { color: #00A0AB !important; }

/* 
Changes font size and margin of menu labels
*/
.main-navigation {
	margin-right: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 14px;
	font-size: 17px !important;
}
/*
 .sticking refers to when the page has been scrolled down so changes can be made to elements for just when scrolled down
*/
.sticking .main-navigation {
	padding-top: 40px;
	font-size: 14px !important;
}
.sticking .custom-logo {
	min-width:300px;
	min-height:75px;
}
.sticking .site-branding-wrapper{
	min-height:80px;
	max-height:80px;
}
/* 
Changes the banner size for devices with width of greater than 1000px
*/

@media screen and (min-width: 1000px) {
	.site-branding-wrapper {
    	max-width: 1400px;
		max-height: 100px;
	}
}

/* 

Hides the title and changes font size
*/

.site-title {
	display: none !important;
	font-size: 18px;
}

/* 
Changes colour of menu label
*/

.main-navigation a {
  color: black !important;
}

/* 
Changes the size of the footer for larger screens
*/

@media screen and (min-width: 1000px) {
	.footer-widgets {
    	text-align: center;
		height:200px;
		margin-top: 5px !important;
	}
}
@media screen and (min-width: 1000px) {
	.footer-widgets-wrapper {
		padding-top: 10px !important;
		padding-bottom: 5px !important;
    	text-align: center;
		height:200px;
	}
}

/* 
Changes the gap between each menu label
*/

.main-navigation a{
    padding: 14px !important;
	padding-top:6px !important;
}
.main-navigation a:visited{
    padding: 14px !important;
	padding-top:6px !important;
}

/* 
Changes the distance between the menu label and the dropdown menu
*/

.main-navigation ul ul {
	top: 25px;
}

.site-description {
	font-size: 25px !important;
	text-align: left;
	margin-left: 0px !important;
}

@media screen and (max-width: 800px) {
	.site-description {
		margin-left: 0px !important;
	}
}
@media screen and (max-width: 720px) {
	.site-description {
		margin-left: 0px !important;
		font-size: 18px !important;
	}
}
.header-widget-area {
	background-color: transparent;
	padding: 0;
}