

// General bootstrap plus styling
.clear-both{
	padding-left:0;
	padding-right:0;
}
@media(min-width: 768px){
	.right-md{
		text-align: right;
	}
	.left-md{
		text-align: left;
	}
}
@media(max-width: 767px){
.center-xs{
	text-align: center;
}
}
a, a:active, a:focus, a:link, a:visited{
    outline: 0 !important;
}


/*-------------Scroll to top--------------*/

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: $primary;
    color: #eeeeee;
    width: 38px;
    height: 30px;
    line-height: 30px;
    right: 22px;
    bottom: 22px;
    padding-bottom: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: none;
}
.scroll-top-wrapper:hover {
    opacity: 0.6 !important;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}



/*---------------Selection-----------*/
::-moz-selection {
    text-shadow: none;
    background: $primary;
    color: #fff;
}

::selection {
    text-shadow: none;
    background: $primary;
    color: #fff;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}
.navbar-nav > li > .dropdown-menu{
    border-top: 10px solid transparent;
}
.navbar-right .dropdown-menu{
    left: 0;
}

/*------------Sticky Header--------------*/
@media (min-width: 768px){
    .theme-slider{
        margin-top: 87px;
    }
    .page-header{
        margin-top: 87px;
    }
 .logo-nav-sec{
            position: fixed;
            top: 0;
            z-index: 9999;
            width: 100%;
            background: #fff;
            @include transition(all 0.4s ease-in-out);
            border-bottom: 1px solid #f0f0f0;
        }
        
        .logo-nav-sec.organictop{
            top: 0 !important;
            text-align: left;
            margin: 0 auto !important;
            padding: 0;
            z-index: 9999;
            border-bottom: 1px solid #f0f0f0;  
            background: #fff; 
            @include transition(all 0.4s ease-in-out); 
        }
        .organictop .theme-menu, .organictop .logo{
          padding: 0;
          @include transition(all 0.4s ease-in-out); 
        }
        .organictop .logo{

            h1{
                font-size: 32px;
            }
            p{
                font-size: 11px;
                margin: 0;
            }
        }
        .organictop .theme-menu .navbar{
            margin: 0;
            padding: 0;
        }
        .organictop .navbar-search-theme{
         padding: 19px 20px !important;
         margin-top: 5px !important;   
        }
        .organictop .menu li a{
            padding: 19px 20px !important;
        }
        .organictop .sub-menu > a::after{
            top: 24px;
        }


}


.logo-xs{
    h1{
        font-size: 30px;
        margin: 0;
        padding: 5px;
        text-transform: uppercase;
    }
    p{
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-weight: 300;
        line-height: 18px;
    }
}


/*-------------------Navigation-----------------------*/
@import url("http://fonts.googleapis.com/css?family=Droid+Sans:400,700");
@font-face {
  font-family: 'mindshare';
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/72900/mindshare.eot?95499031");
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/72900/mindshare.eot?95499031#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/72900/mindshare.woff?95499031") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/72900/mindshare.ttf?95499031") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/72900/mindshare.svg?95499031#mindshare") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "mindshare";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
.icon-home:before {
  content: '\e800'; }
.icon-menu:before {
  content: '\e801'; }

/*** Core Superfish Menu Styles ***/
.sf-menu {
  margin: 0;
  padding: 0;
  list-style: none; }
  .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none; }
  .sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
    /* left offset of submenus need to match (see below) */ }
    .sf-menu ul li {
      width: 100%; }
  .sf-menu li {
    float: left;
    position: relative; }
    .sf-menu li:hover {
      visibility: inherit;
      /* fixes IE7 'sticky bug' */ }
  .sf-menu a {
    display: block;
    position: relative; }
  .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 6em;
    /* match top ul list item height */
    z-index: 99; }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0; }


/*** Theme Styles **/

    header.global nav #hamburger {
      display: none;
      cursor: pointer;
      text-align: center;
      line-height: 46px;
      color: #dddddd; }
      @media screen and (max-width: 768px) {
        header.global nav #hamburger {
          display: block; } }
    header.global nav ul {
      margin: 0;
      padding: 0 25px;
      display: block; }
      @media screen and (max-width: 768px) {
        header.global nav ul {
          display: none;
          margin: 7px 0;
          padding: 0; } }
      header.global nav ul li {
        display: inline-block;
        color: #dddddd;
        line-height: 44px;
        }
        @media screen and (max-width: 768px) {
          header.global nav ul li, header.global nav ul ul li {
            width: 100%;
            background: #2d2d2d;
            border-left: none;
            border-right: none;
            border-top: 1px solid #474747;
            border-bottom: 1px solid #141414; }
            header.global nav ul li:first-child, header.global nav ul ul li:first-child  {
              border-top: none; }
            header.global nav ul li:last-child,  header.global nav ul ul li:last-child{
              border-bottom: none; } }
        header.global nav ul li:first-child, header.global nav ul ul li:first-child {
          border-left: none; }
        header.global nav ul li:last-child, header.global nav ul ul li:last-child {
          border-right: none; }
        header.global nav ul li:hover, header.global nav ul ul li:hover {
          color: white; }
          @media screen and (min-width: 768px) {
            header.global nav ul li:hover > a {
              position: relative; }
            }
        header.global nav ul li ul {
          margin-top: 4px;
          background: #2d2d2d;
          border-top: 4px solid #dd374e;
          padding: 0; }
                @media screen and (max-width: 768px) {
          header.global nav ul li ul {
            width: 100% !important;
          }
        }
          header.global nav ul li ul li {
            border-bottom: 1px solid #f0f0f0;
            border-right: none;
            border-left: none; }
            header.global nav ul li ul li:first-child {
              border-top: none; }
            header.global nav ul li ul li:last-child {
              border-bottom: none; }
            header.global nav ul li ul li a {
              padding: 10px 15px;
              line-height: 1em; }
            header.global nav ul li ul li:hover {
              padding-left: 5px;
              -webkit-transition-property: all;
              -moz-transition-property: all;
              -o-transition-property: all;
              transition-property: all;
              -webkit-transition-duration: 0.5s;
              -moz-transition-duration: 0.5s;
              -o-transition-duration: 0.5s;
              transition-duration: 0.5s; }
              @media screen and (min-width: 768px) {
                header.global nav ul li ul li:hover a:after {
                  border: none; } }
        header.global nav ul li a {
          text-decoration: none;
          color: #666;
          padding: 23px 22px; }
          header.global nav ul li a:hover {
            color: $primary; }
        header.global nav ul li.active {
          min-width: 46px;
          background: $primary;
          border-right: none;
          text-align: center; }
          header.global nav ul li.active a{
            color: #fff;
          }
          header.global nav ul li.active span {
            display: none; }
        header.global nav ul li .sub-indicator, header.global nav ul li .top-menu ul li a .sub-indicator {
          right: 7px;
          top: 50%;
          margin-top: -2px;
          position: absolute;
          display: inline-block;
          content: '';
          width: 0;
          height: 0;
          border: 4px solid rgba(0, 0, 0, 0);
          border-top: 4px solid $primary; }

          header.global nav ul ul li .sub-indicator, header.global nav ul ul li .top-menu ul ul li a .sub-indicator {
          right: 7px;
          top: 50%;
          margin-top: -2px;
          position: absolute;
          display: inline-block;
          content: '';
          width: 0;
          height: 0;
          border: 4px solid rgba(0, 0, 0, 0);
          border-left: 4px solid $primary; }
          .sf-menu li{
            background: #fff;
          }
.sf-menu li:hover, .sf-menu li.sfHover{
    background: #fff;
}
.sf-menu ul li{
    background: #fff;
}
.sf-menu ul ul li{
    background: #fff;
}