/*
Theme Name: Anasta New
Version: 2.0
Author: Anasta x Alok
Text Domain: anasta
*/

/* Fonts */
@font-face {
  font-family: 'Americana';
  font-weight: 400;
  font-style: normal;
  src: url('assets/fonts/americana_regular.otf') format('truetype'),
       url('assets/fonts/americana_regular.woff') format('woff'),
       url('assets/fonts/americana_regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Commuters Sans';
  font-weight: 400;
  font-style: normal;
  src: url('assets/fonts/commuters_sans_regular.otf') format('truetype'),
       url('assets/fonts/commuters_sans_regular.woff') format('woff'),
       url('assets/fonts/commuters_sans_regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Commuters Sans';
  font-weight: 600;
  font-style: normal;
  src: url('assets/fonts/commuters_sans_semibold.otf') format('truetype'),
       url('assets/fonts/commuters_sans_semibold.woff') format('woff'),
       url('assets/fonts/commuters_sans_semibold.woff2') format('woff2');
}

/* Colours */
:root {
  --eggshell: #E5E5E5;
  --slate: #646464;
  --teal: #1E4151;
  --clay: #813446;
  --sand: #C29A5D;
  --cactus: #969A7E;
}

/* General */
body {
  margin: 0;
  color: var(--teal);
  background-color: #f2f2f2;
  background-image: url('assets/images/bg_dsk.webp');
  background-size: contain;
  font-family: 'Americana', serif;
  line-height: 1.618;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

h1, h2, h4, h5, h6 {
  font-weight: 400;
	line-height: 1.375;
}

h3 {
  font-family: 'Commuters Sans', sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
}

a {
  text-decoration: none;
  color: inherit;
}

.content > *[class*="wp-block-"]:not(.wp-block-cover), .content > *[class*="coblocks-"] {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.content > *[class*="wp-block-"] + *[class*="wp-block-"],
.content > *[class*="coblocks-"] + *[class*="coblocks-"],
.content > *[class*="wp-block-"] + *[class*="coblocks-"],
.content > *[class*="coblocks-"] + *[class*="wp-block-"] {
  margin-top: 5rem;
}

/* Scroll back up */
#scroll-back-up {
  background: var(--clay);
  color: #fff;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  position: fixed;
  bottom: 0;
  right: -2.5rem;
  cursor: pointer;
  transition: right 250ms ease-in-out;
  z-index: 99;
}

#scroll-back-up.show {
  right: 0;
}

/* Desktop-only */
@media screen and (min-width: 768px) {
  main {
    max-width: 1440px;
    margin: auto;
  }
}

/* Mobile-only */
@media screen and (max-width: 767px) {
  .centred-on-mobile {
    text-align: center;
  }
}