@charset "UTF-8";

/* REMOVE LATER */
#mfPreviewBar { display: none !important; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; background-color: #f7f7f5; }
body { margin: auto; padding: 0; background-color: #f7f7f5 !important; font-family: "mr-eaves-modern", Verdana, Helvetica, Arial, "sans-serif"; font-size:13px; line-height: 16px; color: #282528; font-weight:100; }
#article-content div:not(.ac-item-title) > p:first-child, 
.serif, 
a.cta,
.filter-button { font-family: "adobe-caslon-pro", Times, "Times New Roman", serif; text-transform: none; letter-spacing: 0; }
#article-content div:not(.ac-item-title) > p:first-child, 
.serif { font-weight:600; }


body#tinymce * { color: #000; }
h1, .h1, h2, .h2, #header-wrap .menu li a, #header-wrap .menu li span, .apercu, .cera-medium { font-family: 'CeraPRO-Medium', Verdana, Helvetica, Arial, sans-serif; letter-spacing: 3px; text-transform: uppercase; }
h1, .h1 { margin: 0; font-size: 26px; font-weight: 300; font-style: normal; line-height: 30px; color: #282528; }
h2, .h2 { margin: 0; font-size: 30px; font-weight: 300; font-style: normal; line-height: 34px; color: #282528; }
h3, .h3 { margin: 0; font-weight: 300; font-style: normal; }
p { margin: 0 0 20px 0; }
p:last-child { margin-bottom: 0; }
#article-content div:not(.ac-item-title) > p:first-child { font-size: 22px; line-height: 26px; margin: 0 0 32px 0; }
.cera-regular { font-family: 'CeraPRO-Regular', Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; }
.cera-bold { font-family: 'CeraPRO-Bold', Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; }
h1.cera-regular { font-size: 15px !important; line-height: 18px !important; letter-spacing: 3px; }
h2.cera-bold { font-size: 13px !important; line-height: 17px !important; }

a { text-decoration: none; 
	-webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
a, a:hover, a:focus { outline: none; color: inherit; }
a:hover { text-decoration: none; }
#comp-content a:not(.resource-inner),
#comp-content a:not(.resource-inner):hover { text-decoration: underline; }
#footer, #footer span, #footer a { font-size: 11px; line-height: 20px; /* letter-spacing: 0px; */ }

a.cta { display:inline-block; border: 1px solid #692145; padding: 15px 20px 8px 20px; width: auto; /* font-size: 12px; */ text-align: center; cursor: pointer; background-color: transparent;
        -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-decoration:none !important; }
a.cta:hover, a.cta.active { color: #fff; background-color: #692145; }

body[class*="what-we-do"] .next-nav { display:none; }

@media (min-width: 768px) {
	body { /* font-size: 13px; line-height: 19px;*/ font-size: 15px; line-height: 21px;	}
	.apercu { letter-spacing: 2px; }
	h1, .h1 { font-size: 44px; line-height: 64px; }
	.home h1  { font-size: 30px; line-height: 42px; }
    
    #footer, #footer span, #footer a { font-size: 14px; line-height: 18px; }
	
}

@media (min-width: 1200px) {
	/* body { font-size: 15px; line-height: 21px; } */
	body { font-size: 17px; line-height: 23px; }
	#article-content div:not(.ac-item-title) > p:first-child { font-size: 32px; line-height: 38px; }
	/* h1, .h1 { font-size: 38px; line-height: 46px; }*/  
	h1, .h1, .home h1 { font-size: 44px; line-height: 64px; }
    h1.cera-regular { font-size: 22px !important; line-height: 26px !important; }
    
	#footer, #footer span, #footer a { font-size: 13px; line-height: 16px;  /*letter-spacing: 2px;*/ }
}


.next-nav { margin: 50px auto 0 auto; text-align: center; }
.next-nav > div:first-child { border-right: 1px solid #282528; width:0; height: 30px; margin: 0 auto 10px auto;  }
.next-nav .link { padding-top: 6px; }
#comp-content .next-nav > div > a { text-decoration: none; text-transform: uppercase; letter-spacing: 3px; }
#comp-content .next-nav > div > a:hover { color: #692145; }


/* SHARED
========================================================= */	
.html-hide { width: 100%; height: 100%; overflow: hidden; }
.hidden { display: none !important; }

.white,
.white * { color: #fff; }
.black,
.black * { color: #000; }
.gold,
.gold * { color: #a39970; }

.border-box,
.border-box-white { border: 1px solid #a39970; position: relative; overflow: hidden; display: inline-block; z-index: 1; font-size: 17.5px; line-height: 21px; color: #a39970; cursor: pointer; 
			  		-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.border-box:not(p),
.border-box a { padding: 10px 45px 12px 45px; }
.border-box a { display: block; text-decoration: none !important; }
.border-box-white { border-color: #fff; color: #fff; }
.border-box::after,
.border-box-white::after { content: ''; width: 100%; height: 0; position: absolute; top: 50%; left: 50%; z-index: -1; background: #a39970; opacity: 0; 
						 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
						 /* -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);*/
						 -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.border-box-white::after { background: #fff; }
.border-box:hover::after,
.border-box-white:hover::after { height: 400%; opacity: 1; }
.border-box:hover,
.border-box:hover * { color: #fff; }
.border-box-white:hover,
.border-box-white:hover * { color: #a39970; }

.social { text-align: center; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; bottom:auto; top:0; }
 .social-icon::after,
 .social-icon { width: 15px; height: 15px; position: relative; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
 .social-icon::after { content: ''; position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none;
 					   -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
 .social-icon:hover::after { opacity: 1; }
 .social-icon:nth-child(n+2) { margin-left: 12px; }
 .social-icon:last-child { margin-left: 16px; }
 
 .social-icon:hover { opacity: .8; }
 .social-icon.facebook { background-image: url('../images/shared/fb-gold.svg'); }
 .social-icon.pinterest { background-image: url('../images/shared/pin-gold.svg'); }
 .social-icon.instagram { background-image: url('../images/shared/insta-gold.svg'); }
 .social-icon.linkedin { background-image: url('../images/shared/linked-gold.svg'); }
 .social-icon.facebook::after { background-image: url('../images/shared/fb-white.svg'); }
 .social-icon.pinterest::after { background-image: url('../images/shared/pin-white.svg'); }
 .social-icon.instagram::after { background-image: url('../images/shared/insta-white.svg'); }
 .social-icon.linkedin::after { background-image: url('../images/shared/linked-white.svg'); }
  .social-icon a { position: relative; width: 100%; height: 100%; display: block; }

.fullscreen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }

.hero { padding: 40px 30px; width: 100%; height: 400px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-position: center; background-repeat: no-repeat; background-size: cover; }
.inner { padding-right: 15px; padding-left: 15px; }

.grey-block-layout { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.grey-block-layout > *:first-child { padding: 35px 20px;  }
.grey-block-layout:not(#map-wrap) > *:first-child { background-color: #dedcda; }
.grey-block-layout > *:last-child {  margin-top: 10px; }
.grey-block-layout img { width: 100%; }

.greyscale {  -webkit-filter: grayscale(0%); filter: grayscale(0%); 
            -webkit-transition: filter .3s; -moz-transition: filter .3s; -o-transition: filter .3s; transition: filter .3s; }
.greyscale:hover,
.greyscale.active { /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); */
					-webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%) !important; }

@media (min-width: 768px) {
	.border-box,
	.border-box-white { font-size: 24px; line-height: 28px; }
	.border-box:not(p),
	.border-box a { padding: 13px 60px 16px 60px; }
	
	 .social-icon,
	 .social-icon::after { width: 20px; height: 20px; }
	
	.inner { padding-left: 50px; padding-right: 50px; }
}
@media (min-width: 1024px) {
    .grey-block-layout {  -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
     .grey-block-layout > *:first-child { width: 314px; }
     .grey-block-layout > *:last-child { margin-top: 0; margin-left: 10px; width: calc(100% - 324px); }
}
@media (min-width: 1200px) {
	.inner { padding-left: 100px; padding-right: 100px; }
	.constrain { margin-right: auto; margin-left: auto; max-width: 1000px; }
	#content .constrain { padding-left: 50px; padding-right: 50px; }
    
    .next-nav { margin: 60px auto 0 auto; }
}

@media (min-width: 1366px) {
	.constrain { max-width: 1166px; }
	#content .constrain { padding-left: 100px; padding-right: 100px; }
}


/* TEMPLATE
========================================================= */	
#page-wrap { position: relative; }

 #header-wrap { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
 #header-outer { position: relative; z-index: -1; background-color: #fff; }
 /*#header-outer::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; opacity: 1; background-color: #fff;
                     -webkit-transition: .3s background-color; -moz-transition: .3s background-color; -o-transition: .3s background-color; transition: .3s background-color; }
 body.menu-open #header-outer::before { background-color: #692145; }*/
  #header { padding-top: 20px; padding-bottom: 20px; width: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
   #brand-wrap { position: relative; }
    #emblem-wrap { width: 20px; position: absolute; left: 0; display: none; }
	#logo-wrap { width: 80px; }
	 #emblem-wrap a,
	 #logo-wrap a { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	  #emblem-wrap img,
	  #logo-wrap img  { width: 100%; height: auto;
                         -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
      #logo-wrap .logo-white { position: absolute; opacity: 0; display: none !important; }
   /*body.menu-open #logo-wrap .logo-white { opacity: 1; }
   body.menu-open #logo-wrap .logo-purple { opacity: 0; }*/
   #menu-btn-wrap { position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    #menu-btn { width: 23px; height: 15px; position: relative; cursor: pointer; }
     #menu-btn span { width: 100%; height: 1px; position: absolute; top: 7px; left: 0px; background: #282528; 
	 				  -webkit-transition: .3s background-color .3s; -moz-transition: .3s background-color .3s; -o-transition: .3s background-color .3s; transition: .3s background-color .3s; }
     #menu-btn span::before,
     #menu-btn span::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; display: block; background-color: #282528; 
	 						 -webkit-transition: .3s top .3s, .3s bottom .3s, transform .3s; -moz-transition: .3s top .3s, .3s bottom .3s, transform .3s; -o-transition: .3s top .3s, .3s bottom .3s, transform .3s; transition: .3s top .3s, .3s bottom .3s, transform .3s; }
     #menu-btn span::before { top: -7px; }
     #menu-btn span::after { bottom: -7px; }
	 body.menu-open #menu-btn span { background-color: transparent; 
	 								 -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }
	 body.menu-open #menu-btn span::before,
	 body.menu-open #menu-btn span::after { background-color: #fff;
                                             -webkit-transition: top .3s, bottom .3s, .3s transform .3s; -moz-transition: top .3s, bottom .3s, .3s transform .3s; -o-transition: top .3s, bottom .3s, .3s transform .3s; transition: top .3s, bottom .3s, .3s transform .3s; }
	 body.menu-open #menu-btn span::before { top: 0;
	 										 -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	 body.menu-open #menu-btn span::after { bottom: 0;
	 										-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
     /*body.non-touch #menu-btn:hover span,
	 body.non-touch #menu-btn:hover span::before,
	 body.non-touch #menu-btn:hover span::after { background: #a39970; }*/
   #menu-links-wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; background: #692145; pointer-events: none; 
   					 -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); 
                     -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
   body.menu-open #menu-links-wrap { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    #menu-links { padding: 0 20px; height: 100%; position: relative; overflow: auto; opacity: 0; text-align: right; font-size: 11px; line-height: 25px;
				  display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /*-webkit-align-items: center; -ms-flex-align: center; align-items: center;*/
                  -webkit-transition: .3s opacity .3s; -moz-transition: .3s opacity .3s; -o-transition: .3s opacity .3s; transition: .3s opacity .4s; }
	body.menu-open #menu-links { opacity: 1; pointer-events: auto; }
	/*#menu-links::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #fff; opacity: 1;
                          -webkit-transition: .3s background-color; -moz-transition: .3s background-color; -o-transition: .3s background-color; transition: .3s background-color; }
    body.menu-open #menu-links::before { background-color: #692145; }*/
	 #menu-links ul { margin: 0; padding: 0; width: 100%; list-style: none; }
	  #menu-links li { padding: 10px 0; }
      #menu-links .menu > li:last-child { margin-bottom: 30px; }
       #menu-links li.parent > a { padding-left: 20px; position: relative; }
        #menu-links li.parent > a::before,
        #menu-links li.parent > a::after { content: ''; width: 8px; height: 1px; position: absolute; top: 12px; left: 0; background-color: #fff; 
                                            -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
        #menu-links li.parent > a::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
        #menu-links li.parent > a.ui-accordion-header-active::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
	   #menu-links li.active > a, #menu-links li > a:hover { color: #fff; }
	   /* 
	   #menu-links li.active a::after { content: ''; margin: 2px auto 0; width: 40px; height: 1px; display: block; background-color: #a39970; }
	   #menu-links li.active li:not(.active) a::after {  display:none; }
	   */
	   #header-wrap .menu a,
	   #header-wrap .menu span { display: inline-block; }
	   #menu-links a,
	   #menu-links span { color: #fff; }
	     #menu-links .nav-child a,
		 #menu-links .nav-child span { text-transform: none; }
  #submenu-wrap { padding: 0 50px; width: 100%; position: relative; text-align: center; }
  #submenu-wrap::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; opacity: .95; background-color: #dad8d5; }
   #submenu { display: inline-block; }
    #submenu ul { margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; list-style: none; font-size: 11px; line-height: 13px; }
	 /*#submenu li {  }
	  #submenu a,
	  #submenu span { font-size: 13px; line-height: 13px; color:#776d44;}
	  #submenu li.active > a, #submenu li > a:hover { color: #fff;  }*/
	  

 #content-wrap { position: relative; padding-bottom: 20px; }
 #content-wrap,
  #content,
   .mid-content,
    #comp-content { width: 100%; height: 100%; overflow-x: hidden; }
	#comp-content { -webkit-transition: .3s opacity .3s; -moz-transition: .3s opacity .3s; -o-transition: .3s opacity .3s; transition: .3s opacity .4s; opacity: 0; }
	.loaded #comp-content { opacity:1; }
	#category-content { padding-bottom: 20px; }
	
	#article h3 { margin-top: 30px; margin-bottom: 20px; }
	#article h3:first-child { margin-top: 0; }
	

 #footer-wrap { width: 100%; position: absolute; left: 0; bottom: 0; background-color:#f7f7f5; /*display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; pointer-events: none;*/ }
 #footer-outer { border-top: 1px solid #948b83; width: 100%; }
  #footer { padding: 20px 0; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; pointer-events: auto; }
   #footer > * { width: 50%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    #footer-links * { text-transform: none !important; }
	#footer ul { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: -webkit-flex; display: flex; }
     #footer li:nth-child(n+2) { margin-left: 10px; }
	  #footer li a { -webkit-transition: .3s color; -moz-transition: .3s color; -o-transition: .3s color; transition: .3s color; }
	  body.non-touch #footer a:hover { color: #692145; }
	#footer .bar { padding: 0 5px; display: none; }
	#footer .copyright {  }

#loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; 
		  -webkit-transition: .5s opacity; -moz-transition: .5s opacity; -o-transition: .5s opacity; transition: .5s opacity; }
#loader.loaded { opacity: 0; pointer-events: none; }

.portraitonly { display:none; visibility:hidden; }
body.small.landscape .portraitonly { display:block; visibility:visible; position:fixed; top:0; left: 0; z-index:10000; width: 100%; height: 100%; background: #a39970 url('../images/shared/portrait-only.jpg') no-repeat center center; }
body.landscape:not(.small) .portraitonly { display:none; visibility:hidden; position:static; top:0; left: 0; z-index:1; width: 0; height: 0; background:none; }
body.small.landscape #page-wrap { position: fixed; width: 100%; height: 100%; }

@media (max-width: 767px) {
    body.menu-open #brand-wrap { pointer-events: none; }
    
    #header .parent ul a,
    #header .parent ul span { font-family: 'CeraPRO-Regular', Verdana, Helvetica, Arial, sans-serif; font-size: 10px; line-height: 14px; }
}
@media (min-width: 768px) {
	  #header { padding-top: 10px; padding-bottom: 10px; }
       #brand-wrap { z-index: 0 !important; }
	   #menu-btn-wrap { display: none; }
	   #menu-links-wrap { width: auto; height: auto; position: static; z-index: 0; background: #fff; opacity: 1; pointer-events: auto;
                          -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	    #menu-links { padding: 0; height: auto; display: block; overflow: visible; opacity: 1 !important; text-align: left; }
	    #menu-links::before { display: none; }
	     #menu-links ul { display: -ms-flexbox; display: -webkit-flex; display: flex; }
		  #header-wrap .menu li { margin: 0 10px; position: relative; }
          #header .menu li { padding: 27px 0; }
		  #header-wrap .menu li:first-child { margin-left: 0; }
		  #header-wrap .menu li:last-child { margin-right: 0; }
          #menu-links .menu > li:last-child { margin-bottom: 0; }
           #menu-links li.parent > a { padding-left: 0px; position: relative; }
            #menu-links li.parent > a::before,
            #menu-links li.parent > a::after { display: none; }
		  /*
		   #header-wrap .menu li a::before,
		   #header-wrap .menu li span::before { content: ''; width: 1px; height: 20px; position: absolute; bottom: 0; left: 50%; display: block; opacity: 0; 
		  										-webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; }
		   #header-wrap .menu li a:hover::before,
		   #header-wrap .menu li span:hover::before,
		   #header-wrap .menu li.active a::before,
		   #header-wrap .menu li.active span::before { opacity: 1; }
		   */
		   #menu-links, #submenu a, #submenu span { /*font-size: 11px;*/ }
		   #menu-links li a::before,
		   #menu-links li span::before { background-color: #a39970; }
		   #menu-links li.active a::after { display: none; }
		   #menu-links ul ul { display: none !important; }
	  #submenu-wrap { position: absolute; left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; 
	  				 /* -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; */ 
					 -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	  #submenu-wrap.hidden { height: 0; display: block !important; opacity: 0; }
	   /*#submenu-wrap #submenu { max-height: 0; overflow: hidden; 
	   							-webkit-transition: .4s max-height .5s; -moz-transition: .4s max-height .5s; -o-transition: .4s max-height .5s; transition: .4s max-height .5s; }
	   #submenu-wrap:not(.hidden) #submenu { max-height: 67px; }*/
       #submenu ul { display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
		#submenu li { padding: 14px 0 12px 0; }
		 #submenu li a::before,
		 #submenu li span::before { background-color: #fff; }
    
    body.menu-open #header-outer::before { background-color: #fff !important; }
       #logo-wrap .logo-white { opacity: 0 !important; }
       #logo-wrap .logo-purple { opacity: 1 !important; }
       #menu-links a,
	   #menu-links span { color: #282528 !important; }
       #menu-links li.active > a, 
       #menu-links li > a:hover,
       #submenu-wrap li.active > a,
       #submenu-wrap li > a:hover { color: #692145 !important; }

	#article h3 { margin-top: 80px; margin-bottom: 40px; }
	#article h3:first-child { margin-top: 0; }
    
    #content-wrap { padding-bottom: 150px; }

      #footer-wrap { position:fixed !important; }
      #footer { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	   #footer > * { width: auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
		#footer .bar { display: block; }
		#footer .copyright { text-align: left; }
		
}

@media (min-width: 992px) {
	/*#menu-links, #submenu a, #submenu span { font-size: inherit; }*/
	#article h3 { margin-top: 40px; margin-bottom: 0px; }
}

@media (min-width: 1200px) {
	  /*#header { padding-top: 30px; display: block; }
	   #brand-wrap { margin: auto; width: 100%; text-align: center; }
	    #emblem-wrap { display: block; }
		#logo-wrap { width: 210px; display: inline-block; vertical-align: top; }
	   #menu-links-wrap { padding-top: 30px; text-align: center; }
	    #menu-links { display: inline-block; }
		  #header-wrap .menu li { margin: 0 20px; padding: 18px 0 14px 0; }
		  #header-wrap .menu li:first-child { margin-left: 0; }
		  #header-wrap .menu li:last-child { margin-right: 0; }
		   #header-wrap .menu li a::before,
		   #header-wrap .menu li span::before { height: 12px; }
		   #menu-links a,
		   #menu-links span { font-size: 13px; line-height: 13px; }
	  #submenu-wrap { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
	   #submenu-wrap #submenu { -webkit-transition: .6s max-height .5s; -moz-transition: .6s max-height .5s; -o-transition: .6s max-height .5s; transition: .6s max-height .5s; }
	   #submenu-wrap:not(.hidden) #submenu { max-height: 45px; }
	   */
    
    #header { padding-top: 30px; padding-bottom: 30px; }
      #logo-wrap { width: 120px; }
		#header-wrap .menu li { margin: 0 15px; }
        #header .menu > li { padding: 0; }
    
		   #menu-links a,
		   #menu-links span,
            #submenu-wrap a,
            #submenu-wrap span { font-size: 11px; line-height: 13px; }
    
	   #article { font-size: inherit; line-height: inherit; }
	   #article h3 { margin-top: 80px; margin-bottom: 40px; }
}


/* PAGE SPECIFIC
   - LANDING
========================================================= */
#landing-content,
 #landing-content > *,
  #landing-anim-overlay,
   #landing-anim-triangles,
   #landing-anim-full { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; overflow: hidden; }
#landing-content { opacity: 1; 
				   -webkit-transition: .5s opacity; -moz-transition: .5s opacity; -o-transition: .5s opacity; transition: .5s opacity; }
/*body.landing-close #landing-content { opacity: 0; pointer-events: none; }*/
   #landing-anim-triangles,
   #landing-anim-full { -webkit-transition: opacity 0s ease .5s; -moz-transition: opacity 0s ease .5s; -o-transition: opacity 0s ease .5s; transition: opacity 0s ease .5s; }
   #landing-anim-triangles,
   body.landing-anim #landing-anim-full { opacity: .8; }
   body.landing-anim #landing-anim-triangles { opacity: 0; }
    #landing-anim-triangles div { border-color: transparent; border-width: 0; border-style: solid; position: absolute; top: 0; left: 0; 
								  -webkit-transition: .5s transform; -moz-transition: .5s transform; -o-transition: .5s transform; transition: .5s transform; }
	#landing-anim-triangles div:first-child { border-top-color: #fff; border-right-color: transparent;
											  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	#landing-anim-triangles div:last-child { border-left-color: transparent; border-bottom-color: #fff; 
											-webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); }
	body.landing-anim #landing-anim-triangles div { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
   #landing-anim-full { opacity: 0; background-color: #fff; }
  #landing-center { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0; 
  					-webkit-transition: opacity .3s ease .1s; -moz-transition: opacity .3s ease .1s; -o-transition: opacity .3s ease .1s; transition: opacity .3s ease .1s; text-align: center; }
  body.landing-anim #landing-center { opacity: 1; }
   #landing-center > * { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
    #landing-center-img img { width: 65%; max-width: 325px; height: 100%; }
   #landing-center-enter { margin-top: 50px; /* position: absolute; top: calc(50% + 75px);*/ /* left: 50%; transform: translateX(-50%);*/ }


#landing-bg { background-image: url('../images/ws-shared/landing_bg_mob.jpg') !important; background-position: center; background-repeat: no-repeat; background-size: cover; }
#landing-anim-overlay,
#landing-center-enter { display: none !important; }

@media (min-width: 768px) {
	   #landing-center-enter { top: calc(50% + 118px); }
    
    #landing-bg { background-image: url('../images/ws-shared/landing_bg_tab.jpg') !important; }
}

@media (min-width: 1200px) {
	   #landing-center-enter { top: calc(50% + 130px) }
    
    #landing-bg { background-image: url('../images/ws-shared/landing_bg_desk.jpg') !important; }
}

#article-text ul { list-style: none; margin:0; }
#article-text ul li { padding-left: 16px; padding-bottom: 5px; position: relative; text-align: left; }
#article-text ul li:before { content: "\002023"; font-size: 20px; line-height: 18px; vertical-align: middle; margin: 0 10px 0 0; color:#692145; position: absolute; left: 0; top: 0; }
#article-text ul ul { padding-top: 5px; padding-left: 0; }

@media (min-width: 768px) {
    #article-text ul li { padding-left: 18px; }
    #article-text ul li:before { font-size: 25px; line-height: 22px; }
    
    .twocol { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; width: 80%; margin: 0 auto; padding-bottom: 30px; }
    .twocol .col { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; overflow: hidden; }
}

@media (min-width: 1200px) {
    #article-text ul li { padding-left: 22px; }
    #article-text ul li:before { font-size: 30px; line-height: 25px; }
}


#resources-intro { /*border-bottom: 1px solid #282528;*/ padding: 70px 0 30px 0; text-align: center; font-size: 26px; line-height: 32px; }
    
    #resources-filter-buttons { padding: 30px 0 20px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
     .filter-button { border: 1px solid #692145; padding: 15px 20px 8px 20px; width: calc(50% - 10px); font-size: 12px; text-align: center; text-decoration: none !important; cursor: pointer; background-color: transparent;
                    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
     #resources-filter-buttons .filter-button:nth-child(2n) { margin-left: 20px; }
     #resources-filter-buttons .filter-button:nth-child(n+3) { margin-top: 20px; }
     #article-text .filter-button { width: 100%; display: inline-block; }     
     #article-text .filter-button:nth-child(n+2) { margin-top: 10px; }
     .filter-button:hover,
     .filter-button.active { color: #fff; background-color: #692145; }
    
    #resources-items { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
     .resource { width: calc(50% - 10px); }
     .resource:nth-child(2n) { margin-left: 18px; }
     .resource:nth-child(n+3) { margin-top: 18px; }
      .resource-inner { height: 100%; position: relative; display: block; }
       .resource-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
       .resource-title-wrap { padding: 12px; width: 100%; position: absolute; left: 0; bottom: 0; pointer-events: none; text-align: center; background-color: #692145; }
        .resource-title { font-size: 11px; line-height: 13px; color: #fff; }
    
@media (min-width: 400px) {
    #article-text .filter-button { width: auto; }
    #article-text .filter-button:nth-child(n+2) { margin-top: 0; margin-left: 10px; }
}
    @media (min-width: 768px) {
        #resources-filter-buttons { padding: 45px 0 65px 0; }
         .filter-button { padding: 15px 20px 8px 20px; width: calc(25% - 20px); font-size: 15px; }
         .filter-button:nth-child(2n) { margin-left: 0 !important; }
         .filter-button:nth-child(n+3) { margin-top: 0 !important; }
         .filter-button:nth-child(5n),
         .filter-button:nth-child(5n+2),
         .filter-button:nth-child(5n+3),
         .filter-button:nth-child(5n+4) { margin-left: 25px !important; }
        
         .resource { width: calc(33.333% - 12px); }
         .resource:nth-child(2n) { margin-left: 0 !important; }
         .resource:nth-child(3n+2),
         .resource:nth-child(3n) { margin-left: 18px !important; }
         .resource:nth-child(n+3) { margin-top: 0 !important; }
         .resource:nth-child(n+4) { margin-top: 18px !important; }
    }
    @media (min-width: 1024px) {
         .filter-button { width: calc(20% - 20px); }
    }
    @media (min-width: 1200px) {
        #resources-intro { font-size: 32px; line-height: 42px; }
    }


/* SPECIFIC PAGE CHANGES */
body.what-we-do-design #article-text { padding-top: 60px; }

body.work-projects #article-text { padding-top: 50px; }

@media (min-width: 768px) {
    body.work-projects #article-text { padding-top: 60px; }
}

@media (min-width: 1200px) {
    body.what-we-do-design #article-text { padding-top: 80px; }
}

/* EADL STYLES */
body.eadl { background: #f7f7f7; color:#282528; }
.eadl #article-text ul li:before { color:#958a82; }
.eadl .resource-title-wrap { background:#282528; }
.eadl .grey-block-layout:not(#map-wrap) > :first-child { background:#282528; color: #fff; }
.eadl .grey-block-layout:not(#map-wrap) > :first-child p { line-height: 28px; }
 body[class*="what-we-do"].eadl .next-nav { display:block; }
.eadl #project-intro .tags { display:none; }
.eadl #contact-details-inner p { max-width: 260px; }
@media (min-width: 768px){
	.eadl #menu-links ul.nav li.active:before { content: "\0025B2"; font-size: 10px; line-height: 10px; vertical-align: middle; margin: 0 10px 0 0; color:#958a82; position: absolute; left: 50%; top: 25px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.eadl #menu-links li.active > a, .eadl #menu-links li > a:hover, .eadl #submenu-wrap li.active > a, .eadl #submenu-wrap li > a:hover { color:#000000 !important; }
}

/*
@media (min-width: 1024px){
	.eadl .grey-block-layout:not(#map-wrap) > :first-child { width: 414px }
	grey-block-layout > :last-child { width: calc(100% - 424px); }
}
*/

#menu-links a {
	font-size: 13px;
	line-height: 1;
	padding-right: 30px;
	text-transform: uppercase;
	letter-spacing: 3px;
}