/***************
 * VARIABLES:
 *
 * @siteFont
 * @logoFont
 * @pageBgColor
 * @patternChoice
 * @headerTxt
 * @brand-color (new variable for primary color)
 *
 ****************/
.user-defined-style {
  font-family: 'Poiret One';
  font-size: 16px;
  color: #020202;
  background-color: #ffffff;
  background-image: url('/templates/exentriqFB/static/img/patterns-single/.png');
}
.user-defined-style .pagebody input.form-control {
  font-family: 'Poiret One';
  font-size: 16px;
  height: 36px;
}
.user-defined-style .pagebody .form-group {
  margin-bottom: 35px;
}
#footer {
  background-color: #d33b18;
}
#footer .subscriptionformblock .form-group .input-group {
  border: 1px solid #ab2000;
  /* .fixbordercolorlight(@buttonBackground); */

}
#footer .subscriptionformblock .input-group-btn {
  background: #ab2000;
}
.websitebtn,
.websitebtn:hover {
  font-family: 'Merriweather Sans' !important;
  font-size: 14px !important;
  color: #ffffff !important;
  background-color: #ab2000 !important;
  /* .fixbordercolorlight(@buttonBackground) !important; */

  transition: 0.5s background-color !important;
}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-toggle {
  border-color: #000000;
  background-color: #d33b18;
}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-toggle:hover,
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-toggle:focus {
  /*
		.higlightbgcolor(@menuFontColor,20%);
		*/

}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-brand,
.user-defined-style > div:not(#editor-tools) .navbar-brand {
  font-family: 'Grand Hotel' !important;
  font-size: 40px !important;
  color: #ffffff !important;
}
@media (max-width: 767px) {
  .user-defined-style > div:not(#editor-tools) .navbar-default .navbar-brand,
  .user-defined-style > div:not(#editor-tools) .navbar-brand {
    /* .fixmobilebrand(@logoFontSize) !important; */
  
    text-align: left !important;
  }
}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-brand:hover,
.user-defined-style > div:not(#editor-tools) .navbar-brand:hover {
  color: #ffffff;
}
.user-defined-style > div:not(#editor-tools) a {
  font-family: 'Metrophobic';
  font-size: 14px;
  color: #020202;
}
.user-defined-style > div:not(#editor-tools) .caret {
  border-top-color: #000000 !important;
  border-bottom-color: #000000 !important;
  border-left-color: transparent;
  border-right-color: transparent;
}
.user-defined-style > div:not(#editor-tools) h1,
.user-defined-style > div:not(#editor-tools) h2,
.user-defined-style > div:not(#editor-tools) h3,
.user-defined-style > div:not(#editor-tools) h4,
.user-defined-style > div:not(#editor-tools) h5,
.user-defined-style > div:not(#editor-tools) h6,
.user-defined-style > div:not(#editor-tools) .h1,
.user-defined-style > div:not(#editor-tools) .h2,
.user-defined-style > div:not(#editor-tools) .h3,
.user-defined-style > div:not(#editor-tools) .h4,
.user-defined-style > div:not(#editor-tools) .h5,
.user-defined-style > div:not(#editor-tools) .h6 {
  font-family: 'Coda';
  color: #020202;
}
.user-defined-style > div:not(#editor-tools) h1,
.user-defined-style > div:not(#editor-tools) .h1 {
  font-size: 36px;
}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > li a {
  font-family: 'Abel';
  font-size: 18px;
  color: #000000;
}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > .dropdown > a:hover .caret,
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > .dropdown > a:focus .caret {
  color: #000000;
}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > .open > a:hover {
  color: #000000;
}
.user-defined-style > div:not(#editor-tools) .navbar-default,
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > .open a {
  background-color: #d33b18;
  border-color: #d33b18;
}
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > li a:hover,
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > .open a:hover,
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > .open a:focus,
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > .open .dropdown-menu > li > a:hover,
.user-defined-style > div:not(#editor-tools) .navbar-default .navbar-nav > .open .dropdown-menu > li > a:focus {
  background-color: #e85736;
  /* .higlighttextcolor (@menuFontColor,20%); */

}
.user-defined-style > div:not(#editor-tools) .lightframe,
.user-defined-style > div:not(#editor-tools) .mediumframe,
.user-defined-style > div:not(#editor-tools) .heavyframe {
  background-color: #d33b18;
  border-radius: 5px;
}
.user-defined-style > div:not(#editor-tools) .lightframe {
  padding: 5px;
}
.user-defined-style > div:not(#editor-tools) .mediumframe {
  padding: 10px;
}
.user-defined-style > div:not(#editor-tools) .heavyframe {
  padding: 20px;
}
.user-defined-style > div:not(#editor-tools) .galleria-container {
  background-color: transparent;
  /* maybe to move in theme.less or replace with variable */

  border: 1px solid #d33b18;
}
.user-defined-style > div:not(#editor-tools) .galleria-image-nav-left {
  border-right: 62px solid #d33b18;
  border-top: 62px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 62px solid transparent;
}
.user-defined-style > div:not(#editor-tools) .galleria-image-nav-right {
  border-left: 62px solid #d33b18;
  border-top: 62px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 62px solid transparent;
}
.user-defined-style > div:not(#editor-tools) .btn {
  font-family: 'Merriweather Sans';
  font-size: 14px;
  color: #ffffff;
  background-color: #ab2000;
  border-color: #de2a00;
  transition: 0.5s background-color;
}
.user-defined-style > div:not(#editor-tools) .btn:hover {
  background-color: #de2a00;
}