/*------ Page Setup ------*/

body {
	font-size:16px;
	font-family: 'Nunito Sans', sans-serif, Arial;
	color: rgb(54,54,54);  
	letter-spacing:1px;  
	line-height:2em;
	padding: 0;
	overflow-x: hidden;
	
	
}
main {
	margin: 0 auto;
	max-width: 1000px;
	
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}

/*------ Flex Container(Slider/Welcome Sidebar) ------*/

.container_flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	max-width:100%;
	margin: 10px;  
	
}

.welcome_flex {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: justify;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.welcome_flex h1 {
	margin-top: -5px;
}

.heading_border {
	border-bottom: 1px solid #003982;   
	
 }

.welcome_flex img {
	max-width: 100%;
	
}


header, footer {
	min-width:1000px;
	background-color: #006ddf;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	
}
footer {
	font-size:0.8rem;
	text-align:center;
	line-height: normal;
	letter-spacing:0px;
	
}
.footer_text a {
	color:#fff;
}

#footer_content, .navbar {
	margin: 0 auto;
	padding:1rem 10px;
	max-width:1000px;
	color: #fff;
	background-color: #006ddf;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#footer_content { 
	display:-webkit-box; 
	display:-ms-flexbox; 
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
.footer_image {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100px;
	        flex: 0 0 100px;
}
.footer_text {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.navbar-brand {
	margin-left: 10px;
}

/*------ Sections ------*/
.section_container {
	margin: 10px;    
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: justify;
}

.section_logo  {
	max-height: 35px;
	margin-bottom: 10px;
	margin-right: auto;
}

.logo_fix {
	max-height: 25px ;
	margin: 10px 0;
	margin-right: auto;
}
.heading_flex {
	width: 100%;
	border-bottom: 1px solid #003982;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: left;
}

.box {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 32%;
	        flex: 1 0 32%;
	max-width:32%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	margin-bottom: 1rem;
	
}

.section_flex {
	-webkit-box-flex:1;
	    -ms-flex:1 0 48%;
	        flex:1 0 48%;
	max-width:48%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.section_title {
	color: rgb(14,14,14);
	font-weight: bold;
	text-align:left;
}



.highlight_c {
  color: #fff;
  background-color: #23a950;
}

.highlight_s {
  color: #fff;
  background-color: #004851;
}

.highlight_e {
	color: #fff;
	background-color:#003a82;
}

.highlight_b, .highlight_c, .highlight_s, .highlight_e {
	padding: 5px;
	text-align:left;
}

.section_title:hover > span{
	border-bottom: 1px dotted black;
}

.line_fix {
	margin-bottom: 3em;
}

.align_fix {
	margin-top: auto;
}

.overlay_container {
	position: relative;
	width:100%;
}

.overlay_container img {
	opacity: 1;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
.overlay, .overlay_center {
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;

}
.overlay {
	width:100%;
	height:100%;
	background-color: rgba(0,109,223, 0.6);
}

.overlay_b {
	background-color: rgb(0,109,223);
}
.overlay_c {
	background-color: rgb(35,169,80);
}
.overlay_s {
	background-color: rgb(0,72,81);
}

.overlay_text {
  border-radius: 10%;
  color: #fff;
  padding: 1em;
}

.overlay_container:hover .overlay_center, .overlay_container:hover .overlay {
	opacity: 1;
}




.image_start img {
	width:2em;
	margin-right:auto;
}

.images_start {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.images_start img {
	margin-right: 10px;
	height:auto;
}

#beaver, #cub, #scout  {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

#scout_shop  {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

img.shop_fix {
	margin-right: 20px;
	max-width: 100px;
}

/*--- toggable tabs bootstrap ---*/
#pills-beaver-tab {
	color: #fff;
	background-color: #006ddf;
	margin-right:0.25rem;
}
#pills-beaver-tab:hover {
	background-color: #003982;
}

#pills-cub-tab {
	color: #fff;
	background-color: #23a950;
	margin-right:0.25rem;
}
#pills-cub-tab:hover {
	background-color: #003982;
}

#pills-scout-tab {
	color: #fff;
	background-color: #004851;
}
#pills-scout-tab:hover {
	background-color: #003982;
}

/*------ Contact ------*/
.location_flex {
	-webkit-box-flex:1;
	    -ms-flex:1 0 48%;
	        flex:1 0 48%;
	max-width:48%;
	
}

.btn-custom, .highlight_b {
  color: #fff;
  background-color: #006ddf;
  
}

.btn-custom:hover {
  color: #fff;
  background-color: #003982;
  
}

.directions_txt{
	height: 48px;
}
.directions_txt:hover, .directions_txt:focus {
	border: 2px solid #003982;
}


form {
	margin:10px 0;
}
.heading_flex_fix {
	width: 100%;
	border-bottom: 1px solid #003982;
	margin-bottom: 10px;
}
/*--- fix directions input box ---*/
@media (max-width: 400px){
	.directions_txt {
		float:left;
		margin-bottom: 0.5em;
	}

	}


/*---map---*/

.icon_location {
	position: relative;
}
.icon_location:after {
	content:"";
	background-repeat: no-repeat;
	background-position: center center;
	width:32px;
	height: 32px;
	position:absolute;
	margin-left:5px;
}
.marker_icon:after{
	background-image: url(../images/logos/placeholder.png);
}

.directions_icon:after {
	background-image: url(../images/logos/route.png);
}

.contact_icon:after {
	background-image: url(../images/logos/email.png);
}

#map {
	height:100%;
}

#map_content {
	text-align: left;
}
/*---fix google map---*/
.bottom_fix  {
	display:none;
}

@media (max-width: 992px){
	
.top_fix {
	display:none;
}
.bottom_fix {
	display:block;
}
#map {
	height:400px;
}
}







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

@media (max-width:992px){
.container_flex, .section_flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	max-width:100%;
}


.heading_flex span {
	display:none;
}

.welcome_flex {
	margin-right: 0px;
}
.welcome_flex p {
	letter-spacing:normal;  /*--- does this look better ---*/
	
}
.section_container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
}


.box {
	max-width:100%;
	
}

.line_fix {
	margin-bottom: 1em;
}
.location_flex {
	max-width:100%;
}

.images_start img{
	margin-bottom:10px;
}

.card {
	hyphens: auto;
}

}


@media (max-width: 1000px){
	footer, header {
	width:100%;
	min-width:300px;
}
#footer_content, .navbar {
	max-width:100%;
}
}
/*------ Branding specific scout colours ------*/

.scout_purple {
	color: #7413dc;
}

.scout_teal {
	color: #00a794;
}

.scout_red {
	color: #e22e12;
}

.scout_green {
	color: #23a950;
}

.scout_navy {
	color:  #003982;
}

.scout_blue {
	color: #006ddf;
}

.scout_yellow {
	color: #ffe627;
}

/*------ Bootstrap customized CSS ------*/

.navbar {
  background-color: #006ddf;
}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ffffff;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #ffffff;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ffffff; 
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #006ddf;
  border-color: #003982;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #003982;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #003982;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ffffff;
  background-color: #003982;
}


/*---test ---*/

.nav-link:hover {
	color: #ffffff;
	/*-background-color: #003982;*/
	border-bottom: 4px solid #003982;
	
}
/*---this stops its jumping on hover ---*/
.nav-link {
	border: 4px solid transparent;
}
/*---Hover colors ---*/
.nav_purple:hover {
	border-bottom: 4px solid #7413dc;
}
.nav_yellow:hover {
	border-bottom: 4px solid #ffe627;
}
.nav_green:hover {
	border-bottom: 4px solid #23a950;
}

/*------ bootstrap custom ------*/
/*--- https://work.smarchal.com/twbscolor/css/e74c3cc0392becf0f1ffbbbc0 ---*/

.navbar .navbar-toggle {
  border-color: #003982;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #003982;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #ffffff;
}


@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #003982;
  }
}


.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ffffff;
  background-color: #003982;
}


/*------ My alterations ------*/

/* --- Hamburger Border ---*/
button.navbar-toggler {
	
    border: 1px solid #003982;
	
}


.navbar-toggler:focus, .navbar-toggler:hover {
	text-decoration: none;
	border: 1px solid #003982;
}

/*--- Changes the line color of Hamburger Icon  ---*/
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)'  stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/*--- Logo size ---*/

img.logo_scouts {
	height: 60px;
}