@charset "UTF-8";
/*
Theme Name: Subversive
Theme URI:
Author: Subverse LLC
Author URI: https://dissidentchoir.com
Description: Subversive
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: subversive
Tags:  S
*/
:root {
  --font-family: 'crimson_textroman', serif;
  --font-family--heading: 'newcastle-basicclean', 'lato', 'sans-serif';
  --font-size: 1rem;
  /* 16px */
  --ratio: 1.25;
  /* Major 3rd */
  --breakpoint-ratio: 1.067;
  /* Minor 2nd */
  --h6: calc(var(--font-size) / var(--ratio));
  --h5: var(--font-size);
  --h4: calc(var(--font-size) * var(--ratio));
  --h3: calc(var(--h4) * var(--ratio));
  --h2: calc(var(--h3) * var(--ratio));
  --h1: calc(var(--h2) * var(--ratio));
  --bp480: calc(var(--font-size) / var(--breakpoint-ratio));
  --bp768: var(--font-size);
  --bp1024: calc(var(--font-size) * var(--breakpoint-ratio));
  --bp1920: calc(var(--bp1024) * var(--breakpoint-ratio));
  --bp2560: calc(var(--bp1920) * var(--breakpoint-ratio));
  --content-width: 60rem;
  --content-padding: 2rem;
  --small: calc(var(--font-size) * .875);
  --x-small: calc(var(--font-size) * .75);
  --large: calc(var(--font-size) * 1.125);
  --x-large: calc(var(--font-size) * 1.5);
  --border-radius: 0.1875rem;
  --spacing: 1.5rem;
  --spacing--small: 0.75rem;
  --line-height: 1.5;
  --line-height--heading: 1.3;
  --border-width: 0.0625rem;
  --border: var(--border-width) solid #b2b2b2;
  --focus-outline-width: 0.1875rem;
  --focus-outline-offset: 0.125rem;
  --focus-outline: var(--focus-outline-width) solid #50AA00;
  --form-box-shadow: inset 0 --border-width 0.1875rem rgba(#000, 0.06);
  --form-box-shadow-focus: var(--form-box-shadow), 0 0 0.3125rem #50AA00;
  --duration: 200ms;
  --timing: ease;
}

.subversive-logo-wall-wrapper {
  --logo-wall-item-width: 10rem;
  --aspect-ratio: calc(9/16);
  margin-bottom: 2rem;
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item {
  display: block;
  position: relative;
  overflow: hidden;
  text-indent: -1000rem;
  height: calc(var(--logo-wall-item-width) * var(--aspect-ratio));
  width: var(--logo-wall-item-width);
  margin: .125rem;
  background-image: url("img/sprite-soda.jpg");
  background-color: #999;
  background-position: 0 0;
  background-size: cover;
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(2) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -1);
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(3) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -2);
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(4) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -3);
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(5) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -4);
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(6) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -5);
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(7) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -6);
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(8) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -7);
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(9) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -8);
}

.subversive-logo-wall-wrapper .subversive-logo-wall-items .subversive-logo-wall-item:nth-child(10) {
  background-position: 0 calc((var(--logo-wall-item-width) * var(--aspect-ratio)) * -9);
}

/*

@import 'vendors/normalize'; 
@import 'base/typography'; 
@import 'base/buttons'; 
@import 'base/forms';
@import 'base/lists';
@import 'base/media';
@import 'base/tables';

@import 'layout/layout';
@import 'layout/header';
@import 'layout/footer';

@import 'components/navigation';
@import 'components/search';
@import 'components/recent-posts';

@import 'templates/post';
@import 'templates/page';
@import 'templates/search'; 
@import 'templates/archive';

//@import 'pages/...';
STYLE.CSS INCLUDE

*/
/*
Theme Name: ConsumerProtect.com Iconic One
Theme URI: http://themonic.com/iconic-one/
Author: Themonic
Author URI: http://themonic.com
Description: Iconic One is a premium quality theme with pixel perfect typography and responsiveness and is built for speed with pagespeed score of 95+, Iconic One implements proper SEO so that your content will rank high and is compatible with AIOSEO and Yoast SEO, It makes proper use of Live customizer that allows you to setup the theme in minutes, you can easily upload the logo, modify the background color, footer text, social media urls without touching any line of code. It utilizes latest HTML 5, CSS3 and wordpress native functions for creating the awesomeness that looks good on every browser. Support is free, access the support here http://themonic.com/support/, Report issues and feedback at http://themonic.com/feedback/.
Version: 99.99
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Blue, White, Black, one-column, two-columns, right-sidebar, custom-background, fluid-layout, responsive-layout, custom-menu, full-width-template, post-formats, rtl-language-support, theme-options, custom-colors
Text Domain: Themonic

Note: Iconic One theme supports child themes and custom.css for extensive customization without breaking the theme.
It is recommended to use those instead of modifying core files. - http://codex.wordpress.org/Child_Themes

©2013 Shashank Singh, Themonic.com
Happy 10th Anniversary to WordPress.
*/
/*Imports custom css file for easy customization.
Edit the file here http://yoursite.com/wordpress/wp-admin/theme-editor.php?file=custom.css&theme=iconic-one
Replace yoursite with your domain name.
*/
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*Reset Css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
  font-size: 1.25rem;
  font-style: italic;
  margin-top: 2.5 rem;
  margin-bottom: 2.5 rem;
  padding-left: 80px;
  padding-right: 80px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  clear: both;
}

h1 {
  font-size: 2.5REM;
}

h1.entry-title {
  margin-top: 0;
}

h2 {
  font-size: 2rem;
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px solid #50AA00;
  margin-top: 1.5rem;
}

article h2:first-of-type {
  margin-top: 0;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1rem;
  font-weight: 700;
}

h6 {
  font-size: 1.125rem;
  font-weight: 700;
}

.lead {
  font-size: 1.5rem;
  font-style: italic;
  margin-top: 2.5 rem;
  margin-bottom: 2.5 rem;
}

.small {
  font-size: .875rem;
}

.xsmall {
  font-size: .75rem;
}

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.8;
}

p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

a:focus {
  outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}

hgroup {
  display: inline-block;
  margin: 17px 0;
  padding: 14px 0;
  float: none;
}

hgroup a {
  font-size: 34px;
  font-weight: normal;
  text-decoration: none;
  padding-left: 15px;
  color: #444444;
  text-shadow: 0.1px 1px 2px #888888;
}

hgroup a:hover {
  color: #111111;
  text-decoration: none;
}

hgroup .site-description:hover {
  color: #111111;
  text-decoration: none;
}

hgroup .site-description {
  font-weight: normal;
  padding-left: 18px;
  line-height: 2;
  font-size: 12px;
  text-shadow: 0.1px 1px 2px #CCCCCC;
}

audio,
canvas,
video {
  display: inline-block;
}

.sixteen-nine {
  position: relative;
}

.sixteen-nine:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.sixteen-nine > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.widget-frame {
  -webkit-box-shadow: 0px 0px 8px
 #00000029;
          box-shadow: 0px 0px 8px
 #00000029;
  border: 10px solid
 #FFFFFF;
  opacity: 1;
  margin: 0 !important;
  margin-bottom: 20px !important;
}

.widget.sixteen-nine, .header .article-meta > .views {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 960px) {
  .widget.sixteen-nine, .header .article-meta > .views {
    display: none;
  }
}

.featured {
  max-width: 300px;
  width: 300px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  float: right;
}

audio:not([controls]) {
  display: none;
}

del {
  color: #333;
}

ins {
  background: none;
  text-decoration: none;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

small {
  font-size: smaller;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* Add rounded corners to social media icons */
.socialmedia img {
  border-radius: 4px;
}

/* Logo responsiveness in case of big logos */
.themonic-logo img {
  max-width: 100%;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
  clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
  display: table;
  content: "";
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* =Repeatable patterns
-------------------------------------------------------------- */
/* Small headers */
.archive-title,
.page-title {
  font-size: 11px;
  line-height: 2.181818182;
  font-weight: bold;
  text-transform: uppercase;
  color: #636363;
}

.entry-content th,
.comment-content th {
  background: #f1f1f1;
  font-size: 11px;
  line-height: 2.181818182;
  font-weight: bold;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
  font-size: 11px;
  line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
  border: 1px solid #ccc;
  border-radius: 0px;
  font-family: inherit;
  margin-right: 0%;
  margin-bottom: 7px;
  padding: 8px 10px;
}

button,
input {
  line-height: normal;
}

textarea {
  font-size: 100%;
  overflow: auto;
  vertical-align: top;
}

#searchsubmit {
  background: #00A1E0;
  border: 0;
  color: #FFFFFF;
  min-width: 24%;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
  border: 0;
  border-radius: 0;
  padding: 0;
}

/* Fixed Header */
.fixedHeader {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 96px;
  z-index: 999;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
  right: 0;
  display: block;
}

.fixedHeader-off {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 24px;
  z-index: 999;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  right: 0;
  display: block;
}

.fixedHeader-margin {
  margin-top: 275px;
}

@media screen and (max-width: 1300px) {
  .fixedHeader, .fixedHeader-off {
    margin: 0 24px;
  }
}

/* Header Collapsable Search */
.sb-search {
  position: absolute;
  right: 0px;
  top: 40px;
  width: 0%;
  min-width: 30px;
  height: 30px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sb-search-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background: #fff;
  width: 100%;
  height: 30px;
  margin: 0;
  z-index: 10;
  font-family: inherit;
  font-size: 14px;
  font-style: italic;
  color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
  color: #C0C0C0;
}

.sb-search-input:-moz-placeholder {
  color: #C0C0C0;
}

.sb-search-input::-moz-placeholder {
  color: #C0C0C0;
}

.sb-search-input:-ms-input-placeholder {
  color: #C0C0C0;
}

.sb-icon-search,
.sb-search-submit {
  width: 30px;
  height: 60px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.sb-search-submit {
  background: #fff;
  /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

.sb-icon-search {
  color: #fff;
  background: #02465b;
  z-index: 90;
  font-size: 16px;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
  content: "\f002";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: #3093E7;
  color: #fff;
  z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90;
}

/* Buttons */
li.bypostauthor cite span {
  color: #fff;
  background-color: #00A1E0;
  background-image: none;
  border: 1px solid #f3f3f3;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

/* Responsive images - Iconic One*/
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  /* This makes sure that images scales properly on all browsers*/
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100%;
  height: auto;
  /* This makes sure that images scales properly on all browsers*/
}

/* Make sure videos fit max width of parent container */
embed,
iframe,
object,
video {
  max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
  max-width: 100% !important;
  /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

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

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
  margin-bottom: 10px;
}

.wp-caption {
  max-width: 100%;
  /* Keep wide captions from overflowing their container. */
  padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
  font-style: italic;
  font-size: 12px;
  line-height: 2;
  color: #666666;
}

img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.entry-content dl.gallery-item {
  margin: 0;
}

.gallery-item a,
.gallery-caption {
  width: 90%;
}

.gallery-item a {
  display: block;
}

.gallery-caption a {
  display: inline;
}

.gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto;
}

.gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
  padding: 3%;
}

/* Navigation for posts and pages*/
.site-content nav {
  border: 1px solid #EDEDED;
  background: #f9f9f9;
  clear: both;
  line-height: 2;
  margin-bottom: 28px;
  overflow: hidden;
  padding: 2%;
}

#nav-above {
  padding: 24px 0;
}

#nav-above {
  display: none;
}

.paged #nav-above {
  display: block;
}

.nav-previous a, .nav-next > a {
  color: #444444;
  text-decoration: none;
}

.nav-previous,
.previous-image {
  float: left;
  padding-bottom: 7px;
  width: 50%;
}

.nav-next,
.next-image {
  float: right;
  text-align: right;
  width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
  margin: 48px 0;
}

/* Author profiles */
.author .archive-header {
  margin-bottom: 24px;
}

.author-info {
  border-top: 1px solid #ededed;
  margin: 24px 0;
  padding-top: 24px;
  overflow: hidden;
}

.author-description h2 {
  margin-top: 5px;
}

.author-description p {
  color: #757575;
  font-size: 13px;
  line-height: 1.846153846;
}

.author.archive .author-info {
  border-top: 0;
  margin: 0 0 48px;
}

.author.archive .author-avatar {
  margin-top: 0;
}

/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
html {
  font-family: 'Montserrat', sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-size: 1rem;
  text-rendering: optimizeLegibility;
  color: #4b4b4b;
}

a {
  outline: none;
  color: #50AA00;
  text-decoration: none;
}

a:hover {
  color: #50AA00;
  text-decoration: underline;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}

.themonic-nav .assistive-text:hover,
.themonic-nav .assistive-text:active,
.themonic-nav .assistive-text:focus {
  background: #fff;
  border: 2px solid #333;
  border-radius: 3px;
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 12px;
  padding: 12px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 100000;
  /* Above WP toolbar */
}

/* Page structure */
.site {
  padding: 0 24px;
  background-color: #fff;
}

.site-content {
  margin: 24px;
}

.home-content {
  margin: 0px !important;
}

.widget-area {
  margin: 10px 24px 0px;
}

/* Header */
.site-header {
  border-top: 1px solid #E9E9E9;
  height: auto;
  text-align: left;
  background-color: #02465b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.site-header h1 {
  margin: 20px;
  padding: 0;
  padding-top: 0px;
}

.site-header h1 a {
  /*text-indent:-1000em;*/
  display: block;
  top: 50%;
  /*width:310px;
    height:64px;*/
  color: #FFF;
  font-size: 1.6em;
  /*background-image:url('img/id.svg');*/
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Navigation Menu and icons*/
.themonic-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  height: 110px;
}

#site-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 110px;
  margin-right: 40px;
}

#site-navigation ul li {
  height: 55px;
  width: auto;
  padding: 15px 15px 90px;
  position: relative;
  border-bottom: solid 5px #02465b;
}

#site-navigation ul li:hover {
  border-bottom: solid 5px #0B91EA;
}

#site-navigation ul li ul.sub-menu {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  background-color: #02465b;
  padding: 15px;
  width: 220px;
  z-index: 1000;
}

#site-navigation ul > li:hover ul.sub-menu {
  display: block;
}

#site-navigation ul > li a {
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  height: 70px;
  padding-top: 33px;
}

#site-navigation ul > li:hover a {
  text-decoration: none;
  color: #0B91EA;
}

#site-navigation ul > li:hover ul.sub-menu li {
  padding: 5px;
  height: auto;
  border: none;
}

#site-navigation ul > li:hover ul.sub-menu li:hover {
  border: none;
}

#site-navigation ul > li:hover ul.sub-menu li a {
  font-size: 14px;
  line-height: 1.5;
  height: auto;
  padding: 0;
  color: #fff;
}

#site-navigation ul > li:hover ul.sub-menu li a:hover {
  color: #0B91EA;
}

/* Gray Nav Container */
.crossnav {
  background: orange;
}

/* Gray Nav */
#gray-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 60px;
  margin-right: 40px;
}

#gray-nav ul li {
  height: 55px;
  width: auto;
  padding: 0px 12px 60px;
  margin: 0px 0px 30px;
  position: relative;
  border-bottom: solid 5px #02465b;
}

#gray-nav ul li:hover {
  border-bottom: solid 5px #0B91EA;
}

#gray-nav ul li ul.sub-menu {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  background-color: #02465b;
  padding: 15px;
  width: 620px;
  height: auto;
  z-index: 1000;
}

#gray-nav ul > li ul.sub-menu li {
  width: 33%;
  float: left;
}

#gray-nav ul > li:hover ul.sub-menu {
  display: block;
}

#gray-nav ul > li a {
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  height: 70px;
  padding-top: 33px;
}

#gray-nav ul > ul.sub-menu li a {
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  height: 70px;
  padding-top: 14px;
}

#gray-nav ul > li:hover a {
  text-decoration: none;
  color: #0B91EA;
}

#gray-nav ul > li:hover ul.sub-menu li {
  padding: 5px;
  height: auto;
  border: none;
}

#gray-nav ul > li:hover ul.sub-menu li:hover {
  border: none;
}

#gray-nav ul > li:hover ul.sub-menu li a {
  font-size: 12px;
  line-height: 1.5;
  height: auto;
  padding: 0;
  color: #fff;
}

#gray-nav ul > li:hover ul.sub-menu li a:hover {
  color: #0B91EA;
}

#gray-nav ul li ul.sub-menu:last-child ul {
  right: 0;
}

#gray-nav ul li ul.sub-menu:last-child ul li {
  left: 1px;
}

.widget-bold {
  font-size: 16px;
}

/* These are used for Themonic Main Nav Bar li background colors - for colorful menu */
.bluem {
  background-color: #00A1E0;
  padding: 5px;
}

.orangem {
  background-color: #FF811A;
}

.greenm {
  background-color: #8AC327;
}

.redm {
  background-color: #F96234;
  padding: 10px;
}

/* Banner */
section[role="banner"] {
  margin-bottom: 48px;
}

/* Sidebar */
.widget-area .widget {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  margin-bottom: 20px;
  word-wrap: break-word;
}

.widget .media {
  background-color: #fff;
}

.widget .media .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 96px;
          flex: 0 0 96px;
  height: 96px;
  margin-right: 24px;
}

.widget .media .image img {
  height: 96px;
  width: 96px;
  margin-bottom: 0;
}

.widget .media .info a {
  font-weight: 700;
  color: #50AA00;
}

.widget.widget_recent_entries {
  display: none;
}

.widget-area .widget p.widget-title {
  background: transparent;
  padding: 0;
  padding-bottom: 5.5px;
  margin-bottom: 1rem;
  font-size: 16px;
  font-weight: 700;
  color: #4B4B4B;
  line-height: 1.25;
  border-bottom: 1px solid #50AA00;
}

.widget.widget_search {
  margin-bottom: 14px;
}

.widget-area .widget li,
.widget-area .widget .textwidget {
  font-size: 13px;
  line-height: 1.646153846;
  padding: 5px 0;
}

.widget-area .widget p {
  font-size: 14px;
  padding: 0;
}

.widget-area .textwidget ul {
  list-style: disc outside;
  margin: 0 0 24px;
}

.widget-area .textwidget li {
  margin-left: 36px;
}

.widget-area .widget a {
  color: #757575;
  text-decoration: none;
  font-size: 98%;
}

.widget-area .widget a:hover {
  color: #4F5254;
}

.widget-area #s {
  margin-right: -4px;
  width: 67.9999%;
  /* define a width to avoid dropping a wider submit button */
}

/* Footer box-shadow: 4px 1px 10px 1px #F1F1F1;*/
footer[role="contentinfo"] {
  background: url(https://www.refiguide.org/wp-content/uploads/2018/09/app-bg-light.jpg);
  background-position: 0% 20%;
  width: 100%;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #E9E9E9;
  clear: both;
  font-size: 14px;
  height: auto;
  line-height: 2;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1184px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

footer[role="contentinfo"] > * {
  width: 100%;
}

footer[role="contentinfo"] a {
  color: #222222;
  margin-left: 5px;
  text-decoration: none;
}

footer[role="contentinfo"] a:hover {
  color: #222222;
  text-decoration: underline;
}

footer[role="contentinfo"] h3 {
  color: #000;
}

footer[role="contentinfo"] .stacker {
  width: 33%;
  float: left;
}

footer[role="contentinfo"] .padh3 {
  padding-top: 20px;
}

/* Increase font size of strong tag 
--------------------------------------------------------------- */
.entry-content strong {
  font-size: 18px;
}

/* Main content area, sticky post styling and comment content
-------------------------------------------------------------- */
.entry-meta {
  clear: both;
}

.entry-header {
  margin-bottom: 20px;
}

.entry-header img.wp-post-image {
  margin-bottom: 24px;
}

.entry-header .entry-title a:hover {
  color: #111111;
}

.entry-header .entry-format {
  margin-top: 24px;
  font-weight: normal;
}

.entry-header .comments-link {
  margin-top: 24px;
  font-size: 13px;
  line-height: 1.846153846;
  color: #757575;
}

.comments-link a,
.entry-meta a {
  color: #757575;
}

.comments-link a:hover,
.entry-meta a:hover {
  color: #333;
}

.site-content article.sticky {
  background: #F8F8F8;
  border-color: #DDDDDD;
  border-style: solid solid double;
  border-width: 1px 1px 1px 7px;
  -webkit-box-shadow: 0.01em 0.1em 0.1em 0.1em #EEEEEE;
          box-shadow: 0.01em 0.1em 0.1em 0.1em #EEEEEE;
  clear: both;
  font-size: 16px;
  line-height: 1.19231;
  margin: 0px 0px 24px 0px;
  padding: 17px;
  text-align: left;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
  margin: 0 0 24px;
  line-height: 1.714285714;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
  margin-bottom: 0;
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.entry-content ol,
.comment-content ol {
  list-style: decimal outside;
}

.entry-content li,
.comment-content li,
.mu_register li {
  margin-bottom: .625rem;
  padding-left: 34px;
  position: relative;
}

.entry-content ul li:before,
.comment-content ul li:before,
.mu_register ul li:before {
  height: 10px;
  width: 10px;
  background-color: #50AA00;
  display: inline-block;
  content: '';
  position: absolute;
  left: 16px;
  top: 8px;
}

.entry-content blockquote,
.comment-content blockquote {
  background: #FAFAFA;
  border-left: 4px solid #D6D6D6;
  border-right: 4px solid #D6D6D6;
  border-radius: 14px;
  margin-bottom: 24px;
  padding: 24px;
  font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
  margin-bottom: 0;
}

.entry-content code,
.comment-content code {
  font-family: Consolas, Monaco, Lucida Console, monospace;
  font-size: 12px;
  line-height: 2;
}

.entry-content pre,
.comment-content pre {
  border: 1px solid #ededed;
  border-radius: 20px;
  color: #666;
  font-family: Consolas, Monaco, Lucida Console, monospace;
  font-size: 12px;
  line-height: 1.514285714;
  margin: 24px 0;
  overflow: auto;
  padding: 24px;
}

.entry-content pre code,
.comment-content pre code {
  display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

.entry-content address,
.comment-content address {
  display: block;
  line-height: 1.5;
  margin: 0 0 24px;
}

img.alignleft {
  margin: 8px 24px 12px 0;
}

img.alignright {
  margin: 12px 0 12px 24px;
}

img.aligncenter {
  margin-top: 12px;
  margin-bottom: 12px;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
  margin-bottom: 2px;
}

.entry-content dl,
.comment-content dl {
  margin: 0 24px;
}

.entry-content dt,
.comment-content dt {
  font-weight: bold;
  line-height: 1.714285714;
}

.entry-content dd,
.comment-content dd {
  line-height: 1.714285714;
  margin-bottom: 24px;
}

.entry-content table,
.comment-content table {
  border-bottom: 1px solid #ededed;
  color: #757575;
  font-size: 12px;
  line-height: 2;
  margin: 0 0 24px;
  width: 100%;
}

.entry-content table caption,
.comment-content table caption {
  font-size: 16px;
  margin: 24px 0;
}

.entry-content td,
.comment-content td {
  border-top: 1px solid #ededed;
  padding: 7px 14px;
}

.site-content article {
  border-bottom: 2px double #F3F3F3;
  margin-bottom: 28px;
  padding-bottom: 24px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  margin: 0px auto;
}

.page-links {
  clear: both;
  line-height: 1.714285714;
}

footer.entry-meta {
  margin-top: 24px;
  font-size: 13px;
  line-height: 1.846153846;
  color: #757575;
}

.entry-meta > span a {
  color: #333333;
  padding: 2px;
  text-decoration: none;
}

.single-author .entry-meta .by-author {
  display: none;
}

.mu_register h2 {
  color: #757575;
  font-weight: normal;
}

/* =Archives
-------------------------------------------------------------- */
.archive-header,
.page-header {
  margin-bottom: 48px;
  padding-bottom: 22px;
  border-bottom: 1px solid #ededed;
}

.archive-meta {
  color: #757575;
  font-size: 12px;
  line-height: 2;
  margin-top: 22px;
}

/* =Single image attachment view
-------------------------------------------------------------- */
.article.attachment {
  overflow: hidden;
}

.image-attachment div.attachment {
  text-align: center;
}

.image-attachment div.attachment p {
  text-align: center;
}

.image-attachment div.attachment img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

.image-attachment .entry-caption {
  margin-top: 8px;
}

/* =Aside post format
-------------------------------------------------------------- */
article.format-aside h1 {
  margin-bottom: 24px;
}

article.format-aside h1 a {
  text-decoration: none;
  color: #4d525a;
}

article.format-aside h1 a:hover {
  color: #2e3542;
}

article.format-aside .aside {
  background: #F3F3F3;
  border-top: 16px solid #16A1E7;
  padding: 24px 24px 0;
}

article.format-aside p {
  font-size: 13px;
  line-height: 1.846153846;
  color: #4a5466;
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
  margin-bottom: 0;
}

/* =Post formats
-------------------------------------------------------------- */
/* Quote posts */
article.format-quote .entry-content p {
  margin: 0;
  padding-bottom: 24px;
}

article.format-quote .entry-content blockquote {
  display: block;
  padding: 24px 24px 0;
  font-size: 15px;
  line-height: 1.6;
  font-style: normal;
  color: #6a6a6a;
  background: #efefef;
}

/* Status posts */
.format-status .entry-header {
  margin-bottom: 24px;
}

.format-status .entry-header header {
  display: inline-block;
}

.format-status .entry-header h1 {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6;
  margin: 0;
}

.format-status .entry-header h2 {
  font-size: 12px;
  font-weight: normal;
  line-height: 2;
  margin: 0;
}

.format-status .entry-header header a {
  color: #757575;
}

.format-status .entry-header header a:hover {
  color: #21759b;
}

.format-status .entry-header img {
  float: left;
  margin-right: 21px;
}

/* =Comments
changed article header
-------------------------------------------------------------- */
.comments-title {
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}

.comments-area article {
  margin: 24px 0;
}

.comments-area article header {
  float: left;
  margin: 0 15px 0 15px;
  overflow: hidden;
  position: relative;
}

.comments-area article header img {
  float: left;
  padding: 0;
  line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
  display: block;
  margin-left: 45px;
}

.comments-area article header cite {
  font-style: normal;
  font-size: 15px;
  line-height: 1.42857143;
}

.comments-area article header time {
  line-height: 1.714285714;
  text-decoration: none;
  font-size: 10px;
  color: #5e5e5e;
}

.comments-area article header a {
  text-decoration: none;
  color: #5e5e5e;
}

.comments-area article header a:hover {
  color: #21759b;
}

.comments-area article header cite a {
  color: #444;
}

.comments-area article header cite a:hover {
  text-decoration: underline;
}

.comments-area article header h4 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background-color: #0088d0;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009cee), to(#0088d0));
  background-image: linear-gradient(top, #009cee, #0088d0);
  border-radius: 3px;
  border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
  position: relative;
  margin-left: 5px;
  padding: 2px 5px;
  font-size: 10px;
}

a.comment-reply-link,
a.comment-edit-link {
  color: #686868;
  font-size: 13px;
  line-height: 1.846153846;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
  color: #21759b;
}

.commentlist .pingback {
  line-height: 1.714285714;
  margin-bottom: 24px;
}

/* Comment form */
#respond {
  margin-top: 48px;
}

#respond h3#reply-title {
  font-size: 16px;
  line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
  margin-left: 10px;
  font-weight: normal;
  font-size: 12px;
}

#respond form {
  margin: 24px 0;
}

#respond form p {
  margin: 11px 0;
}

#respond form p.logged-in-as {
  margin-bottom: 24px;
}

#respond form label {
  display: block;
  line-height: 1.714285714;
}

#respond form input[type="text"],
#respond form textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  line-height: 1.714285714;
  padding: 10px;
  width: 100%;
}

#respond form p.form-allowed-tags {
  margin: 0;
  font-size: 12px;
  line-height: 2;
  color: #5e5e5e;
}

.required {
  color: red;
}

/* =Front page template
-------------------------------------------------------------- */
.entry-page-image {
  margin-bottom: 14px;
}

.template-front-page .site-content article {
  border: 0;
  margin-bottom: 0;
}

.template-front-page .widget-area {
  clear: both;
  float: none;
  width: auto;
  padding-top: 24px;
  border-top: 1px solid #ededed;
}

.template-front-page .widget-area .widget li {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.714285714;
  list-style-type: square;
  list-style-position: inside;
}

.template-front-page .widget-area .widget li a {
  color: #757575;
}

.template-front-page .widget-area .widget li a:hover {
  color: #21759b;
}

.template-front-page .widget-area .widget_text img {
  float: left;
  margin: 8px 24px 8px 0;
}

.widget-area .widget ul ul {
  margin-left: 12px;
}

.widget_rss li {
  margin: 12px 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
  color: #aaa;
  font-size: 11px;
  margin-left: 12px;
}

#wp-calendar {
  margin: 0;
  width: 100%;
  font-size: 13px;
  line-height: 1.846153846;
  color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
  text-align: left;
}

#wp-calendar #next {
  padding-right: 24px;
  text-align: right;
}

.widget_search label {
  display: block;
  font-size: 13px;
  line-height: 1.846153846;
}

.widget_twitter li {
  list-style-type: none;
}

.widget_twitter .timesince {
  display: block;
  text-align: right;
}

/*Below title meta styling - added May 05 */
.below-title-meta {
  background: #F7F7F7;
  padding-bottom: 26px;
  color: #a2a2a2;
  line-height: 1.7;
  width: 106.3%;
  margin-left: -3.1%;
}

.below-title-meta a {
  color: #666666;
  text-decoration: none;
}

.below-title-meta a:hover {
  color: #444444;
}

.adt {
  float: left;
  padding-left: 22px;
}

.adt-comment {
  float: right;
  padding-right: 16px;
}

.articletags a {
  background-color: #555;
  margin: 2px;
  padding: 3px;
  text-decoration: none;
  text-shadow: 0 0px 0 #FFFFFF;
  color: #fff;
}

.articletags a:hover {
  color: #f2f2f2;
}

.footercopy {
  padding-left: 20px;
  float: left;
}

.footercredit {
  float: right;
  padding-right: 20px;
  margin-left: 20px;
}

.site-wordpress {
  color: #888888;
  padding: 10px 2px;
  float: right;
  font-size: 13px;
}

.site-wordpress a {
  color: #666666;
  text-decoration: none;
}

.mobileonly {
  display: inherit;
}

@media screen and (min-width: 768px) {
  .mobileonly {
    display: none;
  }
}

/* =User Custom
	----------------------------------------------- */
/* =Plugins
----------------------------------------------- */
img#wpstats {
  display: block;
  margin: 0 auto 24px;
}

.socialmedia {
  float: right;
  padding: 7px 10px;
  text-align: right;
  width: 25%;
  margin-top: 30px;
}

.socialmedia a {
  padding: 0 5px;
}

.widgets-list-layout-links {
  float: right;
  width: 82.4043%;
}

/* new responsive selectnav.js css */
.selectnav {
  display: none;
}

select.selectnav {
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  margin: 4px;
  padding: 10px 0 10px 10px;
  width: 96%;
  text-indent: 6px;
}

/* mobile menu styling */
/* when to trigger the select menu.js #menu-top { 
		display: inline!important; 
	}*/
/* Print styles
----------------------------------------------- */
@media print {
  body {
    background: none !important;
    color: #000;
    font-size: 10pt;
  }
  footer a[rel=bookmark]:link:after,
  footer a[rel=bookmark]:visited:after {
    content: " [" attr(href) "] ";
    /* Show URLs */
  }
  a {
    text-decoration: none;
  }
  .entry-content img,
  .comment-content img,
  .author-avatar img,
  img.wp-post-image {
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  /* hide top social icons */
  .socialmedia img {
    display: none;
  }
  .site {
    clear: both !important;
    display: block !important;
    float: none !important;
    max-width: 100%;
    position: relative !important;
  }
  .site-header {
    margin-bottom: 72px;
    text-align: left;
  }
  .author-avatar,
  #colophon,
  #respond,
  .commentlist .comment-edit-link,
  .commentlist .reply,
  .entry-header .comments-link,
  .entry-meta .edit-link a,
  .page-link,
  .site-content nav,
  .widget-area,
  img.header-image,
  .themonic-nav {
    display: none;
  }
  .wrapper {
    border-top: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .site-content {
    margin: 0;
    width: auto;
  }
  .singular .entry-header .entry-meta {
    position: static;
  }
  .singular .site-content,
  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular .comments-title {
    margin: 0;
    width: 100%;
  }
  footer.entry-meta,
  footer.entry-meta a {
    color: #444;
    font-size: 10pt;
  }
  .author-description {
    float: none;
    width: auto;
  }
  /* Comments */
  .commentlist > li.comment {
    background: none;
    position: relative;
    width: auto;
  }
  .commentlist .avatar {
    height: 39px;
    left: 2.2em;
    top: 2.2em;
    width: 39px;
  }
  .comments-area article header cite,
  .comments-area article header time {
    margin-left: 50px;
  }
}

.this-is-just-a-wrapper {
  width: 300px;
  margin: 60px auto;
}

.widget-area .widget .ad-block p {
  padding: 0px;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.ad-block {
  border: solid 1px #ccc;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 300px;
}

.ad-block .ad-block-disclaimer {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 10px;
  text-transform: uppercase;
  color: #666;
}

.ad-block .ad-block-img-wrap {
  display: block;
  margin: 0 15px 15px 0;
  padding: 2px;
  background: #fff;
  width: 72px;
  height: 72px;
  float: left;
  border: solid 1px #ccc;
}

.ad-block .ad-block-img-wrap img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

.ad-block h1 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  color: #191b28;
  clear: none;
}

.ad-block h2 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  color: #666;
  margin-bottom: 5px;
  clear: none;
}

.ad-block h3 {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #000;
  clear: none;
}

.ad-block p.ad-block-text {
  clear: left;
  margin: 0;
  padding: 0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 5px;
  color: #000;
}

.ad-block p.ad-block-cta {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 1.3;
  font-weight: bold;
}

.ad-block p.ad-block-cta a {
  display: block;
  width: calc(100% - 40px);
  text-align: center;
  padding: 15px 20px;
  background-color: #3ba344;
  color: #fff;
  text-decoration: none;
  margin-top: 5px;
  border-radius: 6px;
  font-weight: bold;
}

.ad-block p.ad-block-cta a:hover {
  text-decoration: none;
  color: #FFF;
}

.ad-block .ad-block-form-wrapper {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #ccc;
}

.ad-block .ad-block-form-wrapper .get-help-icon {
  float: left;
  width: 50px;
}

.ad-block .ad-block-form-wrapper .get-help-text {
  float: left;
  width: calc(100% - 50px);
}

.ad-block .ad-block-form-wrapper i.fa {
  padding: 10px;
  color: #fff;
  background: #191b28;
  border-radius: 50%;
}

.ad-block .ad-block-form-wrapper form {
  padding: 20px 0;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  max-width: 100%;
}

.ad-block .ad-block-form-wrapper form .form-group {
  width: 100%;
  margin-bottom: 10px;
}

.ad-block .ad-block-form-wrapper form .form-group label {
  display: none;
}

.form-control {
  display: block;
  width: 100%;
  width: calc(100% - 26px);
  height: 34px;
  padding: 3px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #ABABAB;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  color: #555555;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #ABABAB !important;
}

.form-control::-ms-input-placeholder {
  color: #ABABAB !important;
}

.form-control::-webkit-input-placeholder {
  color: #ABABAB !important;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

select.form-control {
  width: 100% !important;
  height: 26px !important;
}

.widget_case_description {
  width: 100%;
}

.ad-block .ad-block-form-wrapper form .form-group .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ad-block .ad-block-form-wrapper form .form-group .checkbox input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.ad-block .ad-block-form-wrapper form .form-group .checkbox label {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #000;
  clear: none;
}

.ad-block .ad-block-form-wrapper form .form-group textarea {
  height: 150px;
}

.ad-block .ad-block-form-wrapper form button[type="submit"] {
  width: 100%;
  -webkit-appearance: button;
  cursor: pointer;
  display: block;
  text-align: center;
  padding: 15px 20px;
  background-color: #3ba344;
  color: #fff;
  text-decoration: none;
  margin-top: 5px;
  border-radius: 6px;
  font-weight: bold;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* ----------------------------------------
    LAWYERS
   ---------------------------------------- */
.lawyers-state-nav {
  margin-bottom: 40px;
  padding: 20px 0 30px;
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lawyers-state-nav h2 {
  font-size: 18px;
  margin-bottom: 10px;
  width: 100%;
}

.lawyers-state-nav .btn {
  display: inline-block;
  text-align: left;
  padding: 5px 0;
  margin: 0;
  min-width: 190px;
}

.lawyers-state {
  margin-bottom: 40px;
  position: relative;
}

.lawyers-state-name {
  font-size: 18px;
  line-height: 24px;
  color: #0B91EA;
}

.back-to-top {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* ----------------------------------------
    LAWYERS PROFILE - SIDEBAR LAYOUT
   ---------------------------------------- */
.profile-columnsContainer {
  position: relative;
  margin: .5em;
}

.profile-leftColumn, .profile-rightColumn {
  border: 0px solid  #ccc;
  padding: 1.25em;
  line-height: 1.714285714;
}

.leftColumn {
  margin-bottom: .5em;
}

/* MEDIA QUERIES */
@media screen and (min-width: 960px) {
  .profile-leftColumn {
    margin-right: 19.5em;
  }
  .profile-rightColumn {
    position: absolute;
    top: 0;
    right: 0;
    width: 18.75em;
  }
}

/* ----------------------------------------
    LAWYERS PROFILE - CONTACT LAYOUT
   ---------------------------------------- */
.contact-columnsContainer {
  position: relative;
  margin: .5em;
  display: inline-block;
  width: 100%;
  /* min-height: 650px; */
}

.contact-rightColumn, .contact-leftColumn {
  border: 0px solid #ccc;
  /*padding: 1.25em;*/
  padding: 0;
}

.contact-rightColumn {
  margin-bottom: .5em;
}

.contact-leftColumn > .entry-content > .lawyer {
  border: 0;
  padding: 0;
}

div.contact-leftColumn > div > div > div.lawyer-img.excerpt-thumb {
  margin: 0 auto;
  width: 100%;
}

div.contact-leftColumn > div > div > div.lawyer-img.excerpt-thumb > img {
  margin-right: 0;
  padding: 5px;
  background-color: #F0F0F1;
  width: 100%;
}

div.contact-leftColumn > div > div > div.lawyer-details > div.lawyer-details-header > h3 {
  margin-top: 25px !important;
  font-size: 20px !important;
}

div.contact-leftColumn div.lawyer-details {
  width: 100%;
}

div.contact-leftColumn div.lawyer {
  margin-top: 0;
}

div.contact-leftColumn div.lawyer-details-content {
  display: block;
}

div.contact-leftColumn div.lawyer-info {
  padding-bottom: 0;
}

div.contact-leftColumn div.lawyer-info, div.contact-leftColumn div.lawyer-features {
  width: 100%;
}

div.contact-leftColumn div.lawyer-features ul li {
  margin-left: 0;
  margin-bottom: 25px;
}

/* MEDIA QUERIES */
@media screen and (min-width: 47.5em) {
  .contact-rightColumn {
    margin-left: 19.5em;
  }
  .contact-leftColumn {
    position: absolute;
    top: 0;
    left: 0;
    width: 18.75em;
  }
}

/* ----------------------------------------
    LAWYERS PROFILE
   ---------------------------------------- */
.lawyer-profile-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center; */
  overflow: visible;
  background-color: #F0F0F1;
  padding: 10px;
}

.lawyer-profile-consult {
  text-align: center;
  float: none;
  clear: both;
  padding: 10px 0;
  max-width: 760px;
  font-size: 14px;
  margin: 50px 0 -50px;
}

div.lawyer-desc > div.lawyer-profile-consult {
  margin: 50px 0 0 !important;
}

.lawyer-profile-consult > p > a {
  font-size: 14px;
}

.lawyer-profile-consult > p > a.btn-primary:link,
.lawyer-profile-consult > p > a.btn-primary:visited,
.lawyer-profile-consult > p > a.btn-primary:active {
  background-color: #308945 !important;
  border-color: #277339 !important;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  font-weight: 700;
  font-size: 16px;
}

.lawyer-profile-consult > p > a.btn-primary:hover {
  background-color: #277339 !important;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.lawyer-profile-info {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 0px 20px;
  font-size: 13px;
  margin-right: 30px;
}

.lawyer-profile-header > .lawyer-img.excerpt-thumb > img {
  margin-right: 0;
  padding: 5px;
  background-color: white;
}

.lawyer-profile-info > p {
  margin-bottom: 0;
}

.lawyer-profile-info .lawyer-img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20px 20px 20px 0;
}

.lawyer-map {
  position: relative;
}

.lawyer-map iframe {
  width: 100%;
  height: 300px;
  position: relative;
}

.lawer-profile-info {
  font-size: 14px !important;
  padding-left: 0 !important;
}

.lawyer-profile-info .fa {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.lawyer-profile-info .lawyer-phone {
  margin-bottom: 10px;
  position: relative;
}

.lawyer-profile-info .lawyer-phone .fa {
  top: 10px;
}

.lawyer-profile-info .lawyer-address {
  line-height: 18px;
  position: relative;
}

.lawyer-profile-header > .lawyer-profile-info > p > span {
  display: none;
}

.entry-content .lawyer-profile-header .website {
  font-size: 14px;
  padding-left: 0 !important;
}

.lawyer-profile-features {
  width: 100%;
  padding: 0;
}

.lawyer-profile-features ul {
  list-style: none;
}

.lawyer-profile-features ul li {
  position: relative;
  line-height: 18px;
  margin-bottom: 8px;
  padding-left: 20px;
}

.lawyer-profile-features ul li:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #0B91EA;
  position: absolute;
  top: 4px;
  left: 0;
}

.lawyer-desc > h1.profile-heading {
  border-bottom: 5px solid #F0F0F1;
  margin-top: 50px;
  color: #19465B;
}

.lawyer-section {
  margin-top: 15px;
}

.mobile-profile {
  display: none;
}

/* ----------------------------------------
    LAWYERS CONTACT FORM
   ---------------------------------------- */
.frmContactSidebar .form-group {
  margin-bottom: 10px;
}

.frmContactSidebar label {
  display: block;
}

.frmContactSidebar textarea {
  min-height: 200px;
}

.frmContactSidebar .required {
  color: red;
}

/* ----------------------------------------
    LAWYERS PROFILE - SECTION COLUMN LAYOUTS
   ---------------------------------------- */
/* 1 column: 320px */
.lawyer-autowide {
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.lawyer-autowide p {
  margin: 0 0 10px;
}

.lawyer-heading-row {
  background-color: #F0F0F1;
  height: 28px;
  text-indent: 10px;
}

.lawyer-autowide img {
  float: left;
  margin: 0 .75rem 0 0;
}

.lawyer-autowide .lawyer-module, .lawyer-autowide .lawyer-module-two {
  border-radius: .25rem;
  margin-bottom: 1rem;
  font-style: italic;
}

.lawyer-autowide .lawyer-module p {
  padding: .25rem .75rem;
}

.mobile-divide {
  background-color: #F0F0F1;
  width: 75%;
  margin: 15px auto;
}

.lawyer-section .lawyer-autowide:last-child hr {
  display: none;
}

/* 2 columns: 480px */
@media screen and (min-width: 480px) {
  .lawyer-autowide .lawyer-module {
    float: left;
    margin-right: 2.564102564102564%;
    width: 48.717948717948715%;
  }
  .lawyer-autowide .lawyer-module:nth-child(2n+0) {
    margin-right: 0 !important;
  }
}

/* 3 columns: 600px */
@media screen and (min-width: 600px) {
  .lawyer-autowide .lawyer-module:nth-child(2n+0) {
    margin-right: 2.564102564102564%;
  }
}

/* 4 columns: 768px and up */
@media screen and (min-width: 768px) {
  .lawyer-autowide {
    font-size: inherit;
  }
  .lawyer-autowide .lawyer-module {
    width: 23.076923076923077%;
  }
  .lawyer-autowide .lawyer-module:nth-child(3n+0) {
    margin-right: 2.564102564102564%;
  }
  .lawyer-autowide .lawyer-module:nth-child(2n+0) {
    margin-right: 2.564102564102564% !important;
  }
  .lawyer-autowide .lawyer-module:nth-child(4n+0) {
    margin-right: 0 !important;
  }
  .lawyer-autowide .lawyer-module-two {
    float: left;
    margin-right: 2.564102564102564%;
    width: 48.717948717948715%;
  }
  .lawyer-autowide .lawyer-module-two:nth-child(2n+0) {
    margin-right: 0 !important;
  }
  .mobile-divide {
    display: none;
  }
}

/* ----------------------------------------
    LAWYER PROFILE - LEARN MORE
   ---------------------------------------- */
.learnmore-items {
  overflow: hidden;
  /* simple clearfix */
}

.learnmore-items .learnmore-item {
  float: left;
  width: 33%;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
}

@media screen and (max-width: 420px) {
  .learnmore-items .learnmore-item {
    width: 100%;
  }
}

@media screen and (max-width: 940px) {
  .learnmore-items .learnmore-item {
    width: 50%;
  }
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 700px or less */
@media screen and (max-width: 600px) {
  #learn-more-col1 {
    width: auto;
    float: none;
  }
  #learn-more-col2 {
    width: auto;
    float: none;
    margin-left: 0px;
  }
  #learn-more-col3 {
    width: auto;
    float: none;
  }
  footer[role="contentinfo"] {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c6a57a), to(#e7cfab));
    background-image: linear-gradient(#c6a57a, #e7cfab);
  }
  footer[role="contentinfo"] .stacker {
    float: none;
    width: 100%;
  }
  footer[role="contentinfo"] h3 {
    margin-top: 20px;
  }
  footer[role="contentinfo"] .padh3 {
    padding-top: 0px;
  }
}

.score {
  min-width: auto;
}

/* for 480px or less */
@media screen and (max-width: 480px) {
  .jumbotron h3 {
    display: none;
  }
  .main-block {
    padding: 30px 20px;
  }
  .featured-infographics {
    padding: 30px 20px;
  }
  #learn-more-col3 {
    display: none;
  }
  .score {
    width: 100%;
    min-width: 100%;
  }
}

/* ----------------------------------------
    BUTTONS
   ---------------------------------------- */
.btn-lg {
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.333333;
  border-radius: .3rem;
}

.widget-area .widget a.btn-primary,
.btn-primary {
  color: #fff;
  background-color: #0B91EA;
  border-color: #0B91EA;
}

.widget-area .widget a.btn-primary:link, .btn-primary:link,
.widget-area .widget a.btn-primary:visited, .btn-primary:visited,
.widget-area .widget a.btn-primary:active, .btn-primary:active {
  color: #fff;
  background-color: #0B91EA;
  border-color: #0B91EA;
}

.widget-area .widget a.btn-primary:hover,
.btn-primary:hover {
  color: #fff;
  background-color: #444;
  border-color: #444;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.author-avatar img {
  max-width: 100%;
  border-radius: 50%;
}

.lawyers-state h2 {
  margin-top: 12px;
}

.lawyers-state-nav .btn {
  font-size: 16px;
}

@media screen and (max-width: 1040px) {
  #searchsubmit {
    margin-left: 0px;
  }
}

@media screen and (max-width: 960px) {
  .site-header h1 a {
    width: 250px;
  }
  .themonic-nav #menu-top li {
    padding: 15px 5px 90px;
  }
  .themonic-nav #menu-top > li a {
    font-size: 12px;
  }
  #site-navigation {
    margin-right: 10px !important;
  }
}

@media screen and (max-width: 768px) {
  .js .selectnav {
    display: inline-block;
  }
  .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul, .nav-menu li {
    display: none;
  }
  .themonic-nav ul {
    display: none;
  }
  .themonic-nav li a, .themonic-nav li {
    display: none;
  }
  .themonic-nav {
    height: auto;
  }
  .menu-topnavbar-container {
    width: 250px;
  }
  select.selectnav {
    width: 180px;
    margin-right: 50px;
    float: right;
    padding: 3px 0 5px 3px;
    text-indent: 10px;
    margin-top: 9px;
  }
  .crossnav {
    display: none;
  }
  .themonic-nav #menu-top {
    height: auto;
  }
  .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul {
    display: none;
  }
  .socialmedia {
    display: none;
  }
  .site-header {
    text-align: center;
    height: auto;
    border: none;
  }
  .link-comments {
    display: none;
  }
  .wrapper {
    border: none;
  }
  #trending-nav {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .site-header {
    height: inherit;
  }
  .site-header h1 {
    margin: 10px;
  }
  #site-navigation {
    width: inherit;
    margin: 0 auto;
    margin-left: 5px;
    margin-right: 15px !important;
    top: -3px;
  }
  .menu-topnavbar-container {
    width: 100%;
  }
  select.selectnav {
    margin-right: 0px;
    width: 100%;
  }
  .sb-search {
    width: 100%;
    margin-top: 15px;
    display: none;
  }
  .sb-icon-search {
    background: #3093E7;
  }
  .breadcrumb {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .site-header {
    border: none;
  }
  .site-header h1 a {
    max-width: 200px;
  }
  .entry-header .entry-title {
    font-size: 20px;
    line-height: 1.5;
  }
  select.selectnav {
    font-size: 10px;
  }
  .entry-content strong {
    font-size: 18px;
  }
  .author-info .author-avatar {
    text-align: center;
  }
}

@media screen and (max-width: 360px) {
  .site-header h1 {
    margin: 10px auto;
    max-width: 50%;
  }
  .site-header h1 a {
    width: inherit;
  }
  select.selectnav {
    margin-right: inherit;
    width: 100%;
    margin-top: 5px;
    padding: 4px 2px;
  }
  #site-navigation {
    width: inherit;
    margin: 0 auto;
    margin-left: inherit;
    /* margin-right: 20px !important; */
    top: -3px;
    /* text-align: center; */
  }
  .menu-pages-container {
    margin: 0px auto;
  }
}

/* =Media queries

-------------------------------------------------------------- */
/* ---------------------------------------------------------------
 * MOBILE CSS fallback for device width 768px or below
 * ------------------------------------------------------------ */
/* Minimum width of 768pixels. */
@media screen and (min-width: 768px) {
  .author-avatar {
    float: left;
    margin-top: 8px;
    width: 25%;
    text-align: center;
  }
  .author-avatar img {
    max-width: 100%;
    border-radius: 50%;
  }
  .author-description {
    float: right;
    width: 75%;
  }
  .site {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
  }
  .site-content {
    border-right: 0px solid #F1F1F1;
    float: left;
    margin: 0px 1%;
    padding: 30px 1% 0 1%;
    width: 98% !important;
  }
  .home-content {
    width: 68.2% !important;
    border-right: 1px solid #F1F1F1 !important;
    padding: 30px 2% 0 1% !important;
  }
  body.template-front-page .site-content,
  body.single-attachment .site-content,
  body.full-width .site-content,
  body.post-type-archive-tw_lawyers .site-content,
  body.single-tw_lawyers .site-content {
    width: 96%;
  }
  #respond form input[type="text"] {
    width: 46.333333333%;
  }
  #respond form textarea.blog-textarea {
    width: 79.666666667%;
  }
  .template-front-page .site-content,
  .template-front-page article {
    overflow: hidden;
  }
  .template-front-page.has-post-thumbnail article {
    float: left;
    width: 47.916666667%;
  }
  .entry-page-image {
    float: right;
    margin-bottom: 0;
    width: 47.916666667%;
  }
  .template-front-page .widget-area .widget,
  .template-front-page.two-sidebars .widget-area .front-widgets {
    float: left;
    padding-left: 10px;
    width: 51.875%;
    margin-bottom: 24px;
  }
  .template-front-page .widget-area .widget:nth-child(odd) {
    clear: right;
  }
  .template-front-page .widget-area .widget:nth-child(even),
  .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    float: right;
    width: 39.0625%;
    margin: 0 0 24px;
  }
  .template-front-page.two-sidebars .widget,
  .template-front-page.two-sidebars .widget:nth-child(even) {
    float: none;
    width: auto;
  }
  .commentlist .children {
    margin-left: 48px;
  }
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
  body .site {
    padding: 24px 24px 0;
    margin-bottom: 24px;
  }
  body.custom-background-empty {
    background-color: #fff;
  }
  body.custom-background-empty .site,
  body.custom-background-white .site {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media screen and (max-width: 1200px) {
  #gray-nav ul li {
    height: 30px;
    padding: 0px 12px 0px;
    margin: 0px 0px 0px;
    border-bottom: none;
  }
  #gray-nav ul > li a {
    padding-top: 10px;
  }
}

/* iPad fix*/
@media screen and (max-width: 768px) {
  .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul, .themonic-nav li {
    background: none;
    border-bottom: none;
    border-top: none;
    display: none;
  }
  /* remove mobile borders */
  body .site {
    padding: 0px;
  }
}

/* homepage thumbnail */
@media screen and (max-width: 460px) {
  .excerpt-thumb img {
    width: 100%;
  }
}

/* New Nav CSS */
/* Basic Style */
body {
  font-family: 'Montserrat', serif;
  color: #4b4b4b;
  position: relative;
  padding: 0;
  margin: 0;
}

.gray-nav-container {
  margin: 0 auto;
  padding: 20px 0;
}

label.mobile_menu span {
  margin-left: 10px;
  color: white;
  display: none;
}

.nav {
  position: relative;
  padding: 0 0 0 4px;
  /* Fix for inline-block spacing*/
  margin: 0;
  background-color: #ffa500;
}

.nav a, .nav a:link, .nav a:visited, .nav a:hover, .nav a:focus, span {
  color: #000;
  text-decoration: none;
}

.nav > li {
  display: inline-block;
  text-align: center;
  margin-left: -4px;
  /* For the inline-block spacing */
}

.nav > li > a {
  padding: 20px 18px;
  display: block;
}

.nav > li:hover > a {
  color: #000;
}

.nav > li:hover {
  background-color: #02465b;
}

.nav > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  list-style: none;
  top: 53px;
  background-color: #16a085;
  width: 200px;
  text-align: left;
  margin-top: 30px;
  padding: 0px;
  z-index: 99;
}

.nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.nav li > ul li {
  font-size: 11px;
  position: relative;
  display: block;
  padding: 15px 10px;
}

.nav > li > ul li:hover {
  background-color: #006191;
}

.nav ul li:hover > a {
  color: white;
}

.nav > li > ul li ul li:hover {
  background-color: #004b6f;
}

input#mobile_menu {
  display: none;
}

.nav > li > ul li ul li ul {
  background-color: #004b6f;
}

.nav > li > ul li ul li ul li:hover {
  background-color: #00344d;
}

.nav > li > .fulldrop {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  list-style: none;
  top: 53px;
  /* left: 0px; */
  background-color: #fff;
  /* width: 100%; */
  min-width: 660px;
  min-height: 100px;
  text-align: left;
  margin-top: 30px;
  padding: 0;
  z-index: 101;
  overflow: hidden;
  border-top: 0px;
  border-left: 1px #004b6f solid;
  border-right: 1px #004b6f solid;
  border-bottom: 1px #004b6f solid;
}

.nav > li > .fulldrop.rightside {
  right: 0px;
}

.nav > li:hover .fulldrop {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.nav ul li:hover:after {
  color: #000;
}

.nav > li:hover .coldrop {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.nav .coldrop .column {
  width: 400px;
  margin: 0 9px;
}

.nav .column {
  width: 300px;
  float: left;
  color: #000;
  margin: 0 0 0 2.2%;
}

.nav .column ul {
  padding: 0;
  margin: 0;
}

.nav .column ul li {
  padding: 0;
  list-style: none;
  font-size: 13px;
}

.nav .column h3 {
  font-size: 17px;
  padding: 14px 0;
  font-weight: 700;
  margin: 5px 0 5px 0;
  line-height: 17px;
}

.nav .column ul li a {
  display: block;
  padding: 0 0 15px 0;
}

.nav .column ul li a:hover {
  color: #004b6f;
  text-decoration: underline;
}

/* Arrows */
.nav > li.dropdown > a:after {
  content: " \f0d7";
  font-family: "Fontawesome";
  font-weight: 900;
  color: #fff;
}

.nav > li.dropdown > a {
  color: #FFF;
  font-size: 15px;
}

.nav ul li.dropdown:after {
  position: absolute;
  left: 170px;
  font-family: "Fontawesome";
  display: inline-block;
  color: #fff;
  margin-left: 10px;
  margin-top: 2px;
}

.nav > li.search {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: right;
  padding: 11px 6px;
  position: relative;
}

.nav > li.search:hover {
  background-color: transparent;
}

.nav > li input {
  padding: 7px 6px 6px 38px;
  margin: 0 5px;
  color: #fff;
  border: none;
  background-color: #16a085;
  font-size: 14px;
  border: 2px solid #16a085;
}

.nav > li input:focus {
  outline: none;
  border-color: white;
}

.nav > li.search i {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #fff;
  font-size: 17px;
}

.dev {
  display: none;
}

.jumbotron {
  color: #4b4b4b;
  text-align: center;
  padding: 20px;
}

.jumbotron h2, .jumbotron h3, .jumbotron h5 {
  margin-bottom: 18px;
  margin-bottom: 1em;
  border-bottom: none;
}

.jumbotron h2 {
  font-size: 2em;
  margin-bottom: 20px;
}

.jumbotron h3 {
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.8;
}

.jumbotron h5 {
  font-weight: 700;
  font-size: 20px;
}

.mortgage-situation {
  max-width: 930px;
  margin: 0 auto;
}

.mortgage-situation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mortgage-situation ul > li {
  padding: 0px;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
}

.mortgage-situation ul > li p {
  text-align: center;
}

.mortgage-situation ul .situation-icon {
  background-color: #02465b;
  border: 5px #fff solid;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  margin: 15px;
  width: 140px;
  height: 140px;
}

.mortgage-situation ul .situation-icon.equity {
  background-color: #50aa00;
}

.mortgage-situation ul .situation-icon.purchase {
  background-color: #ffa500;
}

.mortgage-situation ul .situation-icon.fha {
  background-color: #b2248c;
}

.mortgage-situation ul .situation-icon.credit {
  background-color: #1485a8;
}

/*
CUSTOM.CSS INCLUDE

*/
.header-logo {
  /*background-color:#000;*/
  padding: 12px 24px;
}

.header-logo img {
  max-width: 100%;
  width: 100%;
  width: 300px;
  height: 55px;
}

.footer-left-menu ul li {
  display: inline-block;
  border-right: 1px #999 solid;
  padding-right: 8px;
  margin-right: 8px;
  line-height: 20px;
}

.footer-left-menu ul li:last-child {
  border-right: 0px;
  margin-right: 0px;
}

#mobilecontact-container {
  display: none;
}

#s {
  width: 100px;
}

#frmResponseWrapperError, .error {
  color: red;
}

#privacyIcon {
  margin: 8px auto 2px 6px;
  color: #a1a9b3;
  font-size: 12px;
  padding-left: 24px;
  background: url(img/lock.png) no-repeat 0 center;
}

#trending-nav {
  background-color: #EEE;
  padding: 16px 16px;
}

#trending-nav .standout {
  font-weight: bold;
}

#trending-nav .menu-trending-container, #trending-nav ul {
  display: inline;
}

#trending-nav ul li {
  display: inline-block;
  padding: 4px 4px;
}

.breadcrumb {
  margin-bottom: 16px;
}

#featured-contributors {
  list-style-type: none;
}

.contributors-author {
  display: inline-block;
  width: 32%;
}

.contributors-author img {
  border-radius: 50%;
  max-width: 100px;
}

.contributors-author .contributor-avatar {
  text-align: center;
}

.contributors-author .author-name {
  text-align: center;
  font-size: 13px;
}

.entry-content #featured-contributors li {
  margin-left: 0px;
  min-height: 160px;
  margin-bottom: 8px;
}

#header_search_wrapper {
  float: right;
  padding: 12px 12px 0px 0px;
  width: 300px;
}

#header_search_wrapper #s {
  width: 200px;
  margin-right: 6px;
}

.site-header h1 {
  display: inline;
}

#generic-contact-form {
  max-width: 500px;
}

#generic-contact-form .widget-title {
  color: #0B91EA;
  font-weight: 700;
  margin-bottom: 8px;
  padding-bottom: 8px;
  font-size: 24px;
  border-bottom: 1px #CCC solid;
}

.entry-content h3 {
  margin-top: 0px;
  line-height: normal;
}

.entry-content .lawyer-profile-header .website {
  position: relative;
  padding-left: 30px;
}

.entry-content .lawyer-features ul {
  list-style: none;
}

/* ----------------------------------------
    CUSTOM FULL-WIDTH FORM OVERRIDES
   ---------------------------------------- */
.entry-content h2.hdr_contributors_latest_articles {
  margin-top: 12px;
  border-top: solid 1px #e9e9e9;
  padding-top: 20px;
  margin-bottom: 7px;
  padding-bottom: 7px;
}

table.contributors_articles td {
  padding: 14px 14px 0px 14px;
  font-size: 14px;
}

table.contributors_articles td img {
  border-radius: 50%;
}

#content .gsc-control-cse .gs-spelling, #content .gsc-control-cse .gs-result .gs-title, #content .gsc-control-cse .gs-result .gs-title * {
  font-size: 16px;
}

#content .gs-webResult .gs-snippet, #content .gs-imageResult .gs-snippet, #content .gs-fileFormatType {
  font-size: 14px;
}

/* ----------------------------------------
    SIDEBAR FORM OVERRIDES
   ---------------------------------------- */
.contact_form_response {
  text-align: center;
  font-size: 14px;
}

ul.cities {
  margin: 12px 0px 12px 24px;
}

.cities li {
  list-style-type: disc;
  margin-bottom: 6px;
}

#primary .select2-container .select2-selection--single {
  height: 40px !important;
  border: 1px solid #DDD !important;
  margin: 5px !important;
  line-height: 40px !important;
  width: 100%;
}

#primary .select2-selection__rendered, #secondary .select2-selection__rendered {
  color: #AAA !important;
}

#primary .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}

#primary .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
  top: 5px  !important;
}

#secondary .select2-container, #mobilecontact-container .select2-container {
  width: 100% !important;
  font-size: 14px;
}

#secondary .select2-container .select2-selection--single, #mobilecontact-container .select2-container .select2-selection--single {
  border: 1px solid #CCC !important;
}

select.form-control.select2-hidden-accessible {
  display: none;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  width: auto !important;
  height: auto !important;
  border-color: #474747;
  background-color: #474747  !important;
  background-image: none;
  -webkit-filter: none;
          filter: none;
}

.frmContactSidebar {
  padding: 8px 0px;
  background-color: #FFF;
}

.frmContactSidebar label {
  display: block;
}

.frmContactSidebar .required {
  color: red;
}

.frmContactSidebar .field_row {
  margin-bottom: 8px;
}

.frmContactSidebar input[type=text], .frmContactSidebar input[type=email] {
  width: 85%;
}

.frmContactSidebar select {
  width: 89%;
  padding: 4px 0px;
}

.frmContactSidebar textarea {
  width: 90%;
  height: 100px;
}

.frmContactSidebar .g-recaptcha {
  width: 90%;
}

.frmContactSidebar #recaptcha1 {
  max-width: 290px;
}

.btn_sidebar_submit {
  margin-top: 8px;
  font-size: 15px;
  padding: 4px;
  background-color: #004276;
  color: #FFF;
}

#generic-contact-form #widget_contact_name {
  position: relative;
  top: 5px;
}

/* Video Widget */
.textwidget .wpzoom_media li {
  margin-left: 0px;
}

.wpzoom_media .open .description {
  margin: 10px 0 5px;
  font-size: 12px;
  line-height: 16px;
  color: #858585;
  font-style: italic;
}

.wpzoom_media .hide {
  display: none;
}

.wpzoom_media li {
  border-bottom: 1px dotted #EFEFEF;
  list-style-type: none;
  padding: 0 0 7px;
  margin: 0 0 7px;
  line-height: 20px;
}

.wpzoom_media li a {
  font-weight: normal;
  background: url("img/video.png") no-repeat;
  padding-left: 24px;
}

.wpzoom_media li a.active {
  font-weight: bold;
}

.widget .cover {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.widget .cover iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mobilecontact-container {
  width: 96%;
  max-width: 600px;
  padding: 12px 24px;
  border: 1px #CCC solid;
  margin: auto;
  clear: both;
  background-color: #FFF;
  margin-top: 8px;
  margin-bottom: 8px;
}

#mobilecontact-container .widget-title {
  font-weight: bold;
  color: #e05e57;
  text-align: center;
  margin-bottom: 8px;
  font-weight: 700;
}

.alert {
  margin-bottom: 12px;
  padding: 12px;
}

.alert-danger {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  border-color: #dca7a7;
}

.alert-danger h3 {
  color: red;
}

.treatment-centers th {
  text-transform: none;
}

.content-full-width .below-title-meta {
  margin-left: -2.1%;
  width: 104.2%;
}

@media screen and (max-width: 768px) {
  .contributors-author {
    width: 49%;
    font-size: 12px;
  }
  .contributors-author img {
    max-width: 50px;
  }
  ul.counties_list {
    width: 100%;
  }
  ul.states_list {
    width: 49%;
  }
  #header_search_wrapper {
    width: 150px;
  }
  #header_search_wrapper #s {
    width: 70px;
  }
  .selectnav {
    display: block;
  }
  #mobilecontact-container {
    display: block;
  }
  .tax-state #mobilecontact-container {
    display: none;
  }
  #mobilecontact-container .frmContactSidebar {
    padding: 8px;
  }
}

@media screen and (max-width: 640px) {
  #header_search_wrapper {
    float: none;
    margin: auto;
    display: none;
  }
  .lawyer-profile-header {
    display: block;
  }
  .header-logo img {
    max-width: 100%;
    width: inherit;
    width: inherit;
    height: inherit;
  }
}

@media screen and (max-width: 480px) {
  ul.counties_list {
    width: 100%;
  }
  ul.states_list {
    width: 50%;
  }
}

.widget .ad-block .ad-block-form-wrapper {
  margin-top: 0px;
  border-top: 0px;
  padding-top: 2px;
}

/*Index.php styles*/
.main-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 60px 20px;
}

.main-block > .content-block > * {
  margin: 20px auto;
}

.main-block h5 {
  margin-top: 0;
  font-size: 16px;
}

.main-block .content-block {
  max-width: 700px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.main-block > img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 330px;
          flex: 0 0 330px;
  margin-right: 0;
  margin-left: 50px;
}

@media screen and (max-width: 1024px) {
  .main-block > img {
    display: none;
  }
  .main-block .content-block {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.featured-infographics {
  padding: 50px 0;
}

.featured-infographics h5 {
  margin-left: 20px;
  font-size: 16px;
  margin: 0 20px 0px;
}

.featured-infographics .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0;
}

.featured-infographics .container > div {
  height: 280px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 45%;
  min-width: 280px;
  background-size: cover;
  background-color: #b2248c;
  position: relative;
}

@media screen and (max-width: 1024PX) {
  .featured-infographics .container > div {
    max-width: 100%;
    margin: 20px;
  }
}

.featured-infographics .container > div:last-of-type {
  background-color: #50aa00;
}

.featured-infographics .container > div a {
  display: block;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.featured-infographics .container > div h4 {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 30px;
  margin: 20px;
  color: #fff;
  text-align: right;
}

.quote-block {
  width: 100%;
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.quote-block .quote-img {
  display: none;
}

@media screen and (min-width: 980px) {
  .quote-block .quote-img {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 70px 0 140px;
  }
}

.quote-block #SideForm > .row > .col {
  background-color: transparent !important;
  padding: 0 !important;
}

.quote-block #AppFormTop {
  background-color: #fff !important;
}

.quote-block [id^="appstep"] > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.quote-block [id^="appstep"] > .row .col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.quote-block [id^="appstep"] > .row .col label {
  display: none;
}

.quote-block [id^="appstep"] > .row .col > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.hidehome {
  display: none;
}

.scores-block {
  background-color: #02465b;
  color: #fff;
  padding: 2.25rem 20px;
  margin-bottom: 80px;
  text-align: center;
}

.scores-block h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.scores-block p {
  margin-bottom: 50px;
}

.scores-block .score-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.scores-block .score-types .score {
  background-color: #fff;
  color: #4d4d4d;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 10px;
  padding: 20px;
}

.scores-block .score-types .score h3 {
  font-size: 24px;
  margin: 0px auto 20px;
  color: #ffa500;
}

.scores-block .score-types .score p {
  margin-bottom: 1rem;
}

.hot-tips {
  margin: 2.25rem 20px 80px;
}

.hot-tips img {
  max-width: 100%;
}

.hot-tips h5 {
  font-size: 16px;
  font-size: 1rem;
}

.hot-tips > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.hot-tips > div ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

@media screen and (max-width: 1024PX) {
  .hot-tips > div ul {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.hot-tips li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #cccccc;
}

.hot-tips li:first-of-type {
  border-top: 1px solid #ccc;
}

.hot-tips li > a {
  display: block;
  padding: 10px 0;
  color: #4b4b4b;
}

@media screen and (max-width: 960px) {
  .hot-tips > div ul {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 600px) {
  .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.media {
  background-color: #efefef;
  padding: 16px;
}

.media .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
  display: block;
  width: 150px;
  height: auto;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 1.6rem;
}

.media h4, .media h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.grid-wrapper > h1,
.grid-wrapper > h4 {
  margin: 0;
  padding: 0 20px;
}

.grid-wrapper .header h1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

/* no grid support? */
/* make a grid */
.grid-wrapper {
  max-width: 1184px;
  margin: 0 auto;
  background-color: #fff;
}

.grid-wrapper > * {
  border-radius: 5px;
  padding: 20px;
  /* needed for the floated layout*/
  margin-bottom: 10px;
}

.header {
  padding-bottom: 2rem;
}

.header,
.footer {
  grid-column: 1 / -1;
  /* needed for the floated layout */
  clear: both;
}

.header .article-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  padding: 32.5px 0;
  border-top: 1px solid #BBBCC0;
  border-bottom: 1px solid #BBBCC0;
}

.header .article-meta .author a {
  margin-left: 16px;
  margin-right: 32px;
  color: #4B4B4B;
  font-weight: 700;
}

.header .article-meta a {
  font-weight: 700;
}

.header .article-meta .author a:first-of-type {
  margin-left: 0;
  margin-right: 0;
}

.header .article-meta .author a.twitter {
  color: #50AA00;
}

.header .article-meta .author a.twitter i {
  margin-right: 5px;
}

.post-date {
  color: #BBBCC0;
}

.post-date > span {
  font-weight: 700;
  color: #4B4B4B;
}

.header .article-meta > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 0;
}

.header .article-meta > .views {
  margin-left: auto;
  margin-right: 0;
}

.grid-wrapper div[class^="widget-"] {
  font-size: 100%;
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}

.grid-wrapper div[class^="widget-"] > .btn {
  margin: 0 auto;
  display: block;
}

.grid-wrapper div[class^="widget-"] > p:first-of-type {
  background-color: #e5e5e5;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  padding: 8px 16px;
}

.grid-wrapper div[class^="widget-"] h5 {
  margin-top: 0;
}

.widget-interaction del,
.widget-interaction span {
  font-size: 2rem;
}

.gumroad-button.big {
  width: 100%;
  display: block;
  margin: 1rem auto;
}

.notice {
  font-size: 1.25rem;
}

#video-img iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nav-trigger {
  width: 100%;
  background-color: #c05131;
  color: #fff !important;
  text-align: center;
  display: block;
  padding: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 980px) {
  .grid-wrapper > h1 {
    font-size: 48px;
  }
  .grid-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 2fr;
        grid-template-columns: 4fr 2fr;
    grid-gap: 10px;
    width: 100%;
  }
  @supports (display: grid) {
    .grid-wrapper {
      display: -ms-grid;
      display: grid;
    }
  }
  #secondary {
    float: left;
    padding-top: 8px;
  }
  .discontent {
    float: left;
    width: calc(100% - 360px);
    padding-top: 0;
  }
  #video-img {
    margin-bottom: 20px;
  }
  .nav-trigger {
    display: none;
  }
}

/* We need to set the widths used on floated items back to auto, and remove the bottom margin as when we have grid we have gaps. */
@supports (display: grid) {
  .grid-wrapper > * {
    width: auto;
    margin: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  .grid-wrapper {
    display: block;
  }
  #secondary {
    width: 304px;
    max-width: 304px;
  }
}
/*# sourceMappingURL=style.css.map */