@import 'normalize';

$screen-xs: 1px !important;
$screen-sm: 1px !important;
$screen-md: 1px !important;
$screen-lg: 1200px !important;

 @import "bootstrap-sprockets";
 @import "bootstrap";

 $bgDefault      : #e6005c;
 $bgHighlight    : #b30047;
 $colDefault     : #ffffff;
 $colHighlight   : #b8b8b8;
 $fontSize       : 25px;
 $dropDown       : false;

 @font-face{
 font-family: 'coolvetica_rg';
 src: font-url('coolvetica_rg.ttf');
 }

 .navbar-default {
 background-color: $bgDefault;
 border-color: $bgDefault;
 border-radius: 0 !important;
 .navbar-brand {
  color: $colDefault;
  &:hover, &:focus {
    color: $colHighlight; }}
 .navbar-text {
  color: $colDefault; }
 .navbar-nav {
  > li {
    > a {
      color: $colDefault;
      &:hover,  &:focus {
        color: $colHighlight; }}
    @if $dropDown {
      > .dropdown-menu {
        background-color: $bgDefault;
        > li {
          > a {
            color: $colDefault;
            &:hover,  &:focus {
              color: $colHighlight;
              background-color: $bgHighlight; }}
          > .divider {
            background-color: $bgHighlight;}}}}}
  @if $dropDown {
    .open .dropdown-menu > .active {
      > a, > a:hover, > a:focus {
        color: $colHighlight;
        background-color: $bgHighlight; }}}
  > .active {
    > a, > a:hover, > a:focus {
      color: $colHighlight;
      background-color: $bgHighlight; }}
  > .open {
    > a, > a:hover, > a:focus {
      color: $colHighlight;
      background-color: $bgHighlight; }}}
 .navbar-toggle {
  border-color: $bgHighlight;
  &:hover, &:focus {
    background-color: $bgHighlight; }
  .icon-bar {
    background-color: $colDefault; }}
 .navbar-collapse,
 .navbar-form {
  border-color: $colDefault; }
 .navbar-link {
  color: $colDefault;
  &:hover {
    color: $colHighlight; }}}
 @media (max-width: 767px) {
 .navbar-default .navbar-nav .open .dropdown-menu {
  > li > a {
    color: $colDefault;
    &:hover, &:focus {
      color: $colHighlight; }}
  > .active {
    > a, > a:hover, > a:focus {
      color: $colHighlight;
      background-color: $bgHighlight; }}}
  }

  .navbar-header img {
  max-height: 100%;
  width: auto;
  }
  .navbar-brand {
  padding: 5px;
  }
  .navbar-nav  {
  font-family: 'coolvetica_rg', sans-serif;
  font-size: $fontSize;
  display:table;
  min-width: 970px;
  }
  .social img{
  padding-top: 5px;
  display: inline;
  height: 55px;
  }

  body {
  background-image: url("arrows25.png");
  background-repeat: repeat;
  }

  .navbar-form .input-group {
  width: 80%;
  }

  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: 1px;
  }


  .dropdown {
  display: inline-block;
  font-family: 'coolvetica_rg', sans-serif;
  font-size: $fontSize;
  float: right;
  color: #ffffff;
  }

  .dropdown a {
   float: left;
   text-decoration: none !important;
   color: #ffffff;
   border-color: $bgHighlight;
  }

  .divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: $bgHighlight !important;
  }

  .dropdown-menu {
  padding: 0px;
  margin: 0px;
  background-color: $bgDefault;
  color: #ffffff;
  font-family: 'coolvetica_rg', sans-serif;
  font-size: $fontSize;
  }

  .dropdown-menu a{
  color: #FFFFFF !important;
  }

  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: $bgHighlight;
  width: 100%;
  }

 .form-control:focus {
 border-color: #b30047;
 outline: 0;
 }