/*
 Theme Name:   Arcane Pro Child
 Theme URI:    http://example.com/arcane-pro-child/
 Description:  Arcane Pro Child Theme
 Author:       Jesse Gortarez
 Author URI:   https://blog.eero.com
 Template:     arcane-pro
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  arcane-pro-child
*/


/*--------------------------------------------------------------
3.0 Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 Global
--------------------------------------------------------------*/
@font-face {
    font-family: 'MarkOT';
    src: url('./fonts/ot/MarkOT.eot');
    src: url('./fonts/ot/MarkOT.eot') format('embedded-opentype'),
         url('./fonts/ot/MarkOT.woff2') format('woff2'),
         url('./fonts/ot/MarkOT.woff') format('woff'),
         url('./fonts/ot/MarkOT.ttf') format('truetype'),
         url('./fonts/ot/MarkOT.svg#MarkOT') format('svg');
}

@font-face {
    font-family: 'MarkOTNarrowLight';
    src: url('./fonts/ot-narrow/MarkOTNarrowLight.eot');
    src: url('./fonts/ot-narrow/MarkOTNarrowLight.eot') format('embedded-opentype'),
         url('./fonts/ot-narrow/MarkOTNarrowLight.woff2') format('woff2'),
         url('./fonts/ot-narrow/MarkOTNarrowLight.woff') format('woff'),
         url('./fonts/ot-narrow/MarkOTNarrowLight.ttf') format('truetype'),
         url('./fonts/ot-narrow/MarkOTNarrowLight.svg#MarkOTNarrowLight') format('svg');
}

@font-face {
    font-family: 'MarkOTMedium';
    src: url('./fonts/ot-medium/MarkOTMedium.eot');
    src: url('./fonts/ot-medium/MarkOTMedium.eot') format('embedded-opentype'),
         url('./fonts/ot-medium/MarkOTMedium.woff2') format('woff2'),
         url('./fonts/ot-medium/MarkOTMedium.woff') format('woff'),
         url('./fonts/ot-medium/MarkOTMedium.ttf') format('truetype'),
         url('./fonts/ot-medium/MarkOTMedium.svg#MarkOTMedium') format('svg');
}

@font-face {
    font-family: 'MarkOTLight';
    src: url('./fonts/ot-light/MarkOTLight.eot');
    src: url('./fonts/ot-light/MarkOTLight.eot') format('embedded-opentype'),
         url('./fonts/ot-light/MarkOTLight.woff2') format('woff2'),
         url('./fonts/ot-light/MarkOTLight.woff') format('woff'),
         url('./fonts/ot-light/MarkOTLight.ttf') format('truetype'),
         url('./fonts/ot-light/MarkOTLight.svg#MarkOTLight') format('svg');
}

@font-face {
    font-family: 'MarkOTExtlight';
    src: url('./fonts/ot-extralight/MarkOTExtlight.eot');
    src: url('./fonts/ot-extralight/MarkOTExtlight.eot') format('embedded-opentype'),
         url('./fonts/ot-extralight/MarkOTExtlight.woff2') format('woff2'),
         url('./fonts/ot-extralight/MarkOTExtlight.woff') format('woff'),
         url('./fonts/ot-extralight/MarkOTExtlight.ttf') format('truetype'),
         url('./fonts/ot-extralight/MarkOTExtlight.svg#MarkOTExtlight') format('svg');
}

body {
  background: #ffffff;
  color: #3d3d3d;
  font-family: "MarkOT", Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
3.2 Paragraph
--------------------------------------------------------------*/
p {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

p.lead {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.3;
}

p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
3.3 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #020202;
  font-family: "MarkOTExtlight", Helvetica, sans-serif;
  line-height: 1.3;
}

h1 {
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

h2 {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

h3 {
  font-size: 23px;
  font-size: 1.4375rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

h4 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

h5 {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  -webkit-text-stroke: .35px;
  /* Hack to fix thin text in Windows */
}

h6 {
  font-size: 10px;
  font-size: 0.625rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  -webkit-text-stroke: .35px;
  /* Hack to fix thin text in Windows */
}

/*--------------------------------------------------------------
3.5 Blockquote
--------------------------------------------------------------*/
blockquote {
  color: #555;
  border-left: 6px solid #f24444;
  font-family: "MarkOT", Helvetica, sans-serif;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.3;
  margin: 0 auto 26px;
  margin: 0 auto 1.625rem;
  padding: 15px;
  padding: 0.9375rem;
  position: relative;
}

/*--------------------------------------------------------------
3.6 Dropcap
--------------------------------------------------------------*/
.dropcap {
  font-family: "MarkOT", Helvetica, sans-serif;
  font-size: 70px;
  font-size: 4.375rem;
  float: left;
  line-height: 1;
  margin: 0 15px 0 0;
  margin: 0 0.9375rem 0 0;
  padding: 0;
  text-shadow: 8px 8px 0px #f3f3f3;
  text-transform: uppercase;
}

.primary-menu-responsive a, .primary-menu-responsive a:visited {
  color: #ddd;
  display: block;
  font-family: "MarkOT", Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  padding: 8px 0;
  padding: 0.5rem 0;
}
.site-title {
  font-family: "MarkOTExtlight", Helvetica, sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  word-wrap: break-word;
}

.sf-menu a,
.sf-menu a:visited {
  font-family: "MarkOT", Helvetica, sans-serif;
}


/*--------------------------------------------------------------
12.3 More Link
--------------------------------------------------------------*/
/* Entry Header & Title (Posts,Pages) */
.has-excerpt .entry-header-wrapper:after,
.entry-header-wrapper-single:after {
  background: #58F4BC;
  content: "";
  display: block;
  margin: 15px 0 30px;
  margin: 0.9375rem auto 1.875rem;
  width: 44px;
  height: 0px;
}

.widget .widget-title {
  display: inline-block;
}

.widget .widget-title:after {
  background: #4E6BF9;
  content: "";
  display: block;
  margin: 15px 0 30px;
  margin: 0.9375rem 0 1.875rem;
  width: 100%;
  height: 1px;
}


/* Site info */
.site-info {
  background: #192048;
  border-top: none;
  padding: 30px 0;
  padding: 1.875rem 0;
}

.site-bar {
  display: none !important;
}

/* Featured Post carousel */
.featured-content-wrapper .entry-content-featured-content {
  background: #F7F7F7;
}

.featured-content-wrapper .entry-title-featured-content a {
  color: #404040 !important;
}

.featured-content-wrapper .entry-title-featured-content {
  text-transform: none;
}


/* video */
.hentry .mejs-mediaelement, .hentry .mejs-mediaelement {
  background: #fff;
}
.eo-promo-banner-wrapper {
  p, small {
    letter-spacing: 1px;
  }
}