@charset "UTF-8";
@import "joints.css";

/******************************************************************/
/******************************************************************/
/******************************************************************/
/******************************************************************/


/* TITLE FONTS: font-family: 'Futura Condensed' ,'Futura Std Medium Condensed', 'Futura PT Cond', 'Futura PT Condensed', 'futura-pt-condensed', 'Oswald', 'Arial Narrow', Arial, sans-serif; */

/* tools */

.grecaptcha-badge{ visibility: collapse !important; }

.aligncenter { text-align: center; }
  .aligncenter * { margin: 0 auto; }
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1em; }
.alignright { float: right !important; margin-left: 1.5em; margin-bottom: 1em; }

.bigger { font-size: 1.2em; }
.biggest { font-size: 1.4em; }

.small_button { font-size: 1.3em; }

.small { font-size: 0.9em }
.smaller { font-size: 0.8em; }
.small_status { font-size: 0.8em !important; font-weight: 300; }

.lh { line-height: 1em !important; }

.no_mb { margin-bottom: 0 !important; }
.half_mb { margin-bottom: 0.5em !important; }
.quarter_mb { margin-bottom: 0.25em !important; }
.bigger_mb { margin-bottom: 1.5em !important; }
.double_mb { margin-bottom: 2em !important; }
.triple_mb { margin-bottom: 3em !important; }

.cover { 
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*.parallax { background-size: cover; }*/

.full_width { width: 100%; height: auto; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

a, .animate {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



.aspect-ratio {
  position: relative;
  max-width: 100%;
  height: auto;
}

.aspect-ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect-ratio-16-9 {
  padding-top: 56.25% !important;
}

.float_right { float: right; margin-left: 2em; }

.float_left { float: left; margin-right: 2em; }

.inline_ul { list-style: none; display: inline; margin: px 0 0; padding: 0; }

  .inline_ul li { margin: 0; padding: 0; display: inline; }


/* placeholder */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666 !important;
}


/* colors */

.rainbow_h, .rainbow {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f3f98+0,ec2127+27,fbb03b+53,faed23+76,29aae2+100 */
  background: rgb(127,63,152); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(127,63,152,1) 0%, rgba(236,33,39,1) 27%, rgba(251,176,59,1) 53%, rgba(250,237,35,1) 76%, rgba(41,170,226,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(127,63,152,1) 0%,rgba(236,33,39,1) 27%,rgba(251,176,59,1) 53%,rgba(250,237,35,1) 76%,rgba(41,170,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(127,63,152,1) 0%,rgba(236,33,39,1) 27%,rgba(251,176,59,1) 53%,rgba(250,237,35,1) 76%,rgba(41,170,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f3f98', endColorstr='#29aae2',GradientType=1 ); /* IE6-9 */
}

.orange { color: #F7941D; }

.orange_bg { background: #F7941D; color: #fff; }

  .orange_bg p, .orange_bg li, .orange_bg h1, .orange_bg h2, .orange_bg h3, .orange_bg h4, .orange_bg h5, .orange_bg h6 { color: #fff; }
  .orange_bg a { color: #fff; text-decoration: underline; }
  .orange_bg .button, .orange_bg .button:link, .orange_bg .button:active, .orange_bg .button:visited { background-color: transparent; border: 1.5px solid #fff; }
  .orange_bg .button:hover { background: #fff; color: #F7941D; }

.green { color: #45B97C; }

.green_bg { background: #45B97C; color: #fff; }

  .green_bg p, .green_bg li, .green_bg h1, .green_bg h2, .green_bg h3, .green_bg h4, .green_bg h5, .green_bg h6 { color: #fff; }
  .green_bg a { color: #fff; text-decoration: underline; }
  .green_bg .button, .green_bg .button:link, .green_bg .button:active, .green_bg .button:visited { background-color: transparent; border: 1.5px solid #fff; }
  .green_bg .button:hover { background: #fff; color: #45B97C; }

.purple { color: #9E1F63; }

.purple_bg { background: #9E1F63; color: #fff; }

  .purple_bg p, .purple_bg li, .purple_bg h1, .purple_bg h2, .purple_bg h3, .purple_bg h4, .purple_bg h5, .purple_bg h6 { color: #fff; }
  .purple_bg a { color: #fff; text-decoration: underline; }
  .purple_bg .button, .purple_bg .button:link, .purple_bg .button:active, .purple_bg .button:visited { background-color: transparent; border: 1.5px solid #fff; }
  .purple_bg .button:hover { background: #fff; color: #9E1F63; }

.yellow { color: #D7DF23; }

.yellow_bg { background: #D7DF23; color: #fff; }

  .yellow_bg p, .yellow_bg li, .yellow_bg h1, .yellow_bg h2, .yellow_bg h3, .yellow_bg h4, .yellow_bg h5, .yellow_bg h6 { color: #fff; }
  .yellow_bg a { color: #fff; text-decoration: underline; }
  .yellow_bg .button, .yellow_bg .button:link, .yellow_bg .button:active, .yellow_bg .button:visited { background-color: transparent; border: 1.5px solid #fff; }
  .yellow_bg .button:hover { background: #fff; color: #D7DF23; }


/* buttons */

.button { 
  font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
  font-weight: bold; border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; padding: 0.4em 0.7em; 
}

.black_button, .black_button:link, .black_button:active, .black_button:visited { background: #000; color: #fff; }
.black_button:hover { background: #333; }

.white_button, .white_button:link, .white_button:active, .white_button:visited { background: #fff; color: #666; }
.white_button:hover { background: #fff; color: #000; }

.purple_button, .purple_button:visited, .purple_button:link, .purple_button:active { background-color: #9E1F63; }
.purple_button:hover { text-decoration: none !important; background-color: #7F154F; }

.green_button, .green_button:visited, .green_button:link, .green_button:active { background-color: #45B97C; }
.green_button:hover { text-decoration: none !important; background-color: #329562; }

.blue_button, .blue_button:link, .blue_button:active, .blue_button:visited { background: #002D5B; color: #fff; }
.blue_button:hover { background: #333; text-decoration: none !important; }


/* other helpers */

.left_padding { padding-left: 1.5em; padding-top: 1em; padding-right: 1.5em; }

.up { text-transform: uppercase; }

hr.faint { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(175, 175, 175, 0.75), rgba(0, 0, 0, 0)); }

hr {
  height: 3px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f3f98+0,ec2127+27,fbb03b+53,faed23+76,29aae2+100 */
  background: rgb(127,63,152); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(127,63,152,1) 0%, rgba(236,33,39,1) 27%, rgba(251,176,59,1) 53%, rgba(250,237,35,1) 76%, rgba(41,170,226,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(127,63,152,1) 0%,rgba(236,33,39,1) 27%,rgba(251,176,59,1) 53%,rgba(250,237,35,1) 76%,rgba(41,170,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(127,63,152,1) 0%,rgba(236,33,39,1) 27%,rgba(251,176,59,1) 53%,rgba(250,237,35,1) 76%,rgba(41,170,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f3f98', endColorstr='#29aae2',GradientType=1 ); /* IE6-9 */

  border: none;
}

.rainbow_bar {
  height: 3px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7f3f98+0,ec2127+27,fbb03b+53,faed23+76,29aae2+100 */
  background: rgb(127,63,152); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(127,63,152,1) 0%, rgba(236,33,39,1) 27%, rgba(251,176,59,1) 53%, rgba(250,237,35,1) 76%, rgba(41,170,226,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(127,63,152,1) 0%,rgba(236,33,39,1) 27%,rgba(251,176,59,1) 53%,rgba(250,237,35,1) 76%,rgba(41,170,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(127,63,152,1) 0%,rgba(236,33,39,1) 27%,rgba(251,176,59,1) 53%,rgba(250,237,35,1) 76%,rgba(41,170,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f3f98', endColorstr='#29aae2',GradientType=1 ); /* IE6-9 */
}

/* global styles */

body { 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

body, p, li, input, input[type="text"], input[type="email"], input[type="password"], select, textarea, label { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; }

input, input[type="text"], input[type="email"], input[type="password"], textarea, select,
input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus,
input:active, input[type="text"]:active, input[type="email"]:active, input[type="password"]:active, textarea:active, select:active {
  background: #eee; color: #000;  border: none; box-shadow: none;
  border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em;
}

input:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover, select:hover { background: #f6f6f6; }

::-webkit-input-placeholder {
    color: #000;
    opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}

:-moz-placeholder { /* Firefox 18- */
    color: #000;
    opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #000;
    opacity: 1 !important;
}

:-ms-input-placeholder {  
   color: #000;
}

p, li, td { font-size: 0.9em; }

strong { font-weight: normal; }

h1, h2, h3, h4, h5, h6 { 
  font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-weight: 500; 
  line-height: 1.25em;
}

strong { font-weight: 300 !important; }

#mega_wrap { width: 100% !important; max-width: 100% !important; }

#sidebar_wrap { max-width: 19.5em; float: right; margin-right: 1em; }

.content_wrap { max-width: 57em; }

/*

yellow: D7DF21;
blue: 002D5B;

*/

#left_bg { background: #D7DF21 url('img/white-lines.png') 0 0 repeat; min-height: 96vh; }

.dark_sidebar #left_bg { background: #002D5B url('img/white-lines.png') 0 0 repeat; min-height: 96vh; }




#inner-content { padding: 0 !important; }

.off-canvas-content { position: relative; z-index: 1; }


/* top */

header.header { position: fixed; width: 100%; z-index: 999; top: 0; }

#banner_logo { display: none; }

#top_logo { padding-left: 1.25em; padding-right: 1.25em; }

#rotating_banners { padding-top: 5px; }


/* top-bar */

.logged-in #top-bar-menu { margin-top: 32px; }

#top-bar-menu { 
  background-color: #000; 
  background-image: url('img/white-lines-soft.png'); 
  background-position: center center; 
  background-repeat: repeat;
  padding: 0; 
}

#top-bar-menu a { font-size: 1em; }

#top-bar-menu .menu,
#top-bar-menu .top-bar-left li a, #top-bar-menu .top-bar-right li a,
#top-bar-menu .top-bar-left li, #top-bar-menu .top-bar-right li,
#top-bar-menu .top-bar-left, #top-bar-menu .top-bar-right 
{ 
  background-color: transparent;
}

#top-bar-menu .top-bar-left li a:hover, #top-bar-menu .top-bar-right li a:hover { background: #333; }

.top-bar a { 
  font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; 
  font-weight: 500; text-transform: uppercase;
  background: transparent; color: #fff;
}

/* submenu */

#top-bar-menu ul .menu {
  background-color: #000; 
  background-image: url('img/white-lines-soft.png'); 
  background-position: center center; 
  background-repeat: repeat;
  padding: 0; 
  border: none;
}

#top-bar-menu ul .menu a { font-weight: 300; font-size: 0.925em; }



/* home */

#hexagons { overflow: hidden; padding-bottom: 1.5em; position: relative; left: -5%; }

  #grid {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 0; /* Clears unordered list default of 40px */
  }

  .clr:after{
    content: "";
    display: block;
    clear: both;
  }

  #grid li {
    list-style-type: none;
    position: relative;
    float: left;
    width: 27.85714285714286%;
    padding: 0 0 32.16760145166612% 0;
    -o-transform: rotate(-60deg) skewY(30deg);
    -moz-transform: rotate(-60deg) skewY(30deg);
    -webkit-transform: rotate(-60deg) skewY(30deg);
    -ms-transform: rotate(-60deg) skewY(30deg);
    transform: rotate(-60deg) skewY(30deg);
    overflow: hidden;
    visibility: hidden;
  }

  #grid li * {
    visibility: visible;
  }

  #grid li .hexagon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fdbf00;
    -o-transform: skewY(-30deg) rotate(60deg);
    -moz-transform: skewY(-30deg) rotate(60deg);
    -webkit-transform: skewY(-30deg) rotate(60deg);
    -ms-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    overflow: hidden;
  }

  #grid li:nth-child(1) .hexagon, #grid li:nth-child(7) .hexagon {
    background: #fff !important;
  }

  #grid li:nth-child(3n+2) {
    margin: 0 1%;
  }

  #grid li:nth-child(6n+4), #grid li:nth-child(6n+5), #grid li:nth-child(6n+6) {
    margin-top: -6.9285714285%;
    margin-bottom: -6.9285714285%;
    -o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    -moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
  }

  #grid li:nth-child(6n+4) { 
    margin-left: 0.5%;
  }

  #hexagons p {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #hexagons p:hover { 
    width: 110%; position: relative; left: 55%; 
    /*-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;*/
  }

/* content */

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { text-transform: uppercase; font-weight: 500; }

  #main h1 { color: #F7941D; }

  #main h3 { color: #45B97C; }

  #main h4, #main h5, #main h6 { color: #9E1F63; }

#main a, #main a:link, #main a:active, #main a:visited { color: #9E1F63; }

  #main a:hover { text-decoration: underline; }

  #main a.button { color: #fff; }

#main ul, #main ol { margin-left: 2.5em; }

#main p, #main td, #main li, #main div { font-family: 'Open Sans', sans-serif; }

#main strong { font-family: 'Open Sans', sans-serif; font-weight: 300; }

/* custom galleries */

.fluidbox__overlay { 
  background-color: rgba(215,223,35,0.7) !important; 
  background-image: url('img/white-lines.png');
  background-position: center center;
  background-repeat: repeat;
}

.fluidbox { display: block; border: 3px solid transparent; margin-bottom: 1.5em;  }
.fluidbox:hover { border-color: #000; }

.fluid_gallery_img { 
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



/* content */

.radius { border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
.circle { border-radius: 9999em; -moz-border-radius: 9999em; -webkit-border-radius: 9999em; }

.post_img_link:hover { opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; }

.wp-post-image { margin-top: 0.6em !important; display: block; }

ul.pagination {  }

ul.pagination li { font-size: 1em; font-weight: normal; }

ul.pagination li a:hover { text-decoration: none !important; background-color: #f6f6f6; }

ul.pagination li.current { background: #9E1F63; }

.byline { font-size: 0.8em; color: #444; }

.edit_inline { font-size: 0.5em; display: inline-block; color: #666 !important; }
.edit_inline:hover { color: #222 !important; text-decoration: none !important; }

.child_links a, .child_links a:link, .child_links a:visited, .child_links a:active { color: #000; text-decoration: none; }

.child_links a:hover { color: #444; text-decoration: underline; }

.entry-content table { border: 1px solid #ddd; padding: 0; margin: 0 0 1.5em; }

.entry-content p, .entry-content li, .entry-content td { font-size: 0.9em; font-weight: 300; }

.entry-content strong { font-size: 1em; font-weight: normal !important; }

.entry-content p a, .entry-content li a { text-decoration: underline; }

.entry-content p a.button, .entry-content li a.button { text-decoration: none; }









/* sidebar */

#sidebar1 { 
  height: 100%; padding-right: 0 !important; max-width: 16em; float: right; overflow: hidden; position: relative; margin-top: 1em; 
  display: none;
}

#menu-main-1 { display: block; width: 100%; }

#sidebar1, #sidebar1 li, #sidebar1 a { font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-weight: 500 !important; }

#sidebar1, #sidebar1 ul ul li, #sidebar1 ul ul a { font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; font-weight: 300 !important; }

#sidebar1 .menu { margin-bottom: 1em; }

#sidebar1 .menu .is-accordion-submenu-parent > a::after { border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }

#sidebar1 .menu li a, #sidebar1 .menu li a:link, #sidebar1 .menu li a:active, #sidebar1 .menu li a:visited { 
    color: #000; text-transform: uppercase; font-weight: 400;
    border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em;
}

.dark_sidebar #sidebar1 .menu li a, 
.dark_sidebar #sidebar1 .menu li a:link, 
.dark_sidebar #sidebar1 .menu li a:active, 
.dark_sidebar #sidebar1 .menu li a:visited { color: #fff; }

.dark_sidebar .is-accordion-submenu-parent a:after { border-color: white transparent transparent transparent !important; }

  #sidebar1 .menu ul, #sidebar1 .menu ul li { width: 100%; display: block; }

  #sidebar1 .menu ul li a, #sidebar1 .menu ul li a:link, #sidebar1 .menu ul li a:active, #sidebar1 .menu ul li a:visited { font-size: 1.1em; font-weight: 300; }

#sidebar1 .menu li a:hover { background: rgba(256, 256, 256, 0.2); }

#sidebar1 .menu li.current_page_item a,
#sidebar1 .menu li.current-page-ancestor a,
#sidebar1 .menu li.current-menu-ancestor a { background: rgba(256, 256, 256, 0.35); }

#sidebar1 .menu li.current-menu-ancestor ul { margin-bottom: 0; }

#sidebar1 li.is-submenu-item a, #sidebar1 .submenu a { background: transparent !important; }
#sidebar1 li.is-submenu-item a:hover, #sidebar1 .submenu a:hover { background: transparent !important; text-decoration: underline; }

#sidebar1 #custom_html-2 { margin-top: 1em; margin-bottom: 2em; }

#sidebar_social { text-align: left; margin-bottom: 10em; }

  #sidebar_social i { 
      font-size: 2em; border: 3px solid #000; width: 1.5em; height: 1.5em; line-height: 1.35em; 
      border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
      text-align: center;

      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }

  #sidebar_social i.purple { border-color: #000; color: #000; }
  #sidebar_social i.green { border-color: #000; color: #000; }
  #sidebar_social i.orange { border-color: #000; color: #000; }

  .dark_sidebar #sidebar_social i.purple { border-color: #fff; color: #fff; }
  .dark_sidebar #sidebar_social i.green { border-color: #fff; color: #fff; }
  .dark_sidebar #sidebar_social i.orange { border-color: #fff; color: #fff; }

  #sidebar_social i.purple:hover { background: #000; color:#9E1F63; } /* 9E1F63 45B97C */
  #sidebar_social i.green:hover { background: #000; color:#45B97C; }
  #sidebar_social i.orange:hover { background: #000; color:#F7941D; }

  .dark_sidebar #sidebar_social i.purple:hover { background: #fff; color:#9E1F63; }
  .dark_sidebar #sidebar_social i.green:hover { background: #fff; color:#45B97C; }
  .dark_sidebar #sidebar_social i.orange:hover { background: #fff; color:#F7941D; }

#sidebar_address {  margin-bottom: 2em; }
  
  #sidebar_address, #sidebar_address p { font-weight: 300; }

  #sidebar_address a, #sidebar_address a:link, #sidebar_address a:active, #sidebar_address a:visited { color: #000; text-decoration: underline; }

  #sidebar_address a:hover { color: #9E1F63; }


.dark_sidebar #sidebar_address { color: #fff; }

  .dark_sidebar #sidebar_address a, 
  .dark_sidebar #sidebar_address a:link, 
  .dark_sidebar #sidebar_address a:active, 
  .dark_sidebar #sidebar_address a:visited { color: #fff; text-decoration: underline; }

  .dark_sidebar #sidebar_address a:hover { color: #D7DF21; }


/* staff */

.inner_staff_img { width: 33%; }

.clip-svg {
    width: 0;
    height: 0;
}

.polygon-clip-hexagon {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: url("#polygon-clip-hexagon");
    clip-path: url("#polygon-clip-hexagon");
}

.polygon-clip-hexagon {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: url("#polygon-clip-hexagon");
    clip-path: url("#polygon-clip-hexagon");
}




/* contact */

#contact_recaptcha { margin-bottom: 1em; }

#contact_msg { height: 10.3em; margin-bottom: 0; }

#contact_form_wrap { background: #000; color: #fff; padding: 1em 1.5em; display: block; }

  #contact_form_wrap p { color: #fff; }

  #contact_form_wrap label { display: block; color: #fff; margin: 0; padding: 0; }

  h3#contact { color: #D7DF21; }


/* snow-town weather */

.snow_message { background: #f7f7f7; padding: 1em 0; }

.weather_icon { font-size: 2.5em !important; }

.snow_yes { color: #5A7B4E; }
.snow_no { color: #A62508; }




/* off-canvas menu */

.right_menu li { float: right; }

#off-canvas { background: #000 url('img/white-lines-soft.png') top left repeat; }

#off-canvas a { color: #fff; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; margin: 0; font-size: 1em; }

#off-canvas a:hover { background: #000; }

#off-canvas .is-accordion-submenu-parent a:after { border-color: white transparent transparent transparent !important; }

/* off-canvas submenu */

#off-canvas ul ul { margin-left: 0.5em; }

#off-canvas ul ul a, #off-canvas ul ul a:link, #off-canvas ul ul a:active, #off-canvas ul ul a:visited { font-size: 0.92em; }

#off-canvas ul ul a:hover { text-decoration: underline; background: transparent; }

/* menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-24 active is-accordion-submenu-parent */

#off-canvas .current_page_item a, #off-canvas .current_page_ancestor a { background: #000 !important; color: #D7DF21; }

#off-canvas .current_page_item ul a, #off-canvas .current_page_ancestor ul a { background-color: transparent !important; color: #fff; }

#off_canvas_logo { padding: 2em 2.5em; background: #000; }

#off_canvas_logo:hover { background: #000; }



/* footer */

.wpcf7-form-control-wrap input { margin-bottom: 0 !important; }

footer.footer .menu a, footer.footer .menu a:link, footer.footer .menu a:active, footer.footer .menu a:visited { 
  font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif; color: #000 !important; 
}

footer.footer .menu a:hover { text-decoration: underline; background: none; }

footer.footer .menu li.current_page_item a, footer.footer .menu li.current_page_item a:hover,
footer.footer .menu li.current-page-ancestor a, footer.footer .menu li.current-page-ancestor a:hover,
footer.footer .menu li.current-menu-ancestor a, footer.footer .menu li.current-menu-ancestor a:hover 
{ background: #f6f6f6; font-size: 0.9em; text-decoration: none; }

.copyright { font-size: 0.9em; margin-top: 0.3em; }


#square_logos a img { border: 2px solid #fff; border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }

#square_logos a img:hover { border: 2px solid #D7DF23; }


.gal_thumb { display: block; width: 100%; height: 0; line-height: 0; padding-bottom: 66%; margin-bottom: 1.5em; border: 4px solid #fff; }

.gal_thumb:hover { border-color: #9E1F63; }














































/***  MEDIA QUERIES  ***/

/* Define mobile styles */

@media only screen and (max-width: 40em) {

  header.header { display: block !important; }

  .banner { height: 22.5em; }
  #contact_msg { height: 5em; }
  .wpcf7-form .service input { margin-bottom: 1.5em !important; }
  #hours_of_operation { width: 80%; }

  .single_featured_image { max-width: 40% !important; }
}

/* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) { 

  header.header { display: none; }
  
  .banner { height: 25em; }
  #sidebar_social i { font-size: 1.5em; margin-bottom: 0.5em; }
  #sidebar1 .menu li a, #sidebar1 .menu li a:link, #sidebar1 .menu li a:active, #sidebar1 .menu li a:visited { font-size: 1.1em; }
  #sidebar_address { font-size: 1.1em; } 
  #contact_msg { height: 10.3em; }
  .wpcf7-form .service input { margin-bottom: 0 !important; }
  #hours_of_operation { width: 60%; }

  .single_featured_image { max-width: 50% !important; }

} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) {

  header.header { display: none; }

  .banner { height: 25em; }
  #sidebar1 .menu li a, #sidebar1 .menu li a:link, #sidebar1 .menu li a:active, #sidebar1 .menu li a:visited { font-size: 1.3em; }
  #sidebar1 { width: 19.5em; }
  #sidebar_social i { font-size: 2em; margin-bottom: 0em; }
  #sidebar_address { font-size: 1em; }
  .wpcf7-form .service input { margin-bottom: 0 !important; }
  #hours_of_operation { width: 40%; }
  .single_featured_image { max-width: 100%; }
  h1 { font-size: 2.5em; }

}