/* ==============================================
  Primary Color
  
  Colour: Yellow  
  Colour Code: rgba(102, 157, 185, 0.9) 
  ============================================== */



/* Background */

.bg-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.bg-primary nav.horizontal .sub-tab ul,
.bg-primary nav.vertical .sub-tab ul {
  background-color:rgba(102, 157, 185, 0.9); /* CHANGE */
}


/* Text */

.text-primary, 
a.text-primary:hover,
.btn-primary-outline,
.text-primary nav.horizontal a, 
.text-primary nav.horizontal a:hover, 
.text-primary nav.horizontal a.active,
.text-primary nav.vertical a, 
.text-primary nav.vertical a:hover, 
.text-primary nav.vertical a.active,
.text-primary #menu-btn, 
.text-primary #menu-btn:hover,
.text-primary #menu-btn:focus, 
.text-primary #share-btn, 
.text-primary #share-btn:hover, 
.text-primary #share-btn:focus, 
.text-primary #tel-btn, 
.text-primary #tel-btn:hover,
.text-primary #tel-btn:focus, 
.text-primary #tel-number, 
.text-primary #tel-number:hover,
.text-primary #tel-number:focus, 
.text-primary .logo,
.footer-link-primary a,
.footer-link-primary a:hover,
.footer-link-primary a:focus,
.link-primary  {
  color:rgba(102, 157, 185, 0.9); /* CHANGE */
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary-outline:hover,
.btn-primary-outline:focus {
  color:white;
}


/* Border */

.border-primary,
.btn-primary-outline,
.btn-primary-outline:hover,
.btn-primary-outline:focus {
  border-color:rgba(102, 157, 185, 0.9); /* CHANGE */
}


.btn-primary-outline,
.btn-primary-outline:hover,
.btn-primary-outline:focus {
  border-width: 1px;
  border-style:solid;
}


.btn-primary {
  border-width:0;
}

.bg-primary nav.horizontal .sub-tab ul,
.bg-primary nav.vertical .sub-tab ul,
.btn-primary,
  border-bottom: 3px solid rgba(0,0,0,0.1);
}

.btn-primary:hover,
.btn-primary:focus {
  border-color: rgba(0,0,0,0.1);
}

/* Opacity */

.btn-primary:hover,
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.link-primary:hover,
.link-primary:focus {
  opacity:0.8;
}


/* ==============================================
  Secondary Color
  
  Colour: Gray  
  Colour Code: #6e6e6e 
  ============================================== */


/* Background */

.bg-secondary,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.bg-secondary nav.horizontal .sub-tab ul, 
.bg-secondary nav.vertical .sub-tab ul {
  background-color:#6e6e6e; /* CHANGE */
}


/* Text Color */

.text-secondary, 
a.text-secondary:hover,
.btn-secondary-outline,
.text-secondary nav.horizontal a, 
.text-secondary nav.horizontal a:hover, 
.text-secondary nav.horizontal a.active,
.text-secondary nav.vertical a, 
.text-secondary nav.vertical a:hover, 
.text-secondary nav.vertical a.active,
.text-secondary #menu-btn, 
.text-secondary #menu-btn:hover,
.text-secondary #menu-btn:focus, 
.text-secondary #share-btn, 
.text-secondary #share-btn:hover,
.text-secondary #share-btn:focus, 
.text-secondary #tel-btn, 
.text-secondary #tel-btn:hover,
.text-secondary #tel-btn:focus, 
.text-secondary #tel-number, 
.text-secondary #tel-number:hover,
.text-secondary #tel-number:focus, 
.text-secondary .logo,
.footer-link-secondary a,
.footer-link-secondary a:hover,
.footer-link-secondary a:focus,
.link-secondary  {
  color:#6e6e6e; /* CHANGE */
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary-outline:hover,
.btn-secondary-outline:focus {
  color:white;
}


/* Border */

.border-secondary,
.btn-secondary-outline,
.btn-secondary-outline:hover,
.btn-secondary-outline:focus {
  border-color:#6e6e6e; /* CHANGE */
}


.btn-secondary-outline,
.btn-secondary-outline:hover,
.btn-secondary-outline:focus {
  border-width: 1px;
  border-style:solid;
}


.btn-secondary {
  border-width:0;
}

.bg-secondary nav.horizontal .sub-tab ul,
.bg-secondary nav.vertical .sub-tab ul,
.btn-secondary {
  border-bottom: 3px solid rgba(0,0,0,0.1);
}

.btn-secondary:hover,
.btn-secondary:focus {
  border-color: rgba(0,0,0,0.1);
}

/* Opacity */

.btn-secondary:hover,
.btn-secondary-outline:hover,
.btn-secondary-outline:focus, 
.link-secondary:hover,
.link-secondary:focus {
  opacity:0.8;
}


/* ==============================================
  Tertiary Color
  
  Colour: Yellow
  Colour Code: #fff200
  ============================================== */


/* Background */

.bg-tertiary,
.btn-tertiary,
.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary-outline:hover,
.btn-tertiary-outline:focus,
.bg-tertiary nav.horizontal .sub-tab ul{
  background-color:#fff200; /* CHANGE */
}


/* Text Color */

.text-tertiary, 
a.text-tertiary:hover,
.btn-tertiary-outline,
.text-tertiary nav.horizontal a, 
.text-tertiary nav.horizontal a:hover, 
.text-tertiary nav.horizontal a.active,
.text-tertiary #menu-btn, 
.text-tertiary #menu-btn:hover, 
.text-tertiary #menu-btn:focus, 
.text-tertiary #share-btn, 
.text-tertiary #share-btn:hover, 
.text-tertiary #share-btn:focus, 
.text-tertiary #tel-btn, 
.text-tertiary #tel-btn:hover,
.text-tertiary #tel-btn:focus, 
.text-tertiary #tel-number, 
.text-tertiary #tel-number:hover,
.text-tertiary #tel-number:focus, 
.text-tertiary .logo,
.footer-link-tertiary a,
.footer-link-tertiary a:hover,
.footer-link-tertiary a:focus,
.link-tertiary  {
  color:#fff200; /* CHANGE */
}

.btn-teritary,
.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary-outline:hover,
.btn-tertiary-outline:focus {
  color:white;
}


/* Border */

.border-tertiary,
.btn-tertiary-outline,
.btn-tertiary-outline:hover,
.btn-tertiary-outline:focus {
  border-color:#fff200; /* CHANGE */
}


.btn-tertiary-outline,
.btn-tertiary-outline:hover,
.btn-tertiary-outline:focus {
  border-width: 1px;
  border-style:solid;
}


.btn-tertiary {
  border-width:0;
}

.bg-tertiary nav.horizontal .sub-tab ul,
.btn-tertiary,
.bg-tertiary nav.horizontal .sub-tab ul {
  border-bottom: 3px solid rgba(0,0,0,0.1);
}

.btn-tertiary:hover,
.btn-tertiary:focus {
  border-color: rgba(0,0,0,0.1);
}


/* Opacity */

.btn-tertiary:hover,
.btn-tertiary-outline:hover,
.btn-tertiary-outline:focus,
.link-tertiary:hover,
.link-tertiary:focus {
  opacity:0.8;
}


/* ==============================================
   Buttons
   ============================================== */

.btn {
  font-family: 'Didact Gothic', sans-serif;
}

/* ==============================================
   Headings
   ============================================== */


h1, h2, h3, h4, h5, h6 {
  font-family: 'Didact Gothic', sans-serif;
  color:#6e6e6e;
}

h2 {
}

/* ==============================================
   list
   ============================================== */

   li {
    margin-bottom:10px;
   }


/* ==============================================
   Font Family
   ============================================== */

.font-primary {
  font-family: 'Lato', sans-serif;
}

.font-secondary {
  font-family: 'Didact Gothic', sans-serif;
}

/* ==============================================
   Links
   ============================================== */


a {
  color: #707070;
}

a:hover, a:focus {
  color: #CDCDCD;
  text-decoration:none;
}


/* ==============================================
   Layout
   ============================================== */

html, body {
  height:100%;
} 

section {
	float:left;
	width:100%;
}


/* ==============================================
   Blockquote
   ============================================== */

blockquote {
  font-family: 'Didact Gothic', sans-serif;
  line-height:25px;
}

blockquote p:last-of-type {
  font-style:italic;
  font-color:#6e6e6e;
  font-family:lato;
  font-weight:100;
}

/* ==============================================
   Banner
   ============================================== */


#banner .container-fluid {
	padding:0;
} 

.banner-cta {
  display:inline-block;
}

.banner-cta p {
  display:inline-block;
}

.banner-cta:nth-of-type(n+2) {
  margin-left:10px;
}

.banner-text {
}

.banner-image img {
  max-width:100%;
  height:auto !important;
}

.banner-image p {
  margin-bottom:0;
}

@media (max-width:768px){
  .banner-text {
    background: #EFEFEF;
  }
}


/* ==============================================
   Telephone
   ============================================== */

#tel-btn {
  display:none;
  float: right;
  width: 21px;
  height: 25px;
  margin: 10px 0px 0px 0px;
  font-size: 20px;
}

.mobile #tel-btn { 
  display:inline-block;
}

/* ==============================================
   Search
   ============================================== */

.art-search {
  margin-top:13px;
  margin-left:10px;
}

.art-search-button {
  background: white;
  border-radius: 0px 41px 41px 0px;
  border: 0;
  padding: 5px;
  margin-left: -53px;
  color: #649BB7;
}

.art-search input[type="text"] {
  background: transparent;
  border: 1px solid white;
  border-radius: 23px;
  padding: 4px;
  color: white;
  padding-right:50px;
}

.mobile .art-search {
  display:none;
}

/* ==============================================
   Share
   ============================================== */

#share-btn {
  display: none;
  float: right;
  background-size: 100%;
  width: 21px;
  height: 25px;
  margin: 10px 15px 0px 10px;
  font-size: 20px;
}

#share {
  display: block;
  float:right;
  margin-left:20px;
}

#share .title {
  display:none;
  padding: 10px 0;
}

#share ul {
  margin:0;
  padding:0;
}

#share ul li {
  display:inline-block;
  float:left;
}

.social {
  display: none;
  font-size: 14px;

}

.social-ico {
  display: block;
  width: 32px;
  height: 32px;
  margin: 12px 5px 0px 0px;
  text-align:center;
  padding-top:8px;
}

.social:hover {
  opacity:0.8;
} 

.social a span {
  float:left;
}

.social-label {
  display:none;
}

@media (max-width : 991px){
  #share {
    display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 9999999;
  }

  #share .title {
    display:block;
    display: block;
    font-size: 25px;
    font-weight: 100;
  }

  #share .position {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

  #share .inner {
    display: inline-block;
    padding: 0;
    box-shadow:0px 0px 10px rgba(0,0,0,0.3);
    position: relative;
    top:10px;
    width:80%;
    height:80%;
}

  #share-btn {
    display:inline-block;
  }

  .social {
    margin:0;
    text-align:left;
    font-size:20px;
    padding:0 5%;
  }

  #share ul li {
    display: list-item;
    list-style: none;
    float:none;
  }

  #share ul li:first-of-type {
  }

  .social-ico {
    margin:10px 10px 10px 0;
  }

  .social-label {
    display:inline-block;
    position: relative;
    top: 2px;
  }

}

@media (min-width : 992px){
  #share {
    display:block !important;
  }
}

/* ==============================================
   Home
   ============================================== */

#carousel-home .item.slide1 {
  background-image: url('/userfiles/templates/bootstrapqs/img/carousel/slide1.jpg');
  background-size:cover;
  background-position:left;
}

#carousel-home .item.slide2 {
  background-image: url('/userfiles/templates/bootstrapqs/img/carousel/slide2.jpg');
  background-size:cover;
  background-position:center;
}

.mobile #carousel-home .carousel-text {
  margin-top:0px !important;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  padding-top: 20px;
}

#carousel-home .item .container {
  min-height:250px;
}

#cta {
  background: #f9f8f8;
}

/* ==============================================
   Default
   ============================================== */


/* ==============================================
   Pages
   ============================================== */


/* ==============================================
   News
   ============================================== */

.news-feed {
  margin:0;
  padding:0;
  list-style:none;
  display:inline-block;
}

.news-feed li {
  margin-bottom:20px;
  float:left;
}

.news-feed li:last-of-type {
  margin-bottom:0px;
}

.news-feed .news-feed-img {
  display: block;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-size: cover !important;
  background-position: center;
  float: left;
}

.news-feed .news-feed-txt {
  float: left;
  width: calc(100% - 62px);
  padding-left: 20px;
}

.news-feed .title {
  font-weight: 800;
  margin-bottom: 10px;
  display: inline-block;
}

.news-feed .news-feed-txt p {
  font-style: italic;
}

.news-page h3 {
  margin-top:0;
}

.news-page > div {
  margin-bottom:50px;
}

.news-page > div:last-of-type {
  margin-bottom:0px;
}

.article-img {
  max-width:100%;
  height:auto!important;
}

img.ListItemPictureCSS {
float: left;
margin-right: 20px;
margin-bottom: 10px;
border-radius: 5px;
max-width:200px;
}

@media (max-width:991px){
  img.ListItemPictureCSS {
    float:none;
    clear:both;
    margin:20px auto;
    display:block;
    max-width:80%;
}
}


/* ==============================================
   News Feed
   ============================================== */

.article {
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.article .article-title {
  min-height:86px;
}

#default .article {
  margin-top:20px;
}

.article-title {
  font-size:16px;
}

.article .article-img {
  min-height:132px;
  background-size:cover;
}

#home .article-img {
  min-height:102px;
}

/* ==============================================
   Footer
   ============================================== */

/* margin-bottom controlled by js */
.wrapper { 
  float:left;
  width:100%;
}

.sticky-footer .wrapper {
  min-height:100%;
}

/* height controlled by js */
.sticky-footer .push {
  width:100%;
  float:left;
}

/* height controlled by js - padding top/bottom MUST be equal */
footer {
  width:100%;
  float:left;
  padding:40px 0px;
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  position: relative;
  z-index: 99;
}

footer a {
  text-decoration:none;
}

footer p {
  margin-bottom:0;
}

a.art-rss-tag-icon {
display: inline-block;
background: url(../img/social/rss.png);
width: 32px;
height: 32px;
float: left;
position: relative;
top: -7px;
margin-right: 10px;
}

/* ==============================================
   QuickerSite Modules
   ============================================== */



/* QS Forms */

#QS_form {
  width: 60%;
  display: block;
  margin: 0 auto;
}

@media (max-width:767px) {
  #QS_form {
  width: 100%;
}
}

#QS_form .QS_fieldline {
  width:100%;
  padding:0;
  margin:15px 0;
}

#QS_form .QS_fieldline.hideLabel {
  margin:5px 0;
}

#QS_form .QS_fieldline:nth-last-child(2) {
  margin-top:20px;
}

#QS_form div.QS_fieldline:last-of-type .QS_fieldlabel, #QS_form div.QS_fieldline:nth-last-of-type(2) .QS_fieldlabel {
  display:none; 
}

#QS_form .QS_fieldline.hideLabel .QS_fieldlabel, #QS_form .QS_fieldline.hideLabel .QS_oneline {
  width: 100%;
  text-align: left;
  padding-top: 20px;
  font-style: normal;
  margin-bottom: 5px;
}

#QS_form .QS_fieldline .QS_fieldlabel {
  text-align:left;
  width:30%;
  font-style: normal;
  min-width:90px;
}
 
#QS_form .QS_fieldline .QS_oneline, #QS_form .QS_fieldline.hideLabel .QS_fieldlabel {
  display:none;
}

#QS_form .QS_fieldline:nth-last-of-type(-n+2) .QS_oneline, #QS_form .QS_fieldline:nth-last-of-type(-n+2) .QS_fieldlabel {
  display:none !important;
}

#QS_form .QS_fieldline.hideLabel .QS_fieldvalue {
  left: 0;
  width: 100%;
}

#QS_form input[type="text"], #QS_form textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  max-width:100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius:3px;
}

#QS_form form {
  display: inline-block;
  width: 100%;
}

input[type=radio], input[type=checkbox] { 
  margin: 0 7px 0 0;
}

/* List Page */

#QS_list .QS_listitem {
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px;
  margin-bottom: 100px;
}

#QS_list .QS_listitem .QS_listminusplus {
  display: none;
}

#QS_list .QS_listitem {
  width: 100%;
}

#QS_list .QS_listitem .QS_listitemvalue {
  left: 0;
}

#QS_list .QS_listitem .QS_listitemtitle {
  left: 0;
  margin-bottom:20px;
}

#QS_list .QS_listitem .QS_listitemtitle a {
  color: black;
  font-size: 1.5em;
  text-decoration: none;
}

/* ==============================================
   Nav Search Fix 09-10-2019
   ============================================== */

/*#nav form.art-search {
    width: 210px;
}*/

#nav form.art-search {
    position: relative;
}

#nav input.art-search-button {
  position: absolute;
  top:0;
  right:0;
}