@charset "UTF-8";
/*/
Theme Name: fuji-denshi
Theme URI: fuji-denshi.com
Author: Axis Cross media
Author URI: http://www.axiscrossmedia.com
Version: 1.0.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
divvv{border:1px dotted #ccc;}

body {
  font-family: 'Roboto', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.navbar {
    padding: 0 0 !important;
}

#navbarsPrimary .navbar-nav .nav-item .nav-link{
  font-size: 1.1rem;
  font-weight: 700;
}

#navbarsPrimary .dropdown-item{
  font-weight: 700;
}

#navbarsPrimary .navbar-nav .nav-link:hover {
    background-color: #22aaee;
    
}

#navbarsPrimary .navbar-nav .nav-contact {
    background-color: #cc8833;
}

.mainLogo{
  height: 21px;
}



.text-fuji-blue{
  color:#0077bb;
}

.text-gray{
  color:#f2f2f2;
}

.text-gold{
  color:#cc8833;
}


.bg-ltgray{
    background-color:#f2f2f2;
}

.bg-ltblue{
    background-color:#ddeeff;
}

.bg-gold{
    background-color:#cc8833;
}

.bg-fuji-blue{
    background-color: #0077bb;
}

.bg-fuji-ltblue{
    background-color: #22aaee;
}

.gray-linear{
  background: linear-gradient(to bottom,  #dedede 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ltblue-linear{
  background: linear-gradient(to bottom,  #33bbff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ltgold-linear{
  background: linear-gradient(to bottom,  #ddeeff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.border-blue {
    border-color: #0077bb;
}

.border-ltblue {
    border-color: #22aaee;
}

.border-white {
    border-color: #ffffff;
}



hr.line-fill-headline {
  border-width: 3px;
  border-style: solid;
  opacity: 100;
  margin-top: 1.5rem;
}


hr.line-fill-copy {
  border-width: 2px;
  border-style: solid;
  opacity: 100;
  margin-top: 1rem;
}



.btn-rounded {
    --mdb-btn-border-radius: 5rem;
    border-radius: var(--mdb-btn-border-radius);
}

.btn-NO-rounded {
    --mdb-btn-border-radius: 0rem !important;
    border-radius: var(--mdb-btn-border-radius);
}

.btn {
    --bs-btn-padding-y: .5rem !important;
}

.btn-fuji-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0077bb;
    --bs-btn-border-color: #0077bb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0066aa;
    --bs-btn-hover-border-color: #0066aa;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0066aa;
    --bs-btn-active-border-color: #0066aa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0077bb;
    --bs-btn-disabled-border-color: #0077bb;
}

.btn-fuji-ltblue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #22aaee;
    --bs-btn-border-color: #22aaee;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1199dd;
    --bs-btn-hover-border-color: #1199dd;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1199dd;
    --bs-btn-active-border-color: #1199dd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #22aaee;
    --bs-btn-disabled-border-color: #22aaee;
}

.btn-gold {
    --bs-btn-color: #fff;
    --bs-btn-bg: #cc8833;
    --bs-btn-border-color: #cc8833;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb7722;
    --bs-btn-hover-border-color: #bb7722;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bb7722;
    --bs-btn-active-border-color: #bb7722;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #cc8833;
    --bs-btn-disabled-border-color: #cc8833;
}


.heroHeight{height: 300px;}
.shortHero{height:100px;}

.accordion {
border-color: #f2f2f2 !important;
}


.accordion-button {
  &:not(.collapsed) {
    background-color:#f2f2f2 !important;
  }
}

.accordion-button:focus {
  box-shadow: 0px 0px #f2f2f2 !important;
}

.blogPic {
   height: 300px
}

@media (min-width: 576px) {
  .heroHeight{height: 375;}
  .shortHero{height:200px;}

}


@media (min-width: 768px) {
  .heroHeight{height: 500px;}
  .shortHero{height:250px;}

  hr.line-fill-headline {
  border-width: 3px;
  border-style: solid;
  opacity: 100;
  margin-top: 1.75rem;
}

}


@media (min-width: 992px) {
  #navbarsPrimary .navbar-nav .nav-link {
    margin-right: .5rem;
}
  
  hr.line-fill-headline {
  border-width: 3px;
  border-style: solid;
  opacity: 100;
  margin-top: 2.5rem;
}

}


@media (min-width: 1200px) {
    #navbarsPrimary .navbar-nav .nav-link {
    margin-right: 1rem;
}

}


@media (min-width: 1400px) {
#navbarsPrimary .navbar-nav .nav-link {
    margin-right: 2rem;
}



}