/*

Theme Name:  Elmhurst Public Library Custom
Theme URI: https://www.elmhurstpubliclibrary.org
Description: Custom responsive Wordpress theme created by W Greeley Studio exclusively for Elmhurst Public Library
Version: 1.1
Author: W Greeley Studio
Author URI: http://www.wgreeley.com

*/

/* STNDRD CSS FRAMEWORK */
@import url("css/framework/stndrd.css");

/* CUSTOMIZABLE MODULES */
@import url("css/stndrd-modules.css");

/* CUSTOMIZABLE MENUS */
@import url("css/stndrd-menus.css");

/* CUSTOMIZABLE MENUS */
@import url("main-menu/main-menu.min.css");

/* CUSTOMIZABLE TABLE STYLES */
@import url("css/stndrd-tables.css");

/* CUSTOMIZABLE FORM STYLES */
@import url("css/stndrd-forms.css");

/* VISUAL FORM BUILDER STYLES */
@import url("css/vfb-custom.css");

/*
 *
 * STNDRD THEME 2.1
 * CUSTOMIZABLE CSS
 *
 */

/*
 * 
 * TABLE OF CONTENTS:
 * -----------------------------------------------------------------------------
 *
 * 1 STRUCTURAL ELEMENTS
 *
 *   1.1 UNIVERSAL STYLES
 *   1.2 UNIVERSAL THEME MODULES
 *   1.3 BORDER STYLES
 *
 *
 * 2 CONTENT MODULES & STYLES
 *
 *   2.1 TEXT LINKS
 *   2.2 HEADINGS
 *   2.3 QUOTES
 *   2.4 DIVIDERS
 *   2.5 MEDIA MODULES & STYLES
 *   2.6 BUTTONS
 *   2.7 ICONS
 *
 *
 * 3 HEADER STYLES
 *
 *
 * 4 BODY STYLES
 *
 *
 * 5 CUSTOM TEMPLATE STYLES
 *
 *
 * 6 BLOG STYLES
 *
 *   6.1 UNIVERSAL BLOG STYLES
 *   6.2 BLOG POST STYLES
 *   6.3 POST NAVIGATION
 *   6.4 COMMENT
 *
 *
 * 7 FOOTER STYLES
 *
 * -----------------------------------------------------------------------------
 *
 */

/******************************************************************************
 * * *  1 STRUCTURAL ELEMENTS  * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/

/***  1.1 UNIVERSAL STYLES  ***/

@font-face {
  font-family: "BebasNeueRegular";
  src: url("fonts/bebas/BebasNeue-webfont.eot");
  src: url("fonts/bebas/BebasNeue-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/bebas/BebasNeue-webfont.woff") format("woff"),
    url("fonts/bebas/BebasNeue-webfont.ttf") format("truetype"),
    url("fonts/bebas/BebasNeue-webfont.svg#BebasNeueRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sanchez_lightlight";
  src: url("fonts/sanchezb/latinotype_-_sanchezlight-webfont.eot");
  src: url("fonts/sanchezb/latinotype_-_sanchezlight-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/sanchezb/latinotype_-_sanchezlight-webfont.woff") format("woff"),
    url("fonts/sanchezb/latinotype_-_sanchezlight-webfont.ttf")
      format("truetype"),
    url("fonts/sanchezb/latinotype_-_sanchezlight-webfont.svg#sanchez_lightlight")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sanchezregular";
  src: url("fonts/sanchez/latinotype_-_sanchez-webfont.eot");
  src: url("fonts/sanchez/latinotype_-_sanchez-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/sanchez/latinotype_-_sanchez-webfont.woff") format("woff"),
    url("fonts/sanchez/latinotype_-_sanchez-webfont.ttf") format("truetype"),
    url("fonts/sanchez/latinotype_-_sanchez-webfont.svg#sanchezregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sanchez_boldbold";
  src: url("fonts/sanchezb/latinotype_-_sanchezbold-webfont.eot");
  src: url("fonts/sanchezb/latinotype_-_sanchezbold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/sanchezb/latinotype_-_sanchezbold-webfont.woff") format("woff"),
    url("fonts/sanchezb/latinotype_-_sanchezbold-webfont.ttf")
      format("truetype"),
    url("fonts/sanchezb/latinotype_-_sanchezbold-webfont.svg#sanchez_boldbold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sanchez_semiboldsemibold";
  src: url("fonts/sanchezb/latinotype_-_sanchezsemibold-webfont.eot");
  src: url("fonts/sanchezb/latinotype_-_sanchezsemibold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("font/sanchezb/latinotype_-_sanchezsemibold-webfont.woff")
      format("woff"),
    url("fonts/sanchezb/latinotype_-_sanchezsemibold-webfont.ttf")
      format("truetype"),
    url("fonts/sanchezb/latinotype_-_sanchezsemibold-webfont.svg#sanchez_semiboldsemibold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sanchez_blackblack";
  src: url("fonts/sanchez/latinotype_-_sanchezblack-webfont.eot");
  src: url("fonts/sanchez/latinotype_-_sanchezblack-webfont.svg#sanchez_blackblack")
      format("svg"),
    url("fonts/sanchez/latinotype_-_sanchezblack-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/sanchez/latinotype_-_sanchezblack-webfont.woff") format("woff"),
    url("fonts/sanchez/latinotype_-_sanchezblack-webfont.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sanchez_blackblack_italic";
  src: url("fonts/sanchez/latinotype_-_sanchezblack-italic-webfont.eot");
  src: url("fonts/sanchez/latinotype_-_sanchezblack-italic-webfont.svg#sanchez_blackblack_italic")
      format("svg"),
    url("fonts/sanchez/latinotype_-_sanchezblack-italic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/sanchez/latinotype_-_sanchezblack-italic-webfont.woff")
      format("woff"),
    url("fonts/sanchez/latinotype_-_sanchezblack-italic-webfont.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 15px;
}

body {
  line-height: 1.5em;
  font-family: "sanchezregular", Arial, Helvetica, sans-serif;
  color: #797979;
  background: #dcddde;
}

/***  1.2 UNIVERSAL THEME MODULES  ***/

.container {
  max-width: 1100px; /* Set the maximum width of the website */
  padding: 0 50px;
}

.section-centered {
  width: 80%;
}

.pad-row > [class*="col-"] {
  padding: 1em 2.5%;
}

.col-custom {
  display: block;
  width: 97.5%;
}

.col-fixed {
  width: 150px;
}

@media screen and (max-width: 1200px) {
  .container {
    padding: 0 40px;
  }
}

@media screen and (max-width: 1024px) {
  .container {
    padding: 0 25px;
  }
}

@media screen and (max-width: 900px) {
  .container {
    padding: 0 15px;
  }
}

@media screen and (max-width: 600px) {
  .container {
    padding: 0;
  }

  .section-centered {
    width: 100%;
  }
}

/***  1.3 BORDER STYLES  ***/

.border-all,
.border-top,
.border-bottom,
.border-left,
.border-right {
  border-style: dotted; /* Changes the default border style */
  border-color: #d2d2d2; /* Change the default border color */
}

/******************************************************************************
 * * *  2 CONTENT MODULES & STYLES  * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/

/***  2.1 TEXT LINKS  ***/

a {
  color: #4b9f45;
  text-decoration: underline;
}

a:hover {
  color: #99cc66;
}

/***  2.2 HEADINGS  ***/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: black;
}

h1 {
  font-size: 1.8em;
  color: #c4a54e;
}

h2 {
  font-size: 1.4em;
  color: #4c9d2a;
}

h3 {
  font-size: 1.3em;
  color: #797979;
  font-family: "BebasNeueRegular", sans-serif;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.9em;
}

h6 {
  font-size: 0.8em;
}

.content .alignleft + h1,
.content .alignleft + h2,
.content .alignleft + h3,
.content .alignleft + h4,
.content .alignleft + h5,
.content .alignleft + h6,
.content .alignright + h1,
.content .alignright + h2,
.content .alignright + h3,
.content .alignright + h4,
.content .alignright + h5,
.content .alignright + h6 {
  margin-top: 0.6em;
}

.title {
}

/***  2.3 QUOTES  ***/

blockquote {
  padding: 1.5em;
  border-left: 4px solid #c4a54e;
  margin-left: 2em;
  line-height: 1.5em;
  font-weight: normal;
  background: #f7f6f2;
}

/***  2.4 DIVIDERS  ***/

hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dotted #d2d2d2;
  margin: 2.5em auto;
  padding: 0;
}

/***  2.5 MEDIA MODULES & STYLES  ***/

/*  Images  */

.content a img {
  opacity: 0.9;
}

.content a:hover img {
  opacity: 1;
}

/*  Video  */
.video {
  max-width: 700px;
} /* Sets the max width for HTML5 and Youtube Videos */

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level {
  background-color: #418cbe; /* Sets HTML5 Video player theme color */
}

/***  2.6 BUTTONS  ***/

.button {
  padding: 8px 16px;
  border: 2px solid #4c9d2a;
  font-weight: 600;
  color: white; /* Sets button text color */
  background: #4c9d2a; /* Sets button background color */
  webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.button.empty {
  background: none;
  color: black;
}

.button:hover,
.button.empty:hover {
  color: white; /* Sets button hover text color */
  background: #c4a54e; /* Sets button hover background color */
  border-color: #c4a54e;
}

/***  2.7 ICONS  ***/

.icon {
  color: #4c9d2a;
}

a .icon {
  color: #448d26;
  webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

a:hover .icon {
  color: #4c9d2a;
}

/*  Icon Backgrounds  */

.icon-bg {
  color: white;
  background-color: #4c9d2a;
}

a .icon-bg {
  color: #eee;
  background-color: #448d26;
}

a:hover .icon-bg {
  color: white;
  background-color: #4c9d2a;
}

/*  Icon Borders  */

.icon-br {
  border-color: #4c9d2a;
}

a .icon-br {
  border-color: #448d26;
}

a:hover .icon-br {
  border-color: #4c9d2a;
}

/******************************************************************************
 * * *  3 HEADER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/

/***  SEARCH OVERLAY  ***/

.search-overlay,
.search-area {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: fixed;
  cursor: pointer;
  cursor: hand;
  webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  -ms-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

.search-overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5000;
  background: rgba(0, 0, 0, 0.6);
}

.search-overlay .icon {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #eee;
  font-size: 2em;
}

.search-overlay .icon:hover {
  color: white;
}

.search-area {
  top: 50%;
  left: 50%;
  z-index: 5001;
  width: 400px;
  margin-top: -30px;
  margin-left: -200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
}

.search-area .search-form {
  padding: 10px;
}

.search-overlay.active,
.search-area.active {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.search-button {
  cursor: pointer;
  cursor: hand;
}

@media screen and (max-width: 420px) {
  .search-area {
    left: 0;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

/***  HEADER TOP  ***/

.header-top {
  padding: 7px 20px;
}

.header-top [class*="col-"] {
  vertical-align: middle;
}

.header-top [class*="border"] {
  border-color: rgba(0, 0, 0, 0.25);
  border-style: solid;
}

.header-top h1,
.header-top h2,
.header-top h3,
.header-top h4,
.header-top h5,
.header-top h6 {
  margin: 0;
  color: white;
}

.header-top p {
  margin: 0;
}

.header-top ul,
.header-top .menu {
  margin: 0;
  list-style: none;
}

.header-top ul li a,
.header-top .menu li a {
  padding: 0 10px;
}

.header-top ul ul {
  display: none;
}

.header-top input[type="text"] {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
}

.header-top .search-form input[type="submit"] {
  width: 35px;
  padding: 0;
  background-size: 1.2em;
}

@media screen and (max-width: 1024px) {
  .header {
    padding-right: 50px;
  }
}

@media screen and (max-width: 900px) {
  .header-top [class*="col-"] {
    padding: 0;
  }
}

/** Social **/

.header-top .social-area .icon-bg-brand {
  padding: 0.15em;
  font-size: 1.5em;
  color: white;
}

@media screen and (max-width: 1200px) {
  .header-top .social-area .icon-bg-brand {
    font-size: 1.15em;
  }
}

@media screen and (max-width: 900px) {
  .header-top .social-area {
    text-align: center;
  }
}

/** Hours **/

.header-top .hours-area {
  text-align: center;
  font-size: 1.7em;
  font-family: BebasNeueRegular, sans-serif;
  color: #4c9d2a;
}

.header-top .hours-area a {
  text-decoration: none;
}

.header-top .hours-area-inner {
  padding-top: 10px;
}

.header-top .hours-area .hours {
  display: inline-block;
}

.header-top .hours-area .grey {
  margin-right: 4px;
  color: #808080;
}

@media screen and (max-width: 1200px) {
  .header-top .hours-area {
    font-size: 1.4em;
  }

  .header-top .hours-area p {
    margin-top: 0;
  }
}

@media screen and (max-width: 900px) {
  .header-top .hours-area-inner {
    padding-bottom: 10px;
  }
}

/** Search **/

@media screen and (max-width: 1200px) {
  .header-top .catalog-search .search-form {
    margin-top: -4px;
    margin-bottom: -4px;
  }
}

/***  MAIN  ***/

.main {
  box-shadow: rgb(133, 133, 133) 0px 12px 26px -10px;
  background: white;
}

/***  HEADER  ***/

.header {
  position: relative;
  padding: 18px 20px;
  background: 277px 0 no-repeat;
  background-size: auto 100%;
  background-image: url(images/bg-header.png);
}

.home .header {
  background-image: none;
}

@media screen and (max-width: 900px) {
  .header {
    background-image: none;
    text-align: center;
  }
}

@media screen and (max-width: 420px) {
  .header {
    text-align: left;
  }
}

/** Logo **/

.logo {
  float: left;
}

.logo img {
  max-height: 104px;
}

@media screen and (max-width: 900px) {
  .header .logo {
    float: none;
  }
}

@media screen and (max-width: 420px) {
  .header .logo img {
    max-width: 70%;
  }
}

/** Header Menu **/

.header-menu {
  float: right;
  margin: 0;
  text-align: right;
}

.header-menu a {
  display: block;
  color: #fce5a4;
  text-shadow: 1px 1px 7px #000;
  text-decoration: none;
  text-transform: uppercase;
  font-family: BebasNeueRegular;
  font-size: 1.4em;
  line-height: 1.2em;
}

.home .header-menu a {
  text-shadow: none;
  color: #c4a54e;
}

.header-menu a:hover {
  color: #c4a54e;
}

.home .header-menu a:hover {
  color: #555;
}

/* Menu Button */

.menu-button {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 301;
  margin-top: -2em;
}

.menu-button .icon {
  padding: 0.33em;
  font-size: 2em;
  color: #878787;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  cursor: hand;
}

.menu-button:hover .icon {
  color: #bceba9;
  background: rgba(0, 0, 0, 0);
}

.menu-button.active .icon {
  color: white;
  background: #4c9d2a;
}

@media screen and (min-width: 1025px) {
  .menu-button {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

/***  NAV  ***/

.nav {
  background: #4c9d2a;
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
}

/******************************************************************************
 * * *  4 BODY STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/

/***  INTRO  ***/

.intro {
  padding-top: 13px;
  padding-bottom: 6px;
  background: #86c662;
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
}

.intro h1 {
  font-family: "sanchez_blackblack";
  font-weight: normal;
  font-size: 2.7em;
  color: white;
  text-align: center;
  text-transform: uppercase;
}

/***  CONTENT  ***/

.content li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.content li:first-child {
  margin-top: 0;
}

.content li:last-child {
  margin-bottom: 0;
}

.content .section {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.content .section:first-child {
  margin-top: 0;
}

.content .section:last-child {
  margin-bottom: 0;
}

.content .row,
.content .grid {
  margin-top: 1em;
  margin-bottom: 1em;
}

.content .row:first-child,
.content .grid:first-child {
  margin-top: -0.5em;
}

.content .row:last-child,
.content .grid:last-child {
  margin-bottom: -0.5em;
}

.content [class*="col-"] {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.content .pad-row [class*="col-"],
.content .pad-grid [class*="col-"] {
  margin-top: 0;
  margin-bottom: 0;
}

.content .alignleft {
  margin: 0 20px 1em 0;
}

.content .alignright {
  margin: 0 0 1em 20px;
}

.content .center,
.content .centered,
.content .aligncenter,
.content .align-center {
  margin-top: 1em;
  margin-bottom: 1em;
}

.content .center:first-child,
.content .centered:first-child,
.content .aligncenter:first-child,
.content .align-center:first-child {
  margin-top: 0;
}

.content .center:last-child,
.content .centered:last-child,
.content .aligncenter:last-child,
.content .align-center:last-child {
  margin-bottom: 0;
}

.section-image {
  margin-top: -50px !important;
  margin-bottom: -50px !important;
}

.home .metaslider .caption-wrap {
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
  background: rgba(0, 0, 0, 0.6) !important;
  opacity: 1 !important;
  width: 225px !important;
  line-height: 1.5em !important;
}

.home .metaslider .caption a.box-link,
.home .metaslider .caption a.box-link:hover {
  display: block;
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 100%;
  height: 100%;
  padding: 10px;
  text-decoration: none;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.home .metaslider .caption a.box-link h1,
.home .metaslider .caption a.box-link h2,
.home .metaslider .caption a.box-link h3,
.home .metaslider .caption a.box-link h4,
.home .metaslider .caption a.box-link h5,
.home .metaslider .caption a.box-link h6 {
  color: #86c662;
}

.page-id-21792 .metaslider .caption-wrap {
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  display: table !important;
  height: 350px !important;
  width: 100% !important;
  margin-top: -175px !important;
  background: none !important;
  opacity: 1 !important;
}

.page-id-21792 .metaslider .caption {
  display: table-cell !important;
  vertical-align: middle !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.page-id-21792 .metaslider .caption-inner {
  display: block;
  width: 100%;
  max-width: 650px;
  padding: 25px 15px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .page-id-21792 .metaslider {
    overflow: hidden;
  }

  .page-id-21792 .metaslider img {
    width: calc(100% + 250px) !important;
    margin-left: -125px !important;
    margin-right: -125px !important;
  }
  .page-id-21792 .metaslider .caption-wrap {
    background: rgba(0, 0, 0, 0.6) !important;
  }
  .page-id-21792 .metaslider .caption-inner {
    background: none !important;
  }
}

.home .metaslider .caption {
  padding: 10px !important;
}

.slider h1,
.slider h1 a.box-link {
  margin: 0;
  font-family: "sanchez_blackblack", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #86c662 !important;
}

.flex-direction-nav a {
  /* background: none !important;
  text-indent: 0 !important;
  text-decoration: none !important; */
}

.flex-direction-nav a:after {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f053";
  text-align: center;
  color: white;
  font-size: 2em;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
  cursor: pointer;
  cursor: hand;
}

.flex-direction-nav a.flex-next:after {
  content: "\f054";
}

.slider p {
  margin: 0;
}

.pad-row .content,
.pad-grid .content {
  padding: 60px 42px;
}

.home .pad-row .content,
.home .pad-grid .content {
  padding-bottom: 20px;
}

@media screen and (max-width: 900px) {
  .section-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .home .metaslider .caption-wrap {
    width: 40% !important;
  }
}

@media screen and (max-width: 768px) {
  .metaslider .caption-wrap {
    width: 100% !important;
    background: rgba(0, 0, 0, 0.45) !important;
  }

  .flex-direction-nav {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  .pad-row .content,
  .pad-grid .content {
    padding: 40px 20px;
  }

  .slider {
    display: none;
    width: 150%;
  }

  .home .metaslider .caption-wrap {
    left: 0 !important;
    right: auto !important;
    width: 66.68% !important;
    font-size: 0.9em !important;
    z-index: 100 !important;
  }
}

/**  SPECIAL LIST  **/

ul.ar,
ul.board {
  display: block;
  width: 102.5%;
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: -2.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  clear: both;
}

ul.ar:first-child,
ul.board:first-child {
  margin-top: -1em;
}

ul.ar:last-child,
ul.board:last-child {
  margin-bottom: -1em;
}

ul.ar li,
ul.board li {
  display: inline-block;
  vertical-align: top;
  width: 30.83%;
  padding: 0;
  margin: 0;
  margin-left: 2.5%;
  margin-right: -4px;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.ar:after,
ul.ar li:after,
ul.board:after,
ul.board li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

@media screen and (max-width: 600px) {
  ul.ar,
  ul.board {
    width: 100%;
    margin-left: 0;
  }

  ul.ar li,
  ul.board li {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/***  SIDEBAR  ***/

.pad-row .sidebar,
.pad-grid .sidebar {
  float: left;
  padding: 0;
  font-size: 0.9em;
}

.sidebar .sidebar-section,
.sidebar .widget-area {
  margin: 3em 0;
}

.sidebar .sidebar-section:first-child,
.sidebar .widget-area:first-child {
  margin-top: 0;
}

.sidebar .sidebar-section:last-child,
.sidebar .widget-area:last-child {
  margin-bottom: 0;
}

.sidebar h3 {
  margin-bottom: 0.5;
}

.sidebar ul,
.sidebar .menu {
  margin: 0;
  margin-top: -2px;
  list-style: none;
  background: #b2b2b2;
}

.sidebar li,
.sidebar .menu li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

.sidebar-section > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.sidebar li a {
  position: relative;
  display: block;
  text-decoration: none;
  color: white;
}

.sidebar li.current-menu-item a,
.sidebar .menu li.current-menu-item a {
  color: #a58a3f;
}

.sidebar li a:hover {
  color: #555;
}

.sidebar-section > ul > li > a {
  padding: 15px 15px 10px;
  text-transform: uppercase;
  font-family: BebasNeueRegular;
  font-size: 1.5em;
  cursor: pointer;
  cursor: hand;
}

.sidebar-section > ul > li.sub-menu > a,
.sidebar-section > ul > li.menu-item-has-children > a {
  padding-right: 34px;
}

.sidebar-section > ul > li.sub-menu > a:after,
.sidebar-section > ul > li.menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: -0.6em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f078";
  text-align: center;
  font-size: 0.7em;
  cursor: pointer;
  cursor: hand;
}

.sidebar-section li ul {
  background: rgba(0, 0, 0, 0.7);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

.sidebar-section li.sub-menu.active ul,
.sidebar-section li.menu-item-has-children.active ul {
  max-height: 1000px;
  -webkit-transition: all 1000ms ease-in;
  -moz-transition: all 1000ms ease-in;
  -o-transition: all 1000ms ease-in;
  -ms-transition: all 1000ms ease-in;
  transition: all 1000ms ease-in;
}

.sidebar-section > ul > li > ul > li {
  border: none;
}

.sidebar-section li li > a {
  padding: 5px 15px 5px;
}

.sidebar-section li li > a:hover {
  color: #999;
}

.sidebar-section li li li {
  display: none;
}

@media screen and (max-width: 900px) {
  .sidebar {
    float: none;
    margin-top: 3em;
    padding: 50px;
    background: #f2f2f2;
  }
}

@media screen and (max-width: 600px) {
  .sidebar {
    padding: 25px;
  }
}

@media screen and (max-width: 420px) {
  .sidebar {
    padding: 15px;
  }
}

/******************************************************************************
 * * *  5 CUSTOM TEMPLATE STYLES  * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/

/***  SIDEBAR LEFT  ***/

.sidebar-left .content {
  float: right;
}

@media screen and (max-width: 900px) {
  .sidebar-left .content {
    float: none;
  }
}

/***  SIDEBAR BOTH  ***/

.sidebar-left-right .sidebar:nth-child(2) {
  float: left;
}

@media screen and (max-width: 900px) {
  .sidebar-left-right .sidebar:nth-child(2) {
    float: none;
  }
}

/***  FULL WIDTH  ***/

.full-width .section > .container {
  padding-left: 0;
  padding-right: 0;
}

/***  FULL WIDTH SECTIONS  ***/

.full-width-sections {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.full-width-sections-container {
  padding-left: 0;
  padding-right: 0;
}

/******************************************************************************
 * * *  6 BLOG STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/

/***  6.1 UNIVERSAL BLOG STYLES  ***/

.blog {
}

.blog-index {
}

.blog-archive {
}

.blog-search {
}

.blog-single {
}

.blog-sidebar {
}

.blog-section {
}

/***  6.2 BLOG POSTS  ***/

.blog-post {
  position: relative;
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

.blog-post-has-thumb {
  position: relative;
  min-height: 150px;
  padding-left: 170px;
}

.single .blog-post-has-thumb {
  padding-left: 0;
}

.blog-post:first-child {
  margin-top: 0 !important;
}

.post-title {
  margin-top: 0;
  margin-bottom: 0.25em;
}

.post-title a:hover {
  text-decoration: none;
}

.post-type {
}

.post-thumb {
  position: absolute;
  top: 0;
  left: 0;
}

.single .post-thumb {
  float: right;
  position: relative;
  top: auto;
  left: auto;
}

.post-content {
  margin-top: 2em !important;
}

.post-excerpt {
}

.post-comments {
}

/**  Post Info (Paragraph)  **/

p.post-info {
  display: none;
  margin-top: 0.5em;
}

p.post-info span {
  margin-right: 10px;
}

p.post-info .post-date {
}

p.post-info .post-categories {
}

p.post-info .post-author {
}

p.post-info .post-author-avatar {
}

p.post-info .post-comment-count {
}

@media screen and (max-width: 600px) {
  p.post-info span {
    display: block;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
}

/**  Post Info (Unordered List)  **/

ul.post-info {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.post-info li {
}

ul.post-info .post-date {
}

ul.post-info .post-categories {
}

ul.post-info .post-author {
}

ul.post-info .post-author-avatar {
}

ul.post-info .post-comment-count {
}

/***  6.3 POST NAVIGATION  ***/

.blog-posts-nav,
.single-post-nav {
  text-align: center;
}

.blog-posts-nav a,
.single-post-nav a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #d2d2d2;
  margin: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.blog-posts-nav a:hover,
.single-post-nav a:hover {
  background: #c4a54e;
  color: white;
  text-decoration: none;
}

.blog-posts-nav .older-posts {
  float: left;
}

.blog-posts-nav .newer-posts {
  float: right;
}

@media screen and (max-width: 420px) {
  .blog-posts-nav .older-posts,
  .blog-posts-nav .newer-posts {
    float: none;
    display: inline-block;
  }
}

/***  6.4 COMMENTS  ***/

.comments {
  font-size: 0.9em;
}

.comments ul {
  float: left;
  width: 100%;
  list-style: none;
}

.comments .avatar {
  display: none;
}

.comments li {
  float: left;
  width: 100%;
  padding: 0;
  padding-bottom: 1.5em;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  margin-bottom: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
}

.comments li ul li {
  padding: 0.5em 0 0.5em 40px;
  padding-left: 40px;
  border: 0;
  border-left: 10px solid #eee;
  margin: 0;
}

.comments li ul li:nth-child(odd) {
  background: none;
}

.comments a.url {
  font-weight: bold;
}

.comments .reply {
  font-size: 0.8em;
}

.comments time {
  font-size: 0.8em;
}

.comments .reply-form {
  padding: 15px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #f4f3f0;
}

/******************************************************************************
 * * *  7 FOOTER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/

/***  FOOTER TOP  ***/

.footer-top {
  padding: 3em 20px 30px 20px;
}

.footer-top h2 {
  position: relative;
  width: 100%;
  max-width: 520px;
  padding: 5px;
  border-top: 1px solid #c4a54e;
  border-bottom: 1px solid #c4a54e;
  margin: 0 auto 1.2em;
  font-family: sanchezregular, Arial, Helvetica, sans-serif;
  font-size: 2.27em;
  text-align: center;
  color: #6d6e71;
}

.footer-top h2:before {
  position: absolute;
  top: -28px;
  left: 50%;
  z-index: 15;
  width: 92px;
  height: 36px;
  margin-left: -46px;
  background: url(images/leaf.gif) center center no-repeat;
  content: "";
}

.footer-top .pad-row [class*="col-"] {
  padding-top: 0 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.footer-top .pad-row [class*="col-"]:last-child {
  border: none;
}

.footer-top h3 {
  font-size: 2.4em;
  color: #4c9d2a;
  margin-bottom: 0.4em;
}

.footer-top ul,
.footer-top .menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-top li,
.footer-top .menu li {
  display: block;
}

.footer-top li a,
.footer-top .menu li a {
  display: block;
  padding: 2px 0;
  color: #c4a54e;
  text-decoration: none;
}

.footer-top li a:hover,
.footer-top .menu li a:hover {
  color: #333;
}

@media screen and (max-width: 900px) {
  .footer-top .pad-row [class*="col-"] {
    border: none;
  }
}

@media screen and (max-width: 600px) {
  .footer-top .pad-row [class*="col-"] {
    text-align: center;
  }
}

/***  FOOTER  ***/

.footer {
  padding: 40px 20px;
  color: #999;
}

.footer a {
  color: #797979;
}

.footer a:hover {
  color: #555;
}

.footer .icon {
  color: #999;
}

.footer span:before {
  content: "|";
}

@media screen and (max-width: 900px) {
  .footer {
    text-align: center;
  }

  .footer span {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
  }

  .footer span:before {
    content: "";
  }
}

/** Social **/

.footer .social-area .icon-bg-brand {
  padding: 0.15em;
  font-size: 1.5em;
  color: white;
}

@media screen and (max-width: 900px) {
  .footer .social-area {
    text-align: center;
  }

  .footer .social-area .icon-bg-brand {
    font-size: 1.15em;
  }
}

/* Form Fix */

.hp-icons {
  display: none;
}

.hp-icons [class*="col-"] {
  display: inline-block !important;
  width: 33.3% !important;
  padding: 0 !important;
  text-align: center;
}

.hp-icons .box-link {
  display: block;
  padding: 15px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.hp-icons .box-link:hover {
  background: #f3f3f3;
}

.hp-icons .icon {
  padding: 0.33em;
  font-size: 1.7em;
  border: 1px solid #d1d1d1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.hp-icons p,
.hp-icons h4 {
  margin: 0;
}

.hp-icons h4 {
  margin-top: 0.5em;
}

.hp-icons a h4 {
  color: #797979;
}

.hp-icons .box-link + p {
  display: none;
}

@media screen and (max-width: 600px) {
  .hp-icons {
    display: block;
  }

  .home .footer-top {
    display: none;
  }

  .home .content {
    padding-top: 10px;
  }
}

/* SEARCH BOX */

.search-box-wrapper {
  padding: 0;
}

.search-box-wrapper form {
  margin: 0;
}

/* Search Tabs */

ul.search-box-tabs {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  text-align: center;
}

ul.search-box-tabs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

ul.search-box-tabs li {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  font-size: 0.8em;
}

ul.search-box-tabs li span {
  padding: 5px 4px 5px 0;
  font-weight: bold;
}

ul.search-box-tabs li a {
  display: block;
  padding: 3px 10px;
  border: 1px solid rgba(0, 0, 0, 0);
  text-decoration: none;
  font-weight: bold;
  color: #aaa;
  webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

ul.search-box-tabs li:hover a,
ul.search-box-tabs li.active a,
ul.search-box-tabs li.active:hover a {
  border-color: #ccc;
  background: white;
  color: #4b9f45;
  text-decoration: none;
}

@media screen and (max-width: 900px) {
  ul.search-box-tabs li {
    font-size: 0.9em;
  }

  ul.search-box-tabs li a {
    padding: 5px 14px;
  }
}

/* Search Box */

.search-box {
  display: block;
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}

.search-box-content {
  display: none;
}

.search-box-content:first-child {
  display: block;
}

span.lowercase {
  text-transform: lowercase !important;
  font-family: "sanchezregular", Arial, Helvetica, sans-serif !important;
}

@media screen and (min-width: 1025px) {
  /***  MAIN MENU  ***/

  .main-menu {
    display: table;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }

  .main-menu > li {
    display: table-cell;
    vertical-align: middle;
  }

  .main-menu > li > a,
  .main-menu > li.current-menu-item > a,
  .main-menu > li.current-page-parent > a,
  .main-menu > li.current-page-ancestor > a {
    padding: 17px 10px 15px;
    margin-bottom: -1px;
    background: none;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    font-family: BebasNeueRegular;
    font-size: 1.3em;
  }

  .main-menu > li.menu-item-has-children > a:after {
    display: inline-block;
    vertical-align: middle;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0d7";
    margin-left: 5px;
    font-size: 0.5em;
  }

  .main-menu > li:hover > a {
    background: #777;
    color: white;
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75);
  }

  /* Dropdown */

  .main-menu li ul {
    background: #777;
  }

  .main-menu > li.fw-dropdown > ul > li,
  .main-menu > li.dw-dropdown > ul > li {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .main-menu li ul li > a {
    padding: 6px 20px 7px;
    line-height: 1.4em;
    color: #ccc;
    text-decoration: none;
    font-size: 0.9em;
  }

  .main-menu > li.fw-dropdown > ul > li > a,
  .main-menu > li.dw-dropdown > ul > li > a,
  .main-menu > li.fw-dropdown > ul > li:hover > a,
  .main-menu > li.dw-dropdown > ul > li:hover > a {
    color: white;
    font-family: "BebasNeueRegular", sans-serif;
    font-size: 1.2em;
  }

  .main-menu li ul li.current-page-ancestor > a,
  .main-menu li ul li.current-page-parent > a,
  .main-menu li ul li.current-menu-item > a {
    color: white;
  }

  .main-menu li ul li:hover > a {
    color: black;
  }
}

@media screen and (max-width: 1024px) {
  /***  MOBILE MENU  ***/

  .mobile-overlay {
    background: rgba(255, 255, 255, 0.6);
  }

  .mobile-menu {
    background: #333;
  }

  .mobile-menu.mobile-menu-left::-webkit-scrollbar,
  .mobile-menu.mobile-menu-right::-webkit-scrollbar {
    width: 10px;
    background: #46494e;
  }

  .mobile-menu.mobile-menu-left::-webkit-scrollbar-thumb,
  .mobile-menu.mobile-menu-right::-webkit-scrollbar-thumb {
    border: 0;
    background: #676d74;
  }

  .mobile-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .mobile-menu > li:after {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    background: #bceba9;
  }

  .mobile-menu li.active:after {
    color: white;
  }

  .mobile-menu > li.active:after {
    background: #4c9d2a;
  }

  .mobile-menu > li > a {
    padding: 12px 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4em;
    color: #ccc;
    font-family: BebasNeueRegular;
  }

  .mobile-menu li.current-menu-item > a {
    background: none;
    color: white;
  }

  .mobile-menu li a:hover {
    background: none;
    text-decoration: none;
    color: white;
  }

  .mobile-menu > li > a:hover {
    background: #555;
  }

  .mobile-menu li ul {
    background: none;
  }

  .mobile-menu > li > ul {
    background: rgba(0, 0, 0, 0.4);
  }

  .mobile-menu li ul li a {
    padding: 7px 15px;
    font-size: 1.2em;
    color: #4b9f45;
    text-decoration: none;
  }

  .mobile-menu li ul li.menu-item-has-children > a {
    position: relative;
    padding: 15px 50px 12px 15px;
    margin-bottom: 0;
    font-family: BebasNeueRegular;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #797979;
    cursor: pointer;
    cursor: hand;
  }

  .mobile-menu li ul li.menu-item-has-children:hover > a,
  .mobile-menu li ul li.menu-item-has-children.active > a {
    background: none;
    color: white;
  }
}

/***  INSTAGRAM FEED  ***/

.instagram-feed + .footer-top {
  display: none;
}

.instagram-post {
  display: inline-block !important;
  width: 33.333% !important;
}

.instagram-post img {
  width: 100%;
}

.instagram-post p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-size: 0.9em;
}

.instagram-post p:first-child {
  margin-top: 0;
}

.instagram-post p:last-child {
  margin-bottom: 0;
}

.instagram-post-info {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #aaa;
}

@media screen and (max-width: 600px) {
  .instagram-feed .content {
    padding: 0 !important;
  }

  .instagram-post p {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .instagram-post p:first-child {
    padding: 0;
  }

  .instagram-feed .blog-posts-nav {
    padding: 0 1.25em 1.5em;
  }
}

/* Instagram Intro */

.instagram-intro {
  margin-bottom: 2em;
  text-align: center;
}

.instagram-intro-thumb,
.instagram-intro-info {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1em;
  text-align: left;
}

.instagram-intro img {
  width: 120px;
  border-radius: 50%;
}

.instagram-intro h2 {
  margin: 0 0 0.25em;
  font-size: 2.5em;
  color: #595959;
}

.instagram-intro p {
  margin: 0;
}

.instagram-intro .button {
  border-radius: 3px;
  font-size: 0.8em;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .instagram-intro {
    padding-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .instagram-intro-thumb,
  .instagram-intro-info {
    padding: 0 0.5em;
  }

  .instagram-intro img {
    width: 80px;
  }

  .instagram-intro h2 {
    font-size: 1.65em;
  }
}

/***  RECOMMENDATIONS FORM  ***/

.recommendations-form {
  border: 1px solid #d9d9d9;
  background-color: #fcfcfc;
}

.recommendations-form .nf-mp-header {
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
}

.recommendations-form .nf-form-content > div > p,
.recommendations-form .nf-mp-header p,
.recommendations-form .nf-mp-footer p {
  display: none;
}

.recommendations-form .nf-breadcrumbs {
  margin: 0 !important;
}

.recommendations-form .nf-breadcrumbs li a {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #c6c6c6;
}

.recommendations-form .nf-breadcrumbs li.active a {
  color: #c2a24b;
}

.recommendations-form .nf-form-fields-required {
  display: none;
}

.recommendations-form .nf-progress-container {
  display: none;
}

.recommendations-form .nf-mp-body,
.recommendations-form .nf-mp-footer {
  padding: 20px;
}

.recommendations-form .nf-mp-body {
  padding-bottom: 0;
}

.recommendations-form .nf-mp-body .nf-field-label {
  width: 150px;
  color: #479a25;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.recommendations-form .nf-mp-body .nf-field-element {
  width: calc(100% - 150px);
}

.recommendations-form .nf-mp-body .html-wrap .nf-field-element {
  width: 100%;
}

.recommendations-form .label-left .nf-field-label {
  width: auto;
}

.recommendations-form .label-width .nf-field-label {
  width: 130px;
  text-align: left;
}

.recommendations-form
  .list-checkbox-wrap
  .nf-field-element
  li:not(:last-child) {
  margin-right: 10px !important;
}

.recommendations-form .nf-mp-footer {
  padding-top: 0;
}

.recommendations-form .nf-mp-footer .nf-next-previous {
  margin: 0 !important;
}

.recommendations-form .field-wrap input[type="button"] {
  padding: 12px 24px;
}

.recommendations-form .submit-container {
  width: auto;
  float: right;
}

/* Step 2 */

.recommendations-form
  .nf-mp-body
  .nf-row:first-child
  .recommendation-box-container:before {
  display: block;
  margin-bottom: 1em;
  content: "Choose a few options below that you have read or might be interested in.";
}

.recommendations-form .nf-mp-body .recommendation-box-container .nf-field-label,
.recommendations-form
  .nf-mp-body
  .recommendation-box-container
  .nf-field-element {
  width: 100%;
}

.recommendation-box-container .list-checkbox-wrap .nf-field-element li {
  float: left;
  padding: 10px !important;
  width: 20%;
  display: flex;
  flex-direction: column;
}

.recommendation-box-container .list-checkbox-wrap .nf-field-element li input {
  order: 2;
  width: 100% !important;
  float: none;
}

.recommendation-box-container .list-checkbox-wrap .nf-field-element li label {
  margin-left: 0 !important;
  height: 170px;
}

@media only screen and (max-width: 767px) {
  .recommendation-box-container .list-checkbox-wrap .nf-field-element ul {
    display: flex;
    flex-wrap: wrap;
  }
  .recommendation-box-container .list-checkbox-wrap .nf-field-element li {
    width: 30%;
  }
  .recommendation-box-container .list-checkbox-wrap .nf-field-element li label {
    height: auto;
  }
}

.recommendations-form .nf-mp-body .textarea-wrap .nf-field-label,
.recommendations-form .nf-mp-body .list-radio-wrap .nf-field-label {
  width: 130px;
  text-align: left;
}


.notice {
  display: block;
  padding: 10px;
  background-color: #ffb7b7;
  border-left: 3px solid red;
}

.dont-show-pop-up{text-decoration: underline;color:#fff;}

.metaslider .slides li{position:relative;}
.metaslider .caption-wrap{position:absolute;height: 100%;}

.co-sidebar-contact-info p{margin:0;padding: 0 10px;}
/*
 *
 * END OF
 * STNDRD THEME 2.1
 * CUSTOMIZABLE CSS
 *
 */