* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/***Bootstrap overwrite***/
/*** @fix this seems to remedy the issu with additional pixels to the right of the screen. **/
.row {

}

/****End Bootstrap overwrite***/

.hidden {
	display: none;
}

.wpo-background, .background-image {
	background-position: center top !important;
	background-repeat: no-repeat !important;
}

.wpo-resize-background-image {
	background-size: 100% !important;
}

.fixed-background {
	background-attachment: fixed;
	background-size: cover;
}

.repeat-background {
	background-repeat: repeat;
}

.circle {
	border-radius: 50% 50%;
}

.youtube-video-iframe {
	width: 100%;
	min-height: 320px;
	margin: 0 auto;
}

@media (max-width:  767px){

.youtube-video-iframe {
	width: 100% !important;
/*	min-height: 320px;
*/	
}


}

.middle-text {
	vertical-align: middle;
}

.dark-transparent-overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: #000;
	opacity: 0.4;
}

.spacer {
	height: 20px;
}

/* WPO Row container rules */
.wpo-row-container {
	/*padding: 20px 18px;*/
	overflow: initial;
}
.wpo-grid-border {
	border:none;
}
.wpo-mobile-menu-button{
	background: #fff;
    border-radius: 5px;
}

.alignleft, .wpo-image-left {
	float: left;
}

.alignright, .wpo-image-right {
	float: right;
}

.aligncenter, .wpo-image-center {
	margin-left: auto;
    margin-right: auto;
    display: table;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px){ 
	.wpo-row-container{ 
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			margin-right: auto;
			margin-left: auto;
	}


}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px)  and (max-width: 991.98px){ 
	.wpo-row-container{ 
/*		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
		margin-right: auto;
		margin-left: auto;*/
	} 
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px){ 
	.wpo-row-container{ 
/*		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
		margin-right: auto;
		margin-left: auto;*/
	}

	#wpo-menu-toggle-button {

		display: none;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.wpo-row-container{
/*		-ms-flex: 0 0 66.666667%;
	  	flex: 0 0 66.666667%;
	  	max-width: 66.666667%;
		margin-right: auto;
		margin-left: auto;*/
	} 

	#wpo-menu-toggle-button {

		display: none;
	}
}


/* Menu scripts @todo -- [Version 3.0] -- - move to module script */
#wpo-menu-toggle-button {
	float: right;
	cursor: pointer;
	padding: 10px;
}

.wpo-nav-menu .sub-menu .sub-menu{
	display: none;
}

.wpo-nav-menu > .menu-item {
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

.wpo-nav-menu .sub-menu {
	min-width: 200px;
	position: absolute;
	z-index: 100;
	display: none;
	background-color: #FFFFFF;
}

.wpo-nav-menu .menu-item-has-children:hover > .sub-menu {
	display: block;
}

.sub-menu .sub-menu-item {
	padding: 5px;
	display: block;
	min-width: 200px;
}

.sub-menu .sub-menu-item:hover {
	background-color: #F5F5F5;
}



.bar-strip{
    width: 28px;
    height: 4px;
    background-color: black;
    margin: 6px 0;
}

.wpo-row {

/*	min-height: 50px;
	width: 70%;*/
	/*overflow: auto;*/
	margin: 0 auto;
	flex: 0 0 66.666667%;
	width: 66.666667%;
	margin-left: auto;
	margin-right: auto;
}


.wpo-full-width-row {
	width: 100%;
}

.wpo-col, .wpo-column {
	padding: 10px;
}



.wpo-row-container {
	width: 100% !important;
}

.wpo-display-row {
}

.wpo-image-frame {
	margin: 10px;
	border: 1px #ccc solid;
}

.temp-width-540 {
	width: 540px;
}

.block {
	display: block;
}

.wpo-fixed-background-image {
	background-attachment: fixed !important;
}

/* Small devices (landscape phones, 576px and up)*/
@media /*(min-width: 576px) and */(max-width: 767.98px){ 
	.wpo-nav-menu{
		display: none;
		margin: 0;
		margin-top: 10px;
		padding: 5px;
		float: left;
		text-align: left;
	} 

	#wpo-menu-toggle-button {
		display: inline-block;
	}

	.wpo-nav-menu .menu-item {
		display: block;
		margin-top: 5px;
		text-align: left;
	}

	.wpo-show-mobile-menu {
		display: block;
	}

	.menu-button-container-column .img-fluid {
		max-width: 90%;
	}

	.wpo-row {
		width: 100%;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px)  and (max-width: 991.98px){ 
	.wpo-nav-menu{
		display: none;
		margin: 0;
		margin-top: 10px;
		padding: 5px;
		float: left;

	} 

	#wpo-menu-toggle-button {
		display: inline-block;
	}

	.wpo-nav-menu .menu-item {
		display: block;
		margin-top: 5px;
		text-align: left;
	}

	.wpo-show-mobile-menu {
		display: block;
	}

	.menu-button-container-column .img-fluid {
		max-width: 72%;
	}
	.wpo-row {
		width: 100%;
	}
}
/*Navbars*/

/* Style The Dropdown Button */
  .dropbtn {
  background-color: transparent;
  color: #737373;
  padding: .5rem 1rem;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  }

  /* The container <div> - needed to position the dropdown content */
  .dropdown {
  position: relative;
  display: inline-block;
  }

  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fefefe;
  min-width: 180px;
  box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,0.2);
  z-index: 1;
  }

  /* Links inside the dropdown */
  .dropdown-content a {
  color: #666;
  padding: .5rem 1rem;
  text-decoration: none;
  display: block;
  }

  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #f1f1f1}

  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
  display: block;
  }

  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {
  background-color: #fff;
  }

  .nav-item > .sub-menu{
  	display: none;
  	position: absolute;
  	min-width: 180px;
	background-color: #fefefe;
	box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,0.2);
	z-index: 1;
	list-style: none;
  }

  .nav-item:hover > .sub-menu{
  	display: block;
  }

.navbar-centred-logo {
    flex-direction: column;
}

/* Pagination */

.pagination .nav-links .page-numbers {
	position: relative;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: inline-block;
    text-align: -webkit-match-parent;
        box-sizing: border-box;
    padding: .375rem .75rem;
    margin: 0;
}


/* Addtional fixes */

.sub-menu-toggle {
/* This still appears on the admin side so the fix takes care of the visual appearance. */
    display: none !important;
}

.screen-reader-text {
	display: none;
}