/*
Theme Name: Hoglund Foundation
Theme URI: https://hoglundfoundation.org/
Description: 
Version: 1.1
Author: Atwell Design
Author URI: 
Tags: 

*/

/* ================================ Resets / Base Styles ================================ */

html { margin: 0; padding: 0; }
	
body {
	margin: 0; padding: 180px 0 0 0;
	font-size: 16px;
	background: #fff; /* white */
	color: #37393b; /* grey */
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
    position:relative;
	}
body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea { font-family: "montserrat",sans-serif; font-weight:400; font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  }
a, a:visited, a:active { color: #0D3572; text-decoration:none; outline:0; border:0; }
a:hover { color: #0d3572; text-decoration:underline; outline:0; }
a:active, a:focus { outline: 0; border: none; -moz-outline-style: none;text-decoration:none; }

img { border: 0; max-width:100%; height:auto; }
p, ul, ol, dl { margin: 0 0 1.2em 0; padding: 0; font-size: 1.0em; line-height: 1.45em; }
ul li, ol li { font-size: 1.0em; margin-bottom:0.4em; }
dl dt { font-weight:700; }
dl dd {	margin:0 0 0.5em 0;	}	
input, textarea, select, td, th { font-size: 1.0em; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; }
acronym, abbr { border-bottom: 1px dotted black; cursor: help; }
sup { font-size: 0.9em; }
code { font: 1.1em 'Courier New', Courier, Fixed; }	
button:focus { outline: none; }

blockquote { border:0; text-align:left; margin:1.0em auto; padding:0; max-width:80%; font-size: 1.0em;  } 
blockquote p { line-height:1.7em; font-size: 1.0em; margin:0;}
blockquote cite { margin: 0; display: block; font-size:1.0em; }

hr { /* For Internet Explorer */ clear:both; height: 1px; margin-bottom:0; border-top:1px solid #37393b;}

.hidden { display:none; }	
.error { color: #a00; }
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none;}

.clearfix:after { content: ""; display: table; clear: both; }

section { position:relative; clear:both; }

/* ================================ Headers ================================ */
	
h1 { font-size:1.625em; margin: 0 0 0.6em 0 ; clear:both; font-weight: 700; font-family: "rockwell",sans-serif; text-align:center; color: #0D3572;letter-spacing:0.0125em;  }	
h2 { font-size:1.3em; font-weight: 700; margin: 0 0 0.6em 0; clear:both; font-family: "rockwell",sans-serif; }
h3 { font-size:1.1em; margin: 0 0 0.2em; font-family: "rockwell"; font-weight:700; color: #37393b; letter-spacing:0.016em; }	
h4 { font-size:1.0em; margin: 0 0 0.5em 0; padding:0; font-family: "rockwell"; font-weight:700; }	
h5 { font-size:1.0em; margin: 0 0 0.1em; padding:0; line-height:1.0em; font-weight:700; text-align:center; position:relative;  }
h6 { font-size:0.625em; color: #37393b; margin: 0; padding:0; text-transform:uppercase; letter-spacing:0.125em; font-weight:600; }

/* ================================ Header ================================ */

header#header { background: #ffffff; height:180px; text-align:center; position:fixed; top:0; left: 0; width: 100%;z-index:100000000;}
header#header .container { position:relative; display: flex; align-items: center; height: 130px;}

div#logo { width:248px; height:92px; cursor:pointer; display:flex; position:absolute; top:19px; left:0; z-index:100; align-items: center; }
div#logo a {  margin: 0 0 0 0; padding: 0; position:absolute; top:0; left:0; width:100%; height:100%; overflow:visible; text-indent:-10000px; display:block; cursor:pointer; z-index: 1000;}
div#logo a span { display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url(images/hoglund-foundation.png) top left no-repeat; cursor:pointer; background-size:contain;  }

#shiftnav-toggle { display:none; }

ul#menu-navigation { list-style-type:none; margin: 0 0 0 auto; padding: 0 0 0 0; text-align: right; display: flex; align-items:center; background: #fff; z-index: 10; position: relative;}
ul#menu-navigation li { display:inline-block; margin: 0  0 0 60px; position:relative; }	
ul#menu-navigation li a { color: #37393b; display: block; padding:0 15px; margin: 0; height:38px; line-height: 38px; font-size:0.75em; letter-spacing: 0.083em; position:relative; text-transform:uppercase;  }
ul#menu-navigation li.current-page-ancestor > a, ul#menu-navigation li.current-menu-item > a, ul#menu-navigation li.current-menu-ancestor a, ul#menu-navigation li:hover a, ul#menu-navigation li:hover .sub-menu li a:hover, ul#menu-navigation li .sub-menu li.current-menu-item > a { color: #000;}
ul#menu-navigation .sub-menu { display:none; position:absolute; top: 38px; left: 5px; width: 220px; background: #e5e5e5; padding: 5px 10px; }
ul#menu-navigation li:hover .sub-menu { display:block;}
ul#menu-navigation li .sub-menu li { display:block; margin:0; padding:0; text-align:left;}
ul#menu-navigation li .sub-menu li a { height: auto; line-height:1.3em; padding: 0.6em 0; }
ul#menu-navigation li .sub-menu li a, ul#menu-navigation li:hover .sub-menu li a { color: #37393b; }
ul#menu-navigation li .sub-menu li a:hover, ul#menu-navigation li:hover .sub-menu li a:hover { color: #000; }


/* ================================ Footer ================================ */

footer#testimonial { padding: 40px 0; position: relative;}
footer#testimonial blockquote { border:0; text-align:center; margin:0; padding:0; max-width:100%; } 
footer#testimonial blockquote p { font-family: "rockwell"; font-style:oblique; font-weight:700; line-height:1.7em; font-size: 1.25em; letter-spacing: 0.0355em; margin:0;}
footer#testimonial blockquote cite { margin: 0.7em 0 0; display: block; font-size:1.0em; }
footer#testimonial .owl-stage { display: flex; align-items: center; }
footer#testimonial .owl-nav { display:none; }

footer#latest { background: #fff; padding: 100px 0 50px; position:relative; }

footer#footer { text-align:center; background: #37393b; padding: 120px 0; color: #fff; position: relative; }
footer#footer .container { padding:0; }
footer#footer a { color: #fff; }
footer#footer a:hover { color: #f39f41; }
footer#footer h5 { text-align:left; color: #fff; font-size:1.1em; font-weight:500; margin-bottom:1.0em; }
footer#footer p { text-align:left; color: #fff; font-size: 0.6875em; line-height:1.7em; }
footer#footer ul { list-style-type:none; margin: 0 auto; padding: 0 0 0 0; text-align: left; display: inline-block; width:100%; }
footer#footer ul li { display:inline-block; margin: 0; position:relative; font-size:1.1em; font-weight:500; }
footer#footer ul li .sub-menu { margin-top:1.0em; margin-bottom:2.0em }	
footer#footer ul li .sub-menu li { font-size: 0.625em; margin: 0; font-weight:400; line-height:1.7em; display:block; }

div#logo-rev { width:185px; height:62px; cursor:pointer; display:flex; z-index:100; align-items: center; }
div#logo-rev a {margin: 0 0 0 0; padding: 0; position:absolute; top:0; left:0; width:100%; height:100%; overflow:visible; text-indent:-10000px; display:block; cursor:pointer; z-index: 1000;}
div#logo-rev a span { display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url(images/hoglund-rev.png) top left no-repeat; cursor:pointer; background-size:contain; }

footer#noticebar { background: #c10e24; display: flex; align-items: center; justify-content: center; height: 70px; line-height: 1.3em; color: #fff;font-size: 0.9em; letter-spacing: 0.01em; position:fixed; bottom:0; left:0; text-align:center; width: 100%; }
footer#noticebar .fa-close { position:absolute; top: 5px; right: 5px; color: #fff; cursor:pointer }

/* ================================ Content ================================ */	

#page { position:relative; overflow:hidden; }
/* #page:before { background: url(images/bg.jpg) no-repeat top left / cover; height:190px; width:1370px; left: 50%; margin-left:-685px; position: absolute; top:35px; z-index:-1; content:''; } */

#main { position:relative; clear:both;}

#content { padding: 0; }
section#content section .container { padding: 50px 25px; }

section ul, section ol { margin-left: 25px; }

.arrow:after { content:url(arrow.svg); color: #d06d34; display:inline-block; margin-left:8px; width: 18px;vertical-align: top; margin-top: 0.5em; }

.more { font-size:0.8em; position:relative; letter-spacing: 0.025em; font-weight:600; }
.more .fa { font-size:12px;}

header#page-header { background: #fff; text-align:center; padding: 54px 25px 50px; margin-top:18vw; }
header#page-header p { letter-spacing: 0.02em; margin:0 auto; max-width: 680px; }

.repeater-row div.col-xs-12 { padding: 0 15px; min-height:210px; }
.repeater-row .matchheight-min { background-size: contain; background-position:top center; background-repeat:no-repeat; }

.button, .menu-button a { background: #30ACAF; color: #fff !important; text-transform:uppercase; font-weight:700; text-align:center; margin: 0 auto; border-radius: 4px; height:38px; line-height: 38px; padding: 0 15px; display:inline-block; }
.button-alt { background-color: rgba(216,216,216,0.36);}
.button-rev { background-color: #fff; color: #F39F41 !important;}

.white-row, #content section .container { background: #fff; }
.blue-row, #content section.blue-row .container { background: #0D3572; color: #fff; }
.red-row, #content section.red-row .container { background: #c10e24; color: #fff; }
.teal-row, #content section.teal-row .container { background: #30acaf; color: #fff; }
.red-row, #content section.red-row .container { background: #c10e24; color: #fff; }

p.upsize, div.upsize p { font-size:1.5em; line-height:1.8em; }

.column-list { list-style-type:none;  max-width: 80%; column-count: 3; margin:0 auto;}
.column-list li { font-weight: 400; font-family: "rockwell",sans-serif; font-size:2.0em; text-transform: uppercase; margin-bottom:20px; line-height:0.9em; }
.column-list > * { -webkit-column-break-inside: avoid; column-break-inside: avoid;  display: inline-block; width: 100%;}

section#content section.buttons { background: #fff; }
section#content section.buttons .container { text-align:center; padding-top:0; }
section.buttons .container a.button { width: 270px; margin: 0 30px; }

.valign { display: flex; align-items: center; justify-content: center; }

.social-list .fa {  background: #37393B; color: #fff; font-size:16px; line-height:29px; height:30px; width:30px; border-radius: 50%; text-align:center;}
.social-list .fa:hover { background: #f39f41; color: #fff; }
footer .social-list .fa { background: #fff; color: #37393B; }

/* ================================ About ================================ */	

.page-template-page-about #video .container { padding:0; }
.page-template-page-about #carousel { margin:0; }
.page-template-page-about #carousel .container { padding:0;  margin-top:140px; }

.page-template-page-about #intro .container { text-align:left; margin-top:0; padding: 70px 50px 100px 50px;  }
.page-template-page-about #intro .col-xs-3 { background: #fff url(images/placeholder.png) no-repeat center center / contain; }
.page-template-page-about #intro h1 { text-align:left;}
.page-template-page-about #intro p { margin: 0; max-width: 100%; }

.team { background: #fff;}
.team img { display:block;}

#team .owl-carousel .owl-item { opacity:0.5; cursor:pointer; overflow: visible;}
#team .owl-carousel .owl-item:hover, #team .owl-carousel .owl-item.center { opacity:1.0; }
#team .owl-carousel .owl-item .bio { display:none;  }
#team .owl-carousel .owl-item.center .bio { display: block; width: 240%; padding: 80px 0; text-align: center; margin-left: -70%; }
#team .bio h4 { font-size:2.0em; font-weight: 400; margin: 0 0 20px 0; clear:both; font-family: "rockwell",sans-serif;text-transform: uppercase; text-align:center; }
#team .bio h5 { color: #c10e24; }
#team .bio h5:after { border-color: #c10e24; }

#photo button { height: 40px; background: transparent; border: 0; position: absolute; top: calc(25vw + 91px); left: calc(50% - 160px); font-size: 1.5em; color: #c10e24; width:40px; text-align:center;}
#photo button.owl-next { left: calc(50% + 120px) }

.page-template-page-about #info { padding: 80px 0; text-align:left; } 
.page-template-page-about #info h5 { margin-bottom:40px; display:block; color: #37393b; text-align:left;}
.page-template-page-about #info h5:after {  border-color: #c10e24; }

#forrest h2, #sally h2 { margin-top: 20px;}
#sally h2 { color: #c10e24; }

#junior h2, #trustees h2 { text-align:center; margin:0 auto 2.5em auto;}

#board-staff { }
#board-staff h2 { color: #fff; margin:0 auto 1.5em auto; text-align:center; }
.bs-group { text-align: center; margin: 0 auto; max-width: 70%; position:relative; padding-top: 30px; }
.bs-group h3 { color: #fff; margin: 0 auto 1.5em auto; text-align:center; }
.bs-group > div { width: auto; display: inline-block; margin: 0 30px 1.0em 30px; }
.bs-group ~ .bs-group:before { content:""; width: 30%; border-top:1px solid #fff; position:absolute; top:0; left:50%; margin-left: -15%; }

/* ================================ Contact  ================================ */

#map { width: 100%; overflow:hidden; padding:0; margin:0; }
#contact h4 { font-weight:400; font-family: "montserrat",sans-serif; font-size:1.3em; margin: 1.5em 0 0.7em; }
#contact .social-list .fa { font-size: 20px; line-height: 39px; height: 40px; width: 40px; }

/* ================================ Grants ================================ */	

#schedule h2 { text-align:center; margin-bottom: 1.3em; }
#schedule .two-col { width: 380px; margin: 2.0em auto 0;}
#schedule .two-col > div { display: inline-block; margin: 0 20px;}

section#content section#grant-areas .container { padding-top:0;}

section#prior ~ section.buttons .container { padding-top: 50px; }
#prior h2 { border-bottom:2px solid #fff; padding-bottom:0.5em; margin-bottom:1.5em; }
#prior a.more { color: #fff; text-transform:uppercase; }
#prior a.more:hover, h3.toggler:hover { color: #f39f41; }

div#areas { float:right; margin-bottom:40px;}
#areas ul { list-style-type:none;}
#areas ul li { position:relative; font-size:0.9em; margin-bottom:1em; line-height:1.2em;  }
#areas ul span { height: 15px; width: 15px; display:inline-block; position:absolute; top:1px; left: -25px; }

.toggle { display:none; }
.toggler { display:block; font-size:1.1em; position:relative; font-weight:700; text-transform:uppercase; color: #fff; cursor:pointer; margin-bottom: 1.0em; font-family:'montserrat' }
.toggle h5 { font-weight:500; display:block; text-align:left; line-height:1.4em; }
.toggle h5 strong { font-weight:normal; float:right;}
.toggle p { font-size:0.85em; width: 80%;}

/* ================================ Grid ================================ */	

#grid { width: 100%; position:relative; margin: 2.0em auto 0 auto; padding-bottom:50px; }
#grid .col-sm-6 { padding: 0 !important; }

.item { padding:0 !important; position:relative; }
.case { width: calc(33.33333333333% - 30px); margin: 0 15px 30px 15px; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); text-align:left;  }

.info { cursor:pointer; }
.item .hover { display:none; opacity:1; }
.item .hover a.linkblock { display:block; height: 100%; width: 100%; text-decoration:none; }
.item .hover { position:absolute; top:0; left:0;  width: 100%; height:100%; background: #D3E14C; padding: 20px;  }
.item .hover h3 { margin-bottom:0.5em; font-size:1.0em}
.item .hover ul { list-style-type:none; margin: 0 0 0.5em 0; font-size:0.7em; }
.item .hover li, .item .hover p, .item .hover a, .item .hover span { color: #37393b; } 
.item .hover li { margin-bottom:0.2em;}
.item .hover p { font-size: 0.7em;}
.item .hover span { position:absolute; bottom:20px; left:20px; text-decoration:underline; font-size:0.8em;}

.rendered { list-style-type:none; margin-left:0; padding:0; }
.rendered li {  font-size:0.67em; position:relative; font-family: "rockwell"; font-weight:700; text-transform:uppercase; }
.rendered li span { width: 55px; height: 14px; background: #ccc; display:inline-block; margin-right:10px;}

#support { margin: 50px 0 0 0; }
#support p { font-size:0.67em; position:relative; font-family: "rockwell"; font-weight:700; text-transform:uppercase;  }

#case { padding-bottom:80px; }

#results { padding: 80px 0 20px}
#results .result { width: 40%; margin: 20px 5% 40px 5%; text-align:center; float:left; }
#results .result img { max-height:180px; width: auto;  }

#related { padding: 80px 0 80px}

#cases { padding: 10px 0 70px 0; }
#cases #grid, .home #grid { visibility: hidden; }


/* ================================ Financials ================================ */	

#financial h2 { font-family: 'montserrat'; font-weight: 700; font-size: 1.2em; text-align: center; letter-spacing: 0.1em; margin: 0 0 2.0em 0;}

#financial .two-col { display: inline-block; margin: 0 30px 2.0em 0; width: calc(50% - 20px); vertical-align:top;}
#financial .two-col ~ .two-col { margin-right:0; }
table.financials { width: 100%; }
table.financials th, table.financials td { padding: 0.5em 0; }
table.financials thead th {  color: #c10e24; font-family: 'montserrat'; font-weight: 700; font-size: 1.0em; width: 100%; }
table.financials tbody th, table.financials tfoot th { font-weight:normal; width: 70%; }
table.financials tbody td, table.financials tfoot td { text-align:right; width:30%;  }
table.financials tfoot th, table.financials tfoot td { color: #0d3572; font-weight:bold; border-top: 1px solid #37393b; }

/* ================================ News ================================ */	

#latest, #press { background: #fff; }

#press .container { border-top: 1px solid #30ACAF; padding: 60px 25px 80px;  }
#press ul { list-style-type:none; margin:0; }

#latest .row { margin-bottom: 70px; }
#latest h2 { margin-bottom:0.2em; }
#latest h2 a { color: #37393b;  }
#latest a.more { margin-top:1.6em; text-transform:uppercase; font-size:1.0em; font-weight:700; display:block;}

#footer-nav { background: #fff; position:relative; }
#footer-nav .post-nav { margin: 40px 0; }
.post-nav { display:table; table-layout:fixed; width: 100%; margin: 0 0 60px 0; }
.post-nav .next-nav a, .post-nav .prev-nav a { display:block; margin-top:1.6em; text-transform:uppercase; font-size:0.8em; font-weight:500; padding: 0 15px; }
.post-nav .next-nav a:hover, .post-nav .prev-nav a:hover {  }
.post-nav .next-nav { text-align:right; display:table-cell; width: 50%; }
.post-nav .prev-nav {  display:table-cell; width: 50%; }	
.post-nav .fa { font-size: 10px;}

.postmetadata { font-size:0.8em; }
.entry img { margin: 0 auto 1.0em; display:block; }
.entry img.alignright { max-width: 570px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* ================================ Home ================================ */	

#stats h2 { font-family: 'montserrat'; font-weight: 700; font-size: 1.6em; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; margin: 1.0em 0 0;}
#stats img { max-width: 80%; display:block; margin: 0 auto 20px; max-height:120px; }
#stats .row { padding: 80px 0 80px;}

.home #bg-video { height: auto; position:fixed; top: 130px; left:0; overflow:hidden; z-index:0; width: 100%; }
.home header#page-header { margin-top:48vw;}
.home header#page-header p, #upto > p, #legacy p { font-size: 1.6em; line-height:1.8em; letter-spacing:0.005em; }
#upto > p, #legacy p { margin: 0 auto 1.2em auto; max-width: 70%; }
.home header#page-header h2, #upto > h2 { font-size: 1.6em;  letter-spacing: 0.1em; }

#upto, #legacy { text-align:center; }
#upto { background: #fff; }
#upto > a.button { margin-bottom:2.5em; }

#legacy p, #legacy h2 { color: #fff; }

#content section#legacy .container { background: transparent; padding: 160px 25px; }

/* ================================ Misc ================================ */	

body .bg { width:100%; height:25vw; position:fixed; top: 180px; left:0; overflow:hidden; z-index:0;  }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none; overflow:hidden; }
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled {display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{animation-name:fadeOut}
.owl-carousel .fadeIn{animation-name:fadeIn}
@keyframes fadeOut{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:0}
}
@keyframes fadeIn{
    0%{opacity:0}
    50%{opacity:0}
    100%{opacity:1}
}
.owl-height{transition:height .5s ease-in-out}

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


/* ================================ Responsive ================================ */

@media only screen and (min-width : 2400px) { 
    #team .owl-carousel .owl-item.center .bio { width: 140%; margin-left: -20%;}
}
@media only screen and (min-width : 1600px) { 
    #team .owl-carousel .owl-item.center .bio { width: 180%; margin-left: -40%;}
}
@media only screen and (max-width : 1370px) { 
}
@media only screen and (max-width : 1240px) { 
    .home #info img { max-height:100px; }
    .home #info .col-sm-4 p { padding:0; font-size:1.1em; }
    .item .hover h4 { font-size: 1.3em; }
	ul#menu-navigation li { margin-left:20px; }
}

@media only screen and (max-width : 1100px) { 
    .page-template-page-services #info { padding: 120px 0 120px; }
    .column-list { max-width: 90%; }
    .home #intro .container { padding: 120px 0; }
}

@media only screen and (max-width : 991px) {
    .container { width: 96%; }
    #intro p, p.upsize, div.upsize p { font-size: 1.3em; }
    .column-list li { font-size:1.8em; }
    #carousel .item { width: 800px; }
    #carousel button { left:0; }
    #carousel button.owl-next { left:auto; right: 0; }
    #carousel h1 { font-size: 5em; }
    .home #info .col-sm-4 p { font-size:1.0em; line-height:1.5em; }
    .item .hover h4 { font-size:1.0em; margin-top:30px; }
    .item .hover span { bottom:20px; }
    .button-group button { padding: 0 5px; }
    .rendered { margin-left: 0; }
    .rendered li { letter-spacing:1px; }
    .rendered li span { width: 20px; margin-right:5px;  }
    ul#menu-navigation { display:none; }
	#shiftnav-toggle { display:block; font-size:20px; color: #37393b !important; position:fixed; top: 20px; right: 30px; z-index:1000000000; cursor:pointer;}
	
	#shiftnav-main { background: rgba(59,66,77,0.95); z-index:1000000000000; }
	.shiftnav-menu { text-transform: uppercase; font-size:1.0em; margin-top: 50px !important;}
	.shiftnav-menu a, .shiftnav .shiftnav-panel-close {  text-transform: uppercase; text-align:left; color: #ffffff; padding: 0 0 15px 0 !important  }
	.shiftnav-menu a:hover, .shiftnav ul.shiftnav-menu li.current-menu-item > a {  }
    .shiftnav ul.shiftnav-menu { margin: 30px 30px 0 30px !important;}
    .shiftnav .shiftnav-panel-close { background: transparent !important; }
	ul#menu-mobile .sub-menu { margin-left:30px; }
	.menu-button a { padding: 0 !important; line-height: 38px !important; text-align: center; }
	.home header#page-header p, #upto > p, #legacy p { font-size: 1.4em; }

	header#page-header p { max-width: 600px; }
    #footer .col-sm-6 { margin-bottom:40px;}
	
}

@media only screen and (max-width : 840px) {
    body { font-size:15px; }
    #carousel .item { width: 640px; }
    #carousel h1 { font-size: 4em; }
    #results .result img { max-height: 150px; }
	header#page-header p { max-width: 80%; }
	.home #bg-video { height: 61vw; min-height:61vw; top:130px; }
}

@media only screen and (max-width : 767px) {
    body { font-size:14px; }
	footer#noticebar { height: 100px; }
    header#header::before { display:none;}
    
    .home #intro .container { margin-top:0; }
    #grid { width: auto; }
    .home #upto { padding-bottom:20px; }
    section#linkblock { height:40vw; }
    #intro p, p.upsize, div.upsize p { font-size: 1.2em; }
    
    #intro .container { padding: 50px 20px 50px 20px; }
    
    .home #info { padding-bottom:50px; }
    .home #info .col-sm-4 { margin-bottom:50px; }
    
    #team .owl-carousel .owl-item.center .bio { width: 140%; margin-left: -20%; }
    
    #photo button {top: calc(54vw + 45px);  }
    
    .page-template-page-about #intro .container { background-size: auto 60%; padding: 70px 20px; }
    
    #mapper { display:none; }
    #map-mobile { display: block; padding: 50px 25px 0 25px; }
    #map-mobile::after { background: url(images/triangle.png) no-repeat top center / contain; height: 35px; width: 100%; content: ""; position:absolute; top:100%; left:0; display:block; z-index:1000000; }
    #map-mobile div#gmw-map-wrapper-3, #map-mobile div#gmw-map-wrapper-4 { height: 480px; display:block; }
    #map-mobile a { color: #fff; }
    #map-mobile h5 { color: #fff; margin-bottom: 40px; }
    #map-mobile h5:after { border-color: #fff; bottom: -10px;}
    #map-mobile h2 { color: #c9c83e; font-size:1.6em; text-align:center; margin-bottom:10px; position:relative; cursor:pointer;}
    #map-mobile h2 .fa { font-size: 20px; position: absolute; top: 10px; left: -20px;}
    #map-mobile p {font-family: "rockwell"; font-weight:700; text-transform:uppercase; font-size:0.67em; line-height:2.0em; padding-bottom:40px;  }
    
    #services { text-align:center; }
    #services h3.lined { display:inline-block; width: auto; }
    #services .repeater-row div.col-xs-12 { min-height: 200px; background-size: auto 100%; }
    #services .repeater-row div.col-xs-12 .text { margin-top:50px; }
    
    .column-list { max-width: 100%; column-count: 2; }
    
    .client { padding: 20px !important; }
    .client.row-second:after { display:none; }
    
    .button-group button { width: 25%; letter-spacing:1px; font-size:0.7em;height: 45px; }
    .button-group button:nth-child(1) { width: 100%; }
    
    .case { width: 50%; }
    .bigger { width: 100%; }
    #case .col-sm-7, #case .col-sm-4 { text-align:center; }
    #case h3.lined { display:inline-block; width: auto; }
    .item.case a:hover h3.lined { font-size: 1.0em; }
    #case ul.rendered { width: 67%; float:left; }
    #case #sidebar img { width: 33%; float: left; }
    .block { margin-bottom:50px; }
    #sidebar h3 { display:block; text-align:center; }
    #sidebar #support { text-align:center;}
    
    #instagrid .item .hover h4 { font-size: 0.7em; }
    #instagrid .col-sm-8 .hover h4 { font-size:1.0em; }
    
    blockquote.container { width: 100%; }
    blockquote { background-position: 200% 100%; padding: 50px 0 50px 0}
    blockquote p::before { background-size:50px auto; height:50px; }
    blockquote p { font-size:1.1em; width: 100%;  }
    
    .first-letter > p::first-letter {float: none; margin: 0; font-size: inherit; font-family: inherit; color: inherit; }
    
    #related .container { width: 100%; padding: 0; }
    
    #results { text-align:center; }
    #results .result { width: 90%;}
    #results h3.lined { display:inline-block; width: auto; }
    
    #instagrid .container, #upto .container { width: 100%; padding: 0; }
    
    
    h2#mo-tog-austin { margin-top: 40px }
    #gmw-map-wrapper-3, #gmw-map-wrapper-4 { display:none; }
    
    #video .container { padding: 0; margin:0; width: 100%; }
    
	#financial .two-col { display: block; margin: 0 0 2.0em 0; width: 100%; vertical-align:top;}
	
	
	.home #bg-video { height: 100vw; min-height: 100vw; top: 130px; width: 154%; left: -10%;}
	.home header#page-header { margin-top: 86vw; }
	header#page-header p { max-width: 100%; }
	a.button + a.button { margin-top: 15px !important; }
	#stats .col-sm-4 { margin-bottom:15px; }
	.case { width: calc(100% - 30px); }
	
	#upto > p, #legacy p { max-width: 100%; }
    
	#latest .matchheight { margin-bottom:15px;}
	
	footer#footer ul#menu-footer-left { margin-bottom:30px;}
	footer#footer ul#menu-footer-left li { display:block; }
	
	#stats .row { padding:0; }
	#stats .row .col-sm-4 { margin-bottom: 50px; }
	#stats img { margin-bottom:0; }
	#stats h2 { margin-top:0; }
}

@media only screen and (min-height : 600px) and (max-height:800px) and (orientation: landscape) { 

}


@media only screen and (max-width : 500px) {
    #carousel .item { width: 160vw; margin-left: -30vw; }   
    #carousel h1 { font-size: 3.6em; width: 100vw; margin: 0 30vw; line-height: 0.9em; padding: 0 20px; }
    #carousel button { color: #fff; }
    #footer-nav.container { width: 100%; padding: 0; }
    
    .page-template-page-about #intro h1 { font-size: 2.0em; }
    .page-template-page-about #intro p { font-size: 0.9em; }
    .page-template-page-about #intro .container { background-size: 30% auto; padding: 70px 10px; }
    .page-template-page-about #intro .col-xs-9 { padding: 0 10px; }
}