/*
 Theme Name: focused-healthcare-2017
 Author: Free Range Web Design
 Author URI: http://www.freerangewebdesign.com.au
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain: focused-healthcare-2017
 
 colors in logo:
 
blue: #0F72AB
purple: #64459b
green: #2DB563
yellow:
blue - in footer: #0F72AB
text: #4a4a4a
 

overall width 1300px with #cccccc background colour */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Columns
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

#page {
    max-width:1300px;
    margin:0 auto;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body {
overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
	color: #4a4a4a;
	font-family: lato, helvetica, arial, sans-serif;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
    line-height: 1.66;
    background-color: #ffffff;
}

.site-navigation-fixed.navigation-top {
max-width: 1300px;
margin:0 auto;

}
input[type="search"] {
	font-size: 1rem;
}

.search-form .search-submit {
    bottom: 3px;
    padding: 0.3em 1em;
    position: absolute;
    right: 3px;
    top: 3px;
}

button, input[type="button"], input[type="submit"] {
    background-color: #0F72AB;
    color: #fff;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
select {
    height: 2em;
}

/*  gravity forms styling:  */

.gform_confirmation_message {
    background-color: #D6F5E0!important;
    border: 1px solid #33CC66!important;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 20px 0;
    text-align: center;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

h1 {
    font-size: 1.3rem;
    font-weight: 300;
}

@media screen and (min-width: 48em) {
h1 {
    font-size: 1.75rem;
    font-weight: 300;
}
}

h2 {
    color: #0F72AB;
    font-size: 1.2rem;
    font-weight: 300;
	margin-bottom:1.25em;
	clear:none;
}

@media screen and (min-width: 48em) {
h2 {
    font-size: 1.6rem;
}

}

h2.widget-title {
    color: #0F72AB;
	font-size: 1.2rem;
    text-transform: none;
}

.nav-title {
    color: #0F72AB;
}

.single-post .entry-title, .page .entry-title {
    color: #0F72AB;
	clear:none;
}

.entry-title a {
    color: #0F72AB;
}

.page .panel-content .entry-title, 
.page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #4a4a4a;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

span.button-blue a, span.button-blue a:hover {
	color:#FFFFFF;
}

blockquote {
    color: #0F72AB;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 1.7;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 2rem;
}



/*a[href$=".PDF"], a[href$=".pdf"] {
	background: transparent url("images/pdf-icon.png") no-repeat scroll 0px center;
    border-bottom: 1px solid #e1e1e1;
    margin-left: 0;
    padding: 0 0 0 40px;}

 add icons for pdf and document uploads */

a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 10px 2px 40px;
	background: url("images/pdf_sml_icon.gif") left center no-repeat;
}

a[href$=".XLS"], a[href$=".xls"], a[href$=".xlsx"] {
	padding: 2px 10px 2px 40px;
	background: url("images/xls_sml_icon.jpg") left center no-repeat;
}

a[href$=".DOC"], a[href$=".doc"], a[href$=".docx"] {
	padding: 2px 10px 2px 40px;
	background: url("images/word_sml_icon.jpg") left center no-repeat;
}


.brand-section {
	clear:both; margin-bottom: 50px;padding-bottom: 100px;
	
}

ul, ol {
    margin-left: 1.5em;
}

body.page-template-template-meteor-slides-home-full-width-boxes #main.site-main div.entry-content {
	max-width:1000px;
	margin:0 auto;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

td {
    padding: 0.5em;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
    color: #0F72AB;
    text-decoration: none;
}

.main-navigation ul li.staff-login a {
    background-color: #2DB563;
    border-radius: 6px;
    color: #fff;
    font-weight: 400;
    margin-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

@media screen and (min-width: 48em) {
.main-navigation ul li.staff-login a {
    margin-right: 1em;
}
}

/* STAFF LOGIN - members plugin */

/* div confirming user is logged in */

div.user-logged-in {
    background-color: #2DB563; /* focused green */
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 11px 10px 10px;
	margin-top: 1em;
	margin-bottom: 1em;
    text-decoration: none;
	width: 100%;
}

div.user-logged-in a.logout {
    color: #FFFFFF;
	float: right;
}
div.user-logged-in a:focus,
div.user-logged-in a:active,
div.user-logged-in a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px #fff solid;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
    color: #0F72AB;
	border-bottom:1px dotted #0F72AB;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
    box-shadow: none;
}


.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    box-shadow: none;
    transition: color 80ms ease-in 0s, box-shadow 130ms ease-in-out 0s, -webkit-box-shadow 130ms ease-in-out 0s;
}


/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
a.nav-brand img {
    float: left;
    height: auto;
	max-height: 80px;
	padding-bottom:0px;
}

@media screen and (min-width: 48em) {
a.nav-brand img {
    max-height: 80px;
}
}

.menu-toggle {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform:uppercase;
    clear:both;
}

/* Make sure the navigation layer is on top of the image */
.navigation-top {
    background-color:#ffffff;
	z-index: 4;
	border-bottom: none;
	border-top: none;
	font-size: 18px;
	font-size: 1rem;
	padding-top:1em;
	padding-bottom:0.5em;
	width:100%;
}

.navigation-top div.wrap div.nav-image {
	
}

.navigation-top a {
    color: #000000; 
    font-weight: 400;
	letter-spacing: 0.5px;
}

.main-navigation a:hover {
    color: #0F72AB;
}

.main-navigation {
    clear: none;
    display: block;  /* make display: none to hide navigation when using shiftnav */
}

@media screen and (min-width: 48em) {
	.main-navigation {
    display: block;  /* make display: block to show navigation when not using shiftnav */
}
}
.navigation-top nav {
    /* float: right; */
    margin-left: 0;
    margin-top: 0px;
}

@media screen and (min-width: 48em) {
    .navigation-top nav {
        margin-top: 30px;
    }
    }

.main-navigation ul {
	background: transparent;
	padding: 0 1.5em;
	text-align: center;
}

/* Remove the unnecessary margin created for the navigation menu on the header */
.navigation-top:not(.site-navigation-fixed) ~ .custom-header {
    margin-bottom: 0 !important;
}

@media screen and (min-width: 48em) {
    /* Make sure the navigation menu sits at the top of the page */
    .navigation-top {
        bottom: auto;
        position: relative;
        top: 0;
    }
}

/* Move the video play button further down */
.wp-custom-header .wp-custom-header-video-button {
    top: 6em;
}



/*--------------------------------------------------------------
12.2 meteor slides - with title and description
--------------------------------------------------------------*/

.meteor-slides .meteor-buttons {
    margin: auto;
    left: 50%;
    right: 0;
}

div.meteor-slides {
    margin: 0 auto!important;
}

.meteor-slides .meteor-clip {
   /* max-height: 50vh!important; */
}

.meteor-slides .mslide img {
    /* max-height: 60vh!important; */
	/* object-fit:cover!important; */
}

 
.meteor-slides div.overlay {
    background-color: rgba(0, 0, 0, 0.3); 
    width: 1400px;
    height: 600px;
    margin: 0;
    position: absolute;
    top: 0;
} 

.meteor-slides div.slide-description {
/* background: rgba(255, 255, 255, 0.3); */
border-radius: 30px;
bottom: 50%;
left: 5%;
color: #fff;
padding: 0px;
position: absolute;
text-align: left;
width: auto;
}

@media screen and (min-width: 48em) {
.meteor-slides div.slide-description {
width: auto;
padding: 0px 0px;
}
}

.meteor-slides div.slide-description h1 {
	font-size: 1.1rem;
	line-height:1.2em;
	color:#ffffff;
    margin-bottom:0;
    text-shadow: 2px 2px #000000;
}

@media screen and (min-width: 30em) {
.meteor-slides div.slide-description h1 {
	font-size: 1.8em;
	line-height:1.6em;
}

}
@media screen and (min-width: 48em) {
.meteor-slides div.slide-description h1 {
	font-size: 2.7em;
	line-height:2em;
}
}
.meteor-slides div.slide-description p {
   display:none; 
   padding-bottom: 0.5em;
	margin-top:0.5em;
	font-size: 1rem;
	line-height:1em;
    font-weight: 300;
	color: #ffffff;
}
@media screen and (min-width: 30em) {
.meteor-slides div.slide-description p {
	   display:block; 
font-size: 1.2em;
	line-height:1.2em;}

}

@media screen and (min-width: 48em) {
.meteor-slides div.slide-description p {
font-size: 1.2em;
	line-height:1.2em;}
}
.meteor-slides div.slide-description a.button {
    background-color: #0F72AB;
    border-radius: 100px;
    color: #fff;
    font-weight: 400;
    margin-right: 1em;
    padding: 0.5em 1.6em;
}
.meteor-slides div.slide-description a.button:hover {
}

.meteor-slides div.slide-description a.button-black {
    background-color: #222222;
    border-radius: 100px;
    color: #fff;
    font-weight: 400;
    margin-right: 1em;
    padding: 0.5em 1.6em;
}
.meteor-slides div.slide-description a.button-black:hover {
}


.meteor-slides div.slide-description a.button-hollow {
  border: 3px solid #0F72AB;
    border-radius: 100px;
    color: #0F72AB;
    font-weight: 400;
    margin-right: 1em;
    padding: 0.5em 1.6em;
}

.meteor-slides div.slide-description a.button-hollow:hover {
    background-color: #0F72AB;
    color: #ffffff;
}

/*--------------------------------------------------------------
      homepage boxes - full width - diff template
--------------------------------------------------------------*/

body.page-template-template-meteor-slides-home-full-width-boxes div.one_third {
    background-color: #64459B;
    color: #fff;
    text-align: center;
    width: 100%;
	padding:2%;
	margin:2% 0 2% 2%;
}
body.page-template-template-meteor-slides-home-full-width-boxes div.one_third p {
	 margin: 0;
    padding: 0 0 0.5em;
/* 	border-bottom:2px solid #000000; */
	display:block;
}

body.page-template-template-meteor-slides-home-full-width-boxes hr {
    /* 
    background-color: #bbb;
    border: 0 none;
    height: 1px;
    margin: 20px auto 20px auto;
    width: 100px; */
    display:none;
}

@media screen and (min-width: 48em) {
body.page-template-template-meteor-slides-home-full-width-boxes div.one_third p {
	display:block;
}

body.page-template-template-meteor-slides-home-full-width-boxes hr {
    /* background-color: #bbb;
    border: 0 none;
    height: 1px;
    margin: 50px auto 100px auto;
    width: 200px; */
    display:none;
}
}
body.page-template-template-meteor-slides-home-full-width-boxes div.one_third:nth-of-type(2) {
    background-color: #0F72AB;
}

body.page-template-template-meteor-slides-home-full-width-boxes div.one_third:nth-of-type(2) p {
	/* border-bottom:2px solid #395A6D; */
}

body.page-template-template-meteor-slides-home-full-width-boxes div.one_third:nth-of-type(3) {
    background-color: #2DB563;
}

body.page-template-template-meteor-slides-home-full-width-boxes div.one_third:nth-of-type(3) p {
	/* border-bottom:2px solid #4B6D81; */
}

body.page-template-template-meteor-slides-home-full-width-boxes div.one_third h1 a, body.page-template-template-meteor-slides-home-full-width-boxes div.one_third p a {
	color:#ffffff;	
}

@media screen and (min-width: 48em) {
body.page-template-template-meteor-slides-home-full-width-boxes div.one_third {
    width: 30.6%;
}

body.page-template-template-meteor-slides-home-full-width-boxes div.one_third h1 a:hover, body.page-template-template-meteor-slides-home-full-width-boxes div.one_third p a:hover {
	color:#ffffff;	
	font-weight:bold;
}

}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

.wrap {
    max-width: 1300px;
    padding-left: 3%;
    padding-right: 3%;
}

.single-post:not(.has-sidebar) #primary, 
.page.page-one-column:not(.twentyseventeen-front-page) #primary, 
.archive.page-one-column:not(.has-sidebar) .page-header, 
.archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

.has-sidebar:not(.error404) #primary{
    float: none;
    width: 100%;
}

@media screen and (min-width: 48em) {
.has-sidebar:not(.error404) #primary{
    float: none;
    width: 90%;
}
}

.has-sidebar #secondary{
	 width: 90%;
	 float:none;
}

@media screen and (min-width: 48em) {
body.page-template-template-full-width-no-sidebar .page-full-width #primary { /* refers to page template for full width no sidebar */
width: 100%;
}

.has-sidebar:not(.error404) #primary {
    float: right;
    margin: 0 auto;
    max-width: 1300px;
	width:70%;
}

	.has-sidebar #secondary {
    padding-right: 5%;
    padding-top: 6%;
		width: 25%;
		float:left;
		font-size:1rem;
	}

}


.break {
    clear: both;
    padding-bottom: 4em;
}


/* hide author single posts */

.single .byline {
    display: none;
}

/* button code */

.button {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  border: 0;
  letter-spacing: 0.0625em;
  /* text-transform: uppercase; */
  background: #2DB563;  /* blue #0F72AB */
  color: #fff;
  text-align:center;
}
/* Add a rollover background colour but keep the text white */
.button:hover,
.button:focus,
.button:active {
  background: #2DB563;  /* blue #0F72AB */
  color: #ccc!important;

}

div.textwidget a.button {
	width:100%;	
}




/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.custom-header {
	margin-bottom:113px;
}

.site-branding {
		padding: 3em 0 0;
		display:none;
	}
	
.page:not(.home) .site-branding {
		display: none;
	}

/* removes from every page except homepage
.page:not(.home) #content {
    padding-top: 0;
} */

.site-header {
	background-color: #fff;
}

.site-title {
    font-size: 1.2rem;
    letter-spacing: 0;
}

.site-description {
    display:block;
}


/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content {
	padding: 0.5em 0 0;
}
/*
ol {
    display: block;
    padding: 0 0 0 26px;
    list-style: none;
    background: #fff;
    overflow: hidden;
    counter-reset: numList;
}

ol li {
    margin-bottom: 30px;
    margin-left: 6%;
    margin-right: 4%;
    padding-left: 30px;
    position: relative;
    width: 80%;
}
 
ol li::before {
    background: #7EB8E2 none repeat scroll 0 0;
    border-radius: 999px;
    color: #000000;
    content: counter(numList, decimal);
    counter-increment: numList;
    float: left;
    font: bold 14px/30px sans-serif;
    height: 30px;
    left: -40px;
    position: absolute;
    text-align: center;
    width: 30px;
} */

.circles-list ol {
    list-style-type: none;
    margin-left: 1.25em;
    padding-left: 2.5em;
    counter-reset: li-counter;
    border-left: 1px solid #7EB8E2;
    position: relative; }
  
  .circles-list ol > li {
    position: relative;
    margin-bottom: 3.125em;
    clear: both; }
  
  .circles-list ol > li:before {
    position: absolute;
    top: -0.5em;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1em;
    left: -3.75em;
    width: 2.25em;
    height: 2.25em;
    line-height: 2.25em;
    text-align: center;
    z-index: 9;
    color: #7EB8E2;
    border: 2px solid #7EB8E2;
    border-radius: 50%;
    content: counter(li-counter);
    background-color: #edf0f2;
    counter-increment: li-counter; }

    
p + img {margin-top:0;}

/*--------------------------------------------------------------
13.4 Posts - FAQs
--------------------------------------------------------------*/

.fa-laptop {
    display: none!important;
}

#wpsm_accordion_1188 .ac_title_class {
    display: block;
    line-height: 2rem!important;
    font-family: lato, helvetica, arial, sans-serif!important;
	padding: 12px 15px;
	font-weight:normal;
}

#wpsm_accordion_1188 .wpsm_panel-body {
	font-family: lato, helvetica, arial, sans-serif!important;
}


/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

/*
 sub navigation - listing of child pages within parent
---------------------------------------------------------------------------------------------------- */

ul.subnav {
	list-style-type: none;
	margin: 0 0 2em 0;
	width: 100%;
}
ul.subnav li
{
	border-bottom: 1px solid #4a4a4a; 
	line-height: 2em;
	padding-top: 10px;
	padding-bottom:10px;
}

ul.subnav li.page_item_has_children.current_page_item a {
	color: #4a4a4a; 
	font-weight:bold;  
}

ul.subnav li.page_item_has_children.current_page_item ul.children li a {
	color: #4a4a4a;
	font-weight:bold;   /* standard link colour */
}

ul.subnav li.page_item_has_children.current_page_item ul.children li a:hover {
	font-weight:bold;   /* standard link colour */
}

ul.subnav li a {
	color: #666666;
	border-bottom:none;
}

ul.subnav li.current_page_item a {
	color: #4a4a4a;
	font-weight:bold;   /* standard link colour */
}

ul.subnav li a:hover {
	color: #4a4a4a;
	border-bottom: none;
}
 
ul.subnav li ul.children  {
margin-left: 20px;
}

.subnav li.page_item_has_children.current_page_item ul.children li {display: block;} /* show only the children of the current page ancestor */

.subnav li.page_item_has_children.current_page_ancestor ul.children li {display: block; color: #4a4a4a; font-weight:bold;}

.subnav li.page_item_has_children ul.children li {display: none;} /* show only the children of the current page ancestor */

.subnav li.current_page_ancestor.current_page_parent ul.children li.page_item_has_children ul.children {display: none;} /* dont show child pages pf other working groups */

.subnav li.page_item_has_children.current_page_ancestor.current_page_parent ul.children li.page_item_has_children.current_page_item ul.children {display: block;} /* show child pages of THIS current page working group */

.subnav li.page_item.page-item-1781.page_item_has_children.current_page_item ul.children li.page_item_has_children ul.children {display: none;} /* hide child pages ALL working groups while on top page */

ul.subnav li ul.children li {
		border-bottom: none;
		line-height:1.5em;
}

ul.subnav li h2 {
	font-size: 1.3em;
}

ul.subnav li.current_page_ancestor.current_page_parent {
	text-transform:uppercase;
}



/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
    background-color: #0F72AB; /* 0F72AB 50 % footer blue bg 7EB8E2 */
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 3em;
	color:#ffffff;
}

.site-footer h2.widget-title {
    color: #ffffff;
}
	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 48%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 48%;
	}

.site-footer aside.widget-area .widget ul li {
    border-bottom: medium none;
    border-top: medium none;
    padding: 0.3em 0;
}
@media screen and (min-width: 48em) {

.site-footer aside.widget-area .widget ul li {
	float:left;
	width:100%;}
}

.site-footer .widget-area a {
	color:#ffffff;
	border-bottom:1px dotted #ffffff;
}
.site-footer .widget-area a:hover {
	color:#ffffff;
	border-bottom:1px solid #ffffff;
}

.site-info a {
    color: #ffffff;
	font-weight:bold;
	border-bottom:1px dotted #ffffff;
}
.site-info a:hover {
    color: #ffffff;
	border-bottom:1px solid #ffffff;
}

.site-footer aside.widget-area ul#menu-mainmenu.menu li a {
	color: #ffffff;
	text-transform:uppercase;
}

.site-footer aside.widget-area ul#menu-mainmenu.menu li a:hover {
    color: #ffffff;
    font-weight: bold;
}

.site-footer div.wrap aside.widget-area ul#menu-mainmenu.menu li ul.sub-menu {
	list-style:disc;
	margin: 0 0 1.5em;
	padding-left: 1rem;

}
.site-footer div.wrap aside.widget-area ul#menu-mainmenu.menu li ul.sub-menu li {
    padding: 0.5em 0 0;
}

@media screen and (min-width: 48em) {
.site-footer div.wrap aside.widget-area ul#menu-mainmenu.menu li ul.sub-menu li {
    width:100%;
}
}

.site-footer div.wrap aside.widget-area ul#menu-mainmenu.menu li ul.sub-menu li a {
	text-transform:none;
}

.social-navigation a {
    background-color: #4a4a4a;  /* colour of social nav icons in footer */
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    height: 60px;
    margin: 0 1em 0.5em 0;
    text-align: center;
    width: 60px;
}

.social-navigation .icon {
    height: 30px;
    top: 15px;
    vertical-align: top;
    width: 30px;
}

#dynamic-to-top {
    box-shadow:none!important;
}

.widget {
    padding-bottom: 1em;
}

/*--------------------------------------------------------------
14.0 Columns
--------------------------------------------------------------*/

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { 
	float:none; width: 100%; padding: 0 7%; }



/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/



/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

.single-featured-image-header {
   /* background-color: #fafafa;
    border-bottom: 1px solid #eee; */
	background-color: #fff;
    border-bottom: none;
}


/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/


/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {


body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
	
	.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #0F72AB; 
}
}

@media screen and (min-width: 30em) {

	

/* Site Branding */

	.site-branding {
		padding: 2em 0 0;
		display:none;
	}

	/* Columns */

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { 
	position:relative; 
	margin-right:4%; 
	padding: 0 1%;
	float:left; 
	min-height:1px; 
	height:auto!important; 
	height:1px; }
.one_half { width:48%; }
.one_third { width:30.6666%; }
.two_third { width:65.3332%; }
.one_fourth { width:22%; }
.two_fourth { width:48%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:79.2%; }
.one_sixth { width:13.3333%; }
.two_sixth { width:30.6666%; }
.three_sixth { width:47.9998%; }
.four_sixth { width:65.3332%; }
.five_sixth { width:82.6665%; }
.last { margin-right:0!important; clear:right; }
.one_half .one_half { margin-right:8.3333%; width:45.8333%; }
.one_half .one_third { margin-right:8.3333%; width:27.7778%; }
.one_half .two_third { margin-right:8.3333%; width:63.8889%; }
.two_third .one_third { margin-right:6.1224%; width:29.2517%; }
.two_third .two_third { margin-right:6.1224%; width:64.6258%; }
.two_third .one_fourth { margin-right:6.1224%; width:20.4082%; }

}

@media screen and (min-width: 48em) {
/* beginning : move sidebar to left 
 .has-sidebar #secondary {
 float: left;
 }
 .has-sidebar #primary {
 float: right;
 }
 .has-sidebar:not(.error404) #primary {
 float: right;
 }
 end :  move sidebar to left */
 
 .main-navigation {
    float: right;
}


 .single-featured-image-header img {
/* display: block; */
/* margin: auto; 
    max-width:80%; prevents it from showing full width of screen 
height: 30vh;
object-fit: cover;*/
}
 
body.event-template-default.single.single-event .single-featured-image-header img {
height: auto;
object-fit: auto;
}

	.site-description {
    display:block;
}

	

 	/* Site Branding */

	.site-branding {
		padding: 1em 0;
		display:none; /* hiding title  */
	}

a.nav-brand img {
	max-height:80px;
	float:left;
}

 	.custom-logo-link img {
		max-height: 120px;
	}

body.has-header-image .site-description,
body.has-header-video .site-description {
	display:block;
}

.main-navigation a {
    padding: 1em 1.6em;
/* 	text-transform: uppercase; */
}

/* menu - hides little triangle on top of sub-menu */
.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: none;
		border-width: 0;
		content: none;
		display: none;
		height: 0;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		z-index: 100000;
	}

	
/* menu - sub pages hover colour */

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #0F72AB;
	}


/* Layout */

.page .panel-content .entry-title, 
.page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 2rem;
	clear:none;
}


.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 1.5em;
}


.navigation-top .wrap {
    max-width: 1300px;
    padding: 0em 1em 0.75em 1em; /* needed extra room in nav bar once i added extra items */
}

.site-content {
    padding: 2em 0 0;
}

.page:not(.home) #content {
    padding-bottom: 0.5em;
}

.twentyseventeen-front-page .site-content {
    padding: 2em 0 0;
}

/* full width page template customisations */


div.wrap.page-full-width div#primary.content-area  {
width: 100%;
}


/* center site info in footer */

.site-info {
    float: none;
    padding: 0.7em 0 0;
    text-align: center;
    width: 100%;
}

}

@media screen and ( min-width: 67em ) {



}

@media screen and ( min-width: 79em ) {


}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {


}