@import "@{parenturl}/less/mixins.less";

body.sticky {
	header#header {
		position:sticky;
		top:0;
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	> * {
		position:relative;
		z-index:1;
	}
}
header {
	position:relative;
	z-index:10;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:inherit;
	font-size: 1em;
	font: inherit;
	vertical-align: baseline;
}
a {
	text-decoration:none;
	.transition(color, .3s, linear);
	.transition(background-color, .3s, linear);
}
b, strong {
	font-weight:700;
}
html {
	max-width: 100%;
	line-height: 1;
	overflow-x:hidden; //adding this to body tag breaks the sticky header
}
button {
	outline: 0;
}
hr {
	border:none;
	background-color:currentcolor;
	height:2px;
	width:100%;
	margin:25px 0;
	&.full,
	&.full-width {
		width:100vw;
		position:relative;
		left:50%;
		.translateX(-50%);
	}
}

nav {
	ul, ol {
		list-style: none;
	}
	li {
		line-height:1; // This is causing weird spacing in the dropdown menu
		a { line-height:1.5; }
	}
}
blockquote, q {
	quotes: none;
}
blockquote, q {
	&:before, &:after {
		content: "";
		content: none;
	}
}
q {
	display: inline;
	font-style: italic;
}
q:before {
	content: '"';
	font-style: normal;
}
q:after {
	content: '"';
	font-style: normal;
}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid;
	border-radius: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	padding: 2px;
}
big {
	font-size: 1.2em;
}
small, sup, sub {
	font-size: .8em;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
dd {
	margin-left: 20px;
}
kbd, tt {
	font-family: courier;
	font-size: 12px;
}
ins {
	text-decoration: underline;
}
del, strike, s {
	text-decoration: line-through;
}
dt {
	font-weight: bold;
}
address, pre {
	white-space:pre;
}
cite, var {
	font-style: italic;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
i, em {
	font-style:italic;
}
* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

body {
	> * {
	}
}

img, svg {
	max-width:100%;
	height:auto;
}

#breadcrumbs {
	display:inline-grid;
	margin-right:auto;
	grid-auto-flow:column;
	grid-gap:.5em;
	list-style: none;
	li {
		display:block;
		margin-left:0;
		&:first-child {
			margin-left:0;
		}
	}
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
}
h1, h2, h3, h4, h5, h6, li {
	text-align:left;
}

.no-margin {
	margin:0;
}

.clear {
	clear:both;
}

.entry-header {
	margin-bottom:15px;
}

ul, ol {
	&:not(.grid) {
		&[columns="4"] { columns: 250px 4;}
		&[columns="3"] { columns: 250px 3;}
		&[columns="2"] { columns: 250px 2;}
	}
}

.entry-content {
	p, ul, ol, li, div, blockquote, cite, pre {
		color: inherit;
		text-transform: inherit;
		letter-spacing: inherit;
		font-family: inherit;
		font-weight: inherit;
		font-size: 1em;
		line-height: inherit;
	}
	p, ol, ul,
	figure.video,
	.dcmo_block, .iframe-container, .dcmo_full_block {
		margin-bottom:25px;
	}
	p, ol, ul, figure.video, .iframe-container {
		&:last-child {
			margin-bottom:0;	
		}
	}
	h2, h3, h4, h5, h6 {
		margin-bottom:10px;
		&:not(:first-child) {
			margin-top:1.25em;	
		}
	}
	a:not([class]):not([id]) {
		//text-decoration:underline;
	}
	p:empty {
		display:none;
	}
	ul, ol {
		padding:0;
		margin-left:1em;
		li {
			margin-left:1.5em;
		}
	}
}

@keyframes animate_Line{100%{stroke-dashoffset:0}}
@-webkit-keyframes animate_Line{100%{stroke-dashoffset:0}}
.animateLine {
	display:none;
	animation: animate_Line 2000ms linear 1s forwards;
	-webkit-animation: animate_Line 2000ms linear 1s forwards;
}

.newArrows {
	.testimonial_rotator_nav {
		i {
			opacity:0;
		}
		.testimonial_rotator_prev, .testimonial_rotator_next {
			top:0;
			bottom:0;
			margin:auto;
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
		}
	}
}

.video-center, .video-right, .video-left, .aligncenter { display:block; }
.alignnone { display:inline-block; }
.video-center, .video-right, .video-left { width:100%; }
.video-center, .aligncenter { .margin-sides(auto); }
.video-right, .video-left, .alignleft, .alignright { max-width:50%; }

.video-left, .alignleft {
	float:left;
	margin-right:25px;
}
.video-right,.alignright {
	float:right;
	margin-left:25px;
}
.video-center, .video-right, .video-left, .alignleft, .alignright, .aligncenter, .alignnone { margin-bottom:25px; }

.video-right, .video-left {
	@media (max-width:768px) {
		max-width:100%;
		.margin-sides(0);
	}
}

.iframe-container {
	height:0;
	padding-bottom:56.25%;
	position:relative;
	overflow:hidden;
	&, iframe {
		line-height:0;
	}
	iframe {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
}

.grid {
  display:grid;
  &.vertAlign { align-items: center; }

  &.gap-0,
  &[gap="0"] {  grid-gap:0px; }
  & { grid-gap:25px; }
  &.gap-50,
  &[gap="50"] { grid-gap:50px; }
  &.gap-100,
  &[gap="100"] { grid-gap:100px; }

  .columns(@columns: 12) {
    .span(@span: 1) {
      grid-column:span ~"min(@{span}, @{columns})";
    }
    
    grid-template-columns:repeat(@columns, 1fr);
    > * {
      & { .span(1) }
      &[grid="2"] { .span(2) }
      &[grid="3"] { .span(3) }
      &[grid="4"] { .span(4) }
      &[grid="5"] { .span(5) }
      &[grid="6"] { .span(6) }
      &[grid="7"] { .span(7) }
      &[grid="8"] { .span(8) }
      &[grid="9"] { .span(9) }
      &[grid="10"] { .span(10) }
      &[grid="11"] { .span(11) }
      &[grid="12"] { .span(12) }
    }
    & when (@columns = 12) {
      > *.quarter { .span(3) }
      > *.third { .span(4) }
      > *.half { .span(6) }
      > *.two-thirds { .span(8) }
      > *.three-quarters { .span(9) }
      > *.full { .span(12) }
    }
    & when (@columns = 6) {
      > *.third { .span(2) }
      > *.half { .span(3) }
      > *.two-thirds { .span(4) }
      > *.full { .span(6) }
    }
    & when (@columns = 4) {
      > *.quarter { .span(1) }
      > *.half { .span(2) }
      > *.three-quarters { .span(3) }
      > *.full { .span(4) }
    }
    & when (@columns = 3) {
      > *.third { .span(1) }
      > *.two-thirds { .span(2) }
      > *.full { .span(3) }
    }
    & when (@columns = 2) {
      > *.half { .span(1) }
      > *.full { .span(2) }
    }

  }
  & {
    @media (min-width:1080px) { .columns(12); }
    @media (min-width:769px) and (max-width:1079px) { .columns(6); }
    @media (min-width:540px) and (max-width:768px) { .columns(3); }
    @media (min-width:420px) and (max-width:539px) { .columns(2); }
    @media (max-width:419px) { .columns(1); }
	&.responsive-early,
    &[responsive="early"] {
      @media (min-width:1280px) { .columns(12); }
      @media (min-width:960px) and (max-width:1279px) { .columns(6); }
      @media (min-width:769px) and (max-width:959px) { .columns(3); }
      @media (min-width:540px) and (max-width:768px) { .columns(2); }
      @media (max-width:539px) { .columns(1); }
    }
	&.responsive-late,
    &[responsive="late"] {
      @media (min-width:769px) { .columns(12); }
      @media (min-width:540px) and (max-width:768px) { .columns(6); }
      @media (min-width:420px) and (max-width:539px) { .columns(3); }
      @media (min-width:321px) and (max-width:419px) { .columns(2); }
      @media (max-width:320px) { .columns(1); }
    }
  }
  &.columns-5,
  &[columns="5"] {
    @media (min-width:1080px) { .columns(5); }
    @media (min-width:769px) and (max-width:1079px) { .columns(3); }
    @media (max-width:768px) { .columns(1); }
	&.responsive-early,
    &[responsive="early"] {
      @media (min-width:1280px) { .columns(5); }
      @media (min-width:960px) and (max-width:1279px) { .columns(3); }
      @media (max-width:959px) { .columns(1); }
    }
	&.responsive-late,
    &[responsive="late"] {
      @media (min-width:769px) { .columns(5); }
      @media (min-width:540px) and (max-width:768px) { .columns(3); }
      @media (max-width:539px) { .columns(1); }
    }
  }
  &.columns-4,
  &[columns="4"] {
    @media (min-width:1080px) { .columns(4); }
    @media (min-width:769px) and (max-width:1079px) { .columns(2); }
    @media (max-width:768px) { .columns(1); }
	&.responsive-early,
    &[responsive="early"] {
      @media (min-width:1280px) { .columns(4); }
      @media (min-width:960px) and (max-width:1279px) { .columns(2); }
      @media (max-width:959px) { .columns(1); }
    }
	&.responsive-late,
    &[responsive="late"] {
      @media (min-width:769px) { .columns(4); }
      @media (min-width:540px) and (max-width:768px) { .columns(2); }
      @media (max-width:539px) { .columns(1); }
    }
  }
  &.columns-3,
  &[columns="3"] {
    @media (min-width:769px) { .columns(3); }
    @media (max-width:768px) { .columns(1); }
	&.responsive-early,
    &[responsive="early"] {
      @media (min-width:1080px) { .columns(3); }
      @media (max-width:1079px) { .columns(1); }
    }
	&.responsive-late,
    &[responsive="late"] {
      @media (min-width:540px) { .columns(3); }
      @media (max-width:539px) { .columns(1); }
    }
  }
  &.columns-2,
  &[columns="2"] {
    @media (min-width:769px) { .columns(2); }
    @media (max-width:768px) { .columns(1); }
	&.responsive-early,
    &[responsive="early"] {
      @media (min-width:1080px) { .columns(2); }
      @media (max-width:1079px) { .columns(1); }
    }
	&.responsive-late,
    &[responsive="late"] {
      @media (min-width:540px) { .columns(2); }
      @media (max-width:539px) { .columns(1); }
    }
  }

}

.animate-height {
	overflow:hidden;
	&:not(.active) {
		max-height:0;
	}
}

button, input[type="submit"] {
	cursor:pointer;
}

.wpcf7 {
	.hide { display:none !important; }
	.ajax-loader { position:absolute; }
}

#logo {
	a {
		display:block;
		line-height:0;
	}
}

#header ul.nav .sub-menu > li {
	.hover();
	> a {
		.transition(none);
	}
}