/* From the top styling downwards */
.breadcrumb >.active {
  color: #000;
}
.container {
  max-width: 1520px;
}

* {
  border-radius: 0 !important;
}

body {
  background-color:#f3f2f1;
}

.desktop-hdng {
  height: auto;
  padding:20px;
  background-color:#fff;
}

.gencontent {
  background-color:#fff;
  padding:30px;
}

.carousel-caption {
  text-align: left;
}

#myTab li a { 
  padding:20px; background-color:#d8d5d2; color:#544f43;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 1.1rem !important;
}
    
#myTab li a:hover {
  background-color:#e7e6e4;
}

a.nav-link.active {
  background-color:#b8b3ad !important;
  border: transparent;
  border-bottom: 4px solid green !important;
}

.top-spec-colours {
  height:15px;
  margin-left:0px;
  margin-right:0px;
}

.spec-colours {
  margin-left:-12px;
  margin-right:-12px;
  height:15px;
}
.spec-c-board {
  background-color:#00BAFB;
}

.spec-c-council {
  background-color:#6293FE;
}

.spec-c-arb {
  background-color:#C632FD;
}

.spec-c-cont {
  background-color:#722CFD;
}

.spec-c-edu {
  background-color:#FED164;
}

.spec-c-member {
  background-color:#E6578D;
}

.spec-c-super {
  background-color:#3F691E;
}

.spec-c-fcc {
  background-color:#644600;
}

.spec-c-ins {
  background-color:#FF766F;
}

.bcrum-bar-default {
  height: 60px;
  padding:15px;
}

.bcrum-bar-faq {
  background-color:#908573;
  height: 60px;
  padding:15px;
}

.bcrum-bar-education {
  background-color:#FED164;
  height: 60px;
  padding:15px;
}

.bcrum-bar-membership {
  background-color:#E6578D;
  height: 60px;
  padding:15px;
}

.three-panels {
  margin-left:0px;
  margin-right:0px;
  background-color:#fff;
}

ul.leftstack li {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #524331;
  list-style-type: none;
  color: #204173;
  padding-top:10px;
  padding-bottom:5px;
}

ul.leftstack a {
  color: #524331;
  line-height:100%;
  font-size: 1.1rem !important;
}

ul.leftstack a:hover {
  color: #518714;
}

.horiz-dots {
  border-bottom-style: dotted;
  border-width: 3px;
  border-color: #544f43;
}

.horiz-dots-lighter {
  border-bottom-style: dotted;
  border-width: 2px;
  border-color: #8e8571;
}

.vert-dots {
  border-left-style: dotted;
  border-width: 3px;
  border-color: #544f43;
}

.news-panel {
  padding:20px;
}

.announce-panel {
  padding:20px;
}

a.social-icons-header {
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #204173 !important;
  font-size: 3em;
}

.members-btn {
  font-family: Lato, sans-serif;
  font-weight: 400;
  background-color: #6bb11b;
  font-size: 1rem !important;
  color: #fff;
}

.members-btn:hover {
  background-color: #000;
  color: #fff;
}

.course-btn {
  font-family: Lato, sans-serif;
  font-weight: 400;
  background-color: #6bb11b;
  font-size: 1rem !important;
  color: #fff;
}

.course-btn:hover {
  background-color: #000;
  color: #fff;
}

.register-btn {
  background-color: #508514;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 1rem !important;
  color: #fff;
}

.register-btn:hover {
  background-color: #000;
  color: #fff;
}

.readmore-btn {
  font-family: Lato, sans-serif;
  font-weight: 400;
  background-color: #9f8360;
  font-size: 1rem !important;
  color: #fff;
}

.readmore-btn:hover {
  background-color: #000;
  color: #fff;
}

.opener {
  font-size: 5rem !important;
}

.white-out {
  color: #fff;
}

.nudge-right {
  padding-left: 10px;
}

.cross-sell-detail {
  color: #fff;
  font-size: 1.1rem;
}

.generalheropanel {
  min-height:27vh;
  margin-left:0px;
  margin-right:0px;
  background-image: url(images/education.png);
  background-position: center;
  background-repeat: no-repeat, no-repeat;
}

.membershipheropanel {
  min-height:27vh;
  margin-left:0px;
  margin-right:0px;
  background-image: url(images/membership.png);
  background-position: center;
  background-repeat: no-repeat, no-repeat;
}

.newsheropanel {
  min-height:27vh;
  margin-left:0px;
  margin-right:0px;
  background-image: url(images/news.png);
  background-position: center;
  background-repeat: no-repeat, no-repeat;
}

.eventheropanel {
  min-height:27vh;
  margin-left:0px;
  margin-right:0px;
  background-image: url(images/events.png);
  background-position: center;
  background-repeat: no-repeat, no-repeat;
}

.faqheropanel {
  min-height:27vh;
  margin-left:0px;
  margin-right:0px;
  background-image: url(images/faqs.png);
  background-position: center;
  background-repeat: no-repeat, no-repeat;
}

.standard-heropanel {
  min-height:27vh;
  margin-left:0px;
  margin-right:0px;
  background-position: center;
  background-repeat: no-repeat, no-repeat;
}

.join-us-orange-strip {
  background-color:#eb9336;
  min-height: 25vh;
  padding-top:40px;

}

.grey-bg-wide {
  background-color:#f2f2f2;
}

.hero-slide-setup-1 {
  background-image: url(images/home-hero-1.jpg);
  background-position: center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, 100%;
}

.hero-slide-setup-2 {
  background-image: url(images/home-hero-2.jpg);
  background-position: center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, 100%;
}
.hero-slide-setup-3 {
  background-image: url(images/home-hero-3.jpg);
  background-position: center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, 100%;
}

ul.membertypes {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
}

ul.tablst {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem;
}

ul.leftstacknav li {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  list-style-type: none;
  color: #204173;
  padding-top:10px;
  padding-bottom:5px;
}

ul.leftstacknav a {
  color: #204173;
  line-height:100%;
}

ul.leftstacknav:hover {
  color: #eb9336;
}

.bignewspanel {
  min-height:33vh;
  padding:20px;
  background-color:  #c2c1bd;
}

.smallnewspanel {
  min-height:37vh;
  padding:20px;
  background-color: #d8d5d2;
}

/* breadcrumb styling */
  ol.breadcrumb {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  color: #524331 !important;
}

ol.breadcrumb a {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  color: #524331;
}

/* END OF breadcrumb styling */

/* accordian styling */
h2.accordion-header {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #204173;
}
/* end of accordian styling */

.result-panel-lg {
  min-height:30vh;
  padding:50px;
  background-color: #204173;
  background-image: url("images/name-boxbg.png");
  background-repeat: no-repeat;
  border: 5px solid white;
  border-radius: 15px;
  background-position: bottom;
  background-size: contain;
  border-radius: 20px;  
}

.result-panel-sm {
  min-height:30vh;
  padding:50px;
  background-color: #eb9336;
  background-image: url("images/name-boxbg.png");
  background-repeat: no-repeat;
  border: 5px solid white;
  border-radius: 15px;
  background-position: bottom;
  background-size: contain;
  border-radius: 20px;
}

.btn-read-article {
  background-color: #eb9336;
  font-size: 1.2rem !important;
  color: #fff;
}

.btn-read-article-wob {
  background-color: #fff;
  font-size: 1.2rem !important;
  color: #eb9336;
}

.btn-read-article:hover {
  background-color: #eb9336;
  color: #204173;
}

.card-body {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem;
}

.btn-find-a-member {
  background-color: #518714;
  font-size: 1rem !important;
  color: #fff;
}

.btn-find-a-member:hover {
  background-color: #eb9336;
  color: #204173;
  font-size: 1rem !important;
}

.btn-join-now {
  background-color: #204173;
  font-size: 1.2rem !important;
  color: #fff;
}

.btn-join-now:hover {
  background-color: #fff;
  color: #204173;
}

/* Style the navigation menu slick option a*/

.navigation-section {
padding-top: 20px;
min-height: 35px;
background-color: #fff;
}

/* bootstrap 4 navbar styling */
.navbar-custom {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem !important;
  background-color: #fff;
}/* change the brand and text color */

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: #544f43;
}/* change the link color */

.navbar-custom .navbar-nav .nav-link {
  color: #544f43;
}/* change the color of active or hovered links */

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #544f43;
}

.navbar-custom .navbar-toggler {
  background-color: #fff;  
  color: #524331;
}

/* for dropdown only - change the color of dropodown */
.navbar-custom .dropdown-menu {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 1.1rem !important;
  background-color: #fff;
}

.navbar-custom .dropdown-item {
  font-size: 1.1rem !important;
  color: #394a58;
}

.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
  color: #fff;
  background-color: #524331;
}

.home-hero {
  min-height:390px;
  background-color: #0098c3;
  background-size: cover;
}

.hero-detail {
  padding-top:5%;
  z-index:2000;
}

.boxed-pair {
  border: 5px solid #fff;
  padding:30px;
  background:#11a0cd;
}

.the-boxes {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;  
}

.namebox-hero {
  background-color:#eb9336;
  background-image: url("images/name-boxbg.png");
  background-repeat: no-repeat;
  border-radius: 15px;
  background-position: right;
  background-size: contain;
  min-height:110px;
  width: 100%;
  padding: 15px;
  border-radius: 0px 0px 20px 20px;
}

.namebox {
  background-color:#0098C3;
  min-height:40px;
  width: 100%;
  padding: 5px;
}

.panels-home {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 20px 20px 0px 0px;
}

.image-panels-home {
  width: 100%;
  height: auto;
  border-radius: 20px 20px 0px 0px;
}

.overlay-panels-home {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0px 0px;
  transition: .8s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: left;
  cursor:pointer;
}

.panels-home:hover .overlay-panels-home {
  border-radius: 20px 20px 0px 0px;
  opacity: 1;
}

.cross-sell-panels {
  background-color: #e98300;
  background-image: url("images/cross-sell-panel-bg.jpg");
  background-repeat: no-repeat;
  border-radius: 15px;
  background-position: center;
  background-size: cover;
}

.panels-nudge {padding-top:70px;
    padding-bottom:70px;
}

.alt-bg {
  padding-top:50px;
  padding-bottom:70px;
  background-color: #e98300;
  background-image: url("images/news-letter-panel.jpg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  background-size: cover;
}

.global-bg {
  padding-top:50px;
  padding-bottom:70px;
  background-color: #e98300;
  background-image: url("images/global-event.jpg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  background-size: cover;
}

.credit-line {
  height:70px;
  background-color:#eb9336;
}

/* General font styling */

h1 {
  font-family: Maitree, serif;
  font-weight: 300;
  font-style: normal;
  color: #544f43;
  font-size: 3rem;
}

h2 {font-family: Maitree, serif;
  font-weight: 300;
  font-size: 2rem;
  color: #544f43;
}

h3 {
  font-family: Maitree, serif;
  font-weight: 300;
  font-style: normal;
  color: #544f43;
}

h4 {
  font-family: Maitree, serif;
  font-weight: 300;
  font-style: normal;
  color: #544f43;
  font-size: 1.3rem;   
}

h5 {
  font-family: Maitree, serif;
  font-weight: 300;
  font-style: normal;
  color: #544f43;
  font-size: 1.2rem;  
}

p {
  font-size: 1.2rem;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #544f43;
}

h2.general-wo-hero {
  text-decoration: none;
  padding: 10px;
  font-size: 2rem;
  color: #fff;
}

h2.general-wo {
  font-size: 1.3rem;
  color: #fff;
}

h3.becomeamember {
  font-size: 4rem;
  color: #fff;
}

p.memberbox {
  color: #fff;
}

.features {
  font-size: 1.2rem;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #544f43;
}

/* RESPONSIVE FONT STYLES FOR SLIDESHOW */

@media screen and (max-width: 2580px) {
    h1.slide-hero
    {
      font-family: Maitree, serif;
      font-weight: 300;
      font-style: normal;
      font-size: 3rem;
      line-height:90%;
      color:#fff;
      letter-spacing: -1px;
    }
}

@media screen and (max-width: 1600px) {
	h1.slide-hero
  {
    font-family: Maitree, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.3rem;
    line-height:90%;
    color:#fff;
    letter-spacing: -1px;
  }
}

@media screen and (max-width: 1024px) {
	h1.slide-hero
  {
    font-family: Maitree, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    line-height:95%;
    color:#fff;
    letter-spacing: -1px;	
  }
}

@media screen and (max-width: 768px)
{
	h1.slide-hero
  {
    font-family: myriad-pro, sans-serif;
    font-family: Maitree, serif;
    font-weight: 300;
    font-size: 1.6rem;
    line-height:100%;
    color:#fff;
    letter-spacing: -1px;
  }
}

@media screen and (max-width: 568px)
{
	h1.slide-hero
  {
    font-family: Maitree, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.4rem;
    line-height:105%;
    color:#fff;
    letter-spacing: -1px;
  }
}

@media screen and (max-width: 2580px) {
	p.hero-description
  {
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height:110%;
    font-style: normal;
    color: #fff;
  }
}

@media screen and (max-width: 1600px) {
  p.hero-description
    {
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height:110%;
    font-style: normal;
    color: #fff;
    }
}

@media screen and (max-width: 1024px) {
  p.hero-description
    {
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height:110%;
    font-style: normal;
    color: #fff;
    }
}

@media screen and (max-width: 768px) {
  p.hero-description
    {
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height:110%;
    font-style: normal;
    color: #fff;
    }
}

@media screen and (max-width: 568px) {
  p.hero-description
    {
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: .9rem;
    line-height:110%;
    font-style: normal;
    color: #fff;
    }
}

.footer {
  padding: 40px;
  min-height: 27vh;
  background-color: #544f43;
}

p.white-out-body {
  color:#fff;
}

.white-out-bullet-list {
  font-size: 1.3rem;
  font-family: Lato, sans-serif !important;
  color: #394a58;
  font-weight: 400 !important;
  color:#fff;
}

span.bold {
  font-weight:700;
}

.question {
  color: #908573;
  font-weight: 400;
}

p.icons {
  font-size: 4rem;
  color: #eb9336;
}

p.head-office {
  font-size: 1.1rem;
  color: #fff;
}

a.credits-housekeeping-link {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #8a8980;
}

p.footer-statement-text {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #8a8980;
}

p.general-p-wo {
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #fff;
}

.mb-0-styled {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #00377c;
}

.panels-home div a,.panels-home div a:hover {
  color:#fff;
  text-decoration: underline;
}

a.social-icons-line {
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #fff !important;
  font-size: 3em;
}

.flex-column a {
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #00377c;
}

p.head-office a {
  text-decoration: none;
  color:#fff;
}

p.head-office a:hover {
  color:#908573;
}

a.credits-housekeeping-link:hover {
  color:#fff;
}

.related-documents {

}

.related-documents-name {
  font-weight:600;
}

.related-documents-link {
  color: #544f43;  
}

.related-documents-link:hover {
  color:#000;
}

.related-documents-item {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom-style: dotted;
  border-width: 3px;
  border-color: #544f43;
}

.logged-in-panel {
  margin: 10px 0;  
}

/* display this row with flex and use wrap (= respect columns' widths) */
.row-flex {
  display: flex;
  flex-wrap: wrap;
}

/* vertical spacing between columns */
[class*="col-"] {
  margin-bottom: 30px;
}

.flex-content {
  height: 100%;
  padding: 20px 20px 10px;
}

.readmore-btn {
  margin:0 0 30px 0;
}

.bignewspanel a,.smallnewspanel a,.member-details a {
  color:#416822;  
}

.bignewspanel a.btn,.smallnewspanel a.btn {
  color:#fff;  
}

.member-button-link {
  background: none;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
  color:#416822;
  text-decoration:underline;  
}

.member-details h3 {
  color: #eb9336;
}

.member-details p {
  margin-bottom: 0!important;
}

label.register-label {
  text-align:left!important;
  color:#908573;
}

.message p {
  font-size: 1rem;
}

.fcc-content a:not(.btn),.std-content a:not(.btn) {
  color:#508514;
}

ul.leftstack a.lefstack-selected {
  color:#999!important;
}

.fcc-downloads a,.table-fcc-downloads a {
  color:#FFF;
}

.section-btn {
  font-family: Lato, sans-serif;
  font-weight: 400;
  background-color: #544f43;
  font-size: 1rem !important;
  color: #fff;
}

.section-btn:hover {
  background-color: #544f43;
  color: #fff;
}

.table-fcc-downloads th {
  font-family: Lato, sans-serif;
  color: #544f43;  
}

.table-fcc-downloads td, .table-fcc-downloads li {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #544f43;
}

.search-excerpt {
  color:#777;
}

.bg-search-highlight {
  background-color:#544f43!important;
}