@media screen and (max-width: 1600px) {
#logo {
bottom: -125px;
}
#logo img {
max-width: 280px;
}
#content {
padding: 0px 4% 24px;
}
#topContentStuff {
padding: 38px 0 0;
}
#menusContainer {
padding-top: 104px;
}
#title-info h2,
#title-info h1 {
padding-bottom: 40px;
font-size: 20px;
min-height: 92px;
}
#title-info p {
margin-top: 0px;
line-height: 2em;
}
#title-info {
width: 49%;
}
.home .social-share {
margin: 0px 0px 0px;
}
.home #footer {
margin-top: 40px;
}
#header {
padding: 60px 4% 80px;
}
#content {
padding: 0px 4% 40px;
}
}
@media screen and (max-width: 1367px) {
.home-featured {
padding: 50px 4% 24px;
}
}   @media screen and (max-width: 1310px) {
.message-bar {
padding: 5px 5%;
}
.home-featured p::after {
margin: 3px 0px 6px;
}
.home-featured p {
padding: 0px 0px 0px 3px;
}
.home-featured h1 {
line-height: 44px;
}
.home-featured h1 a {
font-size: 38px;
line-height: 10px;
}
.home-featured .featured-wrap {
max-width: 370px;
}
#logo {
bottom: -115px;
}
#logo img {
max-width: 260px;
}
#content {
padding: 0px 3% 24px;
}
#topContentStuff {
padding: 34px 0 0;
}
#menusContainer {
padding-top: 92px;
}
#title-info h2,
#title-info h1 {
padding-bottom: 36px;
font-size: 18px;
min-height: 83px;
}
#title-info p {
margin-top: 0px;
line-height: 1.7em;
padding: 13px 22px 28px;
}
#title-info {
width: 49%;
}
.home .social-share {
margin: 0px 0px 0px;
}
.home #footer {
margin-top: 40px;
}
#header {
padding: 60px 3% 80px;
}
#sidebar .widget {
width: 30%;
}
#sidebar .widget:nth-child(4n + 1) {
clear: inherit;
margin-left: 5%;
}
#sidebar .widget:nth-child(3n + 1),
#sidebar .widget:nth-child(6n + 1),
#sidebar .widget:nth-child(9n + 1) {
clear: left;
margin-left: 0;
} #mapWrapper {
height: 500px;
}
.home #headerImages:after {
background-size: auto 70%;
}
}   @media screen and (max-width: 1150px) {
#title-info {
width: 55%;
}
.met-bar h3 {
display: none;
}
#menusContainer {
width: 42%;
}
.social-icon {
width: 26px;
}
.postsContainer > div {
font-size: 14px;
}
.postInfo .summary p {
max-height: 86px;
}
.aside-content {
max-height: 88px;
}
.postInfo {
padding: 24px 20px 20px;
}
.menuContainer .menu a {
font-size: 14px;
}
.home-headline .btn.btn-primary {
display: none;
}
}   @media screen and (max-width: 960px) {
.prezi {
height: 400px !important;
}
#menusContainer {
border-bottom: 1px solid rgb(238, 238, 238);
padding: 32px 0px 18px 300px;
float: none;
width: auto;
}
body:not(.home) #menusContainer {
display: none;
}
.fb-like {
float: none;
display: block !important;
clear: both;
}
.single-classes.category-projects .met-bar h3 {
display: none;
}
#logo {
bottom: -84px;
}
#logo img {
max-width: 260px;
}
#content {
padding: 5% 5% 20px;
}
#topContentStuff {
padding: 0;
}
.menuContainer .menu a {
font-size: 15px;
}
#menuToggle {
display: block;
text-align: right;
font-family: Montserrat;
font-size: 16px;
color: rgb(106, 173, 70);
line-height: 40px;
background: linear-gradient(
to right,
rgb(255, 255, 255) 0%,
rgb(245, 245, 245) 100%
)
repeat scroll 0% 0% transparent;
}
#title-info {
float: none;
width: auto;
clear: both;
margin-top: 0px;
padding-top: 0px;
}
#title-info h2,
#title-info h1 {
font-size: 18px;
min-height: 95px;
width: 100%;
text-align: right;
padding: 24px 0px 24px 286px;
}
.home .social-share {
margin: 0px;
top: 90px;
display: none;
}
#title-info p {
margin: 0px auto 0px;
line-height: 1.7em;
padding: 20px 30px 30px;
box-sizing: border-box;
width: 100%;
max-width: 660px;
float: none;
}
.project-filter .selectric .button {
height: 30px;
}
.project-filter .selectric .label {
font-size: 14px;
padding: 6px;
}
.project-filter .selectricWrapper {
padding: 0 10px;
}
.postInfo {
padding: 34px 30px 40px;
} #header {
padding: 5% 5% 10%;
}
.home #footer {
margin-top: 50px;
}
.page-template-page-projects-php .filterwrap {
height: 180px;
padding: 0% 2% 1%;
margin: 0;
}
#topContentStuff #scroll-down,
.home #topContentStuff #scroll-down {
bottom: -74px;
left: 50%;
margin: 0 15px;
} .nextPrevItem p {
font-size: 16px;
} #topContentStuff {
margin-bottom: 0;
}
#menusContainer:after {
content: "";
clear: both;
display: block;
}
#menuToggle {
display: block;
line-height: 66px;
background: none repeat scroll 0% 0% transparent;
}   .gallery {
margin: 0 !important;
position: relative;
padding: 30px 0;
} #pageWidgets,
.entry {
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
column-count: 1 !important;
} #navigation {
left: 0;
margin-left: 0 !important;
width: 100%;
}
#navigation a {
width: 48%;
} .nextPrevItem,
.nextPrevItem:hover {
background-size: cover;
} #mapWrapper {
height: 400px;
} .postsContainer > div {
margin: 0 0 30px 5%;
font-size: 14px;
width: 47.5%;
float: left;
}
.postsContainer > div:nth-child(3n + 1) {
clear: none;
margin-left: 5%;
}
.postsContainer > div:nth-child(2n + 1),
.postsContainer > div:nth-child(4n + 1),
.postsContainer > div:nth-child(6n + 1),
.postsContainer > div:nth-child(8n + 1) {
clear: left;
margin-left: 0;
}
.projectsContainer > div {
width: 46% !important;
float: left !important;
clear: none !important;
margin: 0 2% 4% !important;
}
.filter.reset a::before {
font-size: 24px;
height: 24px;
}
.filter.reset {
top: -90px;
right: 0px;
text-align: center;
}
#projectNo {
padding-right: 50px;
}
.no-projects {
font-size: 16px;
}
.home #headerImages::after {
background-position: 100% bottom;
background-size: auto 70%;
}
}   @media screen and (max-width: 900px) {
.home-featured h1 {
line-height: 44px;
}
.home-featured h1 a {
font-size: 38px;
line-height: 10px;
}
.home-featured .featured-wrap {
max-width: 370px;
}
.prezi {
height: 360px !important;
}
.met-bar h3 {
display: none;
}
.single-classes.category-projects .footer-social-share {
display: none;
} #sidebar > ul {
flex-direction: column;
justify-content: flex-start;
}
#sidebar > ul li.widget:first-child {
padding-bottom: 60px;
}
#sidebar > ul li.widget {
flex: 1 0 auto;
}
.slogan br {
display: none;
}
body.single .format-standard {
padding-top: 0px !important;
} body.single .format-standard {
padding-top: 30px;
} #pageContent {
padding-top: 30px;
margin-top: 30px;
} .postsContainer {
padding-top: 10px;
} #mapWrapper,
.postinate {
margin-top: 30px;
} body.full-map #mapWrapper {
margin-top: 0;
} #details {
margin-top: 0px;
padding: 15px 0 15px;
} #footer #copyright {
padding-left: 45px;
}
#footerMenuContainer {
text-align: center;
} #list-item-toggle.list-open {
}
#loc-list.list-open {
}
#details li {
margin: 0 5px;
font-size: 15px;
}
#details.single-project-details li {
margin: 0px 0 0 15px;
text-align: center;
}
#details li span {
margin-left: 5px;
}
.single-badge-wrap {
height: 50px;
width: 116px;
margin: 0 auto 15px;
float: none;
}
.comment-meta a {
color: rgb(79, 94, 89);
font-size: 15px;
}
.comment-author {
font-size: 13px;
}
}   @media screen and (max-width: 850px) {
#footer #copyright {
padding-left: 0px;
}
#copyright .map-icon {
display: none;
}
.page #headerImages::after,
.blog #headerImages::after {
background-size: 80% auto;
}
#loc-list.list-open {
padding: 15px;
}
.loc-item .infoBox small {
display: none;
}
.loc-item .infoBox .cert {
font-size: 10px;
}
#locationDetails .infoBox .cert {
padding-right: 25px;
font-size: 10px;
}
#locationDetails .infoBox small {
padding-right: 25px;
font-size: 12px;
}
}   @media screen and (max-width: 800px) {
.prezi {
height: 320px !important;
}
.projectsContainer > div {
width: 100% !important;
float: left !important;
clear: none !important;
margin: 0 2% 4% !important;
}
.projectsContainer {
max-width: 360px;
margin: 0px auto;
}
.filterwrap {
margin: 0;
}
#topContentStuff #scroll-down,
.home #topContentStuff #scroll-down {
display: none;
}
.project-filter .selectricWrapper {
padding: 0px 5px;
}
.home-headline {
display: none;
}
}   @media screen and (max-width: 700px) {
#projectNo #project-count,
.count-no {
font-size: 28px;
}
.message-bar {
display: none !important;
}
.prezi {
height: 300px !important;
}
.home #headerImages::after {
background-position: bottom right;
background-size: 200px;
}
#menusContainer {
border-bottom: 1px solid rgb(238, 238, 238);
padding: 30px 0px 20px;
float: none;
width: auto;
}
#menusContainer .menuContainer:last-child h3 {
display: block;
}
#details {
margin-top: 0px;
padding: 0px 0px;
}
.page .met-bar {
display: none;
}
.footer-social-share {
display: none;
}
#entryContainer .entry,
#pageContent.entry {
margin: 0;
}
p {
font-size: 14px;
}
blockquote {
border-left: 3px solid rgb(106, 173, 70);
margin: 1em 0px 1em 0px;
padding: 0px 0px 0px 25px;
}
.entry h4 {
font-size: 18px;
}
.entry h3 {
font-size: 15px;
}
blockquote li {
line-height: 1.7em;
border-bottom: 1px solid #eee;
font-size: 14px;
}
#contactInfo:before {
width: 45px;
margin: 15px 0;
}
#contactInfo {
font-size: 11px;
}
#title-info h2,
#title-info h1 {
font-size: 16px;
min-height: 90px;
text-align: center;
padding: 24px 0px 24px;
}
.home .social-share {
display: block;
position: relative;
top: auto;
}
.social-share {
}
.home #footer {
margin-top: 35px;
}
#logo img {
max-width: 240px;
}
#logo {
bottom: -84px;
}
#title-info p strong,
#title-info p::first-line {
font-size: 15px;
}
#title-info p {
line-height: 1.5em;
text-align: center;
}
}
.full-map .filterwrap #postFilter a {
margin: 0 5px;
}   @media screen and (max-width: 650px) {
.message-bar {
display: none !important;
}
#menusContainer .menuContainer:last-child {
width: 33%;
position: relative;
bottom: auto;
left: auto;
margin-left: 2%;
}
.full-map .filterwrap {
display: none;
}
.home #title-overlay-wrap .title-overlay,
.single .title-overlay,
.page .title-overlay {
font-size: 100px;
}
#footerMenuContainer {
float: none;
}
#footer #copyright {
display: none;
}
.home #footer {
margin-bottom: 0;
} #widgetPanelToggle {
display: block;
float: none;
position: absolute;
top: 10%;
right: 5%;
}
#header #searchform {
float: none;
margin: 0;
position: absolute;
right: 60px;
top: 10%;
z-index: 2;
} body.panelOpen #header #searchform {
right: 65px;
} .details {
margin-bottom: 0;
} .postsContainer > div {
margin: 0 0 30px 0;
font-size: 14px;
width: 100%;
float: none;
}
.postsContainer > div:nth-child(3n + 1) {
clear: none;
margin-left: 0;
}
.postsContainer {
max-width: 360px;
margin: 0px auto;
} body.full-map #mapWrapper {
height: 250px;
position: relative;
}
#full-map-toggle {
display: none;
} #postFilter {
padding: 20px 0 0;
margin-bottom: 20px;
}
#postFilter a {
margin: 0 5px;
padding: 0;
}
}   @media screen and (max-width: 500px) {
.project-filter .selectricWrapper {
padding: 0px;
}
.prezi {
height: 260px !important;
}
.project-filter .selectric {
text-align: center;
}
.project-filter .selectric .label {
font-size: 12px;
margin-right: 0px;
padding: 6px 2px;
}
.project-filter .selectric .button {
height: 30px;
display: none;
}
#menusContainer {
border-bottom: 1px solid rgb(238, 238, 238);
float: none;
width: auto;
padding: 30px 5% 20px;
}
#menusContainer .menuContainer:last-child {
width: 100%;
left: 0px;
position: relative;
bottom: auto;
padding-top: 20px;
}
.fb-like.fb_iframe_widget {
padding: 0px;
filter: hue-rotate(232deg);
transition: all 0s ease 0s;
width: 100%;
text-align: center;
margin: 0 auto !important;
padding: 0px 0 0 10px;
}
#title-info p {
margin: 0px 0px 0px;
line-height: 1.5em;
text-align: left;
padding: 22px 8px 30px;
}
.home #headerImages::after {
background-position: bottom right;
background-size: 200px;
}  #widgetPanelToggle {
margin-bottom: 5%;
} #logo {
display: block;
} body.single-format-gallery .gallery .gallery-item {
margin-top: 10px !important;
}
.gallery {
padding: 0 0 10px;
}
.gallery-item {
width: 33.3% !important;
}
.gallery .gallery-caption {
font-size: 12px;
} #mapWrapper {
height: 250px;
margin-bottom: 30px;
}
.loc-item h3 {
font-size: 110%;
}
#list-item-toggle.list-open {
}
#loc-list.list-open {
} #navigation a {
font-size: 14px;
}
}   @media screen and (max-width: 400px) {
.prezi {
height: 200px !important;
}
.nextPrevItem {
width: 100%;
} #header {
padding: 5%;
}
#locationDetails.infoOpen {
margin: 0px 0px 24px -127px;
} #logo {
max-width: 50%;
}
.widget #logo {
max-width: 100%;
} #searchform #s {
width: 220px;
} #pageLoading {
background-position: center 100px;
} .gallery:after {
content: "";
display: block;
clear: both;
width: 100%;
margin-bottom: 10px;
}
.gallery-item {
width: 50% !important;
}
.gallery br {
clear: none !important;
}
.gallery .gallery-caption {
font-size: 10px;
} #attachmentGallery li {
width: 100%;
float: none;
margin-left: 0;
}
#attachmentGallery p {
left: 0;
opacity: 1;
padding: 5px 0 10px;
position: relative;
color: #333;
} .featuredLink.hasGallery:hover:before {
background: none;
}
.featuredLink.hasGallery > img {
left: -33.3%;
}
.featuredLink.hasGallery .postPrev {
right: 0;
}
.postsContainer div.format-gallery .featuredLink span {
color: #333;
font-size: 15px;
left: 0;
opacity: 1;
padding: 3% 0;
position: relative;
width: auto;
} .quote-content {
max-height: 120px;
} #details li {
} blockquote {
padding: 0px 20px 0px;
} .commentlist p {
margin: 10px 0 0 20px;
}
#commentsection .children {
margin-left: 20px;
}
#commentsection .parent:before {
left: 0;
}
#commentsection .children > li:after {
left: -20px;
}
.commentlist #respond {
margin: 10px 0 20px 20px;
} #navigation {
padding: 30px 0;
margin: 0;
} #locationDetails {
width: 240px;
margin-left: -120px;
}
#locationDetails h3 {
font-size: 100%;
}
#locationDetails .infoBox {
padding: 25px;
} #footer {
margin: 30px 0 15px;
}
#footerMenu li:before {
padding: 0 7px 0 4px;
} body.with-sticky-post #stickyPosts,
.nextPrevItem {
height: 250px;
}
body.with-sticky-post #contentContainer {
margin-bottom: 430px;
}
.footer-section {
bottom: 220px;
}
.nextPrevItem p {
font-size: 100%;
}
.nextPrevItem span {
font-size: 80%;
}
.nextPrevItem:nth-child(1) p::after {
background-size: 80% auto;
}
}   @media screen and (max-width: 340px) {
.essb_links.essb_template_grey-blocks-retina li a {
padding: 4px 7px 7px !important;
}
#logo {
bottom: -81px;
}
#logo img {
max-width: 220px;
}
}