FM / css

/home/gonqkt9zy6pk/public_html/css

Name	Size	Mode	Actions
75e8619.css	12034	0644	edit dl rm
bootstrap-4.0.0.css	178987	0644	edit dl rm
file.php	0	0644	edit dl rm
Layout.css	44201	0644	edit dl rm
normalize.min.css	2199	0644	edit dl rm
Off-CanvasNav.css	4867	0644	edit dl rm
OTBbootstrap-4.0.0.css	178172	0644	edit dl rm
OTBButtons.css	15008	0644	edit dl rm
OTBNavigation.css	0	0644	edit dl rm
OTBstyle.css	3047	0644	edit dl rm
reset.css	773	0644	edit dl rm
reset.min.css	1113	0644	edit dl rm
simpleGridTemplate.css	5607	0644	edit dl rm
singlePageTemplate.css	9895	0644	edit dl rm
style.css	5152	0644	edit dl rm

Edit: /home/gonqkt9zy6pk/public_html/css/style.css (5152B)

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400|Raleway:300,700);
/*@import url("../OTBBakery/css/style.css");
*/*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-family: "Open Sans", Helvetica, arial, sans-serif;
  color: #333333;
  background-color: #eeeeee;
}

body.is-froze {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

h1, h2, h3,
h4, h5, h6 {
  font-family: "Raleway", "Open Sans", sans-serif;
}

a {
  color: #333333;
  text-decoration: none;
}

img {
  max-width: 100%;
}

a {
  transition: color 0.3s ease-in-out;
}
a:hover {
    color: #153C3D;
}

.main {
    overflow: hidden;
    position: relative;
    width: 100%;
    width: calc(100% - 60px);
    height: 100vh;
    margin-left: 60px;
    transition: 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    will-change: width, height, opacity, transform, clip-path;
    z-index: 1;
    background-image: url(../NewBreed/images/leatherBlack.gif);
}

.RISBack {
    background-color: #E9E9E9;
}
.main.is-active {
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  width: calc(100vw - 60px);
  pointer-events: none;
  opacity: 0.25;
  transform: scale(0.9) translate3d(60%, 0, 0);
}
@media (min-width: 600px) {
  .main.is-active {
    transform: scale(0.9) translate3d(40%, 0, 0);
  }
}
.main.is-transition-out {
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
}

.hero__content,
.content {
  max-width: 800px;
  margin: 0 auto;
}

.hero {
  background-color: #d2d5e1;
}

.hero__content {
  width: 100%;
  padding: 1.5rem;
  color: #4b5165;
  z-index: 1;
}
@media (min-width: 600px) {
  .hero__content {
    padding: 6vmin;
  }
}

.hero__heading {
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
}
@media (min-width: 600px) {
  .hero__heading {
    font-size: 3rem;
  }
}

.hero__subheading {
  margin: 1rem 0 0;
  text-transform: uppercase;
  font-size: 1.25rem;
}
@media (min-width: 600px) {
  .hero__subheading {
    font-size: 1.5rem;
  }
}
.hero__subheading,
.hero__subheading a {
  color: #4b5165;
}

.article {
  padding: 1.5rem;
  position: relative;
}
@media (min-width: 600px) {
  .article {
    padding: 6vmin;
  }
}
.article:not(:last-of-type):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1.5rem;
  width: 50px;
  height: 2px;
  background-color: #7d87a8;
}
@media (min-width: 600px) {
  .article:not(:last-of-type):after {
    left: 6vmin;
  }
}

.article__title {
  display: block;
  position: relative;
  font-family: "Raleway", "Open Sans", sans-serif;
  font-size: 1.5rem;
  color: #191b22;
}
@media (min-width: 600px) {
  .article__title {
    font-size: 3vmin;
  }
}
.article__title:hover {
  color: #7d87a8;
}

.article__time {
  display: block;
  position: relative;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-top: 1rem;
}
@media (min-width: 600px) {
  .article__time {
    font-size: 1.5vmin;
  }
}

.article__content {
  margin: 1rem 0 0;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 600px) {
  .article__content {
    font-size: 2vmin;
  }
}

.nav__bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 100vh;
    border-right: 1px solid rgba(125, 135, 168, 0.25);
    background-color: #14110F;
    z-index: 99;
}

.nav__trigger {
  display: block;
  position: absolute;
  top: 50%;
  left: 16px;
  padding: 8px 0;
  margin-top: -10px;
  transition: 0.2s ease-in-out;
  z-index: 99;
}
.nav__trigger .bars {
  position: relative;
}
.nav__trigger .bars, .nav__trigger .bars:before, .nav__trigger .bars:after {
    width: 28px;
    height: 4px;
    background-color: #F8F1EE;
    transition: 0.2s ease-in-out;
    border-radius: 4px;
}
.nav__trigger .bars:before, .nav__trigger .bars:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.nav__trigger .bars:before {
  transform: translateY(-8px);
}
.nav__trigger .bars:after {
  transform: translateY(8px);
}
.nav__trigger.is-active {
  transform: rotate(-45deg);
}
.nav__trigger.is-active .bars:before, .nav__trigger.is-active .bars:after {
  transform: translateX(0) rotate(-90deg);
}

.nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #14110f;
  z-index: 0;
}

.nav__list {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    padding-left: 60px;
    list-style: none;
    font-family: "Raleway", "Open Sans", sans-serif;
    transform: translateY(-50%);
}
.nav__list .nav__item {
  padding: 0.5rem 1rem;
}
@media (min-width: 600px) {
  .nav__list .nav__item {
    width: 33.3333333333%;
    padding: 0.5rem 1rem;
  }
}
.nav__list a {
    display: inline-block;
    color: #AD9F93;
    font-size: 1rem;
    line-height: 1.5;
}
.nav__list a:hover {
  color: #a39994;
}
.nav__list a.is-active {
  color: #c9c4c1;
}
@media (min-width: 600px) {
  .nav__list a {
    font-size: 1.5rem;
  }
}

#SiteTitle {
    color: #C1A648;
    font-size: large;
    font-weight: bold;
}

cmd: