/*
Theme Name: COATESDESIGN
Theme URI: http://www.coatesdesign.com
Template: responsive
Author: Gerard Greenidge and Keira Dooley
Author URI: http://www.edunow.comandhttp://www.designbydooley.com
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload and Social Networking. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into over 45 languages. Cross-Browser compatible. Official support forum (http://cyberchimps.com/forum/free/responsive/). For Weekly Tips on how to get the most out of this theme, sign up here http://cyberchimps.com/weekly-tips-free-responsive-free-theme/
Tags: white,black,gray,light,custom-menu,custom-header,custom-background,one-column,two-columns,left-sidebar,right-sidebar,theme-options,threaded-comments,full-width-template,sticky-post,translation-ready,rtl-language-support,responsive-layout,fluid-layout,featured-images
Version: 1.1668460340
Updated: 2022-11-14 21:12:20

*/

.main-nav {
    float: right;
    margin-top: 23px;
    max-width: 645px;
    clear: initial;
}
body {
    font-size: 1.5em;
    font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #7f736e;
    line-height: 1.4em;
    letter-spacing: .01em;
}
hr {
    background-color: #d3cdcb;
}
.col-300 {
    margin-right: 2.127659574468%;
    margin-left: 2.127659574468%;
    width: 28.914893617021%;
}
.col-860 {
    width: 94.489361702128%;
}
a {
    color: #aabe2e;
}
blockquote {
    background-color: #fff;
    background-image: url('/wp-content/uploads/quote-line.png');
    border-left: 0;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 1em 2em;
    padding: .75em 2.5em;
}
blockquote p {
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', 'Times New Roman', Times, serif;
    line-height: 1.4em;
    letter-spacing: .02em;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #7f736e;
    font-weight: 300;
}
h1 {
    font-size: 1.7em;
    margin-bottom: 0;
    text-transform: uppercase;
}
h2 {
    font-size: 1.5em;
    margin-bottom: .25em;
    text-transform: uppercase;
}
h3 {
    font-size: 1.5em;
    margin-bottom: .25em;
}
h4 {
    font-size: 1.35em;
}
p, hr, dl, pre, form, table, address, blockquote {
    margin-top: .5em;
    margin-bottom: 1em;
}
#container {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}
#wrapper {
    border: 0 solid #fff;
    margin-top: 14px;
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1120px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: none;
    -o-border-radius: 4px;
    -webkit-border-radius: none;
    border-radius: 4px;
    -o-border-radius: none;
    border-radius: none;
}
#header {
    margin-right: auto;
    margin-left: auto;
    max-width: 1120px;
    padding: 0 40px;
}
#footer {
    font-size: .9em;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    line-height: 1.2em;
    text-transform: uppercase;
}
#footer-wrapper {
    border: 0 solid #fff;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    max-width: 1120px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: none;
    -o-border-radius: 4px;
    -webkit-border-radius: none;
    border-radius: 4px;
    -o-border-radius: none;
    border-radius: none;
    position: relative;
    clear: both;
    margin: 20px auto;
}
#logo {
    max-width: 180px;
}
#content {
    margin-top: 12px;
}
#content-full {
    margin-top: 12px;
}
.widget-wrapper {
    float: left;
    border: 0;
    margin-top: 100px;
    background-color: #fff;
    padding: 0;
}
#widgets ul, #widgets ol {
    padding-left: 0;
}
#widgets ul li a {
    color: #7f736e;
}
.widget-title h3, .widget-title-home h3 {
    font-size: 28px;
    padding-bottom: 8px;
    max-width: 200px;
    border-bottom: 1px solid #d3cdcb;
    font-weight: 300;
    text-transform: uppercase;
}
.skip-container {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin: 0;
}
.top-menu li a {
    color: #7f736e;
}
.top-menu li a:hover {
    color: #7f736e;
}
.menu {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(bottom, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-image: -ms-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
}
.menu ul {
    margin-top: 1px;
    min-width: 10px;
}
.menu li {
    padding-right: 0;
    padding-left: 0;
}
.menu li li {
    border: 0 solid #7f736e;
    background-color: transparent;
    color: #fff;
}
.menu, .menu ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu ul li a:hover, .menu li li a:hover {
    color: #fff;
}
.menu a {
    font-size: 23px;
    padding-right: 0.5em;
    padding-left: 0.5em;
    color: #7f736e;
    font-weight: 300;
    text-transform: uppercase;
    text-shadow: none;
    border-left: 0 solid #fff;
}
.menu a:hover {
    background-color: #fff;
    background-image: none;
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -moz-linear-gradient(bottom, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: -ms-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-image: -ms-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    color: #aabe2e;
    border-bottom: 0;
}
ul.menu > li:hover {
    background-color: #fff;
    color: #7f736e;
}
.menu .current_page_item a, .menu .current-menu-item a {
    background-color: #fff;
}
.menu li li a {
    font-size: 23px;
    background-image: none !important;
    color: #fff;
}
.menu li li a:hover {
    background-image: none !important;
    color: #3a3635;
}
.menu li li:hover {
    background-image: none !important;
}
.ie7 .menu ul {
    background-image: none;
}
.wp-caption p.wp-caption-text {
    font-size: .9em;
    line-height: 1.2em;
}
#footer a {
    color: #7f736e;
}
#footer a:hover {
    color: #aabe2e;
}
.scroll-top {
    clear: both;
}
.copyright {
    font-size: 1em;
    text-align: center;
    font-weight: 300;
    text-transform: initial;
}
div#logo a {
    border-bottom: none;
}
strong {
    font-weight: 700;
}
a:hover {
    color: #aabe2e;
    text-decoration: underline;
}
ol li {
    margin: .4em 0;
}
.pullquote {
    font-size: 1.2em;
    margin-top: auto;
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: auto;
    margin-bottom: 1em;
    margin-left: auto;
    background-color: #e5e3e3;
    background-image: url('/wp-content/uploads/green-corner.png');
    color: #7f736e;
    border-bottom: 5px solid #998981;
    line-height: 1.25em;
    clear: both;
    letter-spacing: 0;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 1em;
}
.pullquote h2 {
    font-size: 1.25em;
    margin-top: 0;
}
.pullquote h3 {
    font-size: 1.35em;
    margin-top: 0;
}
.col-center {
    margin: auto;
}
body.page-id-184 h1.entry-title.post-title, body.page-id-193 h1.entry-title.post-title {
    display: none;
}
.backline {
    margin-bottom: 20px;
    background-image: url('/wp-content/uploads/heading-line-bkg.png');
    text-align: center;
    background-repeat: repeat-x;
}
.backline h1.entry-title.post-title {
    background-color: white;
    display: inline;
    background-clip: padding-box;
    padding: 0 10px;
}
.home .backline h1.entry-title.post-title {
    display: none;
}
.flex-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
ul.menu-widget {
    list-style-type: none;
}
body.press-template-default .widget-wrapper, body.studio-template-default .widget-wrapper {
    float: left;
    border: 0;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 50px 0 0;
    padding: 0;
}
#widgets ul li a:hover {
    color: #aabe2e;
}
.social-icons-padding {
    padding: 0 1.5px;
}
.footer-badge-margin {
    margin: 8px;
}
.footer-row-padding {
    padding: 10px 0;
}
.grid.col-940.center.footer-row-padding p {
    margin: 0 0 5px;
}
.houzz-row-margin {
    margin: 2px 0;
}
.bottom-border-1px {
    border-bottom: 1px solid #d3cdcb;
}
.sprite {
    background-image: url(/wp-content/uploads/spritesheet.png);
    display: -webkit-inline-box;
    background-repeat: no-repeat;
    padding: 0 1.5px;
}
.sprite-Facebook_logo-circle {
    width: 45px;
    height: 41px;
    background-position: -5px -5px;
}
.sprite-Instagram_logo-circle {
    width: 45px;
    height: 41px;
    background-position: -60px -5px;
}
.sprite-LinkedIn_logo-circle {
    width: 45px;
    height: 41px;
    background-position: -115px -5px;
}
.sprite-Pinterest_logo-circle {
    width: 45px;
    height: 41px;
    background-position: -170px -5px;
}
.sprite-YouTube-circle {
    width: 46px;
    height: 41px;
    background-position: -225px -5px;
}
.sp-grab {
    cursor: pointer;
}
body.page-id-151 h1.entry-title.post-title {
    font-size: 1.7em;
    background-color: #998981;
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 15px 15px 5px;
}
#content.projects .slider-pro.sp-horizontal {
    padding-bottom: 3px;
    background-color: #f4f4f4;
}
#content.projects h2 {
    border-bottom: 1px solid #d3cdcb;
}
body.page-id-151 h2.location {
    font-size: 1em;
    background-color: #998981;
    color: #fff;
    border-bottom: 6px solid #7f736e;
    text-transform: initial;
    margin: 0;
    padding: 3px 15px 15px;
}
body.page-id-179 h1.entry-title.post-title {
    font-size: 1.4em;
    max-width: 970px;
    background-color: #998981;
    color: #fff;
    text-align: left;
    margin: 0 auto;
    padding: 8px 15px 3px;
}
body.page-id-179 h2.location {
    font-size: 1em;
    max-width: 970px;
    background-color: #998981;
    color: #fff;
    border-bottom: 6px solid #7f736e;
    text-transform: initial;
    margin: 0 auto;
    padding: 0 15px 8px;
}
.sp-bottom-thumbnails.sp-has-pointer {
    margin-top: -15px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    margin-top: 13px;
    width: 100%;
    border-bottom: 5px solid #e5d507;
    position: absolute;
    content: '';
    top: 0;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    margin-left: -8px;
    width: 0;
    border-bottom: 13px solid #e5d507;
    position: absolute;
    border-right: 8px solid transparent;
    content: '';
    left: 50%;
    height: 0;
    top: 0;
    border-left: 8px solid transparent;
}
.sp-caption-container {
    font-size: 21px;
    margin-top: 0;
    background-color: rgba(79, 71, 67, 0.8);
    width: 98.5%;
    color: #fff;
    position: relative;
    text-align: left;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    top: -40px;
    min-height: 18px;
    padding: 10px 0 10px 20px;
}
.feature_label {
    float: left;
    margin-top: 32px;
    max-width: 200px;
    clear: both;
}
.feature_label a {
    color: #7f736e;
}
.feature_label a:hover {
    color: #aabe2e;
}
.sp-arrow {
    width: 25px;
    position: absolute;
    display: block;
    height: 85px;
    cursor: pointer;
}
.sp-horizontal .sp-arrows {
    margin-top: -15px;
    width: 100%;
    left: 0;
    top: 45%;
}
body.home .sp-arrow {
    width: 35px;
    position: absolute;
    display: block;
    height: 100px;
    cursor: pointer;
}
body.home .sp-horizontal .sp-arrows {
    margin-top: -15px;
    width: 100%;
    left: 0;
    top: 40%;
}
body.home .homepage_feature .sp-horizontal .sp-arrows {
    margin-top: 0;
    width: 100%;
    left: 0;
    top: 0;
}
.homepage_feature {
    border-bottom: 1px solid #f2f2f2;
    min-height: 100px;
    padding: 20px 0;
}
.homepage_feature .sp-horizontal {
    float: right;
    margin-bottom: 8px;
}
.slider-pro.sp-horizontal {
    padding-bottom: 0;
    width: 100%;
}
body.page-id-138 h1 {
    display: none;
}
div#slider-pro-1 {
    padding-bottom: 0;
}
.slider-pro p.sp-layer {
    font-size: 21px;
    background-color: rgba(79, 71, 67, 0.8);
    width: 100%;
    line-height: 23px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.homepage_video {
    float: right;
    width: 480px;
    margin: 0 0 15px 15px;
}
.homepage_feature_container {
    margin-top: 100px;
    clear: both;
}
body.single-press h1.post-title {
    font-size: 1.75em;
    text-transform: none;
}
body.single-press .tagline {
    font-size: 1.4em;
}
ul.all-press-posts {
    list-style: none;
    margin: 35px 0;
    padding: 0;
}
.all-press-posts li.col-300 {
    margin-right: 1%;
    margin-left: 1%;
    width: 30.914893617021%;
}
.all-press-posts li {
    border: 1px solid #d3cdca;
    background-color: #fff;
    border-bottom: solid 8px #d3cdca;
    min-height: 400px;
}
.all-press-posts li .post-title {
    padding: 0 5px;
}
.all-press-posts li img.wp-post-image, .all-press-posts li img.attachment-full, .all-press-posts li img.attachment-large, .all-press-posts li img.attachment-medium, .all-press-posts li img.attachment-thumbnail {
    margin: 0 auto;
}
.all-press-posts li a {
    font-weight: 600;
}
.all-press-posts li p.post-title {
    margin-bottom: 0;
    line-height: 1.25em;
}
body.page-id-40 .tagline {
    padding-top: 40px;
    padding-right: 530px;
    line-height: 1.25em;
}
body.page-id-40 .col-300 img {
    max-width: 230px;
}
body.page-id-40 .col-300 h2 {
    text-align: center;
    margin: 0;
}
body.page-id-40 .col-300 h3 {
    font-size: 1.3em;
    text-align: center;
    margin: 0;
}
ul#service-list {
    padding-left: 0;
    max-width: 1120px;
    text-align: center;
    margin: 20px auto 0;
}
#service-list li {
    width: 30%;
    display: inline-block;
    list-style-type: none;
    margin: 0 5px 10px;
}
#service-list li a {
    margin-top: 185px;
    background-color: rgba(209, 204, 14, 0.8);
    color: #fff;
    display: block;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
}
#service-list li a:hover {
    background-color: rgba(153, 137, 129, 0.8);
    border-bottom: 0;
}
#menu-primary-menu li.current-menu-item {
    border-bottom: 1px solid #d3cdcb;
}
ul.sub-menu {
    background-color: rgba(153, 137, 129, 0.8);
    background-image: url('/wp-content/uploads/green-corner.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding: 21px 12px;
}
h1.entry-title.post-title {
    font-size: 2em;
    padding-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 .5em;
}
body.page.page-id-199 h2 {
    border-bottom: 1px solid #d3cdcb;
}
.hfeed .post-entry img {
    border: 1px solid #7f736e;
}
#footer-wrapper .col-300 {
    margin-left: 0;
}
.social-links {
    text-align: center;
}
.tagline, p.location, h4 {
    font-size: 1.3em;
    line-height: 1.2em;
    letter-spacing: 0;
    margin: 0 0 18px;
}
#service-architecture, #service-programming, #service-interiordesign, #service-masterplanning, #work-civic-cultural, #work-residential, #work-healthcare, .work-one-three-col {
    max-width: 31%;
    background-repeat: no-repeat;
    max-height: 235px;
    background-size: contain;
    margin: 0 0 10px;
}
#service-feasibility, #service-sustainability, #work-retail, #work-academic, .work-middle-col {
    max-width: 31%;
    background-repeat: no-repeat;
    max-height: 235px;
    background-size: contain;
    margin: 0 10px 10px;
}
.work-one-three-col .contain_project_title h2, .work-middle-col .contain_project_title h2 {
    margin-top: 5px;
}
.category-projectname a:hover, .category-name a:hover, .service-projectname a:hover {
    background-color: rgba(209, 204, 14, 0.8);
    border-bottom: 0;
}
#content-category .col-300 {
    margin-right: 0;
    margin-left: 2.127659574468%;
    width: 28.914893617021%;
}
.category-name a, .category-projectname a, .service-projectname a {
    background-color: rgba(89,81,77,0);
    background-image: -moz-linear-gradient(top, rgba(89,81,77,0), rgba(89,81,77,1));
    background-image: -webkit-linear-gradient(top, rgba(89,81,77,0), rgba(89,81,77,1));
    background-image: -o-linear-gradient(top, rgba(89,81,77,0), rgba(89,81,77,1));
    background-image: -ms-linear-gradient(top, rgba(89,81,77,0), rgba(89,81,77,1));
    background-image: linear-gradient(to bottom, rgba(89,81,77,0), rgba(89,81,77,1));
    color: #fff;
    display: block;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
}
.category-name {
    padding-top: 192px;
    width: 366px;
}
.category-projectname {
    padding-top: 192px;
    width: 362px;
}
.linktoproject-199 {
    padding-top: 158px;
}
.projects .col-300 {
    width: 270px;
    height: 180px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 10px 8px;
}
#content-our-work .col-300 {
    width: 362px;
    height: 235px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 10px 10px;
}
.projects .service-projectname {
    padding-top: 153px;
    width: 270px;
}
.service-projectname a {
    font-size: 17px;
    line-height: 1em;
    padding: 5px;
}
.contain_project {
    float: left;
    position: relative;
    overflow: hidden;
    height: auto;
    min-width: 32%;
    margin: 0 0 13px 13px;
}
.service_projects .contain_project {
    margin-left: 5px;
    max-width: 32%;
    max-height: 170px;
}
#content .relatedprojects .contain_project {
    float: left;
    max-width: 32%;
    min-width: 32%;
    max-height: 170px;
    margin: 5px;
}
.contain_project_image img.attachment-medium.size-medium.wp-post-image {
    width: 100%;
    height: 100%;
    margin: 0;
}
.view_project {
    position: absolute;
    opacity: 0;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    padding: 5px 20px 0 0;
}
.view_project p {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin: 0 0 5px;
}
.contain_title_bg {
    background-color: rgba(89,81,77,0);
    background-image: -moz-linear-gradient(top, rgba(89,81,77,0), rgba(89,81,77,1));
    background-image: -webkit-linear-gradient(top, rgba(89,81,77,0), rgba(89,81,77,1));
    background-image: -o-linear-gradient(top, rgba(89,81,77,0), rgba(89,81,77,1));
    background-image: -ms-linear-gradient(top, rgba(89,81,77,0), rgba(89,81,77,1));
    background-image: linear-gradient(to bottom, rgba(89,81,77,0), rgba(89,81,77,1));
    width: 100%;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 50%;
    z-index: 0;
    pointer-events: none;
}
.link_overlay {
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 999;
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.contain_project:hover .link_overlay {
    opacity: 1;
}
.contain_project_title h2 {
    font-size: 98%;
    margin-bottom: 0;
    color: #fff;
    position: relative;
    line-height: 1em;
    z-index: 1001;
}
.contain_project_title {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 0 0 5px 5px;
}
.contain_project_title h2 a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.contain_project_title h2 a:hover {
    text-decoration: none;
}
#content .relatedprojects .contain_project_title h2, #content .related_projects_lists .contain_project_title h2 {
    margin-top: 0;
    border-bottom: none;
}
#content .relatedprojects .contain_project_title h2 a, #content .related_projects_lists .contain_project_title h2 a {
    font-size: 72%;
}
#list_of_projects .contain_project_title h2 {
    margin-top: 5px;
    border-bottom: none;
}
#content .service_projects .contain_project_title h2 {
    font-size: 70%;
}
.service_projects h1.page-title {
    margin-bottom: 0.2em;
}
.greenbutton {
    background-color: #aabe37;
    color: #fff;
    border-bottom: 0;
    display: inline-table;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 300px;
    margin: 10px auto;
    padding: 31px;
}
.greenbutton a {
    color: #fff;
    border-bottom: 0;
}
.greenbutton:hover {
    background-color: #998981;
    color: #fff;
    border-bottom: 0;
    text-decoration: none;
}
.greenbutton a:hover {
    text-decoration: none;
}
.greenbutton:active {
    position: relative;
    top: 1px;
}
.post-count-container {
    text-align: center;
    clear: both;
}
.post-type-archive-studio h1, .studio-template-default h1 {
    font-size: 2em;
    background-color: #aabe37;
    color: white;
    border-bottom: 6px solid #a7a92f;
    text-align: center;
    font-weight: 300;
    padding: 20px 0;
}
body.post-type-archive-studio .widget-wrapper {
    margin-top: 15px;
}
ul.topics-list {
    list-style-type: none;
}
body.post-type-archive-studio .type-studio img {
    border: 1px solid #e5e3e3;
}
body.post-type-archive-studio .hentry {
    margin-bottom: 35px;
    border-bottom: 1px solid #e5e3e3;
}
.studio-tags a {
    background-color: #aabe2e;
    color: white;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    font-weight: bold;
    text-decoration: none;
    padding: 4px 14px;
}
.post-count-container a.next.page-numbers, .post-count-container a.prev.page-numbers {
    font-size: 22px;
    background-color: #aabe2e;
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
}
.faded_background::after {
    background-image: url(https://www.coatesdesign.com/wp-content/uploads/OurWork_Residential_NewConstruction_CradletoCradle_moneyshot-1280x820.jpg);
    width: 960px;
    position: absolute;
    content: "";
    left: 0;
    height: 750px;
    top: 0;
    z-index: -1;
    opacity: 0.2;
}
.faded_background a {
    color: #7f736e;
    text-decoration: underline;
}
@media screen and (max-width: 1120px) {
#service-architecture, #service-programming, #service-interiordesign, #service-masterplanning, #work-civic-cultural, #work-residential, #work-healthcare, .work-one-three-col, #service-feasibility, #service-sustainability, #work-retail, #work-academic, .work-middle-col {
    min-width: 31%;
}
#content-our-work .contain_project_title h2 {
    font-size: 89%;
}
}
@media screen and (max-width: 1024px) {
.faded_background {
    max-width: 100%;
    overflow-x: hidden;
}
.faded_background::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#list_of_projects {
    max-width: 750px;
    margin: 0 auto;
}
#content .relatedprojects .contain_project, #content-our-work #list_of_projects .contain_project {
    float: left;
    max-width: 31%;
    min-width: 31%;
    max-height: 139px;
    margin: 5px;
}
#content .relatedprojects .contain_project_title h2 a, #content .related_projects_lists .contain_project_title h2 a, #content-our-work .contain_project_title h2 a {
    font-size: 65%;
}
}
@media only screen and (max-width : 768px) {
.all-press-posts li.col-300 {
    width: 98%;
}
.backline {
    background-image: none;
}
.backline h1.entry-title.post-title {
    line-height: 1.3em;
}
iframe.map-frame {
    width: 100%;
}
#service-list li {
    width: 358px;
}
.main-nav {
    float: none;
}
.top-widget {
    float: none;
    width: auto;
    position: relative;
    text-align: center;
    margin: 0 auto 10px;
}
.top-widget .widget-title h3 {
    text-align: center;
}
.js .sub-header-menu {
    display: none;
}
.js .main-nav {
    background-color: #585858;
    background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
    background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
    background-image: -moz-linear-gradient(bottom, #585858, #3d3d3d);
    background-image: -o-linear-gradient(top, #585858, #3d3d3d);
    background-image: -webkit-linear-gradient(bottom, #585858, #3d3d3d);
    background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
    background-image: -o-linear-gradient(bottom, #585858, #3d3d3d);
    background-image: linear-gradient(to bottom, #585858, #3d3d3d);
    background-image: -ms-linear-gradient(bottom, #585858, #3d3d3d);
    background-image: linear-gradient(to top, #585858, #3d3d3d);
    position: relative;
    clear: both;
    margin: 0 auto;
}
.js .main-nav .menu {
    width: 100%;
    position: absolute;
    display: none;
    top: 30px;
    z-index: 1000;
}
.js .main-nav .menu ul {
    margin-top: 1px;
    min-width: 0;
}
.js .main-nav .menu li {
    float: none;
    border: none;
    background-color: #fff;
}
.js .main-nav .menu li a {
    font-size: 21px;
    border: none;
    color: #444;
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
    line-height: 45px;
    height: 45px;
    font-weight: normal;
    cursor: pointer;
    text-shadow: none;
    padding: 0 15px;
}
.js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a {
    background-color: #f5f5f5;
}
.js .main-nav .menu li li:hover {
    background-image: none !important;
}
.js .main-nav .menu li li a {
    position: relative;
    padding: 0 10px 0 30px;
}
.js .main-nav .menu li li li a {
    position: relative;
    padding: 0 10px 0 40px;
}
.js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {
    background-color: #d1cd0e !important;
    background-image: none;
    filter: none;
}
.js .main-nav .menu li li a::before {
    position: absolute;
    content: '\2013';
    left: 20px;
    top: 0;
}
.js .main-nav .menu li li li a::before {
    position: absolute;
    content: '\2013';
    left: 20px;
    top: 0;
}
.js .main-nav .menu li li li a::after {
    position: absolute;
    content: '\2013';
    left: 30px;
    top: 0;
}
.js .main-nav .menu li ul {
    background-color: #fff;
    position: static;
    visibility: visible;
}
.js .main-nav #responsive_current_menu_item {
    color: #fff;
    display: none;
    font-weight: 700;
    cursor: pointer;
    padding: 5px 40px 5px 10px;
}
.js .main-nav a#responsive_menu_button {
    margin-left: -30px;
    background-image: url('/wp-content/uploads/2016/08/menu-icon.png');
    width: 44px;
    position: absolute;
    display: block;
    left: 100%;
    height: 27px;
    cursor: pointer;
    top: -100px;
    background-repeat: no-repeat;
    background-position: 0 5px;
}
.js .main-nav a#responsive_menu_button.responsive-toggle-open {
    background-image: url('/wp-content/uploads/2016/08/menu-icon.png');
    background-repeat: no-repeat;
}
.top-menu, .footer-menu li {
    font-size: 11px;
    float: none;
    text-align: center;
}
ul.sub-menu {
    margin-top: 0;
    padding-top: 0;
    background-color: #fff;
}
#header {
    padding: 0 17px;
}
#wrapper {
    padding: 0 17px 5px;
}
.post-22 .post-entry, .post-24 .post-entry {
    max-width: 366px;
    margin: 0 auto;
}
.contain_project {
    position: relative;
    overflow: hidden;
    height: auto;
    min-width: 46%;
    margin: 0 0 13px 13px;
}
#content .relatedprojects .contain_project, #content-our-work #list_of_projects .contain_project {
    float: left;
    max-width: 46%;
    min-width: 46%;
    max-height: 235px;
    margin: 0 0 13px 13px;
}
.related_projects_lists {
    max-width: 72%;
    margin: 0 auto;
}
#work-civic-cultural, #work-residential, #work-healthcare, .work-one-three-col, #work-retail, #work-academic, .work-middle-col {
    min-width: 98%;
    margin: 10px 0;
}
#service-architecture, #service-programming, #service-interiordesign, #service-masterplanning {
    max-width: 50%;
    background-repeat: no-repeat;
    max-height: 235px;
    background-size: contain;
    margin: 0 0 10px 5px;
}
#service-feasibility, #service-sustainability {
    max-width: 50%;
    background-repeat: no-repeat;
    max-height: 235px;
    background-size: contain;
    margin: 0 0 10px 5px;
}
.col-220, .col-300, .col-700, .col-860 {
    width: 100%;
}
.alignright, .alignleft {
    float: none;
    display: block;
    margin: 5px auto;
}
#widgets {
    margin-top: 20px;
    text-align: center;
}
#widgets ul {
    margin: 0;
    padding: 0;
}
.widget-title h3, .widget-title-home h3 {
    max-width: none;
    width: 100%;
    text-align: center;
}
blockquote {
    margin: 1em 0;
    padding: .75em 0 0;
}
blockquote p {
    margin-bottom: 0;
}
.pullquote h2, .pullquote h3 {
    text-align: center;
}
.tagline, body.page-id-40 .tagline {
    padding-top: 0;
    width: 100%;
}
.sp-caption-container {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;
    background-color: rgba(79, 71, 67, 0.8);
    width: 100%;
    color: #fff;
    position: relative;
    text-align: left;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
    top: 0;
    min-height: 25px;
    padding: 7px 10px;
}
#footer {
    margin: 0 auto;
}
#footer-wrapper {
    text-align: center;
}
.copyright {
    text-align: center;
}
.social-links {
    float: none;
    text-align: center;
}
.homepage_video {
    float: none;
    width: -webkit-fill-available;
    margin: 0 0 25px;
}
}
@media only screen and (max-width : 650px) {
.projects .has-post-thumbnail {
    text-align: center;
}
#content .relatedprojects .contain_project, #content-our-work #list_of_projects .contain_project {
    float: left;
    max-width: 100%;
    min-width: 100%;
    max-height: 300px;
    margin: 5px;
}
#service-architecture, #service-programming, #service-interiordesign, #service-masterplanning {
    max-width: 100%;
}
#service-feasibility, #service-sustainability {
    max-width: 100%;
}
}
@media only screen and (max-width : 597px) {
.homepage_video {
    float: none;
}
}
@media only screen and (max-width : 425px) {
.homepage_video {
    float: none;
    width: -webkit-fill-available;
    margin: 0 0 10px;
}
}
@media only screen and (max-width : 375px) {
#service-list li {
    width: 98%;
}
}