/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   THEME COLORS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.values {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 3rem 0;
    flex-wrap: wrap;
}

.value {
    flex-basis: 31%;
    margin: 1rem 0.5rem;
    box-shadow: 0px 3px 5px rgb(12 1 28 / 30%);
    text-align: center;
    border-radius: 10px;
    padding: 2rem 1rem;
}

#inner .value h3 {
    font-size: 1.25rem;
}

#testimonials {

   background: url('https://www.whiddenaccounting.com//site_images/logo.png') no-repeat center center;
        background-size: auto;
    background-size: cover;
    padding: 5rem 0 10rem;
    position: relative;
    text-align: center;
    display: none;

}

::-moz-selection {
    background: #000;
    color: #FFF;
}


#contactForm {
  margin-top: 2rem;
}

#scroll-icon .fa, 
#scroll-icon .fa:active, 
#scroll-icon .fa:focus {
  background: rgba(31, 95, 255, 0.85);
  border-radius: 25px;
}

#testimonials {
  border: 0;
  padding: 0;
}

.push-top {
  padding-top: 1rem;
}

#consultation-bar ::-webkit-input-placeholder,
#newsletter ::-webkit-input-placeholder,
#footer-top ::-webkit-input-placeholder,
#contactForm ::-webkit-input-placeholder,
#consultation .consultation_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  padding-left: 1rem;
}

#consultation-bar ::-moz-placeholder,
#newsletter ::-moz-placeholder,
#footer-top ::-moz-placeholder,
#contactForm ::-moz-placeholder,
#consultation .consultation_form ::-moz-placeholder { /* Firefox 19+ */
  padding-left: 1rem;
}

#consultation-bar :-ms-input-placeholder,
#newsletter :-ms-input-placeholder,
#footer-top :-ms-input-placeholder,
#contactForm :-ms-input-placeholder,
#consultation .consultation_form :-ms-input-placeholder  { /* IE 10+ */
  padding-left: 1rem;
}

#consultation-bar :-moz-placeholder,
#newsletter :-moz-placeholder,
#footer-top :-moz-placeholder,
#contactForm :-moz-placeholder,
#consultation .consultation_form :-moz-placeholder { /* Firefox 18- */
  padding-left: 1rem;
}

.form-control {
  border-radius: 25px;
}

#contactForm .form-control,
#consultation .consultation_form .form-control {
  height: 45px;
}

#consultation .consultation_form textarea,
#contactForm textarea {
  height: 100px !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1, h2, h3, h4 {
  font-family: 'Montserrat', sans-serif;
}

h2>a, h2>a:active, h2>a:focus, h2>a:visited, 
h3>a, h3>a:active, h3>a:focus, h3>a:visited {
  color: #3B86E2;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.4rem;
}

p + h2, p + h3 {
  margin-bottom: 1rem;
}


#inner .conversions p + h3,
#inner .apps-pg p + h3,
#inner .apps-pg h2 + h3,
#inner .allsvcs p + h2 {
  margin-bottom: 0;
}

a, a:active, a:focus, a:visited {
  color: #079BDE;
}

a:hover {
  color: #273E5A;
}

#index a, #inner a {
  font-weight: 600;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   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, .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: #684596;
  border: 2px solid #684596;
  border-radius: 25px;
  color: #FFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
}

.btn-primary:hover, .btn-default:hover, #newsletter .btn-primary:hover, #services a:hover .btn-primary, #consultation-bar .btn-primary:hover, #featured-services .btn-primary:hover, #featured-services .featured a:hover .btn-primary, .navbar .navbar-nav .nav-item:last-of-type .nav-link:hover {
  background: #0F64D2;
  border-color: #0F64D2;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HERO (TOPBAR LOGO, ETC)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#toolbar {
  background: #323232;
}

#toolbar a {
  color: rgba(255, 255, 255, 0.76);
}

#toolbar .certs {
  margin-right: 1.5rem;
}

#toolbar a>i {
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
}

#toolbar a:hover, #toolbar a:hover i {
  color: #FFF;
}

#header-logo img {
  width: 235px;
}

#header-logo.fixed-top {
  padding: 15px 0;
}

#header-logo.fixed-top img {
  max-width: initial;
  width: 200px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   NAV MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.navbar .navbar-nav .nav-link {
  color: #585765;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0;
  padding: .75rem 1rem;
  text-transform: none;
}

.navbar .navbar-nav .nav-item:last-of-type .nav-link {
  border: #89879C solid 2px;
  border-radius: 25px;
  font-size: 0.9rem;
  margin-left: 0.8rem;
  padding: 0.5rem 1.5rem;
  text-transform: none;
  top: auto;
}

.navbar .navbar-nav .dropdown-toggle::after {
  position: initial;
}

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

.navbar .navbar-nav .nav-item:not(:last-of-type) .nav-link::before {
  background: #684596;
}

.dropdown-menu {
  border: 0;
  border-radius: 10px;
  padding: 7px 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 9999;
}

.navbar .dropdown-item, .navbar .dropdown-item:active, .navbar .dropdown-item:focus {
  font-size: 14px;
  padding: .2rem 1rem;
}

.navbar-light .navbar-toggler {
  border: 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HERO - SLIDES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#myCarousel .overlay {
  background: #000;
  opacity: 0.2;
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(1) {
  background-image: url(site_images/slide1.jpg);
  background-position: center;
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(2) {
  background-image: url(site_images/slide2.jpg);
}

#myCarousel .carousel-inner .carousel-item:nth-of-type(3) {
  background-image: url(site_images/slide3.jpg);
  background-position: center;
}

#myCarousel .carousel-caption {
  left: 7%;
  top: 50%;
}

#myCarousel .carousel-caption h2,
#myCarousel .carousel-caption h2 span {
  font-size: 3.4rem;
  line-height: 1.1;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.45);
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HERO - CTA FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#consultation-bar h2 {
  color: #323232;
  font-weight: 600;
  margin-bottom: 10px;
}

#carousel-wrapper #consultation-bar {
  background: rgba(255,255,255,0.7);
  border-radius: 25px;
}

#consultation-bar .form-control {
  height: 3.05rem;
}

#consultation-bar .form-control,
#sidebar #consultation-bar .form-control {
  border-radius: 25px !important;
}

#carousel-wrapper #consultation-bar h3 {
  color: #323232;
  font-size: 1.9rem;
  font-weight: 500;
}

#carousel-wrapper #consultation-bar h3 > span {
  color: #684596;
  font-weight: 700;
}

#consultation-bar .btn-primary {
  background: #684596;
  color: #FFF;
  padding: 0.75rem 1.5rem;
}

#consultation-bar .btn-primary:hover {
  background: #0F64D2;
  border-color: #0F64D2;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HOMEPAGE - INDEX
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#index h1 {
  font-size: 1.6rem;
  font-weight: 600;
}

#index h1::after {
  background: #89879C;
}

#index p {
  text-align: justify;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HOMEPAGE - 2 FEATURED SERVICE BOXES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#featured-services {
  padding: 1rem 0 6rem;
}

#featured-services .featured {
  margin: 70px 0 0;
}

#featured-services .featured p {
  margin-bottom: 0.5rem;
}

#services h2,
#services a:hover h2 {
  color: #323232;
  font-size: 1.2rem;
  font-weight: 600;
}

#services p {
  color: #333;
  margin: 0 0 1.5rem;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HOMEPAGE - NEWSLETTER SIGNUP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#newsletter {
  background: url(site_images/newsletter-bg.jpg) no-repeat center center;
  background-size: cover;
}

#newsletter .overlay {
  background: #000;
  opacity: 0.2;
}

#newsletter .row {
  border-radius: 25px;
}

#newsletter h2 {
  color: #323232;
  font-weight: 600;
}

#newsletter form input[type='email'] {
  border-radius: 25px;
  height: 3rem;
  margin-right: 0.5rem;
}

#newsletter .btn-primary, #newsletter .btn-primary:active, #newsletter .btn-primary:focus {
  background: #684596;
  border-color: #684596;
  color: #FFF;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 1rem 1.5rem;
  height: auto;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HOMEPAGE - 3 SERVICE BOXES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#featured-services .featured h2 {
    color: #323232;
    font-size: 1.25rem;
    font-weight: 600;
}

#featured-services .btn-primary {
  padding: 0.75rem 1.5rem;
}



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

#headline > .container > h1 {
    font-weight: 600;
    text-align: center;
    font-size: 2.1rem;
    text-shadow: 1px 3px 8px #292134;
}

#inner h2 {
  font-size: 1.4rem;
  font-weight: 600;
}

#inner h3 {
  color: #565656;
  font-size: 1rem;
  font-weight: 600;
}

#inner .about img {
  width: 220px;
}

#inner .apps {
  display: inline;
} 

#inner .apps img {
  height: 65px;
  margin: 0 1.5rem 0.5rem;
}

#inner .qb-certs img {
  height: 140px;
  margin: 1.5rem 0.5rem;
}

#inner .push-down {
  margin-top: 1rem;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sidebar #consultation-bar {
    background: #fdfdfd;
    box-shadow: 1px 3px 6px rgb(61 53 70 / 47%);
    border-radius: 25px;
}

#sidebar #consultation-bar h2 {
  color: #3c3146;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 2.875rem;
  margin-bottom: 0.3rem;
}

#sidebar #consultation-bar h3 {
  color: rgb(34 29 40 / 76%);
  font-size: 1.3rem;
   font-weight: 500;
}

#sidebar #consultation-bar h3 > span {
  color: #684596;
  font-weight: 700;
}

#sidebar #consultation-bar p {
    color: rgb(22 22 22);
    font-size: 0.875rem;
}

 #sidebar #consultation-bar .form-control {
  background: #ededed;
  border: 0;
}

#sidebar #consultation-bar .form-control:focus {
  background: #dddddd;
  color: #FFF;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   HOMEPAGE AFFILIATIONS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#affiliates {
    padding: 1rem 1.5rem;
}

#affiliates .affiliates img {
    height: 176px;
    margin: 1.8rem 1.6rem;
    max-width: initial;
    filter: grayscale(100%);
    opacity: .5;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1 ease;
    transition: all 1s ease;
}

#affiliates .affiliates img:hover {
  filter: grayscale(40%);
  opacity: 1;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer {
  background: #3a383c;
}

#footer-top {
  padding: 5rem .5rem;
}

#footer-top h2 {
  color: #FFF;
  font-size: 1.3rem;
  font-weight: 600;
}

#footer-top h2::after {
  background: rgba(255, 255, 255, 0.65);
}

#footer-top a, #footer-top p {
  color: rgba(255, 255, 255, 0.6);
}

#footer-top .contact-opener {
  padding-bottom: 1rem;
}

#footer-top .form-control {
  background: #606060;
  border-radius: 25px;
  height: 3.2rem;
}

#footer-top .form-control:focus {
  background: #797979;
  color: #FFF;
}

#footer-top .form-control placeholder {
  padding-left: 1rem;
}

#footer-top .btn-primary {
  color: #FFF !important;
  height: auto;
  margin: 1rem 0 0;
  padding: 0.75rem 1.5rem;
}

#footer-top .btn-primary:hover {
  background: #0F64D2;
  border-color: #0F64D2;
}

#footer-bottom a, #footer-bottom p {
  color: rgba(255, 255, 255, 0.3);
  font-size: 12px;
}

#footer-middle .row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: .8rem;
}

#footer-middle img {
  width: 300px;
}

#footer-social {
  margin: 2.6rem 0 0;
}

#footer-menu a:not(:last-of-type)::after {
  border-right: 1px solid rgba(255, 255, 255, 0.26);
}

#footer-bottom a:hover {
  color: #FFF;
}

#footer-social i {
  color: rgba(255, 255, 255, 0.5);
}

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


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   MEDIA QUERIES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


@media all and (max-width: 1199px) {

}

@media all and (max-width: 1024px) {
  #header-logo img {
    width: 290px;
  }

  .navbar .navbar-nav .nav-link {
    font-size: 15px;
    padding: .75rem 0.7rem;
  }

  #myCarousel .carousel-caption {
    left: 0%;
    top: 50%;
  }
}

@media all and (max-width: 991px) {
  .navbar .navbar-nav {
    padding: 1rem 0;
  }
}



@media all and (max-width: 768px) {
 #header-logo.fixed-top {
    padding: 25px 0;
  }

  .navbar .navbar-nav .nav-link {
    font-size: 21px;
  }

  .navbar .dropdown-item, .navbar .dropdown-item:active, .navbar .dropdown-item:focus {
    font-size: 18px;
  }

.value {
    flex-basis: 60%;
}
}


@media all and (max-width: 480px) {
  #toolbar-center,
  #toolbar-right {
    width: 50%;
    display: inline-block;
  }

.value {
    flex-basis: 80%;
}

  #toolbar-right {
    margin: 0;
  }

  .navbar .navbar-nav .nav-link,
  .navbar .navbar-nav .nav-item:last-of-type .nav-link {
    font-size: 1.3rem;
  }

  .navbar .navbar-nav .nav-item:last-of-type .nav-link {
    margin-top: 1rem;
    padding: 0.5rem 1.8rem;
  }

  .navbar .dropdown-item, 
  .navbar .dropdown-item:active, 
  .navbar .dropdown-item:focus {
    font-size: 17px;
  }

  #newsletter h2 {
    line-height: 1.4;
  }

  #newsletter form input[type='email'] {
    margin-right: 0;
    width: calc(100% - 2rem);
  }
}

@media all and (max-width: 425px) {
  #toolbar #toolbar-social,
  #toolbar .certs {
    display: none;
  }

  .dropdown-menu {
    box-shadow: none;
  }

  #myCarousel .carousel-inner .carousel-item:nth-of-type(1),
  #myCarousel .carousel-inner .carousel-item:nth-of-type(2),
  #myCarousel .carousel-inner .carousel-item:nth-of-type(3) {
    background-position: initial;
  }

  #myCarousel .overlay {
    opacity: 0.5;
  }

  #myCarousel .carousel-caption h2, 
  #myCarousel .carousel-caption h2 span {
    font-size: 2rem;
    line-height: 1.4;
  }

  #carousel-wrapper #consultation-bar h3 {
    font-size: 1.6rem;
  }

  #featured-services .featured {
    margin: 2rem 0 0;
  }
}