/*------------------------------------------------------
  BUTTONS
-------------------------------------------------------*/

a.btn, a.btn:active, a.btn:focus, a.btn:active:focus, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active:focus, a.btn-primary, a.btn-primary:active, a.btn-primary:focus, a.btn-primary:active:focus, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-default, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:not(:disabled):not(.disabled):active:focus  {
    background: #F6B837;
    border: 2px solid transparent;
    border-radius: 30px;
    box-shadow: none;
    color:  #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    line-height: 1.25;
    min-width: 112px;
    outline: 0;
    padding: 0.5rem 2.5rem;
    transition: all .3s ease-in-out;
}

#index .btn-primary:hover, a.btn-primary:hover  {
  background: #AA4886;
  color: #fff;
  font-weight: 600;
}

#index .btn-primary, a.btn-primary {
  background: #F6B837;
  color: #fff;
  font-weight: 600;
}

#index .btn-secondary, a.btn-secondary {
    background: transparent;
    border: 2px solid #292929;
    color: #292929;
    font-weight: 600;
}

#index .btn-secondary:hover, a.btn-secondary:hover {
   background: #292929;
   border: 2px solid #fff;
   color: #fff;
    font-weight: 600;
}


#index a {
   font-size: 16px;
   color: #AA4886;
   font-weight: 500;
   font-family: 'Raleway', sans-serif;
   line-height: 1.8;
}

#index a:hover {
   color: #F6B837;
   font-size: 16px;
   font-weight: 600;
   font-family: 'Raleway', sans-serif;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  CAROUSEL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#myCarousel .slider-overlay {
    bottom: 0;
    background: rgba(40, 42, 45, 0.6);
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(1) {
    background-image: url(/site_images/slider1.jpg);
    border-bottom: 3px solid #AA4886;
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(2) {
    background-image: url(/site_images/slider2.jpg);
    border-bottom:3px solid #AA4886;
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(3) {
    background-image: url(/site_images/slider3.jpg);
    border-bottom: 3px solid #AA4886;
}

#myCarousel .carousel-caption {
   top: 65%;
}
#myCarousel .carousel-caption h2 {
   padding-left: 4rem;
   text-shadow: 1px 1px 3px #000;
}

#myCarousel .carousel-caption h2::before {
   display: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  HOME PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#call-to-action {
   display: none;
}

#index .split-bg {
    background-image: url(/site_images/nightwork.jpg);
    background-repeat: no-repeat;
}

#index h1 {
   font-family: 'Bree Serif', serif;
   font-weight: 400;
   line-height: 2.3rem;
}

#index a>i {
    color: #FFCC33;
}

#index>i {
    color: #fff;
    font-size: 20vw;
    position: absolute;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
}

#services i, #industries i  {
  color: #231F20;
  font-size: 3.125rem;
}

#affiliates {
    padding: 0rem 0rem;
    background: #ffffff;
}

/*----------------------------------------------------------
  TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#index .text h1  {
    font-size: 2.3rem;
    color: #2e2e2e;
    font-weight: 400;
    font-family:  'Bree Serif', serif;
    line-height: 2.8rem;
}

p, ul, li {
   font-size: 16px;
   color: #2e2e2e;
   font-weight: 500;
   font-family: 'Raleway', sans-serif;
   line-height: 1.8;
}


h1 {
       font-family:  'Bree Serif', serif;
       font-weight: 400;
       font-size: 2rem;
       color: #2e2e2e;
}

h2 {
       font-family:  'Bree Serif', serif;
       font-weight: 400;
       font-size: 1.7rem;
       color: #2e2e2e;
}

h3 {
   font-family:  'Bree Serif', serif;
   font-weight: 400;
   font-size: 1.4rem;
   color: #2e2e2e;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  CONSULTATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#consultation .split-bg {
    background-image: url(/site_images/consultation.jpg);
}


#consultation h2 {
       font-family:  'Bree Serif', serif;
       font-weight: 400;
       font-size: 1.7rem;
       color: #2e2e2e;
}

#consultation>i {
    color: #A2A2A2A;
    font-size: 18vw;
    position: absolute;
    left: 4rem;
    top: 50%;
    transform: translateY(-50%);
}

#consultation .btn-primary:hover, a.btn-primary:hover  {
  background: #AA4886;
  color: #fff;
  font-weight: 600;
}

#consultation .btn-primary, a.btn-primary {
  background: #F6B837;
  color: #fff;
  font-weight: 600;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  SERVICES + INDUSTRIES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#industries {
    display: none;
}

 #industries-spy, #service-spy {
  background: #231F20;
}

 #industries, #services {
    background: #424243;
}

 #industries .industry p, #services .service p {
    color: #A2A2A2;
     z-index: 10;
    font-weight: 500;
}

#industries .industry p:hover,
#services .service p:hover  {
    color: #fff;
    z-index: 10;
    font-weight: 500;
}

#industries h2.heading {
   color: #A2A2A2;
   font-size: 1.7rem;
   font-weight: 400;
}

#services h2.heading {
   color: #fff;
   font-weight: 400;
}

#services h3 {
   color: #A2A2A2;
   font-size: 1.4rem;
   font-weight: 400;
}

#services a:hover i {
   color: #AA4886;
}

#services .service span {
    color: #F6B837;
    border-bottom: 2px solid #F6B837;
    font-weight: 500;
}

#industries .industries-link {
    align-items: left;
}
#industries .industries-link h2 {
    color: #fff;
    font-weight: 400;
    font-size: 1.7rem;
    text-align: left;
}

#industries .industries-link img {
    width: 400px;
    opacity: 45%;
    align-items: left;
}

#industries .industries-link img:hover {
    opacity: 1;
}

#industries h3 {
   color: #A2A2A2;
   font-size: 1.4rem;
   font-weight: 400;
}

#industries a:hover i {
   color: #AA4886;
}

#industries .industry span {
    color: #F6B837;
    border-bottom: 2px solid #F6B837;
    font-weight: 500;
}  

#testimonials .testimonial-column {
    padding: 5rem 2rem 7em 6rem;
}

#testimonials {
   position: relative;
    font-weight: 600;
}

#myTestimonials .carousel-indicators li {
    background-color: #ffff99;
}

#myTestimonials .carousel-indicators li.active {
    background-color: #F6B837;
    opacity: .8;
}

#testimonials .testimonials-bg {
  background-image: url(site_images/services.jpg);
  background-repeat: no repeat;
  background-size: cover;
 }


#myTestimonials h3 {
   font-family:  'Bree Serif', serif;
   font-weight: 400;
   font-size: 1.68rem;
   color: #2e2e2e;
}

#testimonials li {
  color: #424243;
  font-size: 1.2rem;
  line-height: 2.7;
}

#testimonials>i {
    color: #F2F2F2;
    font-size: 18vw;
    position: absolute;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
}

#myTestimonials>span:first-of-type {
   color: #AA4886;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  CALLOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#callout {
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(site_images/callout.jpg);
}

#callout .overlay {
    background: rgba(32, 32, 32, 0.5);
}

#callout .text h2 {
    color: #F6B837;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
}

#callout h2::before {
    display: none;
}

#callout .btn-secondary {
  display: none;
}

#affiliates .container-fluid img {
    display: inline-block;
    margin: 1.5rem 1.2rem;
}
#team {
display: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  INNER PAGES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#headline {
  background: #F6B837;
}

#headline h1 {
   font-family:  'Bree Serif', serif;
   font-size: 2.3rem;
   font-weight: 400;
   color: #000000;
}

#inner h2>a {
    font-family: 'Bree Serif', serif;
    font-weight: 400;
    font-size: 1.7rem;
    color: #AA4886;
}

#inner h2>a:hover {
    font-family: 'Bree Serif', serif;
    font-weight: 400;
    font-size: 1.7rem;
    color: #F6B837;
}

#inner h3>a {
       font-family:  'Bree Serif', serif;
       font-weight: 400;
       font-size: 1.4rem;
       color:  #AA4886;
}

#inner h3>a:hover {
       font-family:  'Bree Serif', serif;
       font-weight: 400;
       font-size: 1.4rem;
       color: #F6B837;
}

#inner a {
   font-size: 16px;
   color: #AA4886;
   font-weight: 500;
   font-family: 'Raleway', sans-serif;
   line-height: 1.8;
}

#inner a:hover {
   color: #AA4886;
   font-size: 16px;
   font-weight: 500;
   font-family: 'Raleway', sans-serif;
}

#sidebar .buttons {
    margin: 0;
    text-align: center;
}

#sidebar .top {
    padding: 2rem 0 2.25rem;
    position: relative;
}

#sidebar .top h2 {
   font-family:  'Bree Serif', serif;
   letter-spacing: .4px;
   color: #AA4886;
   font-size: 1.7rem;
   font-weight: 400;
   margin-bottom: 1rem;
}

#sidebar .top p  {
    font-size: 1rem;
    color: #AA4886;
    line-height: 2;
    margin: 0;
    text-transform: none;
   font-weight:400;
}

#inner .sidebar a.btn-primary {
   font-size: 16px;
   background: #F6B837;
   color: #FFFFFF;
   font-weight: 600;
   font-family: 'Raleway', sans-serif;
}

#inner .sidebar a.btn-primary:hover {
   background: #AA4886;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   font-family: 'Raleway', sans-serif;
}

#sidebar .bottom {
    padding: 2rem;
    position: relative;
}

#sidebar .bottom .row {
  display: flex;
  align-items: center;
  justify-content: center;
}

#sidebar .bottom img {
    padding-bottom: 2rem;
    width: 357px;
    border-style: none;
    position: relative;
    overflow: hidden;
}

#sidebar .bottom p {
    line-height: .5;
   color: #AA4886;
    font-size: 1rem;
    margin: 0;
    text-transform: none;
}

#sidebar .bottom .buttons {
    margin: auto;
}

#inner .sidebar a.btn-secondary {
    background: transparent;
    border: 2px solid #292929;
    color: #292929;
    font-weight: 600;
}

#inner .sidebar a.btn-secondary:hover {
   background: #292929;
   border: 2px solid #fff;
   color: #fff;
   font-weight: 600;
}

#inner .btn-default {
   background: # #F6B837;
    color:  #fff;
}

#inner .btn-default:hover {
   background: #AA4886;
    color:  #fff;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 NAV + FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#scroll-icon.footer .fa {
    background: #AA4886;
    border: 1px solid #AA4886;
}

#scroll-icon .fa, #scroll-icon .fa:active, #scroll-icon .fa:focus {
    background: rgb(246 184 55 / 40%);
    border: 1px solid rgb(246 184 55);
}

#scroll-icon:hover .fa, #scroll-icon.footer:hover .fa {
    background: #AA4886;
    border-color: #AA4886;
}

#header-logo {
background: #000;
padding: 1.4rem 1rem;
}

#toolbar {
    background: #424243;
    font-size: 17px;
}

#toolbar a {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 17px;
}

#toolbar a>i {
    color: #F6B837;
}

#toolbar a:hover {
    color:  #AA4886; 
}

#toolbar #toolbar-social  a>i {
    display:none; 
}

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


#navbar-spy {
    background: #AA4886;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-item.show .nav-link {
      color: #fff;
}

.navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link:active, .navbar .navbar-nav .nav-link:focus {
    color: #F6B837;
    font-size: 1.0625rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.navbar .navbar-nav .nav-item:last-child .nav-link {
    background: #F6B837;
    color:  #000000;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.navbar .navbar-nav .nav-item:last-child .nav-link:hover {
   background: #AA4886;
   color: #FFFFFF;
   font-family: 'Raleway', sans-serif;
   font-weight: 600;
}

#navbar-spy:hover  {
    color: #F6B837;
}

#navbar-track .dropdown-item  {
   font-family: 'Raleway', sans-serif;
   font-weight: 500;
}

#footer-top {
    background: #424243;
}

#footer-top i {
    color: #AA4886;
}

#footer-top h2 {
   color: #F6B837;
   font-family: 'Bree Serif', serif;
   font-size: 1.7rem;
   font-weight: 400;
}

#footer-top h2::after {
    background: #AA4886;
}

#footer-top p,a:hover {
    color: #FFFFFF;
}

#footer-top .btn-primary, a.btn-primary  {
  background: #F6B837;
  color: #fff;
  font-weight: 600;
  margin-top: 2rem;
}

#footer-top .btn-primary:hover, a.btn-primary:hover  {
  background: #AA4886;
  color: #fff;
  font-weight: 600;
}

#footer-top .btn-secondary {
    border-color: #F6B837;
    color: #F6B837;
    margin: 2rem 0 0;
    padding: 0.875rem 2rem;
}

#footer-top .btn-secondary:hover {
    border-color:  #AA4886;
    color:  #AA4886;
}


#footer-middle {
    background: #000;
}

#footer-middle,a:hover {
    color: #AA4886;
}

#footer-menu a {
    color:  #FFFFFF;
}

#footer-menu a:hover {
    color: #F6B837;
}

#footer-bottom {
    background: #F6B837;
}

#footer-bottom p, #footer-bottom a {
   color: #000;
   font-family: 'Raleway', sans-serif;
   font-size: 16px;
   font-weight: 400;
}

 #footer-bottom a:hover {
    color: #F6B837;
   font-family: 'Raleway', sans-serif;
   font-weight: 400;
}

#footer-social a i {
    color: #fff;
}

#footer-social a:hover i {
    color: #AA4886;
}

@media (max-width: 1290px) {
#consultation .buttons a + a {
margin: 2rem 0 0 0;
}
#industries .industries-link h2 {
    align-items: left;
}
#industries .industries-link img {
   align-items: left;
}
}
@media (max-width: 1254px) {
#testimonials .row .col-sm-4 .col-md-5 testimonials-bg {
   min-height: 300px;
}
#sidebar .section-bottom .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
#sidebar .bottom p {
   font-size: .9rem;
}
}
@media (max-width:1170px) {
#sidebar .section-bottom .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
#sidebar .bottom p {
   line-height: 1.5;
   font-size: .9rem;
}
}
@media (max-width:992px) {
#myCarousel .carousel-caption h2 {
   padding-left: 0;
}
#consultation .parallax-bg {
    background-position: 50% -135px !important;
}
#consultation .split-bg {
    background-image: url(/site_images/david-bar.jpg);
    height: 300px;
}
#sidebar {
    padding: 4.5rem 1rem 8rem;
    max-width: 430px;
    margin: auto;
}
#sidebar .top .text {
    width: 100%;
}
#sidebar .top p {
    font-size: 1rem;
    color: #AA4886;
    line-height: 2;
}
#sidebar .section-bottom .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
#sidebar .bottom p {
   font-size: .9rem;
}
#index .text  {
padding-top: 3rem;
}
#index .text h1 {
font-size: 1.7rem;
line-height: 1.5;
}
#index .heading h2 {
font-size: 1.4rem;
}
#index h3 {
font-size: 1rem;
}
#consultation .text {
    padding: 2rem 2rem;
}
#inner-content {
    padding: 1rem 1rem;
}
#headline {
 padding-left: 1rem;
}
#headline h1 {
font-size: 1.7rem;
}
#inner h2 {
    font-size: 1.4rem;
}
#inner h3 {
font-size: 1rem;
}
}
@media (max-width:800px) {
#consultation .parallax-bg {
    background-position: 50% -13px !important;
}
#consultation .split-bg {
    background-image: url(/site_images/david-bar.jpg);
    height: 300px;
}
@media (max-width: 576px) {
#testimonials .testimonials-bg {
    background-image: url(site_images/drinks3.jpg);
    background-size: cover;
    height: 330px;
}
#testimonials .testimonials-bg .parallax-bg {
    background-position: 50% -135px !important;
}
#testimonials .testimonial-column {
    padding: 2rem 1.5rem 5rem;
}
}
