/*@import url("sizes.css");*/

body div.admin,
body.layoutdrag,
body div.admin p,
body div.admin h1,
body div.admin h2,
body div.admin h3,
body div.admin h4,
body div.admin h5,
body div.admin h6,
body div.admin span,
body div.admin label,
body div.admin strong,
body div.admin div.options-left,
body div.admin div.options-right,
body div.admin div.browsepagehead,
body span.title,
body div#dragtop,
body p.thepagetitle,
body span.titlenormal,
body span.browseid,
body textarea {
	color: #000 !important;	
}

.club .club .text-center,
.membership .membership .text-center {
	padding: 0 1rem 1rem 1rem;
}

.membership .membership .text-center {
	margin-top: -3rem;
}

.club .club .text-center div,
.membership .text-center div {
	border: 2px solid #777;
	border-radius: 1rem;
	padding: 1rem 0;
}

.membership .text-center div a.member-login {
	padding: 0.5rem 1rem;
	border: 2px solid #555;
	background: #fff;
	color: #000;
	font-size: 90%;
	font-weight: 600;
	position: relative;
	top: 25%;
}

body.pagegallery div.gallery-head h1 {
	margin-bottom: 1rem;
	padding-left: 1rem;
}

body.links div.links div.article-row h2 {
	color: #50c5ec;
}

body.links div.links div.article-row a:hover {
	text-decoration: underline;
}


/************   Valley Vettes .ca Splash Page   ***************/

div.slide-container {
	 margin-bottom: 1rem;
}

div.catchphrase {
	background: rgba(20,20,20,0.65);
	border-radius: 1rem;
	border: 2px solid rgba(00,0,0,0.4);
	
	margin-bottom: 1rem;
	padding: 0.5rem 1rem;
}

div.catchphrase p {
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 1.4rem;
	font-style: italic;
	color: white;
	
	text-align: center;
	
	margin: 0;
	padding: 0;
}

div.meetings {
	background: white;
	border: 2px solid black;
	margin-bottom: 1rem;
	padding: 0.5rem 1rem;
	
	color: white;
	
	background: rgba(20,20,20,0.65);
	border-radius: 1rem;
	border: 2px solid rgba(00,0,0,0.4);
}

div.meetings h5 { color: white; }

div.meetings p {
	font-size: 0.85rem;
}

div.butler-gm-wrap {
	white-space: nowrap;
	margin: 0 0 1rem 0;
}
div.butler-gm-wrap img.butler {
	border: 2px solid black;
	
	width: 100%;
}

div.panels div.columns {
	padding: 0 0.5rem;
}

div.panel {
	padding: 0.5rem 0 0 0;
	border: 3px solid black;
	background: white;
	text-align: center;
}
div.panel h3 {
	margin:0;
	padding: 0;

	font-size: 0.9rem;
	font-weight: bold;
	color: black;
}
div.panel p {
	margin: 0;
	padding: 0.25rem 0;
	
	color: black;
	font-size: 0.75rem;
	margin: 0;
}

div.panel img {
	width: 100%;
}

a.featured-article {
	display: block;
	background: white;
	border: 2px solid black;
	text-align: center;
	padding: 0.25rem;
	margin-bottom: 1rem;

}

a.featured-article h3 {
	font-weight: 600;
	color: red;
	font-size: 1.2rem;
}

a.featured-article img {
	margin: auto;
	border: 0;
	width: 100%;
}

a.featured-article p {
	color: black;
	font-weight: 600;
	font-size: 0.9rem;
	margin: 0.5rem 0;
}

img.left-col-img {
	width: 100%;
	margin: 0 0 1rem 0;
	border: 2px solid black;
}

div.member-login {
	text-align: center;
	padding-bottom: 1rem;
}

div.member-login img {
	width: 100px;
	margin: 0 auto 0.3rem auto;
}

div.member-login a {
	display: block;
	width: 100%;
	background: white;
	border: 2px solid black;
	text-align: center;
	color: black;
	font-weight: 600;
	padding: 0.425rem 0 0.3rem 0;
}

div.member-login a,
div.member-login a:visited,
div.member-login a:hover,
div.member-login a:active,
.membership .text-center div a.member-login,
.membership .text-center div a.member-login:visited,
.membership .text-center div a.member-login:hover,
.membership .text-center div a.member-login:active {
	color: black;
}

/****** Banner  ********/

.banner {
	background: white;
	
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.banner .columns {
	margin: 0;
	padding: 0;
}

.banner .logo {
	text-align: center;
}

.banner .logo img {
	max-width: 300px;
	margin: 0 auto;
}

.banner-two {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.banner-two .logo {
	padding: 1.2%;
	
	background: white;
	
	border-radius: 1rem 0 0 1rem;
}

.banner-two .logo img {
	position: relative;
	z-index: 1;

	margin: 0;

	border-radius: 1rem 1rem 0 0.1rem;
	
}

.banner-two .gradient {
	padding: 3.1% 0;
	font-size: 0;
	
	background: -moz-linear-gradient(left,  white 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  white 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  white 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  white 0%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  white 0%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

.banner-two .banner-stripes div.row div.row {
	margin-top: 2.6%;
}

section.banner-two div.row div.banner-stripes div.row div.row:first-child {
	margin-top: 0;
}

/******************************  Top Bar (Foundation) ******************/

div.nav-style {
	margin-bottom: 1rem;
	background: #333;
	
	border: 3px solid black;
	border-width: 3px 0;
}

.contain-to-grid {
  background: none;
} 
.top-bar {
	background: none;
  position: relative;
	z-index: 100;
}
.top-bar .name {
  height: 1.5rem;
/*  background: #0C1A37;*/
}
.top-bar .title-area {
  width: 15%;
}
.top-bar .title-area img {
  max-height: 98%;
}
.top-bar-section ul {
  width: auto;
}
.top-bar-section li:not(.has-form) a:not(.button) {
/*  background: #0C1A37;*/
}
.top-bar .toggle-topbar.menu-icon {
  left: 0;
  right: auto;
  top: 0;
  margin-top: 0;
  padding: 0.3rem;
}
.top-bar .toggle-topbar a {
  text-transform: none;
}
.top-bar .toggle-topbar.menu-icon a {
  height: 24px;
  line-height: 22px;
  
  background: none !important;

	margin-left: 2rem;
	padding-bottom: 0;
	
	border-radius: 1rem;
	border: 2px solid rgb(247, 150,70);
	border-top-width: 0;
	border-bottom-width: 0;
}
.top-bar .toggle-topbar.menu-icon a span::after {
	margin-top: -0.25rem;
  box-shadow: 0 0 0 1px #FFF, 0 4px 0 1px #FFF, 0 8px 0 1px #FFF;
}
.top-bar.expanded .toggle-topbar a {
  color: white;
}
/************  Main Menu  ********************/

.top-bar-section ul li, 
.top-bar-section ul li a,
.top-bar li,
.top-bar li > a {
  background: transparent !important;
}
.top-bar-section ul li a {
  background: none !important;

  font-size: 1rem;
  
  border: 2px solid rgb(247, 150,70);
  border-width: 0 2px 0 0;
  
	line-height: 2rem !important;
	padding: 0 1.6rem !important;
	margin-top: 0.55rem;
}
.top-bar-section ul li:first-child a {
	border-left-width: 2px;
}
.top-bar-section ul li.menu-title {
  background: #272727 !important;
  border-top: 1px white solid;
  border-bottom: 2px white solid;
  margin-top: .5rem;
}
.top-bar-section li ul li a,
.top-bar-section ul li.menu-title a {
  background: none !important;
  color: #fff !important;
  background: transparent !important;
}
.top-bar li {
  margin-left: 3px; 
}
.menu-line2 {
  color: white;
  font-size: 0.8rem;
  position: relative;
  top: -.3rem;
}
.menu-section {
  display: inline-block;
  width: 200px;
  margin: 0 5px;
  vertical-align: top;
}
ul.dropdown {
  line-height: 1.2;
  display: block;
  font-size: .8rem;
  padding-bottom: .6rem !important;
  background: #333 !important;
  border-radius: 0 0 0.5rem 0.5rem;
}
.dropdown li {
  margin-left: 0;
  
	background: transparent !important;
}

.dropdown li a {
	border: 0 !important;
}
/************  Bottom Menu  ********************/
.bottom-menu {
	text-align: center;
}

.bottom-menu ul {
	margin: 0 auto 2rem auto;
  list-style: none;
}

.bottom-menu li:first-child {
	border-width: 0 !important;
}

.bottom-menu li {
  background: transparent !important;
  color: #fff !important;
  display: inline-block;
  
  border: 2px solid rgb(247, 150,70);
  border-width: 0 0 0 2px;
  
  padding: 0 1.6rem !important;
}


/************  Admin Menu  ********************/
.admin-menu {
/*    display: none;*/
}
.admin-menu ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  background: rgba(39,39,39,0.9) !important;
}
.admin-menu a {
    cursor: pointer;
    color: white;
    font-weight: normal;
    background: rgba(39,39,39,0.7) !important;
    border: 0 !important;
}
.admin-menu a:hover {
    color: #cccccc;
}
.admin-menu.member a {
  font-size: .8rem;
}

/******************************  Footer ******************/
.footer {
  background: rgba(39,39,39,0.7);
  margin-top: 1rem;
  padding: 1rem 0;
  color: #fff;
  font-size: 1.2rem;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: #cccccc;
}
.bayberry {
  font-size: .8rem;
  padding: 1rem 0;
  margin: 1rem auto 0;
  color: #777;
}
.bayberry a {
  color: #888;
}
.bayberry a:hover {
  color: #aaa;
}

/*   ***************   Header button - email link   **************/
.header-button {
  height: 11.3rem;
  width: 11.3rem;
  border-radius: 50%;
  z-index: 300;

  background: #003399;
  background: linear-gradient(to bottom,  #C8D3E9 0%,#003298 100%); /* W3C */
}
.header-button p {
  color: white;
  font-size: 1.2rem;
  position: relative;
  top: 2rem;
  text-align: center;
  line-height: 1.25em;
}
.header-button a {
  color: #CBDCFF;
}
.header-button a:hover {
  color: #bbbbbb;
}
.banner .header-button {
  position: absolute;
  top: 30px;
  right: -5rem;
  transform:rotate(7deg);
  -ms-transform:rotate(7deg); /* IE 9 */
  -webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
}
.footer .header-button {
  position: relative;
  top: -30px;
  left: 5rem;
  transform:rotate(-7deg);
  -ms-transform:rotate(-7deg); /* IE 9 */
  -webkit-transform:rotate(-7deg); /* Opera, Chrome, and Safari */
}

/*   ***************   Style the content   **************/

body a,
body a:visited {
	color: #50c5ec;
}
body a:hover,
body a:active {
	color: #60d5fc;
}

/*      text alignment is in Foundation       
text-right
text-center
text-left??
*/

/******************************  Styles repeated from foundation.css - for editor ******************/
body {
	background-image: url('images/background.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
}
p {
  line-height: 1.6;
}

label { color: #ccf; }

.instruction { color: #aaf !important;}

/******************************  Editor Appearance ******************/
.cke_editable {
  background: black;
  color: white;
}
.cke_editable a {
  color: yellow;
}
/******************************  Text styles for editor ******************/
.bold1 {
  color: #767676;
  font-weight: bold;
}
.bold2 {
  color: #73818D;
  font-weight: bold;
}
.big-text {
  font-size: 1.25em;
}
.small-text {
  font-size: 0.8em;
}
.border-lo {
  border-bottom: 1px white solid;
  padding-bottom: .5rem;
}
/*      article       */
.article {
	border-top: thin solid #35366E;
	border-top: thin solid #0167D1;
	margin-top: 12px;
	padding-left: 8px;
	clear: both;
}
.article .ID,
.article .status,
.article .enddate,
.article .calendar,
.article .when_updated,
.article .date_expiry,
.article .note {
    display: none;
}
.article .title {
    font-size: 1.4em;
    margin-top: 14px;
    display: inline-block;
    width: 64%;
	color: #000071;
}
.article .dates {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 1.25em;
    color: #990000;
    display: inline-block;
    width: 35%;
    text-align: right;
}    
.article .location {
    display: inline-block;
    width: 70%;
/*    background: #cccccc; */
}
.pic-content {
    float: right;
    width: 30%;
    margin: 10px 0 0 10px;
}
.pic-content img {
    max-width: 100%;
    max-height: 190px;
}
.article .time {
    display: inline-block;
    width: 29%;
    text-align: right;
/*    background: #cccc00; */
}
.article .cost {
    display: inline-block;
}
.article .cost:before {
    content: "Cost: ";
}
.article .sponsor-info {
}
.article .org_name {
    color: #000071;
    font-weight: bold;
}
.info-text {
  display: none;
}
.content.home {
	border: 0 !important;
	background: transparent;
	color: #000;
}
.content {
	background: rgba(20,20,20,0.8);
	border-radius: 1rem;
	border: 3px solid rgba(00,0,0,0.4);
	padding: 0 1rem;
}
.content .indicator {
  width: 100%;
}
/************   Images   ***************/
.pic-left {
    float: left;
    margin-right: 1rem;
}
.pic-right {
    float: right;
    margin-left: 1rem;
}
.pic-centre {
    max-width: 80%;
    margin: auto;
    display: block;
}
.pic-left,
.pic-right {
    max-width: 60%;
/*    margin-bottom: 20px;*/
}
.pic-left img,
.pic-right img {
    max-width: 96%;
    margin: 0 auto;
    display: block;
}
.pic-centre img {
    max-width: 100%;
    margin: 0 auto;
}
.pic-caption {
    padding: 0.8%;
    text-align: center;
    margin: 0.8%;
    font-style: italic;
}
.small{
    width: 30% !important;
}
.no-border {
    border: 0 none !important;
    padding: 0 !important;
}
.popup {
  cursor: pointer; 
}
.clicktozoom {
    margin: -1.5rem 1rem -1rem 0;
    text-align: right;
    font-size: 0.8rem;
    color: white;
}
/************   Product image pop-up   *****************/
#page-shader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1200;
    text-align: center;
    background: rgba(0,0,0,0.7);
}
#page-shader img {
  position: relative;
  margin-top: 2%;
}
#shade-closer {
  display: none;
  position: fixed;
    margin: auto;
    width: 90%;
    z-index: 1220;
    text-align: right;
  color: red;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: default;
  top: 3rem;
}
.noscroll {
  overflow-y: hidden;
}
/******************************  Photo Albums ******************/
.page-list {
  height: 25rem !important;
}
.page-list img {
  max-height: 300px;
  display: block;
  margin: 2rem auto 1rem;
}
.page-list p {
  text-align: center;
}
.page-list .page-title {
  font-size: 1.2em;
}
/******************************  Slick Carousel (Foundation) ******************/

.home .photogallery {
	background: rgba(20,20,20,0.65);
	border-radius: 1rem;
	border: 2px solid rgba(00,0,0,0.4);
}
  .photogallery .slick-track {
    line-height: 600px;
  }


.home .photogallery .picdiv img {
/*	top: 0;*/
    vertical-align: middle;
}

.photogallery .picdiv img {
  max-width: 96%;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
}
.photonav .picnav {
  max-width: 20%;
  margin: auto;
}
.picdiv p {
/*  text-align: center;*/
  width: auto;
  position: absolute;
  top: 10%;
  overflow-y: hidden;
  background: rgba(0,0,0,.65);
/*  background: rgba(0, 50, 152, 0.4);*/
  padding: .4rem;
  color: white;
  font-family: 'Raleway', sans-serif;
  line-height: 1.0;
}
.picdiv .name {
  font-weight: 500;
}
.slick-prev,
.slick-next {
  background: transparent;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  background: #004488;
}
.slick-prev {
  left: 2%;
}
.slick-next {
  right: 2%;
}
.home .slick-prev {
  left: 0%;
  border-radius: 0 1rem 1rem 0;
}
.home .slick-next {
  right: 0%;
  border-radius: 1rem 0 0 1rem;
}
.home .slick-prev,
.home .slick-next {
	width: 37px;
}
.picnav img {
  padding: 0 .2rem;
  max-height: 10rem;
  margin: auto;
}
.home .photogallery {
  margin: 0;
  padding; 0;
}
.home .photogallery .picdiv {
	margin: 0;
	padding: 0;
}
.home .photogallery .picdiv img {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}
.home .slide-container {
	padding-left: 0;
}
.home .photogallery .picdiv img {
  max-width: 100%;
}
.home .photogallery .slick-track {
  height: 340px;
  background: transparent;
  padding: 0 !important;
  margin: 0 !important;
}
.photonav .slick-track {
}
.slick-slider {
  margin-bottom: 1rem;
}
/******************************  Contact Form ******************
form {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
fieldset {
    border: 0;
    border-top: 1px solid #1E4C3B;
    margin: 1% 0;
}
label {
    display: inline-block;
    width: 25%;
    text-align: right;
    margin: 1% 2% 0 0;
    vertical-align: top;
}
select,
input[type='file'],
input[type='text'],
textarea {
    width: 60%;
    margin: 1% 0 0;
    display: inline-block;
}
select,
textarea {
  height: 6rem;
}
.instruction {
  color: #008000;
  font-size: 0.8em;
  display: inline-block;
  width: 60%
}
input[type='submit'] {
  width: 6rem;
  height: 2rem;
  margin-bottom: 1rem;
  background: #3972A0;
  color: #FFF;
  font-size: 1.2rem;  
}
*/
/************ For Specific Pages ********/
.home .gallery-head {
  display: none;
}
/************ General - not(?) modified by Media Queries ********/
h1, h2 {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
h3, h4 {
  color: #fff;
}
h1 + h2 {
  margin-top: .8rem;
}
h1 small {
  font-size: 80%;
}
h1 {
  margin: 1.3rem 0 -1.3rem 0;
}
h2 {
  margin: .8rem 0 -.8rem 0;
}
.page-title-row + .members-row,
.page-title-row + .article-row {
  margin-top: 1rem;
}
.article-row {
  border-bottom: 2px solid rgba(0,0,0,0.15);
  padding: 0; 
}
.article-row:last-child {
  border-bottom: none;
}
.article-row ul {
  list-style-image: url("images/dot.gif");
  margin-left: 4rem;
}
.panels-row .columns {
  text-align: center;
  background: #D5E1FA;
  border: 8px white solid;
  box-shadow: inset 0 0 2px #000000;
}
.columns h2 {
  margin: 1.8rem 0 1rem 0;
}
ul.err {
  margin-top: 1.3rem;
}
#art53 h2 {
  margin: 0;
}
/******************************  Media Queries (Foundation) ******************/
@media only screen and (min-width: 40.063em) {
/*
.top-bar .title-area {
  float: none;
  width: 75%;
}
.top-bar-section .left {
  float: none !important;
  display: inline-block;
}
.top-bar-section ul {
  display: inline-block;
}
*/  

}

/******************************  Media Queries Revised - get rid of the other section (Foundation) ******************/
/* Small Screen Custom */
@media only screen and (max-width: 40.063em) {
	.top-bar .top-bar-section a {
  	border: 0;
  }
	
	.membership .membership .text-center { margin-top: 0rem; }
}
/* Medium Screen Custom */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.top-bar-section ul li:first-child a {
		border-left-width: 0px;
	}
	.top-bar-section ul li:last-child a {
		border-right-width: 0px;
	}
	.top-bar-section ul li a {
  	padding: 0 1.2rem !important;
  }
  img#logo {;
		margin-bottom: 0.25rem;
	}
}
/* Small screens */
@media only screen {  /* Define mobile styles */
  h1 {
    font-size: 1.1rem;
  }
  .top-bar {
    height: 2rem;
  }
  .top-bar-section ul {
    margin-left: 2rem;
  }
  .row {
    margin: 0 1rem;
  }
  .row .row {
    margin-right: 0;
  }
  .top-bar-section ul li, 
  .top-bar-section ul li a,
  .top-bar li,
  .top-bar li > a {
    text-align: left;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
  /*  background: #0C1A37;*/
    padding: 0 0.8rem;
  }
  nav.expanded ul {
	background: transparent !important;
	}
/*  Slick Carousel (Foundation) ******************/
  .photogallery .picdiv img {
    max-height: 320px;
  }
  .photogallery .slick-track {
    height: 320px;
  }
  .picdiv p {
    font-size: .8rem;
    left: 5%;
  }
  .picdiv .name {
    font-size: 1.0em;
  }
  
}

@media only screen and (max-width: 40em) { 
	
	.bottom-menu li,
	.bottom-menu li:first-child {
		border-radius: 1rem !important;
		border-width: 0 2px !important;
		
		margin: 0.25rem;
		padding: 0 1.2rem !important;
		
		white-space: nowrap;
		
		font-size: 0.8rem;
	}
	
	.bottom-menu ul {
		margin-left: -1rem;
		width: 99%;
	}
	
	div.catchphrase p {
		font-size: 1.2rem;
	}
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


/* Medium screens */
@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */
  h1 {
    font-size: 1.4rem;
  }
  h2 {
    font-size: 1.2rem;
  }
  .top-bar {
    line-height: 1;
    height: 2.9rem;
  } 
  .top-bar .name {
    height: auto;
  }
  .top-bar-section {
    width: 100%;
    left: 0 !important;
  }
  .top-bar-section ul {
    margin-left: 0;
  }
  .top-bar-section ul.left li,
  .top-bar-section ul.left li > a {
    font-size: 0.9rem;
  }

  .top-bar-section ul li, 
  .top-bar-section ul li a,
  .top-bar li,
  .top-bar li > a {
    text-align: center;
  }
  .top-bar-section ul.left li ul li,
  .top-bar-section ul.left li ul li > a {
    font-size: 1.0rem;
    line-height: 1.9 !important;
  }
  .top-bar-section .has-dropdown > a:after {
    top: 1.5rem;
    border: inset 6px;
    border-color: 
      rgba(255, 255, 255, 0.7) 
      rgba(0, 0, 0, 0) 
      rgba(0, 0, 0, 0) 
      rgba(0, 0, 0, 0);
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.28rem;
  }
  .top-bar-section .has-dropdown.products > a + .dropdown  {
    width: 646px;
  }
/*  Slick Carousel (Foundation) ******************/
  .photogallery .picdiv img {
    max-height: 320px;
  }
  .photogallery .slick-track {
    height: 320px;
  }
  .picdiv p {
    font-size: .9rem;
    left: 5%;
  }
  .picdiv .name {
    font-size: 1.2em;
  }
  .home .featured-article {
		margin-bottom: 1.9rem;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.bottom-menu li {
		font-size: 0.9rem;
		padding: 0 1.2rem !important;
	}
	
	.bottom-menu {
		text-align: left;
	}
	
	.bottom-menu li:first-child {
		padding-left: 0.4rem !important;
	}
	
	.home .slide-container {
		padding-right: 0;
	}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) {  /* min-width 1025px, large screens */
  h1 {
    font-size: 1.8rem;
  }
  h2 {
    font-size: 1.4rem;
  }
  .row {
    margin: 0 auto;
  }
  .row .row {
    margin-right: -0.9375rem;
  }
  .top-bar {
    line-height: 1;
    height: 2.9rem;
  } 
  .top-bar-section {
/*    width: 90%;
    left: 13.5rem !important; /* ReAlign to Centre Nav Changes */
  }
  .top-bar-section ul.left {
    position: relative;
    left: 13rem;
  }
  .top-bar-section ul.left li,
  .top-bar-section ul.left li > a {
    font-size: 1.02rem;
  }
  .top-bar-section .has-dropdown > a:after {
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
  /*  background: #0C1A37;*/
    padding: 0 0.8rem;
  }
/*  Slick Carousel (Foundation) ******************/
  .photogallery .picdiv img {
    max-height: 540px;
  }
  .photogallery .slick-track {
    height: 540px;
  }
  .picdiv p {
    font-size: 1.3rem;
    left: 10%;
  }
  .picdiv .name {
    font-size: 1.4em;
  }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
/*