/*
Theme Name: OCCH Theme	
Theme URI: http://ibelagency.com
Author: Ibel Agency
Author URI: http://ibelagency.com
Description: This is a custom built Ibel Agency Theme for OCCH
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Ibel Agency, bootstrapp, one-column, two-column, three-column, four-column, five-column, six-column, responsive, advanced custom fields
Text Domain: ia-occh-theme
This theme, like WordPress, is licensed under the GPL. This theme is integrated with bootstrap css.
*/


/*

Top Level Styles

 **************************************************
 **************************************************/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
 
html,
body,
header,
section,
footer{
	width: 100%;
	max-width: 100%;
	margin:0;
	padding:0;
}

.grid-wrapper,
article{
	width: 90%;
	max-width: 1850px;
	margin:0 auto;
	padding:40px 0;
	padding: 3.3333vw 0;
}
	article.fullsize{
	    width: 100%;
	    max-width: 100%;
	    padding:0;
	}
	.grid-wrapper-unlimited{
		width: 90%;
		max-width: none;
		margin:0 auto;
		padding:40px 0;
		padding: 3.3333vw 0;
	}
	header article{
		padding: 0;
	}

form:after,
.clear-after:after{
	content: "";
	float:none!important;
	clear:both!important;
	display: block;
	width: 0;
	height: 0;
	margin:0;
	padding:0;
	line-height: 0;
}

.left-text{
	text-align: left;
}

.center-text{
	text-align: center;
}

.right-text{
	text-align: right;
}

.fullsize-image{
	width: 100%;
}

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

.background-size-cover{
	-O-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
}
.image-background-cover{
    background-size:cover;
    background-position: center center;
}

.hide-me{
	display: none!important;
}

.level-10{
	z-index: 10;
}

.fade-light{
	opacity: 0.9;
}

.transparent-background{
	background: transparent;
}

*.no-marg{
	margin: 0;
}

*.no-pad{
	padding: 0;
}

*.no-padding-top{
	padding-top: 0;
}

*.no-padding-bottom{
	padding-bottom: 0;
}

.dis-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.dis-flex.vertical--center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	    align-items: center;
}

.dis-flex.vertical--top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	    align-items: flex-start;
}

.dis-flex.vertical--bottom {
	-webkit-box-align: end;
	-ms-flex-align: end;
	    align-items: flex-end;
}

.dis-flex.horizontal--between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.dis-flex.horizontal--center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

.dis-flex.horizontal--left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	    justify-content: flex-start;
}

.dis-flex.horizontal--right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

.pos-relative{
	position: relative;
}

.pos-absolute{
	position: absolute;
}

.pos-full{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

.pos-fixed{
	position: fixed;
}

.dis-table{
	display: table;
}

.dis-table-cell{
	display: table-cell;
}

.full-table{
	width: 100%;
	height: 100%;
}

.top-aligned{
	vertical-align: top;
}

.center-aligned{
	vertical-align: middle;
}

.bot-aligned{
	vertical-align: bottom;
}

.wide-1000,
.wide-1000c{
	max-width: 1000px;
	max-width: 83.3333vw;
}

.wide-800,
.wide-800c{
	max-width: 800px;
	max-width: 66.66vw;
	}

.wide-600,
.wide-600c{
	max-width: 600px;
	max-width: 50vw;
}
.wide-1000c,
.wide-800c,
.wide-600c{
	margin:0 auto;
}

.fade-in-text {
	opacity: 0;
}

.noscroll{
	overflow-y: hidden;
}

p{
	padding-bottom: 10px;
	padding-bottom: .85vw;
	margin: 0;
}
	p:last-of-type{
		padding-bottom: 0;
	}
	p.h1, p.h2, p.h3, p.h4, p.h5, p.h6{
		padding-bottom: 0;
		margin: 0;
	}
p, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	margin-top: 0;
	margin-bottom: 0;
}

.p2, .bc2, .bodycopy2{
	font-size: 14px;
	font-size: 1.15vw;
	font-weight: 400;
}

a, .a1, .a2, .a3{
	display: inline-block;
	cursor: pointer;
}

.a2 i{
	white-space: nowrap;
}

.a2 i::before{
	content: '';
	font-size: 1px;
}

a>.initial-image{
	display: inline-block;
}
a>.hover-image{
	display: none;
}
a:hover>.initial-image{
	display: none;
}
a:hover>.hover-image{
	display: inline-block;
}


.a3, .button, button{
	display: inline-block;
	cursor: pointer;
	border: 2px solid #f8af34;
	background: transparent;
}

.inherit-link:hover,
.inherit-link,
.inherit-font>p{
	font-family: inherit;
	font-size:inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	text-align: inherit;
	color:inherit;
}

strong{
	font-weight: 700;
}

textarea{
 	resize:none;
}

input:not([type="submit"]),
textarea{
	width: 100%
}

form input[type="submit"]{
	border-radius: 0;
}

form input:not([type="submit"]),
form textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	box-shadow: none!important;
	vertical-align: baseline;
	font-family: proxima-nova, sans-serif;
    font-size: 18px;
    font-size: 1.5vw;
    line-height: normal;
    color: #000000;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    border: 1px solid #eeeeee;
    border-radius: 0;
    padding: 18px;
    padding: 1.5vw;
    height: auto;
    width: 100%;
}
    form input::-webkit-input-placeholder,
    form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    	color: #666666;
	   	font-weight: 400;
	   	font-size: 18px;
    	font-size: 1.5vw;
	   	font-family: proxima-nova, sans-serif;
	   	vertical-align: baseline;
	   	line-height: normal;
	}
	form input::-moz-placeholder,
	form textarea::-moz-placeholder { /* Firefox 19+ */
		color: #666666;
	   	font-weight: 400;
	   	font-size: 18px;
    	font-size: 1.5vw;
	   	font-family: proxima-nova, sans-serif;
	   	vertical-align: baseline;
	   	line-height: normal;
	}
	form input:-ms-input-placeholder,
	form textarea:-ms-input-placeholder { /* IE 10+ */
		color: #666666;
	   	font-weight: 400;
	   	font-size: 18px;
    	font-size: 1.5vw;
	   	font-family: proxima-nova, sans-serif;
	   	vertical-align: baseline;
	   	line-height: normal;
	}
	form input:-moz-placeholder,
	form textarea:-moz-placeholder { /* Firefox 18- */
		color: #666666;
	   	font-weight: 400;
	   	font-size: 18px;
    	font-size: 1.5vw;
	   	font-family: proxima-nova, sans-serif;
	   	vertical-align: baseline;
	   	line-height: normal;
	}

form.wpcf7-form .submit-button > span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -webkit-box-align: center;
            -ms-flex-align: center;
        align-items: center;
}

form.wpcf7-form .submit-button .ajax-loader {
    margin-right: 5px;
    margin-right: .4167vw;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

.no-border{
	border: none;
}

ul{
	padding-left:20px;
	padding-left: 1.7vw;
}

li{
	margin-bottom:10px;
	margin-bottom: .85vw;
}
	

body .fa,
body .fa:before{
	color:inherit
}
.fa:before{
	font-size: 24px;
	font-size: 2.1vw;
}

.uppercase{
  text-transform: uppercase;
}

.ease-transition{
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-property: height, opacity, width, margin;
  transition-property: height, opacity, width, margin;
}

:focus{
     outline: none;
}

@media screen and (max-width: 1200px) {
  
	.grid-wrapper,
	article{
		padding:40px 0;
	}
	.grid-wrapper-unlimited{
		padding:40px 0;
	}
	.wide-1000,
	.wide-1000c{
		max-width: 1000px;
	}
	.wide-800,
	.wide-800c{
		max-width: 800px;
	}
	.wide-600,
	.wide-600c{
		max-width: 600px;
	}
	p{
		padding-bottom: 10px;
	}
	p.h1, p.h2, p.h3, p.h4, p.h5, p.h6{
		padding-bottom: 0;
	}
	form input:not([type='submit']),
	form textarea{
		padding: 18px;
		font-size: 18px;
	}
	form input::-webkit-input-placeholder,
	form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: 18px;
	}
	form input::-moz-placeholder,
	form textarea::-moz-placeholder  { /* Firefox 19+ */
		font-size: 18px;
	}
	form input:-ms-input-placeholder,
	form textarea:-ms-input-placeholder { /* IE 10+ */
		font-size: 18px;
	}
	form input:-moz-placeholder,
	form textarea:-moz-placeholder { /* Firefox 18- */
		font-size: 18px;
	}
	form.wpcf7-form .submit-button .ajax-loader {
	    margin-right: 5px;
	}
	ul{
		padding-left:20px;
	}
	li{
		margin-bottom:10px;
	}
	.fa:before{
		font-size: 24px;
	}
}

@media screen and (min-width: 1850px) {
	.grid-wrapper,
	article{
		padding:61px 0;
	}
	.grid-wrapper-unlimited{
		padding: 61px 0;
	}
	.wide-1000,
	.wide-1000c{
		max-width: 1542px;
	}
	.wide-800,
	.wide-800c{
		max-width: 1233px;
	}
	.wide-800c,
	.wide-600c{
		margin:0 auto;
	}
	.wide-600,
	.wide-600c{
		max-width: 925px;
	}
	p{
		padding-bottom: 16px;
	}
	p.h1, p.h2, p.h3, p.h4, p.h5, p.h6{
		padding-bottom: 0;
	}
	form input:not([type='submit']),
	form textarea{
		font-size: 28px;
      	padding: 28px;
	}
	form input::-webkit-input-placeholder,
	form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: 28px;
	}
	form input::-moz-placeholder,
	form textarea::-moz-placeholder  { /* Firefox 19+ */
		font-size: 28px;
	}
	form input:-ms-input-placeholder,
	form textarea:-ms-input-placeholder { /* IE 10+ */
		font-size: 28px;
	}
	form input:-moz-placeholder,
	form textarea:-moz-placeholder { /* Firefox 18- */
		font-size: 28px;
	}
	form.wpcf7-form .submit-button .ajax-loader {
	    margin-right: 8px;
	}
	ul{
		padding-left:31px;
	}
	li{
		margin-bottom:10px;
	}
	.fa:before{
		font-size: 37px;
	}
}

/*

Global Animation Styles

 **************************************************
 **************************************************/

.image-zoom{
	overflow: hidden;
}

.image-zoom img,
.image-zoom .zoom-background{
    width: 100%;
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}

.image-zoom:hover img,
.image-zoom:hover .zoom-background {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.a2 span{
    width: 15px;
    height: 15px;
    margin-left: 7px;
    margin-right: 13px;
    margin-bottom: 3px;
    width: 1.25vw;
    height: 1.25vw;
    margin-left: .5833vw;
    margin-right: 1.10vw;
    margin-bottom: .25vw;
	background-image: url(img/OCCH_Arrow_a2.png);
	background-size: 15px 15px;
	background-size: 1.25vw 1.25vw;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    -webkit-transition: margin .4s;
    transition: margin .4s;
}
	.a2.white-text span{
		background-image: url(img/OCCH_Arrow_a2_Right_White.png);
	}
	.menu li.current-menu-item a.white-text,
	.a2.white-text:hover {
		color: #FFFFFF;
	}

	.a2:hover span{
		margin-left: 13px;
		margin-right: 7px;
		margin-left: 1.10vw;
		margin-right: .5833vw;
		background-image: url(img/OCCH_Arrow_a2.png);
	}

	.a2.white-text:hover span{
		background-image: url(img/OCCH_Arrow_a2_Right_White.png);
	}

.a3, button, input[type="submit"]{
	-webkit-transition: color 400ms ease;
	transition: color 400ms ease;
}

.a3:active{
	color: #f8af34;
}

@media screen and (max-width: 1200px) {
	.a2 span{
	    width: 15px;
	    height: 15px;
	    margin-left: 7px;
	    margin-right: 13px;
	    margin-bottom: 3px;
		background-size: 15px 15px;
	}
	.a2:hover span{
		margin-left: 13px;
		margin-right: 7px;
	}
}

@media screen and (min-width: 1850px) {
	.a2 span{
	    width: 23px;
	    height: 23px;
	    margin-left: 11px;
	    margin-right: 20px;
	    margin-bottom: 5px;
		background-size: 23px 23px;
	}
	.a2:hover span{
		margin-left: 20px;
		margin-right: 11px;
	}
}

/*

Header Styles

 **************************************************
 **************************************************/

/*-----General Header------*/
header {
    position: fixed;
    z-index: 1000;
    background-color: white;
    top: 0;
}

.admin-bar header{
	top: 32px;
}

.header-buffer{
   height: 167px;
   height: 13.91666vw;
}

header .top-wrapper{
	padding: 20px 40px 0 25px;
	padding: 1.6667vw 3.3333vw 0 2.0833vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	    justify-content: space-between;
}

header .top-wrapper > div{
	-webkit-box-flex: 1;
	        -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
}

/*logo*/
header .logo-link img{
	width: 150px;
	width: 12.5vw;
}

/*Main nav*/
header .menu{
    margin: 0;
    padding: 0;
}

header .menu li{
    list-style: none;
    margin-bottom: 0;
}

header .menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
            -ms-flex-align: center;
        align-items: center;
}

header .nav .menu{
    -webkit-box-pack: center;
            -ms-flex-pack: center;
        justify-content: center;
}

header .nav .menu>li>a{
    padding: 0 20px;
    padding: 0 1.6667vw;
}

@media (max-width: 1200px){
	.header-buffer{
	   height: 167px;
	}
	header .top-wrapper{
		padding: 20px 40px 0 25px;
	}
	/*logo*/
	header .logo-link img{
		width: 150px;
	}
	/*Main nav*/
	header .nav .menu>li>a{
	    padding: 0 20px;
	}
}

@media (min-width: 1850px){
    .header-buffer{
	   height: 257px;
	}
	header .top-wrapper{
		padding: 31px 62px 0 39px;
	}
	/*logo*/
	header .logo-link img{
		width: 231px;
	}
	/*Main nav*/
	header .nav .menu>li>a{
	    padding: 0 31px;
	}
}

@media (max-width: 1100px){
	header .nav .menu>li>a{
	    padding: 0 20px;
	}
}

@media screen and (max-width: 782px){
	.admin-bar header{
		top: 46px;
	}
}

/*-----Top Nav------*/

header .top-nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
            -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
            -ms-flex-align: center;
        align-items: center;
    overflow: hidden;
}

header .top-nav>a{
    -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}

header .top-nav>div{
    -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}

header .top-nav .menu>li>a{
    padding: 0 15px;
    padding: 0 1.25vw;
    color: #0680c1;
}

header .top-nav .p-portal:hover{
	color: #0680c1;
}

header .search-form form input[type=search] {
	/*line-height: 1;
	min-width: 12em;
	padding: 4px 8px;
	padding: .3333vw;*/
	font-size: 15px;
	font-size: 1.25vw;
}

header .search-form form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 15px;
    font-size: 1.25vw;
}
header .search-form form input::-moz-placeholder  { /* Firefox 19+ */
	font-size: 15px;
    font-size: 1.25vw;
}
header .search-form form input:-ms-input-placeholder { /* IE 10+ */
	font-size: 15px;
    font-size: 1.25vw;
}
header .search-form form input:-moz-placeholder { /* Firefox 18- */
	font-size: 15px;
    font-size: 1.25vw;
}

header .search-form{
    padding-left: 10px;
    padding-left: .8333vw;
}

header .search-form form.open{
    border-bottom: 1px solid #0680c1;
    background-color: transparent;
}

header .search-form form{
    float: left;
    width: 0;
}
header .search-form .icon-wrapper{
    float: left;
    width: 25px;
    width: 2.0833vw;
    display: inline-block;
    cursor: pointer;
}
header img.icon-initial{
    display: inline-block;
}
header img.icon-hover{
    display: none;
}
header .icon-wrapper:hover img.icon-initial{
    display: none;
}
header .icon-wrapper:hover img.icon-hover{
    display: inline-block;
}

header .search-form input{
    background-color: transparent;
    height: 20px;
    height: 1.6667vw;
    width: 100%;
    border: none;
    padding: 0;
}

@media (max-width: 1200px){
	header .top-nav .menu>li>a{
	    padding: 0 15px;
	}
	header .search-form form input[type=search] {
		/*padding: 4px 8px;*/
		font-size: 15px;
	}
	header .search-form form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: 15px;
	}
	header .search-form form input::-moz-placeholder  { /* Firefox 19+ */
		font-size: 15px;
	}
	header .search-form form input:-ms-input-placeholder { /* IE 10+ */
		font-size: 15px;
	}
	header .search-form form input:-moz-placeholder { /* Firefox 18- */
		font-size: 15px;
	}
	header .search-form{
	    padding-left: 10px;
	}
	header .search-form .icon-wrapper{
	    width: 25px;
	}
	header .search-form input{
	    height: 20px;
	}
}

@media (min-width: 1850px){
	header .top-nav .menu>li>a{
	    padding: 0 23px;
	}
	header .search-form form input[type=search] {
		/*padding: 6px 12px;*/
		font-size: 23px;
	}
	header .search-form form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: 23px;
	}
	header .search-form form input::-moz-placeholder  { /* Firefox 19+ */
		font-size: 23px;
	}
	header .search-form form input:-ms-input-placeholder { /* IE 10+ */
		font-size: 23px;
	}
	header .search-form form input:-moz-placeholder { /* Firefox 18- */
		font-size: 23px;
	}
	header .search-form{
	    padding-left: 15px;
	}
	header .search-form .icon-wrapper{
	    width: 39px;
	}
	header .search-form input{
	    height: 31px;
	}
}

/*---- Partner Portal ----*/
header #portal{
	position: absolute;
	min-width: 375px;
	min-width: 31.25vw;
	background-color: #24ad7b;
	right:0;
	top:0;
	-webkit-transform: scale(0);
	        -ms-transform: scale(0);
	    transform: scale(0);
	-webkit-transform-origin: top right;
	        -ms-transform-origin: top right;
	    transform-origin: top right;
	-webkit-transition: opacity 300ms ease, -webkit-transform 400ms ease;
	transition: opacity 300ms ease, -webkit-transform 400ms ease;
	transition: opacity 300ms ease, transform 400ms ease;
	transition: opacity 300ms ease, transform 400ms ease, -webkit-transform 400ms ease;
	opacity: 0;
	padding: 40px;
	padding: 3.3333vw;
}

header #portal.open{
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
	opacity: 1;
	-webkit-transition: opacity 300ms ease, -webkit-transform 400ms ease;
	transition: opacity 300ms ease, -webkit-transform 400ms ease;
	transition: opacity 300ms ease, transform 400ms ease;
	transition: opacity 300ms ease, transform 400ms ease, -webkit-transform 400ms ease;
}

header .portal-headline{
	text-decoration: underline;
    text-align: right;
    font-weight: 700;
    margin-bottom: 60px;
    margin-bottom: 5vw;
    cursor: pointer;
}

header .portal-headline img{
	width: 20px;
	width: 1.6667vw;
	margin-left: 25px;
	margin-left: 2.0833vw;
}

header #menu-portalpopout a{
	padding: 10px 0;
	padding: .8333vw 0;
}

header #menu-portalpopout li:hover a{
	color: #FFFFFF;
}

header ul#menu-portalpopout.menu{
	display: block;
}

@media (max-width: 1200px){
    header #portal{
		min-width: 375px;
		padding: 40px;
	}
	header .portal-headline{
	    margin-bottom: 60px;
	}
	header .portal-headline img{
		width: 20px;
		margin-left: 25px;
	}
	header #menu-portalpopout a{
		padding: 10px 0;
	}
}

@media (min-width: 1850px){
    header #portal{
		min-width: 578px;
		padding: 62px;
	}
	header .portal-headline{
	    margin-bottom: 93px;
	}
	header .portal-headline img{
		width: 31px;
		margin-left: 39px;
	}
	header #menu-portalpopout a{
		padding: 15px 0;
	}
}

/*-------- Main Nav Row ---------*/

header .nav{
	padding: 0 40px 0 25px;
	padding: 0 3.3333vw 0 2.0833vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	    justify-content: space-between;
	-webkit-box-align: center;
	        -ms-flex-align: center;
	    align-items: center;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

header .nav>*{
	-webkit-box-flex: 1;
	        -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
}

header .header-fadein {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

header  .header-fadein.changeLogo {
	opacity: 1;
}

header .s-logo-link img{
	width: 52px;
	width: 4.3333vw;
}

header .ham{
    cursor: pointer;
    text-align: right;
}

header .ham img{
    width: 25px;
    width: 2.0833vw;
}

@media (max-width: 1200px){
    header .nav{
		padding: 0 40px 0 25px;
	}
	header .s-logo-link img{
		width: 52px;
	}
	header .ham img{
	    width: 25px;
	}
}

@media (min-width: 1850px){
    header .nav{
		padding: 0 62px 0 39px;
	}
	header .s-logo-link img{
		width: 80px;
	}
	header .ham img{
	    width: 39px;
	}
}

/*-------- Collapsed Header Nav Menu ---------*/
header .collapsed-menu{
	position: fixed;
	right: 0;
	top: 0;
	min-width: 375px;
	min-width: 31.25vw;
	opacity: 0;
	-webkit-transform: scale(0);
	        -ms-transform: scale(0);
	    transform: scale(0);
	-webkit-transform-origin: top right;
	        -ms-transform-origin: top right;
	    transform-origin: top right;
	-webkit-transition: opacity 300ms ease, -webkit-transform 400ms ease;
	transition: opacity 300ms ease, -webkit-transform 400ms ease;
	transition: opacity 300ms ease, transform 400ms ease;
	transition: opacity 300ms ease, transform 400ms ease, -webkit-transform 400ms ease;
	padding: 40px;
	padding: 3.3333vw;
}

.admin-bar header .collapsed-menu{
	top: 32px;
}

header .collapsed-menu.open{
	opacity: 1;
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
	-webkit-transition: opacity 300ms ease, -webkit-transform 400ms ease;
	transition: opacity 300ms ease, -webkit-transform 400ms ease;
	transition: opacity 300ms ease, transform 400ms ease;
	transition: opacity 300ms ease, transform 400ms ease, -webkit-transform 400ms ease;
}

header .collapsed-menu .menu{
	display: block;
}

header .collapsed-headline{
    text-align: right;
    margin-bottom: 60px;
    margin-bottom: 5vw;
}
header .collapsed-headline img:hover{
	cursor:pointer;
}

header .collapsed-headline img{
	width: 20px;
	width: 1.6667vw;
}

header .collapsed-menu .menu a,
header .collapsed-menu .menu li:hover a{
	color: #fff;
}

header .collapsed-menu .menu-top-container > ul > li > a,
header .collapsed-menu .menu-main-container > ul > li > a{
	padding: 8px 0;
	padding: .6667vw 0;
}

header .collapsed-menu.submenu-open .menu-top-container > ul > li:last-of-type .a2 span{
	-webkit-transform: rotate(90deg);
	        -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
}

header .collapsed-menu .menu-portalpopout-container{
	height: 0;
	overflow: hidden;
}

header .collapsed-menu .menu-portalpopout-container > ul > li > a,
header .collapsed-menu .menu-main-container ul.sub-menu > li > a{
	padding: 5px 0;
	padding: .4167vw 0;
}

header .collapsed-menu .search-form{
	padding-left: 0;
	padding-top: 8px;
	padding-top: .6667vw;
}

header .collapsed-menu .icon-wrapper{
	margin-right: 10px;
	margin-right: .8333vw;
}

header .collapsed-menu .current_page_ancestor .sub-menu a,
header .collapsed-menu .sub-menu li.current-menu-item a{
	letter-spacing: normal;
    text-transform: none;
}

header .collapsed-menu .search-form form {
    width: 150px;
    width: 12.5vw;
    border-bottom: 1px solid #FFFFFF;
    background-color: transparent;
}

header .collapsed-menu .search-form input {
    color: #FFFFFF;
}

header .collapsed-menu form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #FFFFFF;
}
header .collapsed-menu form input::-moz-placeholder  { /* Firefox 19+ */
	color: #FFFFFF;
}
header .collapsed-menu form input:-ms-input-placeholder { /* IE 10+ */
	color: #FFFFFF;
}
header .collapsed-menu form input:-moz-placeholder { /* Firefox 18- */
	color: #FFFFFF;
}

@media (max-width: 1200px){
    header .collapsed-menu{
		min-width: 375px;
		padding: 40px;
	}
	header .collapsed-headline{
	    margin-bottom: 60px;
	}
	header .collapsed-headline img{
		width: 20px;
	}
	header .collapsed-menu .menu-top-container > ul > li > a,
	header .collapsed-menu .menu-main-container > ul > li > a{
		padding: 8px 0;
	}
	header .collapsed-menu .menu-portalpopout-container > ul > li > a,
	header .collapsed-menu .menu-main-container ul.sub-menu > li > a{
		padding: 5px 0;
	}
	header .collapsed-menu .search-form{
		padding-top: 8px;
	}
	header .collapsed-menu .icon-wrapper{
		margin-right: 10px;
	}
	header .collapsed-menu .search-form form {
	    width: 150px;
	}
}

@media (min-width: 1850px){
    header .collapsed-menu{
		min-width: 578px;
		padding: 62px;
	}
	header .collapsed-headline{
	    margin-bottom: 92px;
	}
	header .collapsed-headline img{
		width: 31px;
	}
	header .collapsed-menu .menu-top-container > ul > li > a,
	header .collapsed-menu .menu-main-container > ul > li > a{
		padding: 12px 0;
	}
	header .collapsed-menu .menu-portalpopout-container > ul > li > a,
	header .collapsed-menu .menu-main-container ul.sub-menu > li > a{
		padding: 8px 0;
	}
	header .collapsed-menu .search-form{
		padding-top: 12px;
	}
	header .collapsed-menu .icon-wrapper{
		margin-right: 15px;
	}
	header .collapsed-menu .search-form form {
	    width: 230px;
	}
}

@media screen and (max-width: 782px){
	.admin-bar header .collapsed-menu{
		top: 46px;
	}
}

/*-------- NAVIGATION OF SUB ABOUT US ---------*/
header #menu-main ul.sub-menu{
	position: absolute;
	top:-999999999px;
	opacity:0;
}

header #menu-main>li{
	padding: 30px 10px;
	padding: 2.5vw .8333vw;
}

header #menu-main .sub-menu li a{
	padding: 8px 0;
	padding: .6667vw ;
}

header #menu-main li.menu-item-has-children{
	position: relative;
}

header #menu-main li.menu-item-has-children:hover > a::after{
	content: '';
	position: absolute;
	width: 15px;
    height: 15px;
    margin-left: 7px;
    margin-top: 2px;
    width: 1.25vw;
    height: 1.25vw;
    margin-left: .5833vw;
    margin-top: .1667vw;
    background-image: url(img/OCCH_Arrow_a2.png);
    background-size: 15px 15px;
    background-size: 1.25vw 1.25vw;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}

header #menu-main li:hover>ul{
	position:absolute;
	top:100%;
	opacity:1;
	background-color:#0a556d;
	width: 340px;
	width: 28.3333vw;
	height:auto;
	padding: 22px 30px;
	padding: 1.8333vw 2.5vw;
}

header #menu-main li:hover>ul a{
	color:white;
}

@media (max-width: 1200px){
    header #menu-main>li{
		padding: 30px 10px;
	}
	header #menu-main .sub-menu li a{
		padding: 8px 0;
	}
	header #menu-main li.menu-item-has-children:hover > a::after{
		width: 15px;
	    height: 15px;
	    margin-left: 7px;
	    margin-top: 2px;
	    background-size: 15px 15px;
	}
	header #menu-main li:hover>ul{
		width: 340px;
		padding: 22px 30px;
	}
}

@media (min-width: 1850px){
    header #menu-main>li{
		padding: 46px 15px;
	}
	header #menu-main .sub-menu li a{
		padding: 12px 0;
	}
	header #menu-main li.menu-item-has-children:hover > a::after{
		width: 23px;
	    height: 23px;
	    margin-left: 11px;
	    margin-top: 3px;
	    background-size: 23px 23px;
	}
	header #menu-main li:hover>ul{
		width: 524px;
		padding: 34px 46px;
	}
}

/*----- Mobile Menu Styles ------*/
header .collapsed-menu .menu-main-container,
header .menu-tab{
	display: none;
}

@media (max-width: 930px){
	header article{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		        -ms-flex-pack: justify;
		    justify-content: space-between;
		-webkit-box-align: center;
		        -ms-flex-align: center;
		    align-items: center;
	}

	header .nav,
	header .top-nav,
	header .collapsed-menu .collapsed-headline{
		display: none;
	}

	header .top-wrapper{
		padding-bottom: 20px;
	}

	header .menu-tab{
		display: block;
		padding: 20px 40px;
		text-align: right;
		-webkit-box-flex: 1;
		        -ms-flex: 1 1 auto;
		    flex: 1 1 auto;
	}

	header .menu-tab img{
		width: 25px;
	}

	header .icon-wrapper .icon-clicked,
	header .icon-wrapper.clicked img.icon-hover,
	header .icon-wrapper.clicked img.icon-initial{
		display: none;
	}
		header .icon-wrapper.clicked .icon-clicked{
			display: inline-block;
		}
	
	header .collapsed-menu{
		position: absolute;
	    top: 100%;
	    width: 100%;
	    min-width: auto;
	    height: calc(100vh - 102px);
	    overflow: scroll;
	}

	.admin-bar header .collapsed-menu{
	    top: 100%;
	    height: calc(100vh - 148px);
	}

    header .collapsed-menu .menu-main-container{
		display: block;
	}

	.header-buffer{
        height: 102px;
    }
}

@media (max-width: 340px){
	header .top-wrapper,
	header .menu-tab {
	    padding: 20px;
	}
}

/*

Search Styles

 **************************************************
 **************************************************/

/*nav search section*/

.mobile-menu-wrapper .nav-search {
	width: 100%;
}

.mobile-menu-wrapper .nav-search .nav-searchwrap {
	-webkit-box-pack: start;
	        -ms-flex-pack: start;
	    justify-content: flex-start;
	width: calc(100% - 2.5em);
}

.mobile-menu-wrapper .nav-search input[type=text],
.mobile-menu-wrapper .nav-search input[type=search] {
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	border-radius: 0;
	border: none;
	display: block;
	font-size: 18px;
	line-height: 1;
	height: 42px;
	padding: 8px 10px 6px;
	width: 75%;
}

.mobile-menu-wrapper .nav-search .button-wrapper {
	font-size: 18px;
	line-height: 1;
	height: 42px;
	padding: 0;
	position: relative;
	text-align: left;
}

.mobile-menu-wrapper .nav-search .button-wrapper::after {
	border-left-color: #01aefe;
	border-bottom-width: 20px;
	border-top-width: 20px;
	position: absolute;
	right: -9px;
	height: 100%;
	width:  0;
	z-index: 0;
}

.mobile-menu-wrapper .nav-search .button-wrapper input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	border-radius: 0;
	background-color: #01aefe;
	border:  none;
	color: #fff;
	display: inline-block;
	font-size: inherit;
	font-weight: bold;
	line-height: 1;
	height: 100%;
	padding: 0 9px;
	position: relative;
	text-transform: uppercase;
	vertical-align: middle;
	z-index: 1;
}

/*

Footer Styles

 **************************************************
 **************************************************/
footer .logo img{
	max-width: 70%;
	height: auto;
}

footer{
	text-align: center;
}
footer article{

}

footer h5{
	padding-bottom: 5px;
	padding-bottom: .4167vw;
}

footer h5.copyright a{
	letter-spacing: initial;
}
footer a.a2{
	color:#0680c1 !important;
	padding-bottom: 10px;
    padding-bottom: .85vw;
    margin: 0;
}

footer h5.email-link{
	padding-bottom: 20px;
	padding-bottom: 1.6667vw;
}

footer .phone-link a,
footer .email-link a{
	cursor: pointer;
}

footer .socialicon{
	width: 30px;
	width: 2.5vw;
    height: auto;
}
footer .socialicon img{
	width: 100%;
}

footer .lefttxt{
	text-align: left;
}


@media screen and (min-width: 768px){
    footer .phone-link a,
    footer .email-link a{
        font: inherit;
        color: #000;
    }
}

@media screen and (max-width: 1200px){
    footer h5{
    	padding-bottom: 5px;
    }
    footer h5.email-link{
    	padding-bottom: 20px;
    }
    footer .phone-link a, footer .email-link a{
		font-family: 'mrs-eaves-xl-serif', sans-serif;
		font-size: 12px;
		color: black;
	}
	footer .socialicon{
		width: 30px;
	}
}

@media screen and (min-width: 1850px){
	footer h5{
		padding-bottom: 8px;
	}
	footer h5.email-link{
		padding-bottom: 31px;
	}
	footer .socialicon{
		width: 46px;
	}
}

/*

Individual Project Styles

 **************************************************
 **************************************************/

.individual-project .project-carousel img{
  height: 60vmin;
  max-width: 100%;
  margin-right: 3px;
}

.individual-project .slick-next,
.individual-project .slick-prev{
  display: block;
  position: absolute;
  right: 10px;
  right: .85vw;
  top: 50%;
  top: calc(50% - 3.2vw/2);
  width: 38px;
  width: 3.2vw;
  height: 30px;
  height: 2.5vw;
  background-image: url('img/arrow_shadow_next_2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  cursor: pointer;
  z-index: 10;
}

.individual-project .slick-prev{
  background-image: url('img/arrow_shadow_prev_2.png');
  right: auto;
  left: 10px;
  left: .85vw;
}

.individual-project h1{
	padding-top: 30px;
	padding-top: 2.5vw;
}

.individual-project h1,
.individual-project .body-copy-wrapper{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-bottom: 2.5vw;
}

.individual-project .headline-wrapper{
  padding-bottom: 46px;
  padding-bottom: 3.83vw
}

.individual-project .body-copy-wrapper p{
	padding-bottom: 10px;
	padding-bottom: .85vw;
}

.individual-project .project-share,
.single-post .project-share{
	display: none;
	position: absolute;
	top: -60px;
	top: -5vw;
  border: 1px solid #F2F2F2;
}
  .individual-project .project-share.clicked,
  .single-post .project-share.clicked{
    display: block;
  }

.individual-project .project-share p,
.single-post .project-share p{
	float: left;
	height: 48px;
	height: 4vw;
	width: 44px;
	width: 3.7vw;
	padding-bottom: 0;
	background-color: #FFF;
}
	.individual-project .project-share p:not(:last-of-type),
	.single-post .project-share p:not(:last-of-type){
		border-right: 1px solid #F2F2F2;
	}
	.individual-project .project-share p:hover,
	.single-post .project-share p:hover{
		background-color: #F2F2F2;
	}

.individual-project .project-share a,
.single-post .project-share a{
  display: block;
  padding: 10px;
  padding: .85vw;
}
  .individual-project .project-share .facebook,
  .single-post .project-share .facebook{
    color: #3b5998;
  }
  .individual-project .project-share .twitter,
  .single-post .project-share .twitter{
    color: #1da1f2;
  }
  .individual-project .project-share .linkedin,
  .single-post .project-share .linkedin{
    color: #0077B5;
  }
  .individual-project .project-share .email,
  .single-post .project-share .email{
    width: 42px;
    width: 3.5vw;
    height: 45px;
    height: 3.8vw;
    background-image: url('img/newsletter_signup_silver.png');
    background-repeat: no-repeat;
    background-size: 25px 20px;
    background-size: 2.1vw 1.7vw;
    background-position: center center;
  }

.individual-project .project-share .triangle,
.single-post .project-share .triangle{
	position: absolute;
    bottom: -10px;
    bottom: -.75vw;
    left: 48%;
    left: calc(50% - 5px);
    left: calc(50% - .85vw/2);
    height: 10px;
    height: .85vw;
    width: 10px;
    width: .85vw;
}
	.individual-project .project-share .triangle svg,
	.single-post .project-share .triangle svg{
		display: block;
    overflow: visible;
	}

.individual-project .body-copy-inner button.clicked{
  background-color: #DADADA;
}

.individual-project .content-wrapper>div{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.individual-project .content-wrapper p{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
}

.individual-project .next-project-wrapper p{
	position: absolute;
	left: 0;
	top: 30px;
	top: 2.5vw;
	padding-bottom: 0;
}
  .individual-project .next-project-wrapper .next-project{
    left: auto;
    right: 0;
  }
  .individual-project .next-project-wrapper a{
	  border-bottom: none;
	}

.individual-project .next-project-wrapper .prev-project a{
 	padding-left: 30px;
 	padding-left: 2.5vw;
}

.individual-project .next-project-wrapper .next-project a{
 	padding-right: 30px;
 	padding-right: 2.5vw;
}

.individual-project .next-project-wrapper a:before{
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  top: .15vw;
  width: 20px;
  width: 1.7vw;
  height: 14px;
  height: 1.17vw;
  background-image: url("img/arrow_clean_prev.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
  .individual-project .next-project-wrapper .next-project a:before{
    background-image: url("img/arrow_clean_next.png");
    left: auto;
    right: 0;
  }
.individual-project .next-project-wrapper span{
	border-bottom: 1px solid #ED592E;
}


/**** Related section styles *****/
section.projects-related-section article{
  padding: 15px 0 62px 0;
  padding: 1.25vw 0 5.2vw 0;
}

.projects-related-section h2{
  padding-bottom: 15px;
  padding-bottom: 1.25vw;
}

.masonry-grid-related{
  margin: 0 -2px;
}

.masonry-grid-related .item{
  width: 33.3333%;
}
  .masonry-grid-related .item.not-active{
    opacity: 0;
  }
  .masonry-grid-related .item.active{
    opacity: 1;
  }

.masonry-grid-related .item a{
  display: block;
  position: relative;
  overflow: hidden;
}

.masonry-grid-related .masonry-overlay{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5%;
  opacity: 0;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(51,51,51,0)),to(rgba(0,0,0,0.8)));
  background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%,rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(51,51,51,0) 0%,rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#cc000000',GradientType=0 );
}
  .masonry-grid-related .item:hover .masonry-overlay{
    opacity: 1;
  }


@media screen and (max-width: 1200px){
	.individual-project .slick-next,
	.individual-project .slick-prev{
		right: 10px;
		top: 50%;
		top: calc(50% - 30px/2);
		width: 38px;
		height: 30px;
	}
	.individual-project .slick-prev{
		left: 10px;
	}

	.individual-project h1{
		padding-top: 30px;
	}

	.individual-project h1,
	.individual-project .body-copy-wrapper{
		padding-bottom: 30px;
	}

  .individual-project .headline-wrapper{
    padding-bottom: 46px;
  }

  .individual-project .body-copy-wrapper p{
    padding-bottom: 10px;
  }

	.individual-project .next-project-wrapper a:before{
		top: 2px;
		width: 20px;
		height: 14px;
	}

	.individual-project .project-share,
	.single-post .project-share{
		top: -60px;
	}
	.individual-project .body-copy-wrapper .project-share p,
	.single-post .project-share p{
		padding-bottom: 0;
		height: 48px;
		width: 44px;
	}

	.individual-project .project-share a,
	.single-post .project-share a{
	 	padding: 10px;
	}

	.individual-project .project-share .email,
	.single-post .project-share .email{
		width: 42px;
	    height: 45px;
	    background-size: 25px 20px;
 	}

 	.individual-project .project-share .triangle,
 	.single-post .project-share .triangle{
	    bottom: -10px;
	    left: 48%;
	    left: calc(50% - 5px);
	    height: 10px;
	    width: 10px;
	}

 	.individual-project .next-project-wrapper p{
		top: 30px;
	}

	.individual-project .next-project-wrapper .prev-project a{
	 	padding-left: 30px;
	}

	.individual-project .next-project-wrapper .next-project a{
	 	padding-right: 30px;
	}

	.individual-project .body-copy-wrapper p{
		padding-bottom: 10px;
	}

  section.projects-related-section article{
    padding: 15px 0 62px 0;
  }

  .projects-related-section h2{
    padding-bottom: 15px;
  }

}

@media screen and (min-width: 1850px){
  .individual-project .slick-next,
  .individual-project .slick-prev{
    right: 15px;
    top: 50%;
    top: calc(50% - 46px/2);
    width: 59px;
    height: 46px;
  }
  .individual-project .slick-prev{
    left: 15px;
  }

  .individual-project h1{
    padding-top: 46px;
  }

  .individual-project h1,
  .individual-project .body-copy-wrapper{
    padding-bottom: 46px;
  }

  .individual-project .headline-wrapper{
    padding-bottom: 71px;
  }

  .individual-project .body-copy-wrapper p{
    padding-bottom: 15px;
  }

  .individual-project .next-project-wrapper a:before{
    top: 3px;
    width: 31px;
    height: 22px;
  }

  .individual-project .project-share,
  .single-post .project-share{
    top: -92px;
  }
  .individual-project .body-copy-wrapper .project-share p,
  .single-post .project-share p{
    padding-bottom: 0;
    height: 74px;
    width: 68px;
  }

  .individual-project .project-share a,
  .single-post .project-share a{
    padding: 15px;
  }

  .individual-project .project-share .email,
  .single-post .project-share .email{
    width: 65px;
      height: 69px;
      background-size: 39px 31px;
  }

  .individual-project .project-share .triangle,
  .single-post .project-share .triangle{
      bottom: -15px;
      left: 48%;
      left: calc(50% - 8px);
      height: 15px;
      width: 15px;
  }

  .individual-project .next-project-wrapper p{
    top: 46px;
  }

  .individual-project .next-project-wrapper .prev-project a{
    padding-left: 46px;
  }

  .individual-project .next-project-wrapper .next-project a{
    padding-right: 46px;
  }

  .individual-project .body-copy-wrapper p{
    padding-bottom: 15px;
  }

  section.projects-related-section article{
    padding: 23px 0 96px 0;
  }

  .projects-related-section h2{
    padding-bottom: 23px;
  }

}

@media screen and (max-width: 950px){
  .individual-project .project-share,
  .single-post .project-share{
    top: -9px;
    left: 95px;
    width: 178px;
  }
  .individual-project .project-share .triangle, 
  .single-post .project-share .triangle{
    left: -10px;
    bottom: 40%;
    bottom: calc(50% - 5px);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
  }
}

@media screen and (max-width: 900px){
	.individual-project .col-sm-4,
	.individual-project .col-sm-8{
		float: none;
		width: 100%;
	}

  .individual-project .headline-wrapper{
    padding-bottom: 20px;
  }

	.individual-project .content-wrapper{
		padding-top: 30px;
	}

  .masonry-grid-related div.item{
    width: 50%;
  }
  .masonry-grid-related .item .masonry-overlay{
    opacity: 1;
  }
}

@media screen and (max-width: 600px){
  .individual-project .content-wrapper {
      -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
  }
}

@media screen and (max-width: 400px){
  .masonry-grid-related div.item{
    width: 100%;
  }
}

/*

Archive Styles

 **************************************************
 **************************************************/
.page-template-archive .filter-headline{
	padding-bottom: 20px;
	padding-bottom: 1.6667vw;
}

.page-template-archive .categories{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	        -ms-flex-pack: center;
	    justify-content: center;
	-webkit-box-pack: space-evenly;
	        -ms-flex-pack: space-evenly;
	    justify-content: space-evenly;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.page-template-archive .categories a{
	-webkit-box-flex: 1;
	        -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	padding-left: 15px;
	padding-left: 1.25vw;
	margin-bottom: 15px;
	margin-bottom: 1.25vw;
}
	.page-template-archive .categories a:first-of-type{
		padding-left: 0;
	}

.page-template-archive .grid-item{
	margin-top: 40px;
	padding-top: 40px;
	margin-top: 3.3333vw;
	padding-top: 3.3333vw;
	border-top: 1px solid #eeeeee;
}
	.page-template-archive .news-container>div:first-of-type{
		margin-top: 25px;
		margin-top: 2.0833vw;
	}

.page-template-archive .pdate{
	padding-bottom: 10px;
	padding-bottom: .8333vw;
}

.news-archives .news-pagination.hide img{
   visibility: hidden;
}

.news-archives .grid-item{
   opacity: 1;
   -webkit-transition: opacity 800ms ease;
   transition: opacity 800ms ease;
}

.news-archives .grid-item.new{
   opacity: 0;
   -webkit-transition: opacity 800ms ease;
   transition: opacity 800ms ease;
}

@media screen and (max-width: 1200px){
	.page-template-archive .filter-headline{
		padding-bottom: 20px;
	}
	.page-template-archive .categories a{
		padding-left: 15px;
		margin-bottom: 15px;
	}
	.page-template-archive .categories a:first-of-type{
		padding-left: 0;
	}
	.page-template-archive .grid-item{
		margin-top: 40px;
		padding-top: 40px;
	}
	.page-template-archive .news-container>div:first-of-type{
		margin-top: 25px;
	}
	.page-template-archive .pdate{
		padding-bottom: 10px;
	}
}

@media screen and (min-width: 1850px){
	.page-template-archive .filter-headline{
		padding-bottom: 31px;
	}
	.page-template-archive .categories a{
		padding-left: 23px;
		margin-bottom: 23px;
	}
	.page-template-archive .categories a:first-of-type{
		padding-left: 0;
	}
	.page-template-archive .grid-item{
		margin-top: 62px;
		padding-top: 62px;
	}
	.page-template-archive .news-container>div:first-of-type{
		margin-top: 39px;
	}
	.page-template-archive .pdate{
		padding-bottom: 15px;
	}
}

/*

Single Post Styles

 **************************************************
 **************************************************/
.single-post .single-title{
	padding-bottom: 15px;
	padding-bottom: 1.25vw;
}

.single-post .acf-image{
	max-width: 50%;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-bottom: 3.3333vw;
}

.single-post .date{
	padding-bottom: 40px;
	padding-bottom: 3.3333vw;
}

/* ARROWS */
.single .arrows-section-inner{
	margin: 0 -13px;
	margin: 0 -1.10vw;
}

.single .arrows-section .pagination a{
	color: #FFFFFF;
	letter-spacing: 0.1em;
}

.single .arrows-section .pagination a:hover{
	color: #FFFFFF;
}

.single .pagination span{
	background-image: url(img/OCCH_Arrow_a2_Left_White.png);
	width: 15px;
	height: 15px;
	margin-left: 13px;
	margin-right: 7px;
	margin-bottom: 3px;
	background-size: 15px 15px;

	width: 1.25vw;
	height: 1.25vw;
	margin-left: 1.10vw;
	margin-right: .5833vw;
	margin-bottom: 0.25vw;
	background-size: 1.25vw 1.25vw;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	-webkit-transition: margin .4s;
	transition: margin .4s;
}

/* news (PREVIOUS) left arrow */
.single .previous{
	float:left;
}

.single .arrows-section div.previous:hover span{
	margin-left: 7px;
	margin-right: 13px;
	margin-left: .5833vw;
	margin-right: 1.10vw;
}

/* news (NEXT) right arrow */
.single .next{
	float:right;
}

.single .next span{
	background-image: url(img/OCCH_Arrow_a2_Right_White.png);
	margin-left: 7px;
	margin-right: 13px;
	margin-left: .5833vw;
	margin-right: 1.10vw;
	
}

.single .arrows-section div.next:hover span{
	margin-left: 13px;
	margin-right: 7px;
	margin-left: 1.10vw;
	margin-right: .5833vw;
}
/* end ARROWS */


@media screen and (max-width: 1200px) {
	.single-post .single-title{
		padding-bottom: 15px;
	}
	.single-post .acf-image{
		padding-bottom: 40px;
	}
	.single-post .date{
		padding-bottom: 40px;
	}
	/* ARROWS */
	.single .arrows-section-inner{
		margin: 0 -13px;
	}
	.single .pagination span{
		width: 15px;
		height: 15px;
		margin-left: 13px;
		margin-right: 7px;
		margin-bottom: 3px;
		background-size: 15px 15px;
	}
	/* news (PREVIOUS) left arrow */
	.single .arrows-section div.previous:hover span{
		margin-left: 7px;
		margin-right: 13px;
	}
	/* news (NEXT) right arrow */
	.single .next span{
		margin-left: 7px;
		margin-right: 13px;
		
	}
	.single .arrows-section div.next:hover span{
		margin-left: 13px;
		margin-right: 7px;
	}
	/* end ARROWS */

}

@media screen and (min-width: 1850px) {
	.single-post .single-title{
		padding-bottom: 23px;
	}
	.single-post .acf-image{
		padding-bottom: 62px;
	}
	.single-post .date{
		padding-bottom: 62px;
	}
	/* ARROWS */
	.single .arrows-section-inner{
		margin: 0 -20px;
	}
	.single .pagination span{
		width: 23px;
		height: 23px;
		margin-left: 20px;
		margin-right: 11px;
		margin-bottom: 5px;
		background-size: 23px 23px;
	}
	/* news (PREVIOUS) left arrow */
	.single .arrows-section div.previous:hover span{
		margin-left: 11px;
		margin-right: 20px;
	}
	/* news (NEXT) right arrow */
	.single .next span{
		margin-left: 11px;
		margin-right: 20px;
		
	}
	.single .arrows-section div.next:hover span{
		margin-left: 20px;
		margin-right: 11px;
	}
	/* end ARROWS */
}

@media screen and (max-width: 800px) {
	/*.single .pagination-section .next-post{
		text-align: right;
	}*/
}

@media screen and (max-width: 768px) {
	/*.single-post .previous span{
		padding-right:0px;
		background-repeat: no-repeat;
		vertical-align: middle;
		background-size: 15px 15px;
		width: 15px;
		height: 15px;
		padding-bottom:18px;
	}
	.single-post .next span{
    background-repeat: no-repeat;
		vertical-align: middle;
		background-size: 15px 15px;
		width: 15px;
		height: 15px;
		padding-bottom:18px;
	}*/
}

@media screen and (max-width: 450px) {
	.single-post .acf-image{
		max-width: 100%;
	}
}

/*

Single Project

 **************************************************
 **************************************************/

.single-project .details-title h5{
	padding-bottom: 20px;
	padding-bottom: 1.6667vw;
	color:black;
}

.single-project .details{
	padding-bottom: 20px;
	padding-bottom: 1.6667vw;
}

.single-project .details h5{
	color:#0680c1;
}

@media screen and (max-width: 1200px) {
	.single-project .details-title h4{
		padding-bottom: 20px;
	}
	.single-project .details{
		padding-bottom: 20px;
	}
	.single-project .project-image img{
		margin-bottom: 22px;
	}
}

@media screen and (min-width: 1850px) {
	.single-project .details-title h4{
		padding-bottom: 31px;
	}
	.single-project .details{
		padding-bottom: 31px;
	}
}


/*

Single Case Study

**************************************************
**************************************************/
.single-case_study .image-grid{
	display: -ms-grid;
	display: grid;
	/*grid-column-gap: 20px;
  	grid-row-gap: 20px;
  	grid-column-gap: 1.6667vw;
  	grid-row-gap: 1.6667vw;*/
  	grid-gap: 20px;
  	grid-gap: 1.6667vw;
  	-webkit-box-align: end;
  	-ms-grid-column-align: end;
  	justify-items: start;
  	align-items: end;
}

.single-case_study .image-grid .single-image{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/*min-height: 200px;
	min-width: 200px;*/
}

.single-case_study .image-grid.option_1{
	/*grid-template-columns: 530px 530px;
	grid-template-rows: 332px 231px 351px;*/
	-ms-grid-columns: 44.1667vw 1.6667vw 44.1667vw;
	grid-template-columns: 44.1667vw 44.1667vw;
	-ms-grid-rows: 27.6667vw 1.6667vw 19.25vw 1.6667vw 29.25vw;
	grid-template-rows: 27.6667vw 19.25vw 29.25vw;
	-ms-grid-row-align: end;
	    grid-template-areas:
		"image1 image2"
		"image1 image3"
		"image4 image4"
}
	.single-case_study .image-grid.option_1.fewer-images{
		/*grid-template-columns: 530px 530px;
		grid-template-rows: 332px 231px;*/
		-ms-grid-columns: 44.1667vw 1.6667vw 44.1667vw;
		grid-template-columns: 44.1667vw 44.1667vw;
		-ms-grid-rows: 27.6667vw 1.6667vw 19.25vw;
		grid-template-rows: 27.6667vw 19.25vw;
		    grid-template-areas:
			"image1 image2"
			"image1 image3"
	}
	.single-case_study .image-grid.option_1 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-row-align: end;
		grid-area: image1;
		width: 530px;
		height: 516px;
		width: 44.1667vw;
		height: 43vw;
	}
	.single-case_study .image-grid.option_1 .image2{
		-ms-grid-row: 1;
		-ms-grid-column: 3;
		grid-area: image2;
		width: 385px;
		height: 332px;
		width: 32.0833vw;
		height: 27.6667vw;
	}
	.single-case_study .image-grid.option_1 .image3{
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		grid-area: image3;
		width: 530px;
		height: 231px;
		width: 44.1667vw;
		height: 19.25vw;
	}
	.single-case_study .image-grid.option_1 .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-area: image4;
		-ms-grid-column-align: center;
		    justify-self: center;
		width: 770px;
		height: 351px;
		width: 64.1667vw;
		height: 29.25vw;
	}

.single-case_study .image-grid.option_2{
	/*grid-template-columns: 344px 392px 304px;
	grid-template-rows: 421px 518px;*/
	-ms-grid-columns: 28.6667vw 1.6667vw 32.6667vw 1.6667vw 25.1667vw;
	grid-template-columns: 28.6667vw 32.6667vw 25.1667vw;
	-ms-grid-rows: 35.0833vw 1.6667vw 43.1667vw;
	grid-template-rows: 35.0833vw 43.1667vw;
	    grid-template-areas:
		"image1 image1 image2"
		"image3 image4 image4"
}
	.single-case_study .image-grid.option_2 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-area: image1;
		    -ms-grid-column-align: end;
		    justify-self: end;
		width: 653px;
		height: 421px;
		width: 54.4167vw;
		height: 35.0833vw;
	}
	.single-case_study .image-grid.option_2 .image2{
		-ms-grid-row: 1;
		-ms-grid-column: 5;
		-ms-grid-row-align: end;
		grid-area: image2;
		width: 264px;
		height: 248px;
		width: 22vw;
		height: 20.6667vw;
	}
	.single-case_study .image-grid.option_2 .image3{
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		grid-area: image3;
		-ms-flex-item-align: start;
		    align-self: start;
		width: 344px;
		height: 409px;
		width: 28.6667vw;
		height: 34.0833vw;
	}
	.single-case_study .image-grid.option_2 .image4{
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3;
		grid-area: image4;
		width: 716px;
		height: 518px;
		width: 59.6667vw;
		height: 43.1667vw;
	}

.single-case_study .image-grid.option_3{
	/*grid-template-columns: 530px 530px;
	grid-template-rows: 321px 164px 431px;*/
	-ms-grid-columns: 44.1667vw 1.6667vw 44.1667vw;
	grid-template-columns: 44.1667vw 44.1667vw;
	-ms-grid-rows: 26.75vw 1.6667vw 13.6667vw 1.6667vw 35.9167vw;
	grid-template-rows: 26.75vw 13.6667vw 35.9167vw;
	    grid-template-areas:
		"image1 image2"
		"image3 image2"
		"image3 image4"
}
	.single-case_study .image-grid.option_3.fewer-images{
		/*grid-template-columns: 530px 530px;
		grid-template-rows: 163px 164px 431px;*/
		-ms-grid-columns: 44.1667vw 1.6667vw 44.1667vw;
		grid-template-columns: 44.1667vw 44.1667vw;
		-ms-grid-rows: 13.5833vw 1.6667vw 13.6667vw 1.6667vw 35.9167vw;
		grid-template-rows: 13.5833vw 13.6667vw 35.9167vw;
		    grid-template-areas:
			". image2"
			"image3 image2"
			"image3 image4"
	}
	.single-case_study .image-grid.option_3 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-area: image1;
		-ms-grid-column-align: end;
		    justify-self: end;
		width: 369px;
		height: 321px;
		width: 30.75vw;
		height: 26.75vw;
	}
	.single-case_study .image-grid.option_3 .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
		-ms-grid-row-align: end;
		grid-area: image2;
		width: 374px;
		height: 347px;
		width: 31.1667vw;
		height: 28.9167vw;
	}
	.single-case_study .image-grid.option_3 .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		grid-area: image3;
		width: 530px;
		height: 615px;
		width: 44.1667vw;
		height: 51.25vw;
	}
	.single-case_study .image-grid.option_3 .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		grid-area: image4;
		-ms-flex-item-align: start;
		    align-self: start;
		width: 530px;
		height: 347px;
		width: 44.1667vw;
		height: 26.75vw;
	}

@media screen and (max-width: 1200px) {
	/* No responsive cutoff below 1200 so the images scale smaller. The 1850 cutoff is to create an upper bound.*/
}

@media screen and (min-width: 1850px) {
	.single-case_study .image-grid{
		/*grid-column-gap: 31px;
	  	grid-row-gap: 31px;*/
	  	grid-gap: 31px;
	  	-webkit-box-pack: center;
	  	        -ms-flex-pack: center;
	  	    justify-content: center;
	}

	.single-case_study .image-grid .single-image{
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		/*min-height: 200px;
		min-width: 200px;*/
	}

	.single-case_study .image-grid.option_1{
		-ms-grid-columns: 817px 31px 817px;
		grid-template-columns: 817px 817px;
		-ms-grid-rows: 512px 31px 356px 31px 541px;
		grid-template-rows: 512px 356px 541px;
		    grid-template-areas:
			"image1 image2"
			"image1 image3"
			"image4 image4"
	}
		.single-case_study .image-grid.option_1.fewer-images{
			-ms-grid-columns: 817px 31px 817px;
			grid-template-columns: 817px 817px;
			-ms-grid-rows: 512px 31px 356px;
			grid-template-rows: 512px 356px;
			    grid-template-areas:
				"image1 image2"
				"image1 image3"
		}
		.single-case_study .image-grid.option_1 .image1{
			-ms-grid-row: 1;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
			-ms-grid-row-align: end;
			grid-area: image1;
			width: 817px;
			height: 796px;
		}
		.single-case_study .image-grid.option_1 .image2{
			-ms-grid-row: 1;
			-ms-grid-column: 3;
			grid-area: image2;
			width: 594px;
			height: 512px;
		}
		.single-case_study .image-grid.option_1 .image3{
			-ms-grid-row: 3;
			-ms-grid-column: 3;
			grid-area: image3;
			width: 817px;
			height: 356px;
		}
		.single-case_study .image-grid.option_1 .image4{
			-ms-grid-row: 5;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			grid-area: image4;
			-ms-grid-column-align: center;
			    justify-self: center;
			width: 1187px;
			height: 541px;
		}

	.single-case_study .image-grid.option_2{
		-ms-grid-columns: 530px 31px 604px 31px 466px;
		grid-template-columns: 530px 604px 466px;
		-ms-grid-rows: 649px 31px 799px;
		grid-template-rows: 649px 799px;
		    grid-template-areas:
			"image1 image1 image2"
			"image3 image4 image4"
	}
		.single-case_study .image-grid.option_2 .image1{
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
			grid-area: image1;
			    -ms-grid-column-align: end;
			    justify-self: end;
			width: 1007px;
			height: 649px;
		}
		.single-case_study .image-grid.option_2 .image2{
			-ms-grid-row: 1;
			-ms-grid-column: 5;
			-ms-grid-row-align: end;
			grid-area: image2;
			width: 407px;
			height: 382px;
		}
		.single-case_study .image-grid.option_2 .image3{
			-ms-grid-row: 3;
			-ms-grid-column: 1;
			grid-area: image3;
			-ms-flex-item-align: start;
			    align-self: start;
			width: 530px;
			height: 631px;
		}
		.single-case_study .image-grid.option_2 .image4{
			-ms-grid-row: 3;
			-ms-grid-column: 3;
			-ms-grid-column-span: 3;
			grid-area: image4;
			width: 1104px;
			height: 799px;
		}

	.single-case_study .image-grid.option_3{
		-ms-grid-columns: 817px 31px 817px;
		grid-template-columns: 817px 817px;
		-ms-grid-rows: 495px 31px 253px 31px 665px;
		grid-template-rows: 495px 253px 665px;
		    grid-template-areas:
			"image1 image2"
			"image3 image2"
			"image3 image4"
	}
		.single-case_study .image-grid.option_3.fewer-images{
			-ms-grid-columns: 817px 31px 817px;
			grid-template-columns: 817px 817px;
			-ms-grid-rows: 251px 31px 253px 31px 665px;
			grid-template-rows: 251px 253px 665px;
			    grid-template-areas:
				". image2"
				"image3 image2"
				"image3 image4"
		}
		.single-case_study .image-grid.option_3 .image1{
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
			grid-area: image1;
			-ms-grid-column-align: end;
			    justify-self: end;
			width: 569px;
			height: 495px;
		}
		.single-case_study .image-grid.option_3 .image2{
			-ms-grid-row: 1;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
			-ms-grid-row-align: end;
			grid-area: image2;
			width: 577px;
			height: 535px;
		}
		.single-case_study .image-grid.option_3 .image3{
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
			grid-area: image3;
			width: 817px;
			height: 948px;
		}
		.single-case_study .image-grid.option_3 .image4{
			-ms-grid-row: 5;
			-ms-grid-column: 3;
			-ms-grid-column-span: 1;
			grid-area: image4;
			-ms-grid-item-align: start;
			    align-self: start;
			width: 817px;
			height: 535px;
		}

	.single-case_study .image-grid.option_1 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_1.fewer-images > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_2 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}

	.single-case_study .image-grid.option_1 .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 5
	}

	.single-case_study .image-grid.option_3 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_3.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_1 .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1
	}

	.single-case_study .image-grid.option_3 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
		}

	.single-case_study .image-grid.option_1 .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_2 > .image4{
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_2 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_1.fewer-images > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_2 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}

	.single-case_study .image-grid.option_2 .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 5
	}

	.single-case_study .image-grid.option_3 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_3.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1
	}

	.single-case_study .image-grid.option_3 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
		}

	.single-case_study .image-grid.option_2 .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_2 > .image4{
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_3 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_1.fewer-images > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_2 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}

	.single-case_study .image-grid.option_3 .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 5
	}

	.single-case_study .image-grid.option_3 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_3.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_3 .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1
	}

	.single-case_study .image-grid.option_3 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
		}

	.single-case_study .image-grid.option_3 .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_2 > .image4{
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
		}
}

@media screen and (min-width: 1850px){

	.single-case_study .image-grid.option_1 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_1.fewer-images > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_2 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}

	.single-case_study .image-grid.option_1 .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 5
	}

	.single-case_study .image-grid.option_3 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_3.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_1 .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1
	}

	.single-case_study .image-grid.option_3 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
		}

	.single-case_study .image-grid.option_1 .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_2 > .image4{
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_2 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_1.fewer-images > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_2 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}

	.single-case_study .image-grid.option_2 .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 5
	}

	.single-case_study .image-grid.option_3 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_3.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1
	}

	.single-case_study .image-grid.option_3 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
		}

	.single-case_study .image-grid.option_2 .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_2 > .image4{
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_3 .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_1.fewer-images > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
		}

	.single-case_study .image-grid.option_2 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image1{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1
	}

	.single-case_study .image-grid.option_3 .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		-ms-grid-column: 5
	}

	.single-case_study .image-grid.option_3 > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_3.fewer-images > .image2{
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_3 .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
	}
		.single-case_study .image-grid.option_1.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3
		}

	.single-case_study .image-grid.option_2 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1
	}

	.single-case_study .image-grid.option_3 > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image3{
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
		}

	.single-case_study .image-grid.option_3 .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_2 > .image4{
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3
	}

	.single-case_study .image-grid.option_3 > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
	}
		.single-case_study .image-grid.option_3.fewer-images > .image4{
		-ms-grid-row: 5;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1
		}
}

@media screen and (max-width: 450px) {
	.single-case_study .image-grid{
		display: block;
	}
	.single-case_study .image-grid .single-image{
		margin: 0 auto 20px auto;
	}

	.single-case_study .image-grid.option_1 .image1{
		/*width: 88.3333vw;
		height: 86vw;*/
		width: 90vw;
		height: 87.623vw;
	}
	.single-case_study .image-grid.option_1 .image2{
		/*width: 64.1667vw;
		height: 55.3333vw;*/
		width: 90vw;
		height: 77.61vw;
	}
	.single-case_study .image-grid.option_1 .image3{
		/*width: 88.3333vw;
		height: 38.5vw;*/
		width: 90vw;
		height: vw;
	}
	.single-case_study .image-grid.option_1 .image4{
		width: 90vw;
		height: 41.026vw;
	}

	.single-case_study .image-grid.option_2 .image1{
		width: 90vw;
		height: 58.0244vw;
	}
	.single-case_study .image-grid.option_2 .image2{
		/*width: 44vw;
		height: 41.3333vw;*/
		width: 90vw;
		height: 84.5454vw;
	}
	.single-case_study .image-grid.option_2 .image3{
		/*width: 53.3333vw;
		height: 68.1667vw;*/
		width: 90vw;
		height: 115.031vw;
	}
	.single-case_study .image-grid.option_2 .image4{
		width: 90vw;
		height: 65.1117vw;
	}

	.single-case_study .image-grid.option_3 .image1{
		/*width: 61.25vw;
		height: 53.5vw;*/
		width: 90vw;
		height: 78.6122vw;
	}
	.single-case_study .image-grid.option_3 .image2{
		/*width: 62.3333vw;
		height: 57.8334vw;*/
		width: 90vw;
		height: 84.9797vw;
	}
	.single-case_study .image-grid.option_3 .image3{
		/*width: 64.6342vw;
		height: 75vw;*/
		width: 90vw;
		height: 104.434vw;
	}
	.single-case_study .image-grid.option_3 .image4{
		/*width: 88.3333vw;
		height: 53.5vw;*/
		width: 90vw;
		height: 54.5095vw;
	}
}

/*

Single Program

 **************************************************
 **************************************************/

/* top section */


/* repeater image section */
.single-program .repeater-image-section {
	-webkit-box-align:center;
	        -ms-flex-align:center;
	    align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
 }

.single-program .repeater-image-section + .repeater-image-section {
	padding-top: 40px;
	padding-top: 3.3333vw;
}

.single-program .image-left .text {
	 padding-left: 40px;
	 padding-left: 3.3333vw;
}
.single-program .image-right .text {
	padding-right:40px;
	padding-right: 3.3333vw;
}

.single-program .image-right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	        -ms-flex-direction: row-reverse;
	    flex-direction: row-reverse;
}

.single-program .split .pic-block{
	-webkit-box-flex:1;
	        -ms-flex:1 1 50%;
	    flex:1 1 50%;
}
.single-program .split .text{
	-webkit-box-flex:1;
	        -ms-flex:1 1 50%;
	    flex:1 1 50%;
	color:#0a556d;
	font-style:italic;
}
.single-program .seventy .pic-block{
	-webkit-box-flex:1;
	        -ms-flex:1 1 30%;
	    flex:1 1 30%;
}
.single-program .seventy .text{
	-webkit-box-flex:1;
	        -ms-flex:1 1 70%;
	    flex:1 1 70%;
	color:#0a556d;
	font-style:italic;
}

 .single-program .split img{
	width: 50vw;
	height: auto;
 }

 .single-program .seventy img{
	width: 30vw;
	height: auto;
 }

@media screen and (max-width: 1200px) {
	.single-program .repeater-image-section + .repeater-image-section {
		padding-top: 40px;
	}
	.single-program .image-left .text {
		 padding-left: 40px;
	}
	.single-program .image-right .text {
		padding-right:40px;
	}
}

@media screen and (min-width: 1850px) {
	.single-program .repeater-image-section + .repeater-image-section {
		padding-top: 62px;
	}
	.single-program .image-left .text {
		 padding-left: 62px;
	}
	.single-program .image-right .text {
		padding-right: 62px;
	}
}

@media screen and (max-width: 600px) {
	 .single-program .image-left .text,
	 .single-program .image-right .text{
	 	padding: 20px 0 0 0;
	 }
}


/*


President's Message Styles

 **************************************************
 **************************************************/
.single-presidents_message .acf-image {
	margin-bottom: 30px;
	margin-bottom: 2.5vw;
}

.single-presidents_message .columns-content-wrapper ul {
	margin: 30px 0;
	margin: 2.5vw 0;
}

.single-presidents_message .columns-content-wrapper li + li {
	margin-top: 30px;
	margin-top: 2.5vw;
}

/* ARROWS -- See single (news) post styles*/

@media screen and (max-width: 1200px) {
	.single-presidents_message .acf-image {
		margin-bottom: 30px;
	}
	.single-presidents_message .columns-content-wrapper ul {
		margin: 30px 0;
	}
	.single-presidents_message .columns-content-wrapper li + li {
		margin-top: 30px;
	}
}

@media screen and (min-width: 1850px) {
	.single-presidents_message .acf-image {
		margin-bottom: 46px;
	}
	.single-presidents_message .columns-content-wrapper ul {
		margin: 46px 0;
	}
	.single-presidents_message .columns-content-wrapper li + li {
		margin-top: 46px;
	}
}