.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px;
}

[class*="col-"] {
  grid-column: span 12;
  padding: 10px;
}

/* 767px */
@media only screen and (min-width: 767px) {
  .col-50 {
    grid-column: span 6;
  }

  .col-25 {
    grid-column: span 3;
  }

  .col-75 {
    grid-column: span 9;
  }

  .col-100 {
    grid-column: span 12;
  }

  .col-1 {
    grid-column: span 1;
  }

  .col-2 {
    grid-column: span 2;
  }

  .col-3 {
    grid-column: span 3;
  }

  .col-4 {
    grid-column: span 4;
  }

  .col-5 {
    grid-column: span 5;
  }

  .col-6 {
    grid-column: span 6;
  }

  .col-7 {
    grid-column: span 7;
  }

  .col-8 {
    grid-column: span 8;
  }

  .col-9 {
    grid-column: span 9;
  }

  .col-10 {
    grid-column: span 10;
  }

  .col-11 {
    grid-column: span 11;
  }

  .col-12 {
    grid-column: span 12;
  }
}
/*---------- common ----------*/
.baseColor {
  color: #604c3f;
}

.baseBackColor {
  color: #eae4d1;
}

.black {
  color: #333333 !important;
}

.gray {
  color: #928178 !important;
}

.silver {
  color: #efefef !important;
}

.white {
  color: #FFF !important;
}

.maroon {
  color: #800000 !important;
}

.red {
  color: #e60012 !important;
}

.pink {
  color: #f19db5 !important;
}

.purple {
  color: #800080 !important;
}

.fuchsia {
  color: #ff00ff !important;
}

.orange {
  color: #db8a09 !important;
}

.green {
  color: #45b035 !important;
}

.lime {
  color: #0f0 !important;
}

.olive {
  color: #808000 !important;
}

.yellow {
  color: #fff100 !important;
}

.navy {
  color: #337ab7 !important;
}

.blue {
  color: #036eb8 !important;
}

.teal {
  color: #008080 !important;
}

.aqua {
  color: #0ff !important;
}

.brawn {
  color: #665852 !important;
}

.min_text {
  font-size: 10px !important;
}

.base_text {
  font-size: 14px !important;
}

.middle_text {
  font-size: 16px !important;
}

.big_text {
  font-size: 18px !important;
}

.text_right {
  text-align: right;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

a.hover {
  display: inline-block;
}
a.hover:hover {
  opacity: .7;
}

.mgl15 {
  margin-left: 15px;
}

.mgt20 {
  margin-top: 20px;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgb20 {
  margin-bottom: 20px;
}

.mgb40 {
  margin-bottom: 40px;
}

/*---------- overwrite ----------*/
#masthead,
#colophon .widget.widget_archive ul li,
#colophon .widget.widget_categories ul li,
#colophon .widget.widget_meta ul li,
#colophon .widget.widget_recent_comments ul li,
#colophon .widget.widget_recent_entries ul li,
#masthead-widgets .widget.widget_archive ul li,
#masthead-widgets .widget.widget_categories ul li,
#masthead-widgets .widget.widget_meta ul li,
#masthead-widgets .widget.widget_recent_comments ul li,
#masthead-widgets .widget.widget_recent_entries ul li,
#secondary .widget.widget_archive ul li,
#secondary .widget.widget_categories ul li,
#secondary .widget.widget_meta ul li,
#secondary .widget.widget_recent_comments ul li,
#secondary .widget.widget_recent_entries ul li,
.archive .container > .page-header .page-title-text,
.search .container > .page-header .page-title-text,
.archive .container > .page-header,
.search .container > .page-header,
.archive-entry {
  border-color: #928178;
}

.heading-strike:after,
.heading-strike:before {
  background-color: #928178;
}

#masthead .top-bar {
  border: none;
  min-height: 80px;
  background: url(../images/h-bk.png) repeat-x 0% 0%;
  background-size: 64px 80px;
}

.sticky-menu.sticky-bar-out #masthead .sticky-bar {
  border: none;
}

.main-navigation > div li a {
  color: #FFF;
}

.main-navigation > div li:hover > a,
.main-navigation > div li.focus > a {
  color: #eae4d1;
}

#page #infinite-handle span .woocommerce button:hover, #page #infinite-handle span button:hover, .button:hover, .woocommerce #page #infinite-handle span button:hover, .woocommerce #respond input#submit:hover, .woocommerce.single-product .cart button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
  background: none;
}

.comment-navigation a, .post-navigation a, .posts-navigation a {
  border-color: #604c3f;
  color: #FFF;
  background: #604c3f;
}

.menu-toggle .svg-icon-menu path,
.social-search .search-toggle .open .svg-icon-search path,
.social-search .search-toggle .close .svg-icon-close path {
  fill: #FFF;
}

#fullscreen-search {
  background: #eae4d1;
}

#page #infinite-handle span .woocommerce button,
#page #infinite-handle span button,
.button,
.woocommerce #page #infinite-handle span button,
.woocommerce #respond input#submit,
.woocommerce.single-product .cart button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  background-color: transparent;
}

#fullscreen-search form input[type=search] {
  border: 1px solid #ebebeb;
  background-color: white;
  -webkit-rtl-ordering: logical;
}

#mobile-navigation {
  top: 60px;
}

#colophon {
  min-height: 80px;
  background: url("../images/f-tail.png") no-repeat 10% 100%, url("../images/f-bk.png") repeat-x 0% 0%;
  background-size: 56px 56px, 64px 80px;
  background-color: #604c3f;
}

#text-2 .prof-work {
  font-size: 16px;
  font-weight: bold;
}
#text-2 .prof-icon {
  font-size: 24px;
}
#text-2 .prof-icon a {
  display: inline-block;
  padding: 0 5px;
}

.site-branding .attachment-full {
  width: 100px;
}

.home .site-branding .attachment-full {
  width: 300px;
}

table {
  border: none;
}
table tr:nth-child(2n+2) {
  background: rgba(255, 255, 255, 0.2);
}

#colophon .footer-nav ul {
  display: block;
  text-align: center;
  margin: 0;
  padding-top: 30px;
}
#colophon .footer-nav li {
  display: inline-block;
  padding: 2px 10px 0 10px;
  position: relative;
}
#colophon .footer-nav a {
  display: block;
  text-decoration: none;
  color: #FFF;
  text-transform: uppercase;
  font-size: .8rem;
  letter-spacing: 1px;
  line-height: 60px;
}
#colophon .site-info {
  border: none;
  color: #FFF;
  padding: 10px 0 45px;
}

/*---------- home ----------*/
/*---------- sitemap ----------*/
.page-id-19 #main .menu-f-menu-container ul {
  list-style: none;
  margin-left: 0;
}
.page-id-19 #main .menu-f-menu-container li {
  font-size: 24px;
  text-align: center;
}

/*---------- media query ----------*/
@media only screen and (max-width: 767px) {
  #site-navigation button:hover {
    background: #604c3f;
  }
}

/*# sourceMappingURL=custom.css.map */