/*
Theme Name: Spiritwood Golf Course
Theme URI: http://underscores.dobsondev.com/
Author: Alex Dobson
Author URI: http://dobsondev.com/
Description: SUP?! I'm a theme called <code>Spiritwood Golf Course</code> based on <em>underscores</em>. I was created using the DobsonDev Underscores Theme generator script (http://underscores.dobsondev.com/), which creates a theme using Underscores (http://underscores.me/) as a starting base with Foundation included as a great front-end framework. I find this combination extremely powerful and easy to work with. I hope you enjoy your theme!
Version: 1.0.0
License: The MIT License (MIT)
License URI: http://opensource.org/licenses/MIT
Text Domain: swgolf
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Spiritwood Golf Course is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 Foundation Changes
2.0 Reusable Styles
3.0 Menus
4.0 Accessibility
5.0 Alignments
6.0 Clearings
7.0 Widgets
8.0 Content
  8.1 Posts and pages
  8.2 Asides
  8.3 Comments
9.0 Infinite scroll
10.0 Media
  10.1 Captions
  10.2 Galleries
11.0 Numerical Pagination
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Alatsi|Neuton:800&display=swap');

/*--------------------------------------------------------------
1.0 Foundation Changes
--------------------------------------------------------------*/

ol, ul {
  margin-left: 2em;
}

/*--------------------------------------------------------------
2.0 Reusable Styles
--------------------------------------------------------------*/

ul.twoCol {
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  column-count: 2;
  column-gap: 1em;
}

ul.threeCol {
  -moz-column-count: 3;
  -moz-column-gap: 1em;
  -webkit-column-count: 3;
  -webkit-column-gap: 1em;
  column-count: 3;
  column-gap: 1em;
}

i.fa-facebook-square,
i.fa-facebook-official,
i.fa-facebook-f,
i.fa-facebook {
  color: #3B5998;
  font-size: 4rem !important;
}

i.fa-twitter-square,
i.fa-twitter {
  color: #55ACEE;
}

i.fa-instagram {
  color: #BC2A8D;
  font-size: 4rem !important;
}

i.fa-linkedin-square,
i.fa-linkedin {
  color: #0077B5;
}

i.fa-google-plus-square,
i.fa-google-plus {
  color: #D34836;
}

i.fa-youtube-square,
i.fa-youtube-play,
i.fa-youtube {
  color: #E52D27;
}

i.fa-rss-square,
i.fa-rss {
  color: #FF6600;
}

div.div-line {
  width: 50%;
  max-width: 200px;
  margin-top: 13px;
  margin-bottom: 13px;
  border-top: 1px solid #09F;
}

div.div-line.extended {
  width: 75%;
  max-width: 100%;
}

div.div-line.centered {
  margin: 13px auto;
}

div.div-line.white {
  border-top: 1px solid #FFF;
}

div.div-line.black {
  border-top: 1px solid #000;
}

a.btn {
  font-size: 1.15em;
  line-height: 1.05em;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  -webkit-transition: background .3s ease 0s;
  transition: background .3s ease 0s;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
  padding: 15px 22px 13px;
  border-bottom: 3px solid #005288;
  background: #09F;
}

a.btn:hover {
  background: #006DB3;
}

/*--------------------------------------------------------------
3.0 Menus
--------------------------------------------------------------*/
nav#top-header-nav ul,
nav#top-header-nav ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav#top-header-nav ul li {
  position: relative;
}

nav#top-header-nav ul a {
  padding: 10px 20px;
  display: block;
  text-decoration: none;
}

/* Level 1 Drop Down Menu */
nav#top-header-nav ul > li {
  display: inline-block;
  vertical-align: top;
}

/* Level 2 Drop Down Menu */
nav#top-header-nav ul > li > ul {
  text-align: left;
  width: 175px; /* change value if you want a bigger/smaller menu */
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999999;
}

nav#top-header-nav ul > li > ul > li {
  width: 175px; /* change value if you want a bigger/smaller menu */
  word-wrap: break-word;
}

nav#top-header-nav ul > li > ul > li a {
  white-space: normal;
}

nav#top-header-nav ul > li:hover > ul {
  display: block;
}

/* Level 3 Drop Down Menu */
nav#top-header-nav ul > li > ul > li > ul {
  text-align: left;
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 9999999;
}

nav#top-header-nav ul > li > ul > li:hover > ul {
  display: block;
}

/* Small menu. */
.menu-toggle,
.site-navigation.toggled ul {
  display: block;
}

/* Mobile Menu */
@media screen and (max-width: 63.9375em) {
  button.menu-toggle,
  nav#top-header-nav.toggled .nav-menu {
    display: block;
    margin: 15px auto;
    font-size: 20px;
  }

  button.menu-toggle {
    border: 5px solid #000;
    border-radius: 15px;
    padding: 15px;
  }

  nav#top-header-nav {
    float: none;
    width: 100%;
    text-align: center;
    padding: 5px 0;
  }

  nav#top-header-nav ul {
    display: none;
  }

  nav#top-header-nav ul {
    float: none;
    position: absolute;
    width: 100%;
    margin: 0;
    z-index: 99;
  }

  nav#top-header-nav ul li {
    position: relative;
    float: none;
    display: block;
    padding: 0;
  }

  /* Level 2 Drop Down Menu */
  nav#top-header-nav ul > li > ul {
    position: relative;
    float: none;
    display: block;
    width: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
  }

  nav#top-header-nav ul.sub-menu {
    width: 100%;
  }

  nav#top-header-nav ul.sub-menu > li {
    width: 100%;
  }

  nav#top-header-nav ul > li > ul li {
    text-align: center;
  }

  /* Level 3 Drop Down Menu */
  nav#top-header-nav ul > li > ul > li > ul {
    position: relative;
    float: none;
    display: block;
    width: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
  }

  nav#top-header-nav ul > li > ul > li > ul li {
    text-align: center;
  }

  nav#top-header-nav ul ul li a {
    float: none;
    width: 100%;
    line-height: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
  }

  nav#top-header-nav ul li:hover > ul,
  nav#top-header-nav ul li.focus > ul {
    left: auto;
  }

  nav#top-header-nav ul ul li:hover > ul,
  nav#top-header-nav ul ul li.focus > ul {
    left: auto;
  }
} /* End Mobile Menu */

/*
  Full Screen Menu Toggle CSS
  ===> DO NOT TOUCH PREFERABLY BUT YOU MAY NEED TO CHANGE THE 'min-width' VALUE <===
*/
@media screen and (min-width: 40em) {
  .menu-toggle {
    display: none;
  }
  .site-navigation ul {
    display: block;
    left: 0;
  }
}

/* Navigation Arrows */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
4.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
5.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
6.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
  display: none;
}

h1.widget-title {
  font-size: 2rem;
}

/*--------------------------------------------------------------
8.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post.sticky {
  position: relative;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
8.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
8.3 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
9.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
10.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
10.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.1em 0;
  font-size: 0.85rem;
  font-style: italic;
}

/*--------------------------------------------------------------
10.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  margin: 1em 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/* Medium Only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .gallery-columns-4 .gallery-item {
    max-width: 33.33%;
  }
  .gallery-columns-5 .gallery-item {
    max-width: 33.33%;
  }
  .gallery-columns-6 .gallery-item {
    max-width: 33.33%;
  }
  .gallery-columns-7 .gallery-item {
    max-width: 33.33%;
  }
  .gallery-columns-8 .gallery-item {
    max-width: 33.33%;
  }
  .gallery-columns-9 .gallery-item {
    max-width: 33.33%;
  }
}

/* Small Only */
@media screen and (max-width: 39.9375em) {
  .gallery-columns-3 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-4 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-5 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-6 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-7 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-8 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-9 .gallery-item {
    max-width: 50%;
  }
}

/*--------------------------------------------------------------
11.0 Numerical Pagination
--------------------------------------------------------------*/
div.numeric-post-navigation {
  text-align: center;
  margin: 1.15em 0.85em;
}

div.numeric-post-navigation li a,
div.numeric-post-navigation li a:hover,
div.numeric-post-navigation li.active a,
div.numeric-post-navigation li.disabled {
  color: #FEFEFE;
  text-decoration:none;
}

div.numeric-post-navigation li {
  display: inline;
}

div.numeric-post-navigation li a,
div.numeric-post-navigation li a:hover,
div.numeric-post-navigation li.active a,
div.numeric-post-navigation li.disabled {
  background-color: #177ABA;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}

div.numeric-post-navigation li a:hover,
div.numeric-post-navigation li.active a {
  background-color: #076099;
}


/*--------------------------------------------------------------
# Spiritwood Golf Course
--------------------------------------------------------------*/

/*
 http://paletton.com/#uid=72O0u0kdQo15fAQ9psIhKk0mkgd
*/

/* Reusable Styles */

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 1.9375rem;
}

h4 {
  font-size: 1.5625rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

div.div-line.blue {
  border-top: 1px solid #09F;
}

div.div-line.darkblue {
  border-top: 1px solid #000DFF;
}

div.div-line.yellow {
  border-top: 1px solid #FFBC00;
}

div.div-line.orange {
  border-top: 1px solid #FF8E00;
}

a.btn.blue {
  border-bottom: 3px solid #005288;
  background: #09F;
}

a.btn.blue:hover {
  background: #006DB3;
}

a.btn.darkblue {
  border-bottom: 3px solid #010894;
  background: #000DFF;
}

a.btn.darkblue:hover {
  background: #000ABF;
}

a.btn.yellow {
  border-bottom: 3px solid #D59D00;
  background: #FFBC00;
}

a.btn.yellow:hover {
  background: #FFC72A;
}

a.btn.orange {
  border-bottom: 3px solid #D57700;
  background: #FF8E00;
}

a.btn.orange:hover {
  background: #FFA12A;
}

/* HTML */

html {

}

div#page {

}

/* Top Bar */

div#top-bar {
  min-height: 25px;
  background: #427472;
  color: #FEFEFE;
}

/* Header */

header#top-header {
  padding: 1em 0;
}

header#top-header div.grid-container {
  max-width: 72.5rem;
}

header#top-header nav#top-header-nav {
  padding-top: 5.666em;
}

@media screen and (max-width: 63.9375em) {
  header#top-header div#top-header-branding {
    text-align: center;
  }
  header#top-header nav#top-header-nav {
    padding-top: 2em;
  }
}

/* Menu Styles */

button.menu-toggle {
  border: 1px solid #000;
}

nav#top-header-nav ul {
  text-align: right;
}

nav#top-header-nav ul a {
  color: #246920;
  font-weight: bolder;
  padding: 8px 15px;
}

nav#top-header-nav ul li {
  background: none;
}

nav#top-header-nav ul > li > ul {
  background: #F5F5F5;
  border-left: 4px solid #BABABA;
}

nav#top-header-nav ul > li > ul {
  width: 200px;
}

nav#top-header-nav ul > li > ul > li {
  width: 200px;
  padding: 0.5em;
}

@media screen and (max-width: 63.9375em) {
  nav#top-header-nav ul {
    background: #F5F5F5;
    text-align: center;
  }
  nav#top-header-nav ul li {
    padding: 0.5em;
  }
  nav#top-header-nav ul > li > ul {
    border-left: none;
  }
  nav#top-header-nav ul > li > ul > li {
    padding: 0.25em;
  }
  nav#top-header-nav ul > li > ul > li a {
    color: #246920;
  }
}

/* Site Body */

div#content {
  padding-top: 1em;
}

main.site-main h1.entry-title {
  font-family: 'Alatsi', sans-serif;
  color: #802729;
  text-transform: uppercase;
  border-bottom: 4px dotted #CCC;
}

main.site-main div.entry-content h1,
main.site-main div.entry-content h2 {
  font-family: 'Neuton', serif;
  color: #246920;
  text-transform: uppercase;
}

main.site-main div.entry-content h3 {
  font-family: 'Neuton', serif;
  color: #184E4C;
}

/* Home Page */

h1#home-page-title {
  color: #246920;
}

/* Sidebar */

div#sidebar {

}

/* Widgets */

h1.widget-title {
  font-family: 'Neuton', serif;
  font-size: 1.9375rem;
  color: #814F27;
}

/* Numeric Pagination */

div.numeric-post-navigation li a,
div.numeric-post-navigation li a:hover,
div.numeric-post-navigation li.active a,
div.numeric-post-navigation li.disabled {
  color: #FEFEFE;
}

div.numeric-post-navigation li a,
div.numeric-post-navigation li a:hover,
div.numeric-post-navigation li.active a,
div.numeric-post-navigation li.disabled {
  background-color: #177ABA;
}

div.numeric-post-navigation li a:hover,
div.numeric-post-navigation li.active a {
  background-color: #076099;
}

/* Site Footer */

footer#bottom-footer {
  background: #BABABA;
  color: #0A0A0A;
}

footer#bottom-footer div.grid-container {

}

footer#bottom-footer h1.widget-title {
  color: #427472;
}

div#bottom-bar {
  background: #282828;
  padding: 1em;
}

div#bottom-bar div.site-info {
  color: #FEFEFE;
}

div#bottom-bar div.site-info a {
  color: #628B89;
}

/*--------------------------------------------------------------
# Responsive Design Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 39.9375em) {} /* Small only */
@media screen and (min-width: 40em) {} /* Medium and up */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {} /* Medium only */
@media screen and (min-width: 64em) {} /* Large and up */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {} /* Large only */