/*
 Theme Name:   Mercury Update Custom Theme Child
 description: >-
   A child theme of Mercury Website Desktop and Responsive Mobile
 Author:       Joe Ridenour
 Version:      1.0.0
*/


/*
@white: #fff;
@lightGrey: #EBEBEB;
@mediumGrey: #666;
@darkGrey: #333;
@darkModeBorderGray: #363b3c
@black: #000;
@darkBlue: #1C2229;

@mercuryLightGrey: #F9F9F9;
@mercuryGreen: #6CC72B;
@mercuryBlueBlack: #1C2229;

/// Client Colors
@tedRed: #E62B1E;

@epbLight: #0071BA;
@epbGreen: #365759;
@epbDark: #0E113D;

@panaLight: #005F9F;
@panaDark: #1F3A5C;
@panaDarkGrey: #242424;
@panaGrey: #8A8B8A;

@rbRed: #CC1E4A;
@rbYellow: #FFC906;
@rbBlue: #004C6C;
@rbDarkBlue: #06192D;

@xfRed: #C8001D;
@xfBlue: #2B9CD8;
@xfGrey: #5A5A5C;

@urbnGrey1: #EBE7DF;
@urbnGrey2: #DDD7CB;
@urbnGrey3: #B3A996;
@urbnGrey4: #2A2A2A;
@urbnGrey5: #B3A997;
*/

@import url('css/loop.css');
@import url('css/button.css');
@import url('css/forms.css');
@import url('css/typography.css');
@import url('css/images.css');
@import url('css/blocks.css');
@import url('css/contact-us.css');

/** Initial things **/
html {
  background-color: #1C2229;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Gotham A', 'Gotham B', Helvetica, sans-serif;
}

body {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

body > * { background-color: white; }

* {
  box-sizing: border-box;
}

/** Normalize headers */
h1, h2, h3, h4, p {
    -webkit-margin-before:0em;
    -webkit-margin-after:0em;
}

a,a:visited {
  color: inherit;
}

/** Generic helpers **/
.section {
  position: relative;
  padding: calc(var(--verticalSectionPadding)) calc(var(--margin));
}

.section.blueblack {
 	background-color: #1C2229;
	color: white;
}

.section.lightgrey { 
  background-color: #F9F9F9;
}

.section .inner {
  	padding-left: calc(var(--horizontalSectionPadding));
	padding-right: calc(var(--horizontalSectionPadding));
  	max-width: calc(var(--maxWidth));
	margin: auto;
    width: 100%;
    position: relative;
}


/** Flexbox helpers **/
.flex-row {
 	display: flex;
  flex-direction: row;
}

.flex-col, .vertical {
    display: flex;
    flex-direction: column;
}


/** Font things */
.black { font-weight: 700; }
.medium { font-weight: 500; }
.book { font-weight: 400; }

/** Color things **/
.green-txt { color: #6CC72B; }
.black-txt { color: black; }
.gray-txt  { color: #666666; }


/** WP specifics **/
.page-title {
	font-size: 48px;
  	line-height: 60px;
	font-weight: 600;
  	color: #6CC72B;
    margin-bottom: 50px;
}


.home .page-title {
  padding: 0;
  margin-bottom: 24px;
}

.home .sub-head h3 {
  padding: 0;
  color: white;
}


@media (prefers-color-scheme: dark) {
  .section {
    background-color: #000;
  }

	.section.lightgrey { 
    background-color: #000;
  }

  .section.lightgrey.related-posts {
    background-color: #1c2229;
  }
}

@media (prefers-color-scheme: light) {
  .section {
    background-color: white; 
  }

	.section.lightgrey { 
    background-color: #F9F9F9;
  }

  .section.lightgrey.related-posts {
    background-color: #F9F9F9;
  }
}