/*--------------------------------------------------------------
>>> FONTS
----------------------------------------------------------------*/
*,
body {
  font-family: 'Montserrat', sans-serif;
}
body {
  overflow-x: hidden;
}
h1, 
.h1 {
  font-size: 2.5rem;
  font-weight: 700;
}

h2,
.h2 {
  font-size: 2.125rem;
  font-weight: 700;
}

h3,
.h3 {
  font-size: 1.875rem;
  font-weight: 700;
}

h4,
.h4 {
  font-size: 1.75rem;
  font-weight: 700;
}

h5,
.h5 {
  font-size: 1.375rem;
  font-weight: 700;
}

h6,
.h6 {
  font-size: 1.25rem;
  font-weight: 700;
}

.h7 {
  font-size: 1.125rem;
  font-weight: 700;
}

@media (max-width: 992px) {
  h3, .h3 {
    font-size: 1.375rem;
  }
}

/*--------------------------------------------------------------
>>> BOOTSTRAP FIXES
----------------------------------------------------------------*/

.post, .page {
  margin: 0px;
}

.h1 {
  text-transform: uppercase;
}
.h2 {
  margin-bottom: 20px;
}

a {
  color: #CCC;
  text-decoration: none;
}
.compensate-for-scrollbar {
  margin-right: 0px!important;
}
.disable-container .container {
    padding: 0px!important;
}
ul.breadcrumb {
  margin-bottom: 30px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  margin: 15px 0px;
  padding: 9px 15px;
  border-radius: 5px;
}
.container-fluid {
  --bs-gutter-x: 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #CCC;
  background-color: transparent;
}
.nav-tabs {
  border-bottom: 4px solid var(--neutral-20);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-color: transparent;
  background: transparent;
}
.nav-tabs .nav-link {
  border: none;
}
.nav-tabs .nav-link {
  margin-bottom: 0px;
}
.tab-content {
    padding: 30px 0px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--main-20);
  border-bottom: 4px solid var(--main-20);
}

/*--------------------------------------------------------------
>>> BOOTSTRAP REWRITE
----------------------------------------------------------------*/

.form-control, .form-select {
  border-radius: 5px!important;
  margin: 15px 0px;
}
label {
  font-weight: 700;
}
form h3 {
  margin-top: 30px!important;
}
form button, form input[type="button"], 
form input[type="reset"], 
form input[type="submit"] {
  width: fit-content;
  border-radius: 30px;
  font-weight: 600;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  border: 2px solid #CCC;
  transition: all 0.5s ease;
  padding: 15px 30px;
  background: #CCC;
  min-width: 150px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-tabs button {
    padding: 15px 30px;
    text-align: center;
    color: #333436;
    font-weight: 700;
    position: relative;
    bottom: -4px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #CCC;
}

p.date {
  color: #FFF;
  background: #0097E0;
  display: block;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 7px;
  margin: 15px auto;
}

/*--------------------------------------------------------------
>>> CF7 FIXES
----------------------------------------------------------------*/

span.form-control {
    padding: 0px;
    margin: 15px 0px;
}
.wpcf7-list-item.first {
    margin-left: 0px!important;
}
.wpcf7 form .wpcf7-response-output {
    font-size: .85rem;
    border: none!important;
    margin: 0px;
    border: 0px;
    margin-bottom: 15px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

/*--------------------------------------------------------------
>>> GLOBAL CLASSES
----------------------------------------------------------------*/

a {
	text-decoration: none;
}
a:visited {
  color: #CCC;
}
a:focus {
  outline: none;
}

a, button, .btn {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ol li::marker {
  font-size: 1.25rem;
  font-weight: 700;
  color: #CCC;
}

.pt-30 {
	padding-top: 30px;
}
.pb-30 {
	padding-bottom: 30px;
}
.py-30 {
  padding: 30px 0px!important;
}
.pt-50 {
  padding-top: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.py-50 {
  padding: 50px 0px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}
.py-100 {
  padding: 100px 0px;
}

.mt-15 {
  margin-top: 15px;
}
.mb-15 {
  margin-bottom: 15px;
}
.my-15 {
    margin: 15px 0px!important;
}
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
.my-30 {
    margin: 30px 0px!important;
}
.mt-50 {
  margin-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
.my-50 {
    margin: 50px 0px!important;
}
.mt-100 {
  margin-top: 100px;
}
.mb-100 {
  margin-bottom: 100px;
}
.my-100 {
  margin: 100px 0px;
}

.pr-0 {
  padding-right: 0px!important;
}
.pl-0 {
  padding-left: 0px!important;
}
@media screen and (max-width: 992px) {
  .pr-0 {
    padding-right: 12px!important;
  }
  .pl-0 {
    padding-left: 12px!important;
  }
}

.form-select {
  margin: 15px 0px;
}
.pos-relative {
  position: relative;
}

ul.list-inline {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
ul.list-inline li {
	display: inline-block;
}

b, strong {
  font-weight: 700;
}

.w-400 {
  font-weight: 400!important;
}
.w-600 {
  font-weight: 600!important;
}
.w-700 {
  font-weight: 700!important;
}

.input-search {
  position: relative;
}
.input-search i {
  position: absolute;
  top: 14px;
  right: 12px;
}
.input-search input {
  padding-right: 35px;
}

.bg-gray {
  background: #CCC;
}

.tab-content a {
    text-decoration: underline;
}
.tab-content article a {
  text-decoration: none;
}

.circle-img {
  border-radius: 50%;
  object-fit: cover;
}

@media screen and (max-width: 992px) {
  p {
    line-height: 1.75rem;
  }
}


/*--------------------------------------------------------------
>>> BUTTONS
----------------------------------------------------------------*/

.btn {
  width: fit-content;
  padding: 20px 65px;
  color: var(--main-20);
  font-weight: 600;
  position: relative;
  border: none;
  background: #FFF;
}
.btn:visited {
  color: var(--main-20);
}
.btn:focus {
  color: var(--main-20);
}
.btn {
  padding: 15px 45px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
  margin-bottom: 7px;
}
.btn:before {
  content: ' ';
  width: 6px;
  height: 36px;
  position: absolute;
  top: 0px;
  left: 24px;
  background: var(--main-20);
}
.btn:after {
  content: ' ';
  width: 6px;
  height: 36px;
  position: absolute;
  bottom: 0px;
  right: 24px;
  background: var(--main-20);
}
.btn:hover {
  color: #FFF;
  background: var(--dark-20);
}
.btn:hover:before {
  background: #FFF;
}
.btn:hover:after {
  background: #FFF;
}

.btn.btn-center {
  margin: 10px auto;
}


.btn-product {
  background: var(--main-20);
  color: #FFF;
}
.btn-product:visited {
  color: #FFF;
}
.btn-product:focus {
  color: #FFF;
}
.btn-product:hover {
  background: var(--dark-20);
}
.btn-product:before {
  background: #FFF;
}
.btn-product:after {
  background: #FFF;
}

.btn.btn-dark,
.btn.btn-dark:visited {
  color: #FFF;
  background: #000;
}
.btn.btn-dark:before {
  background: #FFF;
}
.btn.btn-dark:after {
  background: #FFF;
}

.btn.btn-dark:hover {
  background: var(--dark-20);
}

input[type="submit"] {
  background: transparent!important;
  border: none!important;
  padding: 0px!important;
  width: 100%!important;
  text-align: center;
}
.wpcf7-spinner {
  display: none;
}
span.btn.btn-product {
  padding: 21px 45px;
}

p.blue {
  color: #092651!important;
}
p.green {
  color: var(--main-20)!important;
}

/*--------------------------------------------------------------
>>> TABLES
----------------------------------------------------------------*/

.table {
  margin: 30px 0px;
}
thead th {
  font-size: 1.25rem;
  border: 1px solid rgba(0, 0, 0, .35);
  padding: 15px!important;
}
tbody th, tbody td {
  border: 1px solid rgba(0, 0, 0, .35);
  padding: 15px!important;
}

/*--------------------------------------------------------------
>>> PAGINATION
----------------------------------------------------------------*/

.wp-pagenavi .pages {
    display: none;
}
.wp-pagenavi {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0px 0px 70px 0px;
}
.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 4px!important;
    color: #000;
    background: transparent;
    font-size: .9em;
    margin-bottom: 10px;
    border-radius: 3px;
    margin-right: 10px!important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #ececec;
    font-weight: 600;
}
.wp-pagenavi span.current:hover {
    transform: translateY(0px);
}

.wp-pagenavi a:hover,
.wp-pagenavi span:hover {    
    transform: translateY(-2px);
}


/*--------------------------------------------------------------
>>> LOAD MORE
----------------------------------------------------------------*/

@-webkit-keyframes enter {
   0% {
     opacity: 0;
     top: -10px;
  }
   5% {
     opacity: 1;
     top: 0px;
  }
   50.9% {
     opacity: 1;
     top: 0px;
  }
   55.9% {
     opacity: 0;
     top: - -10px;
  }
}
 @keyframes enter {
   0% {
     opacity: 0;
     top: -10px;
  }
   5% {
     opacity: 1;
     top: 0px;
  }
   50.9% {
     opacity: 1;
     top: 0px;
  }
   55.9% {
     opacity: 0;
     top: - -10px;
  }
}
 @-moz-keyframes enter {
   0% {
     opacity: 0;
     top: -10px;
  }
   5% {
     opacity: 1;
     top: 0px;
  }
   50.9% {
     opacity: 1;
     top: 0px;
  }
   55.9% {
     opacity: 0;
     top: - -10px;
  }
}
.loader {
   left: 50%;
   top: 50%;
   margin-left: - 27.5px;
   margin-top: - 27.5px;
}
.square {
   background: #CCC;
   width: 15px;
   height: 15px;
   float: left;
   top: -10px;
   margin-right: 5px;
   margin-top: 5px;
   position: relative;
   opacity: 0;
   -webkit-animation: enter 6s infinite;
   animation: enter 6s infinite;
}
.enter {
   top: 0px;
   opacity: 1;
}
.square:nth-child(1) {
   -webkit-animation-delay: 1.8s;
   -moz-animation-delay: 1.8s;
   animation-delay: 1.8s;
}
.square:nth-child(2) {
   -webkit-animation-delay: 2.1s;
   -moz-animation-delay: 2.1s;
   animation-delay: 2.1s;
}
.square:nth-child(3) {
   -webkit-animation-delay: 2.4s;
   -moz-animation-delay: 2.4s;
   animation-delay: 2.4s;
   background: rgba(0,0,0,.3);
}
.square:nth-child(4) {
   -webkit-animation-delay: 0.9s;
   -moz-animation-delay: 0.9s;
   animation-delay: 0.9s;
}
.square:nth-child(5) {
   -webkit-animation-delay: 1.2s;
   -moz-animation-delay: 1.2s;
   animation-delay: 1.2s;
}
.square:nth-child(6) {
   -webkit-animation-delay: 1.5s;
   -moz-animation-delay: 1.5s;
   animation-delay: 1.5s;
}
.square:nth-child(8) {
   -webkit-animation-delay: 0.3s;
   -moz-animation-delay: 0.3s;
   animation-delay: 0.3s;
}
.square:nth-child(9) {
   -webkit-animation-delay: 0.6s;
   -moz-animation-delay: 0.6s;
   animation-delay: 0.6s;
}
.clear {
   clear: both;
}
.last {
   margin-right: 0;
}
.loader {
    min-height: 100px;
}
#load-animation {
    position: absolute;
    top: 400px;
    left: calc(50% - 50px);
}

/*--------------------------------------------------------------
>>> REWRITE NORMALIZE
----------------------------------------------------------------*/

ul, ol {
    margin-left: 15px;
    padding-left: 0px;
    margin-bottom: 10px;
}


/*--------------------------------------------------------------
>>> HEADER
----------------------------------------------------------------*/

header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9;
}
header #navbarToggleMenu {
  background: #000;
  padding: 30px;
  color: #FFF;
  max-width: 300px;
  margin-left: auto;
  position: relative;
}
header #navbarToggleMenu ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
header #navbarToggleMenu ul li {
  text-align: center;
  border-bottom: 1px solid #FFF;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
header #navbarToggleMenu ul li a {
  color: #FFF;
}
header {
  margin-top: 30px;
  padding: 0 60px;
}
header .offcanvas {
  background: #000;
  padding: 30px;
  color: #FFF;
}

header .offcanvas ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
header .offcanvas ul li {
  text-align: center;
  border-bottom: 1px solid #3E3A39;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
header .offcanvas ul li a {
  color: #FFF;
}

.offcanvas-btn {
    font-size: 2rem;
    color: #FFF;
}
.cards p.post-cat {
    background: var(--main-20);
    color: #FFF;
    display: block;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 5px 10px;
    width: fit-content;
    font-size: .875rem;
}

.header.light .date-container {
  position: relative;
  display: block;
  border-radius: 7px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  box-shadow: 3px 3px 10px rgba(138, 16, 2, 0.3);
}
.header.light .date-container h2 {
  font-size: 2rem;
  color: var(--main-20);
  margin-bottom: 0px;
  padding: 7px 3px;
  font-weight: 600;
  margin: 5px;
}
.header.light .date-container h3 {
  display: block;
  width: 100%;
  font-size: 7px;
  background: var(--main-20);
  color: #fff;
  margin-bottom: 0px;
  padding: 5px;
}

header .offcanvas ul li i {
  font-size: .875rem;
  margin-left: 10px;
  position: relative;
  top: -2px;
}

header .btn-close {
    background: none;
    display: block;
    margin-left: auto;
    opacity: 1;
}
header .btn-close i {
    color: #FFF;
    font-size: 1.25rem;
}

.mb-150 {
    margin-bottom: 150px;
}
.mb-200 {
    margin-bottom: 200px;
}
a.back-btn {
    color: #FFF;
    font-size: 1.25rem;
}
a.back-btn:visited {
    color: #FFF;
}

@media screen and (max-width:992px) {
    header {
      margin-top: 0px;
      padding: 0 15px;
      background: #000;
      padding-top: 20px;
      padding-bottom: 15px;
    }
}


/*--------------------------------------------------------------
>>> FOOTER
----------------------------------------------------------------*/

footer a, footer a:visited {
  color: #FFF;
}
footer p {
  font-size: 15px;
}
footer .figure-container p {
  margin-top: 40px;
  margin-bottom: 20px;
}
footer ul.inline-list li {
  margin-right: 25px;
}
footer .btn {
  padding: 13px 60px;
  min-width: 100%;
}
footer .wpcf7-not-valid-tip {
  top: -17px;
  color: #FFF;
}

.dfooter {
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
.figure-container {
  background: #CCC;
  padding: 25px 30px 20px 30px;
  color: #000;
  height: 240px;
  position: relative;
  top: -30px;
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0 100%, 0% 50%);
}

.form-control {
  padding: 7px 15px !important;
  margin-bottom: 15px;
  border-radius: 5px;
}
.copyright {
  padding: 10px;
  position: relative;
  top: 20px;
}
.copyright p {
  margin-bottom: 0px;
  font-size: .875rem;
}
.copyright a {
  text-decoration: underline;
  font-size: .875rem;
}
.form-footer {
  padding-top: 50px;
}
.btn.btn-small {
  padding: 12px 50px;
}
.swiper article.product {
  top: 20px;
  padding: 5px 5px 45px 5px;
}
.triangle-container {
  bottom: -47px;
}
.product-swiper.swiper:before {
  content: ' ';
  width: 150px;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 10%,
      rgba(255, 255, 255, 0) 100%);
}
.product-swiper.swiper:after {
  content: ' ';
  width: 150px;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 10%,
      rgba(255, 255, 255, 0) 100%);
}
#footer-form {
  position: relative;
  overflow: hidden;
}
#pre-footer {
  position: relative;
  margin-bottom: -245px;
}
.figure-container {
  z-index: 3;
}
#pre-footer .figure-container p {
  margin-top: 20px;
  margin-bottom: 20px;
}
#pre-footer p {
  font-size: 15px;
}
#pre-footer a,
#pre-footer a:visited {
  color: #000;
}
#pre-footer ul.inline-list li {
  margin-right: 25px;
}
.form-footer {
  margin-bottom: 50px;
}
footer .col-2 {
  position: relative;
}
footer .col-lg-5 img {
  position: absolute;
  top: 7px;
  left: 15px;
}
.caps {
  text-transform: uppercase;
}
.close-line {
  position: absolute;
  display: block;
  width: 15px;
  height: 70px;
  background: #0462a6;
  bottom: 0px;
  left: 0px;
  z-index: 9;
}
#pre-footer p {
    color: #000;
}
#pre-footer .figure-container img {
    margin-left: 7px;
}
.figure-container i {
    font-size: 1.75rem;
}
.figure-container ul {
    margin-left: 15px;
}
.figure-container ul li {
    margin-right: 15px;
}
footer {
    background: url(../img/bg-desktop.svg) no-repeat bottom right;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 30px 0px;
}
footer p, footer a {
    color: #FFF;
}
#float-buttons {
  position: fixed;
  top: 33vh;
  right: 15px;
  z-index: 2;
}
#float-buttons ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
  padding-top: 0px;
  padding-bottom: 15px;
  background: #CCC;
}
#float-buttons ul li {
  display: block;
  
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 7px;
}
#float-buttons ul li a {
  color: #FFF;
}
#float-buttons ul li a i {
  font-size: 1.75rem;
}
@media screen and (max-width: 992px) {
  footer {
    background: url(../img/bg-mobile.svg) no-repeat bottom right;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 150px;    
  }
  footer form {
    padding-bottom: 150px;
  }
  #pre-footer {
    top: -50px;
    margin-top: 110px;
    margin-bottom: -210px;
  }
}

/*--------------------------------------------------------------
>>> GLOBAL ELEMENTS
----------------------------------------------------------------*/

.line-left {
  display: block;
  position: relative;
  padding-left: 10px;
}
.line-left:after {
  content: " ";
  display: block;
  width: 5px;
  height: 37px;
  background: #CCC;
  position: absolute;
  top: 1px;
  left: -10px;
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  display: none;
}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
  display: none;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: -40px;
  z-index: 2;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: -40px;
  z-index: 2;
}
.swiper-button-next i, .swiper-button-prev i {
  font-size: 2.5rem;
  color: var(--main-20);
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--neutral-30);
  opacity: 1;
  border: none;
}
.swiper-pagination-bullet-active {
  width: 40px;
  height: 10px;
  background: var(--main-20);
  border-radius: 7px;
  border: none;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0px;
}

@media screen and (max-width: 992px) {
  .swiper-button-next, .swiper-rtl .swiper-button-prev {
    display: none;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next {
    display: none;
  }
}



/*--------------------------------------------------------------
>>> SINGLES
----------------------------------------------------------------*/

.header.high.single {
  justify-content: end;
}
.text.single img {
    display: block;
    margin: 30px auto;
}
.text.single h2 {
    font-size: 1.25rem;
}
section.text.single p {
    padding-left: 0px;
}
.share h3 {
    font-size: 1rem;
}

@media screen and (max-width: 992px) {
  .header.single h1 {
    margin: 0px 0px;
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--main-10);
    padding-bottom: 10px;
  }
}


/*--------------------------------------------------------------
>>> ARTICLE ELEMENTS
----------------------------------------------------------------*/


article.product .description .row:not(:last-child):nth-child(2n+1) {
  background: #f9f9f9;
}
article.product .triangle-body {
  filter: drop-shadow(0px 5px 3px rgba(50, 50, 0, 0.3));
  position: relative;
  z-index: 2;
}
article.product .triangle-body .triangle-shape {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
  background: white;
  padding: 50px 25px 60px 25px;
  z-index: 2;
  position: relative;
}


article.post img {
  min-height: 285px;
  object-fit: cover;
}
article.post .article-content {
  margin-right: 15px;
  margin-left: 15px;
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 25px 15px 25px;
  border-radius: 7px;
  position: relative;
  top: -100px;
  backdrop-filter: blur(7px);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: -100px;
}
article.post .date-container {
  position: relative;
  top: -45px;
  display: block;
  border-radius: 7px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  box-shadow: 3px 3px 10px rgba(138, 16, 2, 0.3);
  margin-bottom: -45px;
}
article.post h1 {
  font-size: 1.25rem;
  color: var(--main-20);
  margin-bottom: 0px;
  position: relative;
  top: -10px;
}
article.post h2 {
  font-size: 1.625rem;
  color: var(--main-20);
  margin-bottom: 0px;
  padding: 7px 3px;
  font-weight: 600;
}
article.post h3 {
  display: block;
  width: 100%;
  font-size: 7px;
  background: var(--main-20);
  color: #fff;
  margin-bottom: 0px;
  padding: 5px;
}
article.post a {
  font-weight: 600;
  color: var(--main-20);
  text-decoration: underline;
}