/*Match top bar & navbar items*/
.customlink {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
.customlink:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
.customlink:hover {
  color: white;
  opacity: .7;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.customlink:active {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
.customTheme{
  font-size: 12px; 
  font-weight: 600; 
  letter-spacing: .5px; 
  font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
  color: white;
}
.custom-vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*Widen navbar search dropdown box*/
@media(min-width: 767px){
  #navbar .dropdown-search #q_id {
      min-width: 550px;
  }
}
/*fixed to the top - add shadow*/
.navbar.navbar.navbar-fixed-top {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    background-color: white;
}
.navbar.navbar.navbar-fixed-top::after {
    position: relative;
}
/*Fix navbar left*/
.navbar-collapse.in {
    overflow-y: initial; 
}
.collapsing{
  overflow-y: initial;
}
/*div under navbar to shift all content down*/
/* 
#TopPushDown{
    margin-top: 108px;
} 
*/
/*Footer height*/
.footer-bottom{
    padding: 10px 0;
}
@media (min-width: 1200px){
  .navbar-nav>li>a {
      padding-top: 30px;
  }
}
/*navbar container height adjust for media width changes*/
@media(max-width:767px){
    #nbar-container{
      min-height: 97px;
    }
    #TopPushDown{
      margin-top: 97px;
    }
    #hamburger{
      padding-top: 10px;
    }
}
@media(min-width: 767px){
    #nbar-container{
        min-height: 90px;
    }
    #TopPushDown{
      margin-top: 90px;
    }
}
#nbar-container .navbar-header{
  height:77px;
}

#hamburger{
    position: absolute;
    top: 25px;
    right: 0px;

}
#smallImage{
  padding-top: 15px;
}

/*hamburger color*/
.navbar-toggle .icon-bar{
  background-color: rgb(102,102,102) !important;
  border: 0px;
}
/*hamburger color hover*/
.navbar-toggle:hover{
  opacity: .7;
}
/*Replace home screen background.*/
.section-landing {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, .2)), url(Carma_Home_BG.jpg) no-repeat center;
    background-size: 100%;
}
/*Background highlighted for text on home screen background*/
.section-landing .row > div .section-landing-heading .xrm-attribute-value{
  color: ghostwhite;
    padding: 10px 20px;
    background: rgba(3, 35, 45,.65);
    border-radius: 10px 10px 0px 0px;
}
.section-landing .row > div .section-landing-sub-heading .xrm-attribute-value{
  color: ghostwhite;
    padding: 10px 20px;
    background: rgba(3, 35, 45,.65); 
    border-radius: 0px 10px 10px 10px;
}
h1.section-landing-heading{
  margin-bottom: 21px;
}
@media(max-width: 993px) and (min-width: 720px){
  .section-landing .row > div .section-landing-sub-heading {
    margin-left: 0px;
    font-size: 3.3rem;
  }
}
@media(max-width: 719px) and (min-width: 601px){
  .section-landing .row > div .section-landing-sub-heading {
    margin-left: 0px;
    font-size: 2.3rem;
  }
}

/*home screen background height*/
@media(min-width:576px){
   .section-landing {
     height: 325px;
   }
}
/*Reduce section landing (background) size when on mobile as well as header text*/
@media(max-width:576px){
   .section-landing {
     height: 300px;
   }
   .section-landing .row > div .section-landing-heading {
    font-size: 14vw;
   }
}

/*For the originally "blue" bar on the home page.*/
.ATC_border {
    padding-bottom: 10px;
    color: #bb2253 !important;
    border-bottom: 7px solid #bb2253;
}
/*Change "A" links to site specific color*/
th a {
    color: #bb2253;
    text-decoration: none;
}
th a:hover, th a:focus {
    color: #8c0c2c;
    text-decoration: underline;
}
/*Change Primary and Default Button colors*/
.btn-primary {
    color: #fff;
    background-color: #bb2253;
    border-color: #bb2253;
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
    background-color: #82173A;
    border-color: #82173A;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
    background-color: #82173A;
    border-color: #82173A;
}
.btn-default {
    color: #bb2253;
    background-color: #fff;
    border-color: #bb2253;
}
.btn-default:hover,.btn-default:active,.btn-default:focus {
    color: #bb2253;
    border-color: #bb2253;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
    color: #bb2253;
    background-color: #d4d4d4;
    border-color: #82173A;
}

/*Remove navbar dividing pipes "|"*/
.navbar-fixed-top.navbar .menu-bar > .navbar-nav > .divider-vertical{
  border-left: 0px;
  border-right: 0px;
}


/*Match navbar dropdowns to existing site*/
#navbar .dropdown-menu {
    padding: 20px;
    border-top: 3px solid #d21242;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    margin-top: 4px;
}

/* span[class="caret"]{ */
  /* background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='.5em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 1200 1200'><path d='M600.006 989.352l178.709-178.709L1200 389.357l-178.732-178.709L600.006 631.91L178.721 210.648L0 389.369l421.262 421.262l178.721 178.721h.023z' fill='%23626262'/></svg>"); */
  /* margin: 0px; */
  /* border: none; */
  /* vertical-align: inherit; */
  /* width: 10px; */
  /* height: 15px; */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
/* } */

/*Match clickable links within navbar to existing site*/
div ul li a, div ul li ul li a, .navbar-fixed-top.navbar .menu-bar > .navbar-nav > li > a
{	
  color: #4a4e4d;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -webkit-font-smoothing:antialiased;
  text-size-adjust:100%;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 400 !important;
}

div ul li a:hover, div ul li ul li a:hover, .navbar-fixed-top.navbar .menu-bar > .navbar-nav > li > a:hover,
div ul li a:focus, div ul li ul li a:focus, .navbar-fixed-top.navbar .menu-bar > .navbar-nav > li > a:focus
{
	color: #bb2253 !important;
  background-color: transparent !important;
  /* opacity: .7; */
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus
{
  color: #bb2253 !important;
  /* opacity: .7; */
}

@media (max-width: 1208px) and (min-width: 981px){
#top-menu li a {
    font-size: 12px!important;
}
}

.dropdown-toggle:focus {
    border: 0px dashed!important;
    border-color: #fff!important;
}

/*Match fonts to existing website*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Josefin Slab', Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-weight: 300;
  color: #03232d !important;
}
body{
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
   /* letter-spacing: .5px; */
   color: #464646;
}
.section-title{
  font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
  /* letter-spacing: 1px; */
   color: #464646;
}

.page-heading{
  color: #4a4e4d;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-style: normal;
  text-decoration: none;
  /* text-transform: uppercase; */
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -webkit-font-smoothing:antialiased;
  text-size-adjust:100%;
  font-size: 15.2px;
  /* letter-spacing: 1px; */
  font-weight: 400 !important;
}
/*Fix top breadcrumb font sizing*/
.breadcrumb > .active {
    font-weight: 300;
}
/*Make all primary & info buttons match*/
.btn-info{
  background-color: #bb2253;
  border-color: #bb2253;
}
/*Match footer #1*/
.xrm-attribute-value > h5{
  font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
  letter-spacing: .5px;
  font-weight: 300;
  line-height: 30px;
  font-size: 16px;
}
/*Match footer #2*/
.footer-copyright{
  font-weight: 100;
}
/*Match footer #3*/
.footer-location-title{
  font-size: 22px;
  font-weight: 500;
  letter-spacing: .5px;
}
/*Decrease chunkyness on login headers*/
.login-heading-section{
  font-weight: 400;
}
/*Remove grey from boxes (service order)*/
.form-control, .form-control[readonly] {
    background-color: white;
    opacity: 1;
}
/*Decrease all spacing*/
.crmEntityFormView .cell {
    padding: 0 28px 10px;
}
/*Footer-bottom bg color*/
footer .footer-bottom {
  background-color: white;
}
footer .footer-copyright {
  color: rgb(8, 21, 55);
}
@media (max-width: 500px){
  footer .footer-copyright{
    font-size: 3vw;
  }
}
footer .footer-top {
  background-color: #f0f0f0;
}