/****** DO NOT EDIT THIS FILE!!! IT IS CREATED BY THE THEME AND MAY GET OVERWRITTEN! ******/
/****** VARIABLES ******/
/****** DO NOT EDIT THIS FILE!!! IT IS CREATED BY THE THEME AND MAY GET OVERWRITTEN! ******/
/****** MIXINS ******/
/* FONT MIXINS */
.fs1 {
  font-size: 1rem !important; }

.fs2 {
  font-size: 2rem !important; }

.fs3 {
  font-size: 3rem !important; }

.fs4 {
  font-size: 4rem !important; }

.fs5 {
  font-size: 5rem !important; }

.fs6 {
  font-size: 6rem !important; }

.fw-100 {
  font-weight: 100 !important; }

.fw-200 {
  font-weight: 200 !important; }

.fw-300 {
  font-weight: 300 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.fw-800 {
  font-weight: 800 !important; }

.fw-900 {
  font-weight: 900 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-black {
  background-color: #000 !important; }

.no-select {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }

.center-it {
  display: block;
  float: none;
  clear: both;
  margin: 0 auto;
  text-align: center; }

.no-padding {
  padding: 0 !important; }

.primary-color {
  color: #1e73be !important; }

.primary-bg {
  background-color: #1e73be !important; }

.secondary-color {
  color: #fff !important; }

.secondary-bg {
  background-color: #fff !important; }

.btn-primary {
  background-color: #1e73be;
  color: #fff;
  border-color: #1e73be; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:focus-within {
    background-color: #175892 !important;
    color: #fff;
    border-color: #1e73be; }

.btn-secondary {
  background-color: #fff;
  color: #000;
  border-color: #fff; }
  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:focus-within {
    background-color: #e6e6e6;
    color: #000;
    border-color: #fff; }

.text-white {
  color: #fff !important; }
  .text-white * {
    color: #fff; }

.d-flex {
  display: flex !important; }

.d-block {
  display: block !important; }















@media only screen and (max-width: 767px) {
    .xs-flex {
      display: flex !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sm-flex {
      display: flex !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .md-flex {
      display: flex !important; } }

@media only screen and (min-width: 1200px) {
    .lg-flex {
      display: flex !important; } }

@media only screen and (max-width: 767px) {
    .xs-row {
      margin-left: -15px;
      margin-right: -15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sm-row {
      margin-left: -15px;
      margin-right: -15px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .md-row {
      margin-left: -15px;
      margin-right: -15px; } }

@media only screen and (min-width: 1200px) {
    .lg-row {
      margin-left: -15px;
      margin-right: -15px; } }

.justify-content-center {
  justify-content: center; }

.justify-content-space-around {
  justify-content: space-around; }

.flex-center-wrap {
  display: flex;
  align-items: center !important;
  flex-wrap: wrap; }

@media only screen and (min-width: 768px) {
    .flex-sm-align-items-stretch-center {
      display: flex !important;
      align-items: stretch !important;
      flex-wrap: wrap; }
      .flex-sm-align-items-stretch-center > div {
        align-self: center; } }

.ws-form-container {
  background-color: #fff;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1); }
  .ws-form-container .ws-form-title-container {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.17);
    font-size: 15px;
    padding: 20px;
    font-weight: bold;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
    color: #fff !important;
    display: block;
    float: none;
    clear: both;
    margin: 0 auto;
    text-align: center; }
    .ws-form-container .ws-form-title-container * {
      color: #fff; }
    .ws-form-container .ws-form-title-container .ws-fa-icon-container {
      margin: 0 10px; }
  .ws-form-container .ws-form-body-container {
    padding: 10px; }
    .ws-form-container .ws-form-body-container .form__warn {
      text-align: center !important; }
    .ws-form-container .ws-form-body-container .gform_footer .gform_button {
      display: block;
      float: none;
      clear: both;
      margin: 0 auto;
      text-align: center; }

.white-overlay {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.black-overlay {
  -webkit-filter: brightness(0);
  filter: brightness(0); }

.m-0 {
  margin: 0px !important; }

.mt-0 {
  margin-top: 0px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.mr-0 {
  margin-right: 0px !important; }

.ml-0 {
  margin-left: 0px !important; }

.m-5 {
  margin: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.m-10 {
  margin: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.m-15 {
  margin: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.m-20 {
  margin: 20px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.m-25 {
  margin: 25px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.m-30 {
  margin: 30px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.p-0 {
  padding: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.p-5 {
  padding: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.p-10 {
  padding: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.p-15 {
  padding: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.p-20 {
  padding: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.p-25 {
  padding: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

.p-30 {
  padding: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.fancy-radio ul, .fancy-radio-primary ul {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  float: none;
  display: flex; }
  .fancy-radio ul .radio, .fancy-radio-primary ul .radio {
    float: left;
    flex-grow: 1; }
    .fancy-radio ul .radio input, .fancy-radio-primary ul .radio input {
      display: none !important; }
    .fancy-radio ul .radio input + label, .fancy-radio-primary ul .radio input + label {
      background-color: #bbb;
      color: #000;
      max-width: 100%;
      width: 100%;
      margin: 0 !important;
      transition: all 0.4s ease;
      padding: 10px; }
    .fancy-radio ul .radio input[type=radio]:checked + label, .fancy-radio-primary ul .radio input[type=radio]:checked + label {
      background-color: #1e73be;
      color: #fff; }

.fancy-radio-secondary ul {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  float: none;
  display: flex; }
  .fancy-radio-secondary ul .radio {
    float: left;
    flex-grow: 1; }
    .fancy-radio-secondary ul .radio input {
      display: none !important; }
    .fancy-radio-secondary ul .radio input + label {
      background-color: #bbb;
      color: #000;
      max-width: 100%;
      width: 100%;
      margin: 0 !important;
      transition: all 0.4s ease;
      padding: 10px; }
    .fancy-radio-secondary ul .radio input[type=radio]:checked + label {
      background-color: #fff;
      color: #000; }

.fancy-checkbox li.checkbox {
  display: flex;
  align-content: center;
  align-items: center; }
  .fancy-checkbox li.checkbox label {
    background-color: #fff;
    padding: 10px 20px 10px 40px;
    margin-left: 0 !important;
    border-radius: 4px;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */ }
  .fancy-checkbox li.checkbox input {
    margin-left: 30px;
    left: 15px;
    margin-top: 0; }
    .fancy-checkbox li.checkbox input:checked + label {
      background-color: #d9d9d9; }

.fancy-checkbox-alt li.checkbox {
  display: flex;
  align-content: center;
  align-items: center; }
  .fancy-checkbox-alt li.checkbox label {
    background-color: #fff;
    padding: 10px 20px 10px 10px;
    margin-left: 0 !important;
    border-radius: 4px;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */ }
  .fancy-checkbox-alt li.checkbox input {
    margin-left: 30px;
    left: 15px;
    margin-top: 0;
    display: none !important; }
    .fancy-checkbox-alt li.checkbox input:checked + label {
      background-color: #d9d9d9; }
      .fancy-checkbox-alt li.checkbox input:checked + label:before {
        font-family: "Font Awesome 5 Pro";
        color: #35d040;
        content: "\f00c";
        font-size: inherit;
        margin-right: 10px;
        list-style: none !important; }

.strong {
  font-weight: bold !important; }

@media only screen and (min-width: 768px) {
  .megamenu ul.dropdown-menu {
    width: 100vw;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: #000; }
    .megamenu ul.dropdown-menu > li {
      float: left;
      width: 33%; }
      .megamenu ul.dropdown-menu > li a {
        background-color: #000;
        color: #fff !important;
        text-align: center;
        margin-bottom: 15px;
        text-transform: uppercase; }
        .megamenu ul.dropdown-menu > li a img {
          display: block;
          clear: both;
          height: 125px;
          width: 100%; }
          .megamenu ul.dropdown-menu > li a img:hover {
            opacity: 0.6;
            transition: all 1.25s; }
        .megamenu ul.dropdown-menu > li a span {
          display: block;
          margin-top: 5px;
          font-weight: bold; } }

body {
  font-family: "Montserrat"; }

.home .site-core {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("https://nickjeffers.com/wp-content/uploads/2020/08/background.jpeg"); }
/*
 a{
 cursor:pointer;
 color:#333;
 &:active,
 &:visited,
 &:focus,
 &:focus-within{
 color:#333;
 }
 }
 */
#primary {
  padding: 10px 0; }
  #primary #main article > .entry-header {
    margin-top: 0; }
  #primary #main > .entry-header {
    margin-top: 0; }

.portfolio-button-group-container {
  display: none; }

.inner-body-wrapper {
  max-width: 1500px;
  margin: 0 auto;
  background-color: #000; }

.portfolio-view-website-btn {
  margin-top: 15px; }

#header-column-1 {
  padding: 0; }

.site-logo-link {
  color: #333; }

header#header {
  background-color: #fff; }

footer#footer {
  display: none !important; }
/*
 .home .site-core {
 height: 100vh;
 #myVideo {
 position: fixed;
 right: 0;
 bottom: 0;
 min-width: 100%;
 min-height: 100%;
 }
 .content {
 position: fixed;
 bottom: 0;
 background: rgba(0, 0, 0, 0.5);
 color: #f1f1f1;
 width: 100%;
 padding: 20px;
 }
 #myBtn {
 width: 200px;
 font-size: 18px;
 padding: 10px;
 border: none;
 background: #000;
 color: #fff;
 cursor: pointer;
 }
 #myBtn:hover {
 background: #ddd;
 color: black;
 }
 }
 */
.home .site-core {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-repeat: no-repeat !important;
  background-size: cover !important; }
  .home .site-core .main_content_area {
    text-align: center; }

.single-post figure {
  padding-bottom: 20px; }
  .single-post .wp-block-coblocks-gist {
    padding-bottom: 20px; }

.blog article .entry-header {
  border-bottom: none !important;
  margin-bottom: 0; }

.home-hero p {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */ }
/***** MEDIA QUERIES *****/
@media only screen and (max-width: 767px) {
  .header.vertical-nav {
    display: none; }

  .main_content_area {
    padding: 0; }

  .entry-header {
    margin-top: 0; }

  .site-title {
    font-size: calc(4.375vw * 1);
    margin: 0; }

  .portfolio-item {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee; }

  .home .site-core.vertical-nav {
    height: calc(100vh - 50px); }
    .home .site-core.vertical-nav .home-hero p {
      color: #fff !important;
      font-size: calc(6.25vw * 1); }

  .single-ws_portfolio .main_content_area {
    padding: 0 15px; }

  .portfolio-view-website-btn {
    text-align: center;
    display: block; }

  .portfolio-item-title {
    text-align: center;
    margin-bottom: 30px; }

  .single-portfolio-section {
    margin-top: 15px; }
    .single-portfolio-section .subheading {
      margin-bottom: 10px;
      font-size: calc(5vw * 1); }

  #main {
    padding: 15px !important; } }

@media only screen and (min-width: 768px) {
  .site-core {
    min-height: 100vh; }

  .main_content_area {
    width: 100%;
    max-width: 1500px; }

  .navbar-nav li a {
    color: #666 !important; }
    .navbar-nav li a .icon-fixed-width {
      margin-right: 5px; }
    .navbar-nav li a:hover {
      color: #000 !important; }

  .header.vertical-nav {
    border-right: 1px solid #eee;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }

  .site-core.vertical-nav {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

  .portfolio-grid {
    margin-left: -15px;
    margin-right: -15px; }
    .portfolio-grid .portfolio-item {
      padding: 15px;
      border: 1px solid transparent; }
    .portfolio-grid .portfolio-item .portfolio-item-title {
      margin-bottom: 0; }
    .portfolio-grid .portfolio-item:hover {
      border: 1px solid #000;
      background-color: #000;
      opacity: 1; }
    .portfolio-grid .portfolio-item:hover .portfolio-item-title {
      color: #fff; }

  .header-col-right > div {
    text-align: center !important; }

  .inner-body-wrapper {
    padding: 20px;
    overflow: hidden;
    display: flex; }

  .home-hero p {
    color: #fff !important;
    font-size: 40px; }

  .top-area .container {
    padding: 0 !important; }
    .top-area .container #header-column-1 {
      text-align: center; }
    .top-area .container #header-column-3 {
      padding: 0 !important; }
    .top-area .container #header-column-3 .navbar-collapse {
      padding: 0 !important; } }

@media only screen and (min-width: 1506px) {
  body {
    background-color: #000; } }