/*
Theme Name: Axway Blog 2022
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
  ## Search Results
  ## Home Page Category Links
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
## Uberflip
# Utility Classes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400&family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;1,300;1,400&family=Roboto+Slab:wght@300;400;500&family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap");

body {
  margin: 0;
  -webkit-font-smoothing: auto;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #000 !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;
}
h1 {
  font-weight: 400;
  font-family: "Roboto Slab", Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 48px !important;
  line-height: 1.25 !important;
  padding-bottom: 10px !important;
}
h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 1.31;
  padding-bottom: 0.3em;
}
.entry-content h2 {
  color: #006580 !important;
  font-size: 28px !important;
  font-weight: 500;
  margin-bottom: 16px !important;
  margin-top: 48px !important;
  line-height: 1.33 !important;
}
h3 {
  font-weight: 500;
  line-height: 1.33;
  font-size: 24px !important;
}
h4 {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 1.5;
}
h5 {
  font-family: "Roboto Condensed";
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
h6 {
  font-size: 18px !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
}
h6.trending-title {
  color: #006580 !important;
  font-weight: 500 !important;
}
p {
  color: black !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  margin-bottom: 1.5em;
}
.entry-content p {
  font-size: 20px !important;
  font-weight: normal;
}
h1.entry-title {
  color: black;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  font-size: 32px !important;
  /* font-weight: 400; */
  font-weight: 500;
  margin-top: 20px;
}
.entry-header h2.entry-title {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 12px;
  padding-bottom: 0;
/* font-family: Roboto; */
}

body.search .entry-header h2.entry-title,
body.archive .entry-header h2.entry-title {
  margin-top: 16px;
}

/* h2.entry-title {
  border-bottom: 1px solid #eaecef;
} */
h3.widget-title {
  font-size: 1.2rem;
}

.entry-content li {
  color: black;
  font-size: 20px;
  font-weight: normal;
}

.entry-content blockquote {
  background: #F3F3F3 url(quote.svg) left top no-repeat;
  margin: 28px 0;
  padding: 20px 24px 12px 60px;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.entry-content pre {
  width: 250px;
}

@media screen and (min-width: 768px) {
  .entry-content pre {
    width: 525px;
  }
}

@media screen and (min-width: 992px) {
  .entry-content pre {
    width: 600px;
  }
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  align-items: center;
  background-color: #006580;
  border-bottom: 1px solid #B9EDEB;
  /* box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1); */
  display: flex;
  margin-top: 88px;
  /* margin-top: 101px; */
  margin-bottom: 0;
  min-height: 76px;
  padding: .74rem 1rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

@media screen and (min-width: 992px) {
  header#masthead {
    margin-top: 101px;
  }
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  visibility: hidden;
  position: relative;
  /* padding-top: 80px; */
  /* padding-top: 5rem; */
  padding-bottom: 0;
  /* text-align: center; */
  font-size: 1.25rem;
  background-size: cover !important;
  margin-top: 35px;
}

@media screen and (min-width: 768px) {
  #page-sub-header {
  margin-top: 80px;
    visibility: visible;
  }
}


#page-sub-header h1 {
  font-size: 42px !important;
  font-weight: 500 !important;
}

#page-sub-header h1 a {
  color: black;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.33;
  font-size: 4rem;
  color: black;
  /* margin: 0 0 1rem; */
  margin: 0;
  border: 0;
  padding: 0;
  padding-bottom: 0 !important;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
    height: 100px;
    padding-top: 25px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 992px) {
  body:not(.theme-preset-active) #page-sub-header {
    height: 200px;
  }
  /* body:not(.theme-preset-active) #page-sub-header h1 {
   margin-left: 35px;
  } */
  #page-sub-header {
    align-items: center;
    display: flex;
    height: 200px;
  }
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}

#subhead {
    background-color: #B9EDEB;
    padding-top: 24px;
    margin-top: 164px;
}

@media screen and (min-width: 768px) {
  #subhead {
    margin-top: 151px;
    padding-top: 37px;
  }
}

@media screen and (min-width: 992px) {
  #subhead {
    padding-top: 0px;
    margin-top: 178px;
  }

  body.home #subhead {
    padding-top: 48px;
  }
}

body.home #subhead {
  /* background-color: #006580; */
  background-color: transparent;
  background-image: linear-gradient(to bottom, #006580 459px, #FFFFFF 200px, #FFFFFF);
  background-position: left top;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  body.home #subhead {
    /* background-color: #006580; */
    background-image: url("charcoal_bg.svg"), linear-gradient(to bottom, #006580 571px, #FFFFFF 200px, #FFFFFF);
    background-position: right 30%, left top;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 992px) {
  body.home #subhead {
    /* background-color: #006580; */
    background-image: url("charcoal_bg.svg"), linear-gradient(to bottom, #006580 431px, #FFFFFF 200px, #FFFFFF);
    background-position: 79% top, left top;
  }
}

#subhead .container {
  max-width: 1192px;
  padding: 0;
  position: relative;
  width: 72%;
}

body.archive #subhead {
  background-image: url("archive_grid.svg");
  background-position: 0 0;
  background-repeat: repeat;
}

body.search-results #subhead {
  background-color: #F3F3F3;
  background-image: url("search_results_grid.svg");
  background-position: 0 0;
  background-repeat: repeat;
}

body.archive #subhead .container,
body.search-results #subhead .container {
  width: 84%;
}

@media screen and (min-width: 768px) {
  #subhead .container {
    width: 87%;
  }
  body.archive #subhead .container,
  body.search-results #subhead .container {
    width: 87%;
  }
}

@media screen and (min-width: 992px) {
  #subhead .container {
    width: 93.75%;
  }
}

#subhead .wp-block-search .wp-block-search__inside-wrapper {
  flex-direction: row-reverse;
}

#subhead .wp-block-search .wp-block-search__input {
  border: none;
  font-family: Roboto, sans-serif;
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  #subhead .wp-block-search .wp-block-search__input {
    padding-left: 42px;
  }
}

body.home #subhead .wp-block-search .wp-block-search__button {
  background-color: #B9EDEB !important;
}

#subhead .wp-block-search .wp-block-search__button {
  background-color: #006580 !important;
  border: none !important;
  height: 60px;
  width: 60px;
}

#subhead .widget_search,
#subhead article {
  border-bottom: none;
  /* margin-bottom: 60px; */
  width: 100%;
}

#subhead .widget_search {
  margin-bottom: 0px;
}

body.home #subhead .widget_search {
  margin-bottom: 35px;
}

#subhead .widget_search form {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  #subhead .widget_search {
    margin-bottom: 46px;
  }

  /* #subhead .widget_search form {
    margin-bottom: 16px;
  } */
}

@media screen and (min-width: 992px) {
  #subhead .widget_search,
  #subhead article {
    width: 96%;
  }

  #subhead .widget_search {
    margin-bottom: 60px;
  }

  body.single #subhead .widget_search {
    width: 92%;
  }

  body.search-results #subhead .widget_search {
    margin-bottom: 32px;
    /* width: 93%; */
    width: 92.75%;
  }

  body.archive #subhead .widget_search {
    width: 92.75%;
  }
}

#subhead article .container {
  width: 100%;
}

#subhead form {
  margin-top: 0px;
}

/* body.home #subhead form {
  margin-top: 16px;
} */

#subhead .widget_search button,
#subhead article button {
  background-image: url("search_icon_alt.svg");
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
}

body.home #subhead .widget_search button,
body.home #subhead article button {
  background-image: url("search_icon.svg");
}

#sort-form {
  background-color: #fff;
  border-bottom: 4px solid #006580;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  margin-bottom: 36px;
  padding-top: 16px;
  padding-left: 24px;
}

#sort-form .block-title {
  font-weight: 500;
  line-height: 1.3;
  /* margin-bottom: 31px; */
  margin-bottom: 26px;
}

#sort-form ul {
  display: flex;
  margin-right: 26px;
  padding-left: 0;
}

#sort-form li {
  align-items: center;
  display: flex;
  list-style: none outside none;
  margin-right: 26px;
}

@media screen and (min-width: 768px) {
  #sort-form {
    width: 468px;
  }
}

@media screen and (min-width: 992px) {
  #sort-form {
    width: auto;
  }
  #sort-form ul {
    flex-direction: column;
  }

  #sort-form li {
    margin-bottom: 16px;
    margin-right: 0;
  }

  #sort-form li:last-child {
    margin-bottom: 9px;
  }
}

#sort-form li label {
  align-items: center;
  color: #000;
  cursor: pointer;
  display: flex;
  font-family: Roboto;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  text-align: left;
}

#sort-form li label span {
  margin-left: 16px;
}

#sort-form input[type="radio"] {
  display: none;
}

#sort-form input[type="radio"] {
  align-items: center;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #f3f3f3;
  /* display: flex; */
  display: grid;
  place-content: center;
  width: 18px;
  height: 18px;
}

#sort-form input[type="radio"]:before {
  /* align-items: center; */
  content: "";
  /* display: flex; */
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #006580;
}

#sort-form input[type="radio"]:checked:before {
  /* background-color: #006580;
  color: white;
  content:"✓";
  justify-content: center;
  width: 22px;
  height: 22px; */
  transform: scale(1);
}

#sort-form input[type="radio"]:checked + label {
  color: #006580;
}


body.home #subhead article.post {
  box-shadow: none;
  border-bottom: none;
}

body.home #subhead article.post:hover {
  border-bottom-color: inherit;
}

body.home #subhead article.post:hover h2.entry-title a{
  color: #FFF;
}

#subhead article .entry-header h2.entry-title {
  color: white !important;
  font-size: 32px;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  #subhead article .entry-header h2.entry-title {
    /* margin-top: 27px; */
    margin-top: 10px;
  }
}

#subhead article .entry-header .read-now-link,
#subhead article .entry-header .btn-red,
#subhead article .entry-header .btn-red:hover {
  /* Special styles for link buttons in subhead post */
  background-color: #fff;
  border: none;
  color: #006580;
  padding: 0 8px;
}

#subhead article .entry-header .read-now-link {
  color: black;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.31;
  padding: 14px 17px 12px;
}

#subhead article .entry-header h2.entry-title a:hover {
  color: white;
}

#subhead .entry-meta,
#subhead .entry-meta > span,
#subhead .entry-meta > span a {
  color: white;
}

#subhead .entry-meta {
  margin-bottom: 28px;
}

.page-header h1 {
  font-family: Roboto !important;
  font-size: 32px !important;
  font-weight: 500;
  line-height: 42px !important;
  margin-bottom: 41px;
  padding-bottom: 0 !important;
}

@media screen and (min-width: 992px) {
  .page-header h1 {
    /* margin-bottom: 70px; */
    margin-bottom: 62px;
  }

  body.archive .page-header h1 {
    /* margin-bottom: 65px; */
    margin-bottom: 48px;
  }

  body.search-results .page-header h1 {
    /* margin-bottom: 53px; */
    margin-bottom: 47px;
  }
}

.page-header h1 span {
  color: #006580;
}

body.archive .page-header h1 span {
  color: #000;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#navigation .container {
  width: 100% !important;
}

#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: white;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 16px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #fff;
  /* font-weight: 600; */
  /*background: #f9f9f9;*/
}

body:not(.theme-preset-active) #main-nav .navbar-nav > li.show a {
    color: #B9EDEB;
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

@media screen and (min-width: 1200px) {
.navbar-expand-xl .navbar-nav {
width: 63%;
justify-content: space-between;
}
}

.navbar-nav .dropdown-menu {
  color: #FFF;
  font-size: 16px;
  line-height: 1.25;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
  border: none;
  content: "+";
}

#masthead .navbar-toggler {
  /* margin-left: 21px; */
  margin-left: 10px;
}

#main-nav {
  margin-top: 14px;
  margin-left: 17px;
}

@media screen and (min-width: 768px) {
  #main-nav {
    justify-content: center;
  }
}

.navbar-nav li {
  margin-bottom: 12px;
}

.navbar-nav li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .navbar-nav li {
    /* margin-right: 23px; */
    margin-right: 11px;
  }
}

@media screen and (min-width: 992px) {
  #main-nav .navbar-nav > .dropdown > .dropdown-menu {
    top: 73%;
  }
  #main-nav .navbar-nav > .dropdown:hover > .dropdown-menu {
    display: block;
  }
  #main-nav .navbar-nav > li {
    margin-right: 64px;
    margin-bottom: 0;
    height: 47px;
  }
  #main-nav .navbar-nav ul.dropdown-menu li.dropdown {
    margin-right: 0;
    /* padding-right: 56px; */
    padding-right: 13px;
  }
}

 /* #menu-item-64574 a {
  background-image: url("house.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 31px;
 } */
#menu-item-64880 a::before {
  background-image: url("house.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 13px;
  width: 20px;

}

.navbar-nav .dropdown-menu {
  margin-top: 12px;
}


.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    /* top: 0; */
    /* top: -10px; */
    /* left: 100%; */
    top: -36px;
    /* left: 76%; */
    left: 56%;
    /* margin-top: -6px;
    margin-left: -1px; */
    margin-top: 20px;
    margin-left: 48px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: inline-block;
    float: right;
    content: "+";
    width: 0;
    height: 0;
    /* margin-top: 5px; */
    /* margin-top: 7px; */
    margin-right: 2px;
    margin-left: 13px;
}

@media screen and (min-width: 1200px) {
  .dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    /* border-color: transparent; */
    /* border-left-color: #000;
    border-left-color: #FFF;
    border-style: solid;
    border-width: 5px 0 5px 5px; */
    content: "+";
    display: inline-block;
    float: right;
    margin: 0;
  }
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

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

.dropdown-item {
  color: #FFF !important;
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

@media screen and (min-width: 768px) {
  .dropdown-item {
    color: #4A4F54 !important;
  }
ul.dropdown-menu li.menu-item:hover a {
  color: #000000 !important;
}
}


#masthead .dropdown-menu {
  /* min-width: 12.500rem; */
  background-color: transparent;
  min-width: 240px !important;
  /* padding-top: 15px !important; */
}

@media screen and (min-width: 1200px) {
  #masthead .dropdown-menu {
    min-width: 301px !important;
  }
}

#masthead .dropdown-menu {
  padding-top: 15px;
}

@media screen and (min-width: 768px) {
  #masthead .dropdown-menu {
    background-color: #fff;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
  }
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 768px) {
  .navbar-nav .dropdown-toggle::after {
    border: none;
    content: "+";
    display: inline-block;
    float: right;
    margin-left: 13px;
    vertical-align: baseline;
  }

  .dropdown-menu {
    padding-top: 0 !important;
  }

  .navbar-nav .dropdown-item {
    color: #FFF;
  }

  .navbar-nav .dropdown-item.active,
  .navbar-nav .dropdown-item:active {
    background-color: transparent;
  }

  .navbar-nav .dropdown-item:hover,
  .navbar-nav .dropdown-item:focus {
    color: white;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    /* margin-left: 1.250rem; */
    margin-left: 48px;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  /* border: 1px solid #ddd; */
  border: none;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: "  \21E2";
}

.post-navigation .nav-previous a::before {
  content: "\21E0  ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

.more {
  margin-top: 48px;
  margin-bottom: 58px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

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

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

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

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

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

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
  width: 100% !important;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
body.single #secondary {
  display: none;
}

body.search #secondary {
  padding-right: 20px;
}

@media screen and (min-width: 768px) {
  body.search #secondary,
  body.archive #secondary {
    display: flex;
    justify-content: center;
  }
}

@media screen and (min-width: 992px) {
  body.search #secondary,
  body.archive #secondary {
    display: block;
  }

  body.single #secondary {
    display: block;
    position: relative;
    padding-left: 0;
  }
}

@media screen and (min-width: 992px) {
  body.home #primary {
    padding-left: 0;
  }
  body.single #primary {
    padding-right: 0;
    flex: 0 0 71%;
    max-width: 71%;
  }
}

body.archive #primary,
body.search #primary {
  padding-left: 53px;
  padding-right: 53px;
}

@media screen and (min-width: 768px) {
  body.archive #primary,
  body.search #primary {
    margin-left: 15px;
    padding-left: 0px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 992px) {
  body.archive #secondary,
  body.search #secondary {
    padding-left: 0;
  }
  body.archive #primary,
  body.search #primary {
    flex: 0 0 68%;
    max-width: 68%;
    padding-right: 0;
  }
}

.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

#trending {
  background-color: #fff;
  margin-top: 72px;
  position: absolute;
  /* left: 10px; */
  /* left: -81px; */
  /* bottom: -77px; */
  /* bottom: -78px; */
  padding: 20px 41px 20px 0px;
  /* width: 311px; */
  z-index: 1;
}

.trending-posts .trending-post {
  display: none;
}
.trending-posts .trending-post:first-child {
  display: block;
}
.trending-posts .slick-initialized .trending-post {
  display: block;
}

@media screen and (min-width: 400px) {
  #trending {
    /* width: 376px; */
  }
}

@media screen and (min-width: 768px) {
  #trending {
    /* bottom: 65px; */
    /* bottom: -42px; */
    /* bottom: 52px; */
    /* height: 200px; */
    /* left: -77px; */
    /* left: -16px; */
    /* min-height: 142px; */
    margin-top: 264px;
    padding-top: 40px;
    padding-bottom: 40px;
    /* width: 442px; */
  }
}

@media screen and (min-width: 845px) {
  #trending {
    height: 204px;
  }
}

@media screen and (min-width: 992px) {
  #trending {
    /* bottom: 65px; */
    height: 60px;
    margin-top: 72px;
    min-width: 761px;
    padding-bottom: 27px;
  }
}

/* @media screen and (min-width: 1032px) { */
@media screen and (min-width: 1004px) {
  #trending {
    height: 158px;
    padding-top: 20px;
    /* padding-bottom: 20px; */
    /* min-width: 761px; */
    padding-bottom: 77px;
    /* width: 761px; */
  }
}

@media screen and (min-width: 1015px) {
  #trending {
    /* margin-top: 113px; */
    /* margin-top: 128px; */
    /* margin-top: 100px; */
    margin-top: 0;
    top: -99px;
    /* top: -159px; */
  }
}

@media screen and (min-width: 1200px) {
  #trending {
    /* bottom: 42px; */
  }
}

@media screen and (min-width: 1271px) {
  #trending {
    /* bottom: 66px; */
  }
}

.trending-post-title a {
  color: black;
}

.trending-post-title a:hover {
  border-bottom: 1px solid #000;
  color: black;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.progress-bar {
  height: 15px !important;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
@media screen and (min-width: 992px) {
  body.home #main > .container {
    padding-left: 0;
  }
}

body.single #main > .container {
  padding-left: 0;
  width: 92%;
}

@media screen and (min-width: 768px) {
  body.single #main > .container {
    /* width: 97%; */
    width: 94%;
  }
}

@media screen and (min-width: 992px) {
  body.single #main > .container {
    width: 97%;
  }
}

#filter {
  /* margin: 0; */
  /* margin-top: 47px; */
  margin-top: 61px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #filter {
    margin-top: 96px;
  }
}

#filter .row {
  justify-content: center;
}

#post-categories {
  background-color: #B9EDEB;
  display: block;
  margin-bottom: 17px;
  padding-left: 0;
  padding: 15px 28px 15px 28px;
  width: 750px;
}

@media screen and (min-width: 768px) {
  #post-categories {
    display: flex;
    justify-content: space-between;
  }
}

#post-categories li {
  font-weight: 500;
  list-style: none outside none;
}

#post-categories li a {
  display: block;
  font-size: 16px;
  border-bottom: none;
  padding: 10px 20px;
  text-decoration: none;
}

#post-categories li:hover,
#post-categories li.current {
  background-color: #006580;
}

#post-categories li:hover a,
#post-categories li.current a {
  color: white;
}

#prod-categories {
  display: block;
  margin-bottom: 42px;
  padding-left: 0;
  width: 556px;
}

@media screen and (min-width: 768px) {
  #prod-categories {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
  }
}

#prod-categories li {
  align-items: center;
  display: flex;
  font-weight: 500;
  list-style: none outside none;
}

#prod-categories input[type="checkbox"] {
  align-items: center;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #f3f3f3;
  /* display: flex; */
  display: grid;
  place-content: center;
  width: 22px;
  height: 22px;
}

#prod-categories input[type="checkbox"]:before {
  /* align-items: center; */
  content: "";
  /* display: flex; */
  width: 12px;
  height: 12px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #006580;
}

#prod-categories input[type="checkbox"]:checked:before {
  /* background-color: #006580;
  color: white;
  content:"✓";
  justify-content: center;
  width: 22px;
  height: 22px; */
  transform: scale(1);
}

#prod-categories label {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 0 12px;
}

#load-more {
  color: white;
}

#content.site-content {
  /* background: linear-gradient(to bottom, #b9edeb 531px, #FFFFFF 200px, #FFFFFF); */
  background-image: linear-gradient(to bottom, #b9edeb 338px, #FFFFFF 200px, #FFFFFF);
  /* background: url("teal_hero.svg") left top no-repeat; */
  /* background-size: cover; */
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

body.archive #content.site-content {
  background-image: url("archive_grid_v2.svg"), linear-gradient(to bottom, #b9edeb 335px, #FFFFFF 200px, #FFFFFF);
  background-position: left top;
  background-repeat: repeat-x;
  padding-top: 0;
}

body.search-results #content.site-content {
  background-image: url("search_results_grid_v2.svg"), linear-gradient(to bottom, #f3f3f3 304px, #FFFFFF 200px, #FFFFFF);
  background-position: left top;
  background-repeat: repeat-x;
}

@media screen and (min-width: 992px) {
  body.search-results #content.site-content {
    padding-top: 28px;
  }
}


#content.site-content > .container {
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (min-width: 768px) {
  body.single #content.site-content {
    background-image: url("white_squares_article.svg"), linear-gradient(to bottom, #b9edeb 338px, #FFFFFF 200px, #FFFFFF);
    /* background-position: 90% 148px, left top; */
    background-position: 82% 148px, left top;
    background-repeat: no-repeat;
    padding-top: 0;
  }
}

/* @media screen and (min-width: 880px) {
  body.single #content.site-content {
    background-position: 90% 148px, left top;
  }
} */

@media screen and (min-width: 992px) {
  /* #content.site-content {
    background: linear-gradient(to bottom, #b9edeb 297px, #FFFFFF 200px, #FFFFFF);
  } */
  #content.site-content > .container {
    padding-left: 0px;
    padding-right: 15px;
    max-width: 1192px;
  }
}

body.home #content.site-content {
  background: white;
  padding-top: 11px;
}

/* body.home #content.site-content {
body.search #content.site-content {
  width: 93.75%
} */

.sticky .entry-title::before {
  /* content: '\f08d'; */
  content: '';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: static;
}

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

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

/* .entry-content {
  margin-bottom: 80px;
} */

@media screen and (min-width: 768px) {
  .entry-content {
    margin-left: 60px;
    margin-right: 60px;
  }
}

@media screen and (min-width: 992px) {
  .entry-content {
    margin-left: 0px;
    margin-right: 0px;
  }
}

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

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

body.single .post.hentry {
  margin-bottom: 0;
}

.entry-meta {
  margin-bottom: 42px;
}

.entry-meta > span {
  color: black;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

/* .comments-link {
  display: none;
} */

.entry-title > a {
  color: inherit;
}

body.single .sd-sharing {
  display: flex;
  align-items: center;
}

body.single .sd-content {
  margin-left: 24px;
}

body.single h3.sd-title {
  font-family: "Roboto Condensed" !important;
  font-weight: bold;
  font-size: 16px !important;
  letter-spacing: 0.01em;
  line-height: 1.375;
  text-transform: uppercase;
}

body.single div.sharedaddy h3.sd-title {
  margin-bottom: 0;
}

body.single div.sharedaddy h3.sd-title:before {
  display: none;
  margin-bottom: 0;
}

body.single .sd-social-icon-text .sd-content ul li a.sd-button,
body.single .sd-social-icon-text .sd-content ul li a.sd-button:hover {
  background-color: #fff;
  border: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
}

body.single .sd-social-icon-text .sd-content li.share-facebook a,
body.single .sd-social-icon-text .sd-content li.share-facebook a:hover {
  background-image: url(facebook_share.svg);
}

body.single .sd-social-icon-text .sd-content li.share-linkedin a,
body.single .sd-social-icon-text .sd-content li.share-linkedin a:hover {
  background-image: url(linkedin_share.svg);
}

body.single .sd-social-icon-text .sd-content li.share-twitter a,
body.single .sd-social-icon-text .sd-content li.share-twitter a:hover {
  background-image: url(twitter_share.svg);
}

body.single .sd-social-icon-text .sd-content li.share-facebook a::before,
body.single .sd-social-icon-text .sd-content li.share-linkedin a::before,
body.single .sd-social-icon-text .sd-content li.share-twitter a::before {
  content: "";
}

body.single .sd-social-icon-text .sd-content li.share-facebook a span,
body.single .sd-social-icon-text .sd-content li.share-linkedin a span,
body.single .sd-social-icon-text .sd-content li.share-twitter a span {
  font-size: 0;
}

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

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
## Search Results
--------------------------------------------------------------*/
#returned_posts .catablog{
  padding-left: 10px;
  padding-right: 10px;
}

#returned_posts article.post .post-thumbnail {
  background-repeat: no-repeat;
  /* background-size: contain; */
  background-size: cover;
  /* height: 278px; */
  height: 209px;
  margin-bottom: 23px;
  width: 372px;
}

#returned_posts article.post .entry-header {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 24px;
  padding-right: 24px;
}

article.post {
/* .search-result .entry-header { */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* padding-bottom: 26px; */
  /* padding-left: 24px; */
  /* padding-right: 24px; */
}

@media screen and (min-width: 768px) {
  body.home .article-holder {
    display: flex;
  }
}

body.home article.post {
  border-bottom: 4px solid #D22630;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  justify-content: flex-start;
  padding-bottom: 26px;
}

body.home article.post:hover {
  border-bottom-color: #006580;
}

body.home article.post:hover h2.entry-title a{
  color: #006580;
}

body.search-results article.search-result:hover h2.entry-title a,
body.archive article.search-result:hover h2.entry-title a{
  color: #006580;
}

body.search-results article.search-result:hover .bordered,
body.archive article.search-result:hover .bordered {
  border-bottom-color: #006580;
}

article.post .entry-meta {
  justify-content: flex-end;
  margin-bottom: 0;
}
article.post .entry-meta > span {
  /* font-weight: 300; */
  font-weight: normal;
}

article.search-result {
  background-color: #fff;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  /* margin-bottom: 4rem; */
  margin-bottom: 32px;
}

article.search-result .container {
  padding-left: 0;
  padding-right: 0;
}

article.search-result .entry-header {
  /* padding-bottom: 26px;
  padding-left: 24px;
  padding-right: 28px;
  padding-top: 20px; */
  padding: 20px 28px 26px 24px;
}

/* Needed because returning results via Ajax scrubs some classes. */
article.search-result .entry-meta {
  justify-content: flex-end;
  margin-bottom: 0;
}

article.search-result .img-holder {
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 0;
  /* width: 364px; */
  height: 205px;
}

@media screen and (min-width: 768px) {
  article.search-result .img-holder {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 0;
    width: auto;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
article.search-result .text-holder {
  padding-left: 0;
}
}

#takeaways {
  margin-bottom: 48px;
  /* margin-left: -29px;
  margin-right: -44px; */
    margin-left: -51px;
    margin-right: -65px;
}

@media screen and (min-width: 576px) {
  #takeaways {
    margin-left: -51px;
    margin-right: -61px;
  }
}

@media screen and (min-width: 768px) {
  #takeaways {
    margin-left: 0px;
    margin-right: 0px;
  }
}

#takeaways .takeaways {
  background-color: #f3f3f3;
  background-image: url("takeaways_bg.svg");
  background-repeat: repeat-y;
  background-position: 0 0;
  padding: 36px 53px 36px 96px;
}

#takeaways .takeaway-header  {
  padding-left: 30px;
}

@media screen and (min-width: 768px) {
  #takeaways .takeaway-header  {
    padding-left: 0px;
  }
}

#takeaways .takeaway-header div {
  padding-left: 0;
}



#takeaways h2 {
  color: #006580 !important;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 23px;
}


#takeaways ul {
  padding-left: 0;
}

#takeaways li {
  color: #000;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 18px;
}

#takeaways li:last {
  margin-bottom: 0;
}

.ez-toc {
  background: #fff;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  border-bottom: 4px solid #006580;
  margin-top: 194px;
}

.ez-toc span.ez-toc-title {
  display: block;
  margin-top: 16px;
  margin-left: 24px;
  /* font-family: Roboto;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  color: #000; */
}

.ez-toc ul {
padding: 10px 10px 10px 24px;
}

.ez-toc li {
font-weight: normal;
font-size: 20px;
line-height: 1.4 !important;
color: #000;
margin-bottom: 16px !important;
}

.ez-toc li:last-child {
  margin-bottom: 0 !important;
}

.ez-toc li a {
  color: #000;
}

.ez-toc li.active ul li a {
  color: black;
}

.ez-toc li.active {
  background-color: #f3f3f3;
  font-weight: 500;
  margin-left: -24px;
  margin-right: -24px;
  padding: 8px 24px;
}

.ez-toc li.active a {
  color: #006580;
  font-weight: 500;
}

.ez-toc nav {
  padding-left: 14px;
}

.ez-toc-widget-container ul.ez-toc-list li::before {
  content: none;
}

/*--------------------------------------------------------------
## Home Page Category Links
--------------------------------------------------------------*/

 #categories-section {
    background-color: #B9EDEB;
    padding-top: 60px;
 }

@media screen and (min-width: 448px) {
  #categories-section {
    background-image: url("white_squares_right.svg"), linear-gradient(to bottom, #FFFFFF 76px, #B9EDEB 77px, #B9EDEB);
    background-position: 89% 76px, left top;
    /* background-color: #B9EDEB; */
    background-repeat: no-repeat;
    /* padding-top: 60px; */
    padding-bottom: 20px;
  }
}

/* @media screen and (min-width: 992px) { */
@media screen and (min-width: 1770px) {
  #categories-section {
    background-image: url("white_squares_left.svg"), url("white_squares_right.svg"), linear-gradient(to bottom, #FFFFFF 76px, #B9EDEB 77px, #B9EDEB);
    /* background-position: left top, 89% 76px, left top; */
    background-position: -50px top, 89% 76px, left top;
  }
}

@media screen and (min-width: 447px) {
  #categories-section .title {
    margin-top: 76px;
  }
}

#categories-section .row h2 {
/* font-family: Roboto; */
font-weight: 500;
font-size: 32px;
line-height: 1.3;
margin-bottom: 41px;
/* color: #000; */
/* width: 470px; */
width: 305px;
}

@media screen and (min-width: 577px) {
  #categories-section .row h2 {
    width: auto;
  }
}

@media screen and (max-width: 576px) {
  #categories-section {
    overflow-x: scroll;
  }
  #categories-section .container {
    overflow-x: auto;
    width: 1440px;
  }
}

@media screen and (min-width: 992px) {
  #categories-section .container {
    max-width: 1222px;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Hack to "lock" category links at a 33% width */
#categories-section .categories .link-holder {
  /* flex: 0 0 33.33333%; */
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  /* max-width: 33.33333%; */
  /* width: 347px; */
  width: 364px;
}

@media screen and (min-width: 768px) {
  #categories-section .categories .link-holder {
    /* width: 410px; */
    width: 384px;
  }
}

@media screen and (min-width: 992px) {
  #categories-section .categories .link-holder {
    /* width: 479px; */
    flex: 0 0 32%;
    max-width: 32%;
  }
}

#categories-section .categories a {
  align-items: center;
  background-color: #fff;
  background-image: url("category_background.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 4px solid #006580;
  box-shadow: 0px 10px 20px rgba(0, 101, 128, 0.2);
  /* color: black; */
  color: #006580;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 500;
  height: 80px;
  /* height: 105px; */
  margin-bottom: 20px;
  padding-left: 24px;
}

#categories-section .categories a:hover {
  border-bottom-color: #ff2424;
  color: #d22630 ;
}

.bordered {
  border-bottom: 4px solid #ff2424;
}
.bordered.gray {
  border-bottom-color: #b4b6b8;
}

.footer-padding {
  padding: 28px 36px;
}

.shadowy {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

#subscribe-social-section {
  padding: 60px 0;
}

@media screen and (min-width: 768px) {
  #subscribe-social-section .container {
    max-width: 510px;
  }
}

@media screen and (min-width: 992px) {
  #subscribe-social-section .container {
    max-width: 1222px;
    padding-left: 0;
  }
}

#subscribe-social-section h3 {
/* font-family: Roboto; */
font-weight: 500;
font-size: 32px !important;
line-height: 1.3;
margin-bottom: 36px;
/* text-align: left; */
/* color: #000; */

}

#subscribe {
  background-repeat: no-repeat;
  background-image: url("email_bug.svg");
  background-position: bottom right;
  padding: 11px 36px;
}

@media screen and (max-width: 991px ){
  #subscribe {
    margin-bottom: 36px;
  }
}

#subscribe .es_caption {
  font-family: Roboto, sans-serif;
  /* font-weight: normal; */
  font-weight: 500;
}

#subscribe input {
  /* font-weight: normal; */
  font-weight: 500;
  margin-top: 7px;
  margin-bottom: 24px;
}

#quote {
  border-bottom: 4px solid #B4B6B8;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  padding-top: 16px;
  padding-left: 36px;
  padding-bottom: 13px;
}

#quote h4 {
  color: #B4B6B8 !important;
  /* font-family: Roboto; */
/* font-weight: 500; */
font-size: 24px;
line-height: 1.3;

}

#social {
  margin-bottom: 22px;
}

@media screen and (max-width: 991px ){
  #social {
    margin-bottom: 36px;
  }
}

#social .links .row {
  justify-content: space-evenly;
}

#social .links a { }

#footer-widget {
  display: none;
}

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

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

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

body.home #subhead .post-thumbnail {
  display: none;
}

@media screen and (min-width: 768px) {
  body.home #subhead .post-thumbnail {
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  body.home #subhead .post-thumbnail {
    /* display: flex; */
    justify-content: flex-end;
    margin-top: 29px;
    margin-right: -5%;
  }
}

body.single .post-thumbnail {
  margin-bottom: 32px;
  margin-top: 42px;
}

@media screen and (max-width: 768px) {
  body.single .post-thumbnail {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 992px) {
  body.single .post-thumbnail {
    margin-left: 0px;
    margin-right: 0px;
  }
}

body.single .post-thumbnail img {
  box-shadow: 0px 10px 20px rgb(0 0 0 / 15%);
}

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

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

#load-lottie {
  display: none;
  width: 189px;
  height: 189px;
  /* height: 95px; */
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

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

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}
.wpcmsdev-call-to-action:before {
  background: url("single_dots.svg");
  width: 100%;
  height: 5px;
  margin-bottom: 27px;
}
.wpcmsdev-call-to-action {
  background-color: transparent !important;
  border: none !important;
  /* border: none !important;
  border-width: 5px medium medium medium !important;
  border-style: dotted none none none !important;
  border-color: #EBECEC transparent transparent transparent !important; */
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  /* margin-bottom: 0 !important; */
  margin-bottom: 32px !important;
  padding: 32px 0 0 0 !important;
}

.wpcmsdev-columns .column {
  float: none !important;
  margin-right: 0 !important;
}

.wpcmsdev-columns .column.column-width-two-thirds {
  text-align: left;
  width: 100% !important;
}

.wpcmsdev-call-to-action .call-to-action-content > :first-child,
.wpcmsdev-call-to-action p {
  font-size: 24px !important;
  font-weight: 500;
  line-height: 1.33 !important;
  /* padding-top: 32px !important; */
  /* margin-bottom: 27px !important; */
}

.wpcmsdev-button {
  border-radius: 0 !important;
  margin-top: 27px;
  text-transform: none;
}

.wpcmsdev-button.color-red {
  background-color: #B1001A !important;
  color: #FFF;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
}

.wpcmsdev-button span {
  color: #FFF !important;
  text-transform: none !important;
}

.tags-links {
  margin-bottom: 30px;
  margin-top: 23px;
}

.cat-links {
  margin-bottom: 16px;
}

.cat-links a,
.tags-links a {
  background-color: #d22630;
  border: none;
  font-family: "Roboto Condensed", Roboto, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.01em;
  /* line-height: 1.57; */
  margin-bottom: 10px;
  margin-right: 0;
  padding: 0 10px;
  text-transform: uppercase;
}

.tags-links a {
  margin-right: 12px;
}

.cat-links a:hover,
.tags-links a:hover {
  background-color: #ee746a;
  border: none;
  /* padding: 1px 11px 0 11px; */
  padding: 0 10px;
}

.tags-links a.uberflip-only {
  display: none;
}

.pagination {
  justify-content: center;
  width: 100%;
}

.nav-links {
  background-color: #f3f3f3;
  display: flex;
  justify-content: space-around;
  padding: 8px;
}

.nav-links a.page-numbers {
  /* color: #006580; */
  color: #4A4F54;
  /* margin-right: 5px; */
}

.nav-links a.prev {
  background-image: url("prev-arrow.svg");
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 0;
  height: 8px;
  margin-right: 5px;
  width: 8px;

}

.nav-links a.next {
  background-image: url("next-arrow.svg");
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 0;
  height: 8px;
  margin-left: 5px;
  width: 8px;
}

.nav-links span {
  display: inline-block;
}

.nav-links a,
.nav-links span {
  font-family: Roboto;
  font-weight: normal;
  vertical-align: middle;
}

.page-numbers.current {
  background-color: #006580;
  color: white;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

/* .nav-links a:last-child {
  margin-right: 0;
} */

.page-numbers.dots {
    display:none;
}

.nav-links a:nth-child(2),
.nav-links a:nth-last-child(2) {
    display:none;
}

.author-header {
  color: #006580 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px !important;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.375;
  margin-bottom: 8px;
  text-transform: uppercase;
}

#breadcrumbs {
  display: none;
}

@media screen and (min-width: 992px) {
  #breadcrumbs {
    display: block;
    margin: 15px 0;
    padding-left: 0;
  }
}

#breadcrumbs span,
#breadcrumbs a {
  color: #000;
  font-size: 14px;
  font-family: Roboto;
  font-weight: normal;
  line-height: 2;
}

#breadcrumbs a:hover {
  border-bottom: 1px solid #000;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.entry-footer {
  background-color: #F3F3F3;
}

.entry-footer > .container:before {
  background: url("double_dots.svg");
  content: "";
  display: table;
  height: 20px;
  margin-bottom: 47px;
  width: 100%;
}

#authors {
  margin-top: 38px;
}

.entry-footer .row {
  flex-direction: column;
}

body.single .entry-footer > .container {
  width: 92%;
}

@media screen and (min-width: 768px) {
  body.single .entry-footer > .container {
    margin-left: auto;
    margin-right: auto;
    width: 82%;
  }
}

@media screen and (min-width: 992px) {
  body.single .entry-footer > .container {
    width: 100%;
  }
}

.author {
color: #000;
font-family: Roboto;
font-size: 16px;
font-weight: 300;
line-height: 1.375;
}

.author .row {
  align-items: center;
  flex-direction: row;
}

#tags:before {
  background: url("single_dots.svg");
  content: "";
  display: table;
  height: 8px;
  margin-bottom: 32px;
  margin-top: 32px;
  /* margin-left: 15px; */
  /* margin-right: 15px; */
  width: 100%;
  /* width: 100% */
}

.author:after,
#tags:after {
  background: url("single_dots.svg");
  content: "";
  display: table;
  height: 8px;
  margin-top: 32px;
  /* margin-left: 15px; */
  /* margin-right: 15px; */
  width: 100%
}

@media screen and (min-width: 768px) {
  .author:before,
  .author:after {
    width: 96%;
  }
}

footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}

/*--------------------------------------------------------------
# Uberflip
--------------------------------------------------------------*/

#uberflip-tiles {
  /* max-width: 1130px !important; */
  max-width: 1440px !important;
  margin-top: 48px !important;
}
@media screen and (min-width: 768px) {
  #uberflip-tiles.hubs-embedded ul {
    display: flex;
    justify-content: space-evenly;
  }
}
#uberflip-tiles.hubs-embedded .tile {
  float: none !important;
  margin: auto 15px;
  /* padding-left: 15px;
  padding-right: 15px; */
  position: relative;
  height: 330px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #uberflip-tiles.hubs-embedded .tile {
    flex: 0 0 23%;
    max-width: 23%;
  }
}
#uberflip-tiles.hubs-embedded .tile .img {
  position: static !important;
}

.tile.single {
  transition: height 0.15s linear;
}
#uberflip-tiles .tile.single .description h3 {
  margin-bottom: 0 !important;
  color: #000 !important;
  margin-left: 20px !important;
  margin-top: 20px !important;
  overflow: hidden;
  font-size: 16px !important;
  align-self: center;
  font-weight: 500 !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: "Roboto", sans-serif;
}
body .hubs-embedded .tile.single .description h3 + h4 {
  display: none;
  font-weight: 400 !important;
  margin: 20px !important;
  color: #fff !important;
  font-family: "Roboto", sans-serif;
  margin-top: 20px !important;
}
#uberflip-tiles .tile .item-link {
  display: none;
}
#uberflip-tiles .tile .description::after {
  content: "";
  background: url("https://content.cdntwrk.com/files/aHViPTcwMjM0JmNtZD1pdGVtZWRpdG9yaW1hZ2UmZmlsZW5hbWU9aXRlbWVkaXRvcmltYWdlXzYyZDkzMGVkZTEwOGIucG5nJnZlcnNpb249MDAwMCZzaWc9Yjg1NjE2MmUzNjczYTAwZWY2N2FmOWViOGRhMzkxYjk%253D")
    no-repeat center;
  background-color: #b4b6b8;
  position: absolute;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  width: 30px;
  height: 30px;
}
#uberflip-tiles .tile:hover .description {
  background-color: #4a4f54 !important;
  color: #fff;
  height: 330px !important;
  transition: height 0.6s ease;
  bottom: 0;
  left: 0;
}
#uberflip-tiles .tile:hover .description::after {
  background-color: #7e71ff;
}
#uberflip-tiles .tile.single:hover .description h3 {
  display: none;
}
#uberflip-tiles .tile.single:hover .description h4 {
  display: block !important;
  position: static;
  margin-top: 10px;
}

/*--------------------------------------------------------------
# Utility Classes
--------------------------------------------------------------*/
.broaden {
  left: calc(-1 * (100vw - 100%) / 2);
  position: relative;
  width: 100vw;
}
.flex-ender {
  justify-content: flex-end;
}
@media screen and (min-width: 992px) {
  .flex-ender {
    justify-content: normal;
  }
}
.img-link {
  display: block;
  height: 100%;
  width: 100%;
}
.stuck {
  position:fixed;
  margin-top: 0;
  top: 194px;
  z-index:1;
}

@media screen and (min-width: 992px) {
  body.archive row.width-tweak,
  body.search-results row.width-tweak {
    margin-right: -27px;
  }

  .second-column {
      flex: 0 0 47% !important;
      max-width: 47% !important;
  }
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (min-width: 768px) {
  #masthead .navbar-nav .dropdown-menu {
    background-color: #fff;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}