/*!
Theme Name: mobiah20
Theme URI: https://mobiah.com/
Author: Chris Low
Author URI: https://mobiah.com/
Description: The MCM mobiah20 theme.
Version: mobiah20
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mobiah20
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

mobiah20 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


 @font-face {
	font-family: 'Montserrat Mobiah';
	src: url('fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
   	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Mobiah';
	src: url('fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
   	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Mobiah';
	src: url('fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
   	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Mobiah';
	src: url('fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: 600;
   	font-style: normal;
}
@font-face {
	font-family: 'Montserrat Mobiah';
	src: url('fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
   	font-style: normal;
}

 html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 font-size: 100%;
	 font: inherit;
	 vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, main, menu, nav, section {
	 display: block;
	 box-sizing: border-box;
 }
 body {
    line-height: 1;
	width:100%;
    overflow-x:hidden;
    font-family: 'Montserrat Mobiah', sans-serif;
    background:#1661b4;
 }
 ol, ul {
	 list-style: none;
	 margin:0;
	 padding:0;
 }
 blockquote, q {
	 quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
	 content: '';
	 content: none;
 }
 table {
	 border-collapse: collapse;
	 border-spacing: 0;
 }
 div, ul, li, a, input, label {
	 box-sizing: border-box;
 }

.skip-link {position:absolute; left:-100vw;}
.clearfix {clear:both; display:block; width:100%; height:0;}

main::after,
section::after,
div.row::after {content:''; display:table; clear:both; width:100%; height:0;}
div {box-sizing: border-box;}
div.row {margin:0 auto 30px; max-width:1280px;}
div.row.edge {margin:0 0 30px; max-width:100%;}
div.col {position:relative;}
.span-1:first-of-type,
.span-2:first-of-type,
.span-3:first-of-type,
.span-4:first-of-type,
.span-6:first-of-type,
.span-8:first-of-type,
.span-9:first-of-type,
.span-12:first-of-type {margin:0;}

div.span-1,
div.span-2,
div.span-3,
div.span-4,
div.span-5,
div.span-6,
div.span-8,
div.span-9,
div.span-12 {float:left;}

div.span-1:last-of-type,
div.span-2:nth-child(6n+6),
div.span-3:nth-child(4n+4),
div.span-4:nth-child(3n+3),
div.span-5:nth-child(2n+2),
div.span-6:nth-child(2n+2),
div.span-8:last-of-type,
div.span-9:last-of-type,
div.span-12:last-of-type {float:right; margin:0;}

/* 1 column   */ .span-1  {margin:0 0 0 30px; width:calc((100% - 330px) / 12);}
/* 2 columns  */ .span-2  {margin:0 0 0 30px; width:calc((100% - 150px) / 6);}
/* 3 columns  */ .span-3  {margin:0 0 0 30px; width:calc((100% - 90px)  / 4);}
/* 4 columns  */ .span-4  {margin:0 0 0 30px; width:calc((100% - 60px)  / 3);}
/* 6 columns  */ .span-5  {margin:0 0 0 30px; width:calc((100% - 45px)  / 2.4);}
/* 6 columns  */ .span-6  {margin:0 0 0 30px; width:calc((100% - 30px)  / 2);} /*extra buffer*/
/* 8 columns  */ .span-8  {margin:0 0 0 30px; width:calc((100% - 15px)  / 1.5);}
/* 9 columns  */ .span-9  {margin:0 0 0 30px; width:calc((100% - 10px)  / 1.3333333333);}
/* 12 columns */ .span-12 {margin:0 0 0 30px; width:100%;}

div.row.edge .span-6 {width:50%;}

body::before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;
	background: transparent;
	background: -moz-linear-gradient(-45deg, rgba(72,123,231,0) 0%, rgba(72,123,231,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(72,123,231,0) 0%,rgba(72,123,231,1) 100%);
	background: linear-gradient(45deg, rgba(72,123,231,0) 0%,rgba(72,123,231,1) 100%);
}

#page {position:relative; z-index:2147483647;}

div.row,
section.row {position:relative; margin:0 auto; padding:0 50px; max-width:1440px;}

#header {padding:49px 0 0; height:114px;}
h1 {float:left; text-transform:lowercase; font-size:40px; line-height:1; font-weight:700;}
h1 a {color:#fff; text-decoration:none; transition:color 0.25s ease-in-out;}
h1 a span {display:inline-block; margin:0 5px 0 0; width:40px; height:50px;}
h1 a svg.mobiah-flame-logo {vertical-align:baseline;}
h1 a svg.mobiah-flame-logo path {fill:#fff;transition:fill 0.25s ease-in-out;}
h1 a:hover svg.mobiah-flame-logo path {fill:#4ccae0;}
h1 a:hover {color:#4ccae0;}

#main-nav ul li {position:relative; float:left; margin:35px 15px 0; font-size:16px; letter-spacing:1px;}
#main-nav ul li:first-of-type {margin:35px 15px 0 75px;}
#main-nav ul li:last-of-type {float:right; margin:20px 0 0;}
#main-nav ul li a {display:inline-block; padding:0 0 10px; text-transform:uppercase; font-weight:600; color:#fff; text-decoration:none; transition:color 0.25s ease-in-out;}
#main-nav ul li a:hover {color:#4ccae0;}
#main-nav ul li:last-of-type a {padding:15px 30px; border:2px solid #4ccae0; background:#4ccae0; transition:border-color 0.25s ease-in-out, background 0.25s ease-in-out;}
#main-nav ul li:last-of-type a:hover {color:#fff; border-color:#fff; background:transparent;}

div.iso {position:relative; top:50px;}
div.iso span {position:absolute; top:0; left:0; display:block; visibility:hidden; background-size:contain !important;}
div.iso span.screen {top:75px; width:301px; height:411px; background:transparent url('screen.png') no-repeat 0 0;}
div.iso span.phone {left:310px; width:115px; height:262px; background:transparent url('phone.png') no-repeat 0 0;}
div.iso span.people {top:125px; left:60px; width:554px; height:385px; background:transparent url('people.png') no-repeat 0 0; opacity:0;}

div.iso span.analytics-pie1 {top:84px; left:13px; width:163px; height:267px; background:transparent url('/images/isos/analytics-iso-pie-1.png') no-repeat 0 0;}
div.iso span.analytics-pie2 {top:136px; left:81px; width:245px; height:229px; background:transparent url('/images/isos/analytics-iso-pie-2.png') no-repeat 0 0;}
div.iso span.analytics-pie3 {top:25px; left:125px; width:177px; height:172px; background:transparent url('/images/isos/analytics-iso-pie-3.png') no-repeat 0 0;}
div.iso span.analytics-pie4 {top:0; left:217px; width:164px; height:154px; background:transparent url('/images/isos/analytics-iso-pie-4.png') no-repeat 0 0;}
div.iso span.analytics-people {top:97px; left:5px; width:576px; height:405px; background:transparent url('/images/isos/analytics-iso-people.png') no-repeat 0 0; opacity:0;}

body.home #main div.mobiah-homepage-copy {padding-top:50px; opacity:0;}
body.home #main div.mobiah-homepage-copy h2 span,
body.home #main div.mobiah-homepage-copy h3 span {display:block;}

body.home #main h2 {padding:0 0 30px; font-size:32px; line-height:42px; font-weight:500; color:#fff;}
body.home #main h3 {padding:0 0 30px; font-size:22px; line-height:30px; font-weight:400; color:#fff;}
body.home #main h3 strong {font-weight:600;}