@charset "UTF-8";
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: 'Days One', sans-serif;
  scroll-behavior: smooth;
}

* p {
  color: #000000;
  color: #8e8e8e;
  font-size: 14px;
}

* h1, * h2, * h3, * h4 {
  color: #626262;
}

.search-field {
  width: 8rem;
  border-radius: 5px;
}

.search-bar {
  position: relative;
}

.search-form {
  padding-top: 4px;
  padding-bottom: 12px;
}

.search-form input.search-submit {
  display: none;
}

.menu-main-menu-container {
  box-shadow: rgba(17, 12, 46, 0.069) 0px 48px 100px 0px;
  margin-bottom: 3rem;
}

header#masthead {
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  margin-top: -1rem;
}

header#masthead .site-branding {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
}

header#masthead .site-branding .site-title a {
  color: #17252a !important;
  font-size: 1.75rem;
  text-transform: uppercase;
  margin-right: 7px;
}

header#masthead .site-branding .site-title a:hover {
  text-decoration: none;
}

header#masthead .site-branding img.custom-logo {
  width: 150px;
  height: auto;
}

header#masthead p.site-description {
  color: whitesmoke;
  margin-top: 1rem;
}

@media only screen and (max-width: 1268px) {
  header#masthead p.site-description {
    display: none;
  }
}

header#masthead .menu {
  justify-content: center;
}

header#masthead .menu a {
  padding: .75rem 1rem;
  color: #ffbd14;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 600;
}

header#masthead .menu a:hover {
  text-decoration: none;
  color: #17252a;
}

.current-menu-item a {
  color: #17252a !important;
}

.menu-item-has-children:after {
  content: '⮟';
  color: whitesmoke;
  top: 50%;
  right: 4%;
  margin-top: -7px;
  font-size: 12px;
  position: absolute;
}

.main-navigation ul ul {
  display: inline-block;
  border-radius: 12px;
}

.main-navigation ul ul a {
  background-color: #f3f3f3;
  color: #000 !important;
  font-size: 12px;
  padding: .3rem .5rem !important;
}

.main-navigation ul ul a:hover {
  background: #d7d7d7 !important;
}

.menu-toggle {
  border: none;
  background: none;
  position: absolute;
  top: 12%;
  right: 2rem;
}

.menu-toggle img {
  width: 1.5rem;
  height: auto;
}

@media only screen and (max-width: 600px) {
  .site-title a {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .search-icon {
    display: none;
  }
}

.social-menu-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 2rem;
  background: #ffbd14;
}

.menu-social-menu-container #social-menu ul {
  display: flex;
  list-style: none;
}

.menu-social-menu-container #social-menu a {
  content: "";
  position: relative;
  color: transparent;
  display: inline-block;
  width: 32px;
  overflow: hidden;
}

.menu-social-menu-container #social-menu a:after {
  text-indent: 0;
  display: block;
  float: left;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  visibility: visible;
  font-size: 15px;
  position: absolute;
  top: 0;
}

.menu-social-menu-container #social-menu a[href*="twitter.com"]:after {
  content: "\f099";
  color: #00aced;
}

.menu-social-menu-container #social-menu a[href*="github.com"]:after {
  content: "\f09b";
  color: black;
}

.menu-social-menu-container #social-menu a[href*="linkedin.com"]:after {
  content: "\f0e1";
  color: #007bb6;
}

.menu-social-menu-container #social-menu a[href*="instagram.com"]:after {
  content: "\f16d";
  color: #517fa4;
}

.menu-social-menu-container #social-menu a[href*="facebook.com"]:after {
  content: "\f39e";
  color: #517fa4;
}

.menu-social-menu-container #social-menu a[href*="pinterest.com"]:after {
  content: "\f0d3";
  color: #517fa4;
}

.menu-social-menu-container #social-menu a[href*="tumbler.com"]:after {
  content: "\f174";
  color: #517fa4;
}

.menu-social-menu-container #social-menu a[href*="wordpress.com"]:after {
  content: "\f39e";
  color: #517fa4;
}

.menu-social-menu-container #social-menu a[href*="wordpress.org"]:after {
  content: "\f19a";
  color: #517fa4;
}

.menu-social-menu-container #social-menu a[href*="youtube.com"]:after {
  content: "\f431";
  color: #517fa4;
}

.menu-social-menu-container #social-menu a[href*="wikipedia.com"]:after {
  content: "\f266";
  color: #517fa4;
}

.menu-social-menu-container #social-menu a[href$="/feed/"]:after {
  text-indent: 0;
  display: block;
  float: left;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f09e";
  color: #ff9900;
}

.menu-social-menu-container #social-menu a:after {
  color: #fff !important;
  padding: 3px 9px;
  border-radius: 60%;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .search-form {
    display: none;
  }
}

ul#social-menu {
  display: flex;
  list-style: none;
}

.row.custom-loop .col-md-4 :before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*This will fill up the entire block.*/
  background: #2098d1;
  color: white;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition: transform 0.5s ease-out;
}

.row.custom-loop .col-md-4 :hover {
  color: white;
}

div:hover:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  /*creates bounce*/
}

.widget-area {
  padding: 15px;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.widget-area ul {
  list-style: none;
}

.widget-area li {
  padding: 8px 0px;
  border-bottom: solid 1px #eeeeee;
  font-size: 14px;
}

.widget-area a {
  color: #626262 !important;
  font-size: 14px;
}

.widget-area a:hover {
  text-decoration: none;
  color: #2c2c2c !important;
}

#secondary ul {
  margin-left: 20px;
  padding-left: 0;
}

#secondary ul li {
  padding: 5px 0;
}

#secondary .widget-title {
  border-bottom: solid 1px #32021F;
  box-shadow: 0 1px black;
  padding-bottom: 10px;
}

h2 {
  font-size: 1.5rem;
}

#secondary .widget {
  padding: 1rem;
  border-radius: 1%;
}

.wp-block-archives a {
  color: #626262 !important;
}

.entry-meta {
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 1rem;
}

.entry-meta li {
  border-bottom: solid 1px grey;
}

.entry-meta a {
  text-decoration: underline;
  color: #280589;
}

.entry-footer {
  font-size: 12px;
  opacity: 0.8;
  font-weight: 700;
}

.entry-footer a {
  text-decoration: underline;
}

span.cat-links {
  color: #2c2c2c;
}

.cat-links a {
  padding-left: 0;
  color: whitesmoke;
  margin-right: .5rem;
  color: #2c2c2c;
}

#reply-title {
  color: #2c2c2c;
}

.tags-links a {
  color: #626262;
  margin-right: .5rem;
}

a.url.fn.n {
  color: #17252a !important;
  font-weight: 700;
  text-transform: uppercase;
}

.logged-in-as a {
  text-decoration: none;
}

h1.page-title {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.details {
  font-size: 12px;
  color: whitesmoke;
  margin-top: -8px;
}

.details a {
  color: whitesmoke;
}

.posted-on {
  padding: 2px 5px;
  color: #280589;
  font-weight: 700;
}

.posted-on a {
  color: #2c2c2c !important;
}

.nav-subtitle:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #280589;
  border-bottom: 10px solid transparent;
  position: relative;
  top: -4px;
  padding-right: 14px;
}

.nav-subtitle:before:hover {
  transform: rotate(90deg);
}

span.nav-subtitle {
  margin-left: 1rem;
  font-weight: 700;
  color: #280589;
}

span.nav-title {
  margin-left: 1rem;
  font-weight: 700;
  color: #000000;
}

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

.nav-subtitle {
  font-weight: 700;
}

.nav-next a:hover {
  text-decoration: none;
}

.nav-previous a {
  color: #626262 !important;
  font-weight: 700;
  text-decoration: none !important;
}

.nav-previous a a:hover {
  text-decoration: none;
}

.nav-previous span:hover {
  text-decoration: none;
}

.says {
  color: whitesmoke;
}

.wp-block-latest-comments__comment-date {
  color: #280589;
}

.wp-block-latest-comments__comment-link {
  color: whitesmoke !important;
}

a.url {
  color: #626262;
}

time {
  color: #626262;
}

.blog-style-1 .entry-header {
  margin-top: 1rem;
  padding-left: .6rem;
}

#colophon {
  background: black;
  padding: 1rem 0rem;
  margin-top: 2rem;
}

#colophon .menu {
  text-align: right;
}

#colophon .menu ul ul {
  display: none;
}

#colophon .menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#colophon .menu li {
  display: inline;
}

#colophon .menu a {
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
}

#colophon .menu a:hover {
  text-decoration: none;
}

#colophon .menu ul ul {
  display: none;
}

p.mr-2 {
  color: #fff;
}

a.text-center.mb-2 {
  color: #ffbd14;
  font-weight: 700;
  text-transform: uppercase;
}

.scroll-to-top {
  position: sticky;
  top: 88vh;
  cursor: pointer;
  width: 40px;
  height: auto;
  margin-left: 2rem;
  margin-bottom: 1rem !important;
  z-index: 9999;
}

#menu-footer-menu {
  list-style: none;
}

#menu-footer-menu a {
  padding: 1.5rem .5rem;
  color: #626262 !important;
}

#colophon .menu {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}

center {
  border-top: solid 1px #000000;
}

.col-md-9 {
  margin-top: 10vh;
}

.latest-posts {
  padding: 5px 16px;
  font-size: 1.2rem;
  background: #000;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  margin: auto;
  position: relative;
  top: -18px;
  transform: skewX(-22deg);
}

h2.entry-title a {
  color: #17252a !important;
  font-weight: 600;
}

h2.entry-title a:hover {
  color: #17252a !important;
}

p {
  line-height: 1.5rem;
  font-family: 'Poppins', sans-serif;
}

a.wp-block-latest-posts__post-title {
  color: #2c2c2c;
  text-decoration: none;
}

a.wp-block-latest-comments__comment-author {
  color: #2c2c2c;
}

.wp-block-latest-posts__post-title {
  line-height: 1rem;
  color: #2c2c2c;
}

.wp-block-latest-comments__comment-link {
  color: #2c2c2c;
}

.comments-link a {
  padding: 1rem 0rem;
  margin-right: 7px;
  color: #2c2c2c;
}

input#submit {
  background-color: #000;
  padding: 1rem;
  color: #fff !important;
  border: solid 2px #17252a;
}

input#submit:hover {
  background: #17252a;
}

button.wp-block-search__button {
  background-color: #000;
  color: #fff !important;
  border: solid 2px #17252a;
}

button.wp-block-search__button:hover {
  background: #17252a;
}

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

.entry-title a {
  color: #2c2c2c !important;
}

.entry-title a:hover {
  color: #000000 !important;
  text-decoration: none;
}

h3 {
  font-size: 1.2rem;
  text-align: center;
}

h3 a {
  color: #fff;
  font-size: 700;
}

h3 a:hover {
  color: #000000;
  text-decoration: none;
}

.col-md-6 figure a img {
  height: 26rem;
  max-width: 100%;
  object-fit: cover;
  overflow: hidden;
  filter: contrast(115%);
}

.col-md-6 figure a img:hover {
  filter: brightness(80%);
}

.col-md-3 figure a img {
  background-color: #ffbd14;
  height: 12.5rem;
  margin-top: 2rem;
  overflow: hidden;
  max-width: 100%;
  -webkit-filter: blur(5px);
  /* Safari 6.0 - 9.0 */
  filter: blur(5px);
  object-fit: cover;
  margin-bottom: 12px;
  filter: contrast(115%);
}

.col-md-3 figure a img:hover {
  filter: brightness(90%);
}

.featured-area-header {
  margin-top: 3rem;
}

.featured-area-header h3 {
  font-size: 1.7rem;
}

.featured-area-header h3 span {
  text-transform: uppercase;
  padding: .3rem .8rem;
  color: #2c2c2c;
  background-color: #ffbd14;
  letter-spacing: 2px;
  font-size: 1.2rem;
}

.col-md-6.grid.posts-holder {
  padding-right: 6px !important;
}

.info {
  display: grid;
  justify-content: center;
  margin: -89px 15px 0;
  position: relative;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}

.info h3 {
  margin-top: .4rem;
}

.info .details {
  display: inline-block;
  text-align: center;
  font-size: .6rem;
}

.info a {
  color: #fff;
  font-weight: 700;
}

.info a:hover {
  color: white;
}

p.category {
  position: absolute;
  font-size: 10px;
  top: 1rem;
  left: 2rem;
  padding: .3rem;
}

p.category a {
  background: #000000;
  color: whitesmoke;
  padding: 6px 10px;
}

.info h3 a {
  color: #fff;
  font-size: 1rem;
  padding: 3px 5px;
}

.info h3 a:hover {
  color: whitesmoke;
}

.rotate {
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
}

.rotate.down {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

time.entry-date.published.updated a {
  color: #280589;
  font-weight: 700;
}

@media only screen and (max-width: 968px) {
  .col-md-6 figure a img {
    height: auto;
  }
}

@media only screen and (max-width: 775px) {
  h2.entry-title {
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 775px) {
  .col-md-6 figure a img {
    margin-top: 2rem;
  }
}

body {
  background: #f0f8ff;
}