/*
==================================================================================
==================================================================================

             =================   ====== // =====           ================
            =================   ====== //  ======         ================
           =====               ======       ======       ======
          =====               ======        ======      ======
         =====               ======         ======     ======
        =================   ======          ======    ===============
       =================   ======           ======   ===============
      =====               ======           ======            ======
     =====               ======           ======            ======
    =====               ======	        ======             ======
   =================   ====== // ===========   =================
  =================   ====== // =========     =================   Copyright 2021

==================================================================================
==================================================================================
*/


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: var(--black);
  line-height: 1.4;
  font-family: 'Public Sans', sans-serif;
}

*:focus {
  outline: none !important;
}


/**
 * 1.0 - Normalize
 */

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
}

body {
	margin: 0;
		overflow-x: hidden;
}

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: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.clearfix {
  clear: both;
}

.fixed {
  overflow: hidden;
}


/**
 * 2.0 - Typography
 */


input, textarea {
  /* -webkit-appearance: none;
  -webkit-border-radius: 0; */
}

h1 {
  font-size: 44px;
}

.h2,
h2 {
  font-size: 28px;
}

.h3,
h3 {
  font-size: 21px;
}

.h4,
h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

.h6,
h6 {
  font-size: 12px;
}

ul li,
p {
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1.3;
}


.flarge p,
.flarge {
  font-size: 48px;
}

.fmedium1 {
  font-size: 36px;
}

.fmedium2 {
  font-size: 32px;
}

.fmedium {
  font-size: 26px;
}

.fsmall {
  font-size: 10px;
}

.extrabold {
  font-weight: 800;
}

.bold, strong, b {
  font-weight: 700;
  font-family: 'Public Sans', sans-serif;
}

.semibold {
  font-weight: 600;
}

.medium {
  font-weight: 500;
}

.light {
  font-weight: 300;
}

.underline {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
}

.dtable {
  display: table;
  width: 100%;
  height: 100%;
}

.dflex {
  display: flex;
}

.dtable-cell {
  display: table-cell;
}

.v-bottom {
  vertical-align: bottom;
}

.v-middle {
  vertical-align: middle;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.flex-wrap {
  flex-wrap:wrap;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: var(--gold);
}

a:hover {
  color: var(--black);
}

.aligncenter {
  text-align: center !important;
}

.alignright {
  text-align: right !important;
}

.alignleft {
  text-align: left !important;
}

.nopadding {
  padding: 0 !important;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -25px;
  margin-left: -25px;
}

@media screen and (max-width: 600px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }

}

.prelative {
  position: relative;
}


:focus{
  outline:0;
}

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


/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #a1a1a1;
	/* font-family: Montserrat, "Helvetica Neue", sans-serif; */
}

:-moz-placeholder {
	color: #a1a1a1;
	/* font-family: Montserrat, "Helvetica Neue", sans-serif; */
}

::-moz-placeholder {
	color: #a1a1a1;
	/* font-family: Montserrat, "Helvetica Neue", sans-serif; */
	opacity: 1;
}

:-ms-input-placeholder {
	color: #a1a1a1;
	/* font-family: Montserrat, "Helvetica Neue", sans-serif; */
}