/*
Theme name: West Michigan Shoreline Development
Description: Custom Theme
*/

/******* West Michigan Shoreline Development WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /West Michigan Shoreline Development WordPress CSS *******/

/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
    #css/Fonts
\* ================================================================ */

@font-face {
    font-family: 'open_sans';
    src: url('css/fonts/opensans-bold-webfont.eot');
    src: url('css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('css/fonts/opensans-bold-webfont.woff') format('woff'),
         url('css/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('css/fonts/opensans-bold-webfont.svg#open_sans') format('svg');
    font-weight: 700;
    font-style: normal; }

@font-face {
    font-family: 'open_sans';
    src: url('css/fonts/opensans-light-webfont.eot');
    src: url('css/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('css/fonts/opensans-light-webfont.woff') format('woff'),
         url('css/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('css/fonts/opensans-light-webfont.svg#open_sans') format('svg');
    font-weight: 300;
    font-style: normal; }

@font-face {
    font-family: 'open_sans';
    src: url('css/fonts/opensans-regular-webfont.eot');
    src: url('css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('css/fonts/opensans-regular-webfont.woff') format('woff'),
         url('css/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('css/fonts/opensans-regular-webfont.svg#open_sans') format('svg');
    font-weight: 400;
    font-style: normal; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 1230px; background: #fff; font-family: 'open_sans', Arial, sans-serif; font-size: 17px; line-height: 1.3; color: #555555; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; color: #23e3cf; }
a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

:-moz-placeholder { color: inherit; }
::-moz-placeholder { color: inherit; }
:-ms-input-placeholder { color: inherit; }
::-webkit-input-placeholder { color: inherit; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

ul { list-style-position: outside; margin: 0 0 20px 20px; }
.entry li { margin-bottom: 10px; }
.entry ul em { color: #a3a3a3; font-size: 15px; }

nav ul { list-style-type: none; margin: 0; }
nav li { display: inline-block; vertical-align: middle; }

p { padding-bottom: 35px; }
p:last-child { padding-bottom: 0; }

h1,h2,h3,h4,h5,h6 {}
h1 { font-size: 30px; }
h2 { font-size: 25px; color: #555555; }
h3 { font-size: 23px; }
h4 { font-size: 21px; }
h5 { font-size: 20px; line-height: 24px; color: #555555; }
h6 { font-size: 19px; color: #8fd5fe; }


/* ================================================================ *\
    #Helpers
\* ================================================================ */

.cleanairimg { background-image: url(http://wmsrdc.org/wp-content/uploads/2016/07/clouds-cleanair.jpg); background-size: cover; z-index: -1; height: 1000px; width: 100%; position: absolute; }

.cleanairiframe { width: 15%; height: 100%; padding-top: 28px; padding-left: 15px; border: none !important; font-family: 'open-sans' !important;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+47,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
 }

.wrapper { position: relative; overflow: hidden; }
.shell { max-width: 1230px; margin: 0 auto; box-sizing: border-box; padding: 0 30px; }

.entry { margin-bottom: 45px; margin-top:30px;}
.entry:last-child { margin-bottom: 0; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom: 25px; }
.entry h6 { margin-bottom: 5px; color: #555555; }
.entry h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
.entry a {text-decoration: underline; color: #23e3cf;}
.entry img { border: 0px solid #ebebeb; }
.entry u { color: #a3a3a3; }

.alignleft { float: left; }
.alignright { float: right; }
.entry .alignleft { margin-right: 40px; }
.entry .alignright { margin-left: 40px; }

.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

.size-half { display: inline-block; vertical-align: top; width: 48%; margin-right: -4px; }
.size-half + .size-half { margin-left: 4%; }
.why-section .size-half:nth-of-type(2n) { margin-left: 4%; }

a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"]  {
	-webkit-transition: color 400ms, background-color 400ms;
	     -o-transition: color 400ms, background-color 400ms;
	        transition: color 400ms, background-color 400ms;
}

/* ==========================================================================
    # Icons
========================================================================== */

[class^='icon-'], [class*=' icon-'] { display:inline-block; background:url(images/sprite.png) no-repeat 0 0; border:none; text-align:center; vertical-align:middle; *display:inline; *zoom:1; }

.icon-search { width: 24px; height: 24px; background-position: 0 0; }
.icon-search-green,
.show .icon-search { width: 24px; height: 24px; background-position: 0 -29px; }

.icon-facebook-large { width: 35px; height: 35px; background-position: 0px -72px; }

.icon-bullet-right-gray { width: 8px; height: 14px; background-position: -92px 0; }
.icon-bullet-down-white { display: none; width: 17px; height: 10px; background-position: 0 -57px; }

.icon-arrow-down-green { width: 14px; height: 18px; background-position: -86px -37px; }

.icon-arrow-slide-left { width: 19px; height: 14px; background-position: -36px -54px; }
a:hover .icon-arrow-slide-left { background-position: -36px -37px; }
.icon-arrow-slide-right { width: 19px; height: 14px; background-position: -58px -54px; }
a:hover .icon-arrow-slide-right { background-position: -58px -37px; }

.icon-arrow-right-white,
.icon-arrow-right-blue,
.icon-arrow-left-white,
.icon-arrow-left-blue { width: 28px; height: 15px; background-position: -140px -41px; }

.icon-arrow-left-white, 
a:hover .icon-arrow-left-blue { background-position: -27px 0; }

.icon-arrow-left-blue, 
a:hover .icon-arrow-left-white { background-position: -27px -20px; }

.icon-arrow-right-white, 
a:hover .icon-arrow-right-blue { background-position: -59px 0; }

.icon-arrow-right-blue, 
a:hover .icon-arrow-right-white { background-position: -59px -20px; }

.page-actions a:hover .icon-arrow-left-blue { background-position: -27px -20px; }
.page-actions a:hover .icon-arrow-right-blue { background-position: -59px -20px; }

/* ==========================================================================
    # Buttons
========================================================================== */

.btn { display: inline-block; padding: 15px 30px; font-size: 15px; line-height: 19px; color: #39b54a; text-transform: uppercase; font-weight: 700; background: #f6f6f6; }
.btn i { margin-left: 25px; }
.btn:hover { text-decoration: none; background: #39b54a; color: #f6f6f6; }

.btn-large { padding: 23px 20px; }

.btn-white { background: #ffffff; color: #636363; box-shadow: 0 0 4px rgba(0,0,0,0.5); }
.btn-white:hover { color: #ffffff; background: #636363; }

.btn-gray { padding: 7px 40px; font-size: 14px; line-height: 18px; font-weight: 700; color: #a5a5a5; text-transform: none; border: 3px solid #c7c7c7; }

/* ==========================================================================
    # Colors
========================================================================== */

/* Color Blue */
.color-blue,
.item-color-blue .program-title,
.item-color-blue:hover .more-link,
.item-color-blue .more-link:hover { color: #42b3ff; }

.bg-blue { background-color: #42b3ff; }

/* Color Blue Dark */
.color-blue-dark,
.item-color-blue-dark .program-title,
.item-color-blue-dark:hover .more-link,
.item-color-blue-dark .more-link:hover { color: #004a80; }

.bg-blue-dark { background-color: #004a80; }

/* Color Light Green */
.color-light-green,
.item-color-light-green .program-title,
.item-color-light-green:hover .more-link,
.item-color-light-green .more-link:hover { color: #8dc63f; }

.bg-light-green { background-color: #8dc63f; }

/* Color Green */
.color-green,
.item-color-green .program-title,
.item-color-green:hover .more-link,
.item-color-green .more-link:hover { color: #00a651; }

.bg-green { background-color: #00a651; }

/* Color Purple */
.color-purple,
.item-color-purple .program-title,
.item-color-purple:hover .more-link,
.item-color-purple .more-link:hover { color: #92278f; }

.bg-purple { background-color: #92278f; }

/* Color Purple Dark */
.color-purple-dark,
.item-color-purple-dark .program-title,
.item-color-purple-dark:hover .more-link,
.item-color-purple-dark .more-link:hover { color: #32004b; }

.bg-purple-dark { background-color: #32004b; }

/* Color Orange */
.color-orange,
.item-color-orange .program-title,
.item-color-orange:hover .more-link,
.item-color-orange .more-link:hover { color: #f26522; }

.bg-orange { background-color: #f26522; }

/* Color Red */
.color-red,
.item-color-red .program-title,
.item-color-red:hover .more-link,
.item-color-red .more-link:hover { color: #db253d; }

.bg-red { background-color: #db253d; }

/* Color Gray */
.color-gray,
.item-color-gray .program-title,
.item-color-gray:hover .more-link,
.item-color-gray .more-link:hover { color: #61647c; }

.bg-gray { background-color: #61647c; }

/* Color Yellow */
.color-yellow,
.item-color-yellow .program-title,
.item-color-yellow:hover .more-link,
.item-color-yellow .more-link:hover { color: #e5c42a; }

.bg-yellow { background-color: #e5c42a; }

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

.header { position: relative; background: #022831; }
/*.header .shell { padding-top: 53px; text-align: justify; background: url(images/header-img.png) no-repeat 28px bottom; font-size: 0; line-height: 0; }*/
.header .shell { padding-top: 38px; text-align: justify; /*background: url(images/header-img-update.png) no-repeat 28px bottom;*/ font-size: 0; line-height: 0; }

.header .shell:after { display: inline-block; width: 100%; content: ''; }

.nav,
.logo,
.header-inner,
.header-search { display: inline-block; vertical-align: top; }

/*.logo { width: 350px; height: 21px; margin: 8px 0 0 18px; background: url(images/wmsrdc-logo.png) no-repeat 0 0; }

.logo { width: 171px; height: 21px; margin: 8px 0 0 18px; background: url(images/logo.png) no-repeat 0 0; }
*/


.logo { width: 435px; height: 90px; margin: 0px 0 22px 10px; background: url(images/wmsrdc-logo-white.svg) no-repeat 0 0; background-size: contain;}


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

.nav { font-size: 18px; line-height: 1.3; color: #c6c6c6; }
.nav li { position: relative; margin-left: 40px; }
.nav a { position: relative; display: block; padding: 15px 0 23px; color: #c6c6c6; }
.nav li > a:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: ''; background: #022831; transform: scale(0); -webkit-transform: scale(0); 
-webkit-transition: background-color 400ms, transform 400ms;
     -o-transition: background-color 400ms, transform 400ms;
        transition: background-color 400ms, transform 400ms; }
.nav li > a:hover:before,
.nav li:hover > a:before,
.nav li.current-menu-item > a:before { background: #39b54a; transform: scale(1); -webkit-transform: scale(1); }
.nav li a:hover { color: #ffffff; text-decoration: none; }

.nav li ul { position: absolute; top: 100%; left: 0; width: 200px; padding: 10px 0; background: #39b54a; z-index: 99; text-align: left; opacity: 0; visibility: hidden; transform: scale(0.8) translateY(-30px); -webkit-transform: scale(0.8) translateY(-30px); 
-webkit-transition: all 400ms;
     -o-transition: all 400ms;
        transition: all 400ms;}
.nav li li { margin: 0; display: block; }
.nav li li a { display: block; padding: 4px 11px; font-size: 15px; font-weight: 700; line-height: 19px; color: #fff; 
-webkit-transition: text-shadow 400ms;
     -o-transition: text-shadow 400ms;
        transition: text-shadow 400ms;}
.nav li li a:before { content: none; }
.nav li li a:hover { text-shadow: 2px 2px 2px rgba(0,0,0,0.54); }
.nav li:hover ul { opacity: 1; visibility: visible; transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); }

.header-search { position: relative; width: 54px; height: 51px; font-size: 18px; line-height: 18px; }
.header-search .search-trigger { position: relative; z-index: 2; display: block; padding: 14px 0 0 0; }
.header-search .search-form { position: absolute; top: 0; right: 0; width: 300px; height: 51px; background: #fff; opacity: 0; visibility: hidden; transform: translateX(100px); -webkit-transform: translateX(100px); 
-webkit-transition: opacity 400ms, visibility 400ms, transform 400ms;
     -o-transition: opacity 400ms, visibility 400ms, transform 400ms;
        transition: opacity 400ms, visibility 400ms, transform 400ms; }
.header-search .field-wrap { float: left; width: 262px; }
.header-search .field { display: block; width: 100%; height: 51px; box-sizing: border-box; padding: 10px 14px; font-size: 18px; line-height: 22px; color: #363636; font-weight: 700; border: 0; background: 0; }
.header-search .field:-moz-placeholder { line-height: 26px; }
.header-search .field::-moz-placeholder { line-height: 26px; }
.header-search .field:-ms-input-placeholder { line-height: 26px; }
.header-search .field::-webkit-input-placeholder { line-height: 26px; }
.header-search .searchsubmit { font-size: 0; line-height: 0; text-indent: -4000px; border: 0; background-color: 0; }
.header-search.show .search-form { opacity: 1; visibility: visible; transform: translateX(13px); -webkit-transform: translateX(13px); }

.menu-trigger { position: absolute; left: 20px; bottom: 25px; z-index: 1; z-index: 999; display: none; }

.menu-trigger i { position: relative; display: inline-block; vertical-align: middle; width: 35px; height: 25px; background: transparent; font-size: 0; line-height: 0; }
.menu-trigger i span { display: block; width: 35px; height: 3px; background: #ffffff; position: absolute; left: 0; 
-webkit-transition: all 400ms;
     -o-transition: all 400ms;
        transition: all 400ms; }
.menu-trigger i .line-1 { top: 0px; }
.menu-trigger i .line-2 { top: 11px; }
.menu-trigger i .line-3 { top: 22px; }
.show-menu .menu-trigger,
.menu-trigger:hover { text-decoration: none; }

.show-menu .menu-trigger i .line-1 { top: 11px; opacity: 0; }
.show-menu .menu-trigger i .line-2 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);background: #39b54a; }
.show-menu .menu-trigger i .line-3 { top: 11px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);background: #39b54a }

/* ==========================================================================
	# Modules
========================================================================== */

.intro-map { position: relative; overflow: hidden; }
.intro-map .map,
.intro-map .map-embedded { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.intro-map .shell {}
.intro-map:before { position: absolute; z-index: 5; top: 0; left: 0; width: 40%; height: 100%; display: block; content: ''; background: rgba(0,102,164,0.8); }
.intro-map .intro-article { position: relative; z-index: 6; width: 20%; box-sizing: border-box; min-height: 400px; padding: 40px 30px 35px 0; margin-left: 200px;}
.intro-article { font-size: 28px; color: #fff; }
.intro-article h6 { margin-bottom: 40px; }
.intro-article.with-actions { padding-bottom: 120px; }

.intro-project-map:before { background: rgba(0,0,0,0.8); }
.intro-project-map h2 { color: #fff; font-size: 28px; line-height: 32px; }

.map-embedded > iframe { float: right; width: 60%;}

/* made for the images in the header section */
.map-embedded > a > img { width: 100%; }

.main { padding: 50px 0; }

.section { margin-bottom: 30px; }
.section-head { position: relative; padding-bottom: 10px; border-bottom: 1px solid #a1a1a1; }
.section-head h2 { margin-bottom: 0; font-weight: 700; }
.section-head .btn { position: absolute; bottom: 0; right: 0; }

.event-date { width: 88px; height: 110px; box-sizing: border-box; padding-bottom: 10px; text-align: center; border-radius: 3px; background: #ebebeb; font-size: 15px; font-weight: 700; }
.event-date .month { padding: 4px 10px; background: #022831; border-radius: 3px 3px 0 0; font-size: 17px; line-height: 22px; color: #fff; text-transform: uppercase; }
.event-date .day { padding: 4px 10px 3px; font-size: 48px; line-height: 48px; color: #022831; }
.event-date .year { font-size: 15px; line-height: 19px; color: #45bcce; }

.feat-events { padding: 45px 0 20px; }
.feat-event { position: relative; overflow: hidden; padding-bottom: 25px; min-height: 155px; padding-left: 103px; display: inline-block; vertical-align: top; width: 32%; margin-right: -4px; margin-left: 2%; box-sizing: border-box; }
.feat-event:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; display: block; content: ''; background: #39b54a; transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 0; visibility: hidden; 
-webkit-transition: transform 400ms, opacity 400ms, visibility 400ms;
     -o-transition: transform 400ms, opacity 400ms, visibility 400ms;
        transition: transform 400ms, opacity 400ms, visibility 400ms;}
.feat-event:hover:after { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible; }
.feat-event:nth-child(3n+1) { margin-left: 0; }
.feat-event .event-content { font-size: 17px; color: #555555; }
.feat-event .event-content h3 { margin-bottom: 15px; font-size: 17px; color: #555; font-weight: 400; }
.feat-event .event-content h3 a { color: inherit; }
.feat-event .event-date { position: absolute; top: 0; left: 0; }
.program-tag { font-size: 17px; font-weight: 700; }
.program-tag img { display: inline-block; vertical-align: middle; margin-right: 5px; }

.featured-projects { height: 500px; border-bottom: 1px solid #a1a1a1; }
.feat-project { position: relative; overflow: hidden; padding: 20px 25px 20px 100px; display: block; height: 33.3334%; box-sizing: border-box; }
.feat-project a { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.feat-project .project-icon { position: absolute; z-index: 9; top: 0; left: 0; width: 71px; height: 100%; display: block; 
-webkit-transition: width 400ms;
     -o-transition: width 400ms;
        transition: width 400ms;}
.feat-project .ico-circle { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -23px 0 0 -23px; border: 3px solid #fff; border-radius: 50%; }
.feat-project .ico-circle img { position: absolute; top: 50%; left: 50%; display: block; max-width: 80%; height: auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.feat-project h2 { margin-bottom: 4px; font-weight: 400; font-size: 24px; color: #555555; letter-spacing: -0.4px; }
.feat-project p { padding-bottom: 20px; }
.feat-project p:last-child { padding-bottom: 0; }
.feat-project:after { position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ''; height: 1px; background: #ebebeb; }
.feat-project:last-child:after { content: none; }
.feat-project a:after,
.recent-topic a:after { position: absolute; top: 50%; right: 0; width: 18px; height: 14px; margin-top: -7px; display: block; content: ''; background: url(images/sprite.png) no-repeat -59px -54px; }
.feat-project:hover .project-icon { width: 90px; } 

.recent-topics { position: relative; border-bottom: 1px solid #a1a1a1; }
.recent-topics .inner { position: relative; height: 500px; }
.recent-topic { border-bottom: 1px solid #e1e1e1; border-right: 10px solid #ebebeb; }
.recent-topic:last-child { border-bottom: 0; }
.recent-topic a { position: relative; display: block; padding: 22px 55px 22px 0; color: #555; }
.recent-topic a:hover { color: #f26522; }
.recent-topic a:after { right: 18px; }

.intro-page { background: url(images/intro-page-bg.jpg) repeat-x center 0; border-bottom: 5px solid #39b54a; }
.intro-page .shell { position: relative; }
.intro-page h2 { padding: 57px 0 63px 103px; font-size: 40px; line-height: 44px; color: #fff; font-weight: 400; }
.intro-page h2.weightless { font-weight: 400; }
.intro-ico { position: absolute; top: 0; left: 30px; height: 100%; width: 71px; background: #39b54a; }
.intro-ico i,
.intro-ico img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.intro-ico img { max-width: 90%; height: auto; }

.layout-lightblue.intro-page { border-color: #23e3cf; }
.layout-lightblue .intro-ico { background: #23e3cf; }

.intro-project-page { background: #555555; }
.intro-project-page .shell { position: relative; }
.intro-project-page h2 { padding: 30px 300px 30px 103px; font-size: 30px; line-height: 34px; font-weight: 400; }
.intro-project-page .prev-link { position: absolute; top: 50%; right: 30px; padding-left: 6px; font-size: 18px; line-height: 22px; color: #fff; font-weight: 400; border-left: 1px solid #ffffff; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.intro-project-page .prev-link i { position: relative; margin-top: -3px; margin-right: 15px; }
.intro-project-page .prev-link:hover { color: #23e3cf; border-color: #23e3cf; }

.fsr-container { overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.fsr-image { position: absolute; }
.fsr-hidden { display: none; }

.section-event { padding: 50px 0; box-shadow: inset 0 -10px 15px -10px rgba(0,0,0,0.1); background: #f8f8f8; }

.event-main,
.event-aside,
.event-entry,
.events-up-list { display: inline-block; vertical-align: top; margin-right: -4px; }

.event-main,
.event-aside { margin-left: 3%; }

.event-aside,
.event-entry { width: 48.5%; }

.events-up-list { width: 31.5%; }
.event-main { width: 65.5%; }

.events-up-list { border-top: 1px solid #c2c2c2; }
.events-up-list .slide { float: left; }
.events-up-list .listtitle { position: relative; padding: 15px 30px 15px 0; font-size: 20px; line-height: 24px; color: #39b54a; font-weight: 700; border-bottom: 1px solid #c2c2c2; }
.events-up-list .listtitle:after { position: absolute; top: 50%; right: 2px; display: block; content: ''; width: 15px; height: 20px; margin-top: -10px; background: url(images/sprite.png) no-repeat -86px -37px; }
.events-up-list .event-slides { margin: 0 0 20px; }
.events-up-list .event-item { padding: 23px 0; border-bottom: 1px solid #c2c2c2; }
.events-up-list .start-date a { color: #555; }
.events-up-list p { padding-bottom: 0; }
.events-up-list h4 { margin-bottom: 15px; font-size: 17px; line-height: 21px; color: #555555; font-weight: 400; }
.events-up-list h4 a { color: inherit; }

.event-controls { text-align: justify; margin-bottom: -20px; }
.event-controls:after { display: inline-block; width: 100%; content: ''; }
.event-controls a,
.event-controls .pagination { display: inline-block; vertical-align: middle; }
.pagination a { width: 5px; height: 5px; margin: 0 3px; border: 3px solid #c2c2c2; background: #c2c2c2; font-size: 0; line-height: 0; text-indent: -4000px; border-radius: 50%;  
-webkit-transition: background-color 400ms, border 400ms;
     -o-transition: background-color 400ms, border 400ms;
        transition: background-color 400ms, border 400ms;
}
.pagination a:hover,
.pagination a.selected { background: #f8f8f8; border-color: #39b54a; }

.event-main h2 { margin-bottom: 20px; font-size: 28px; line-height: 32px; color: #555555; font-weight: 700; }

.event-place-info { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #c2c2c2; font-size: 24px; line-height: 28px; font-weight: 400; color: #555555; }
.event-place-info p { padding-bottom: 10px; }
.event-place-info strong { display: block; margin-bottom: 2px; font-size: 16px; line-height: 20px; color: #a4a4a4; text-transform: uppercase; }
.event-place-info a { display: block; font-size: 16px; line-height: 24px; color: #a5a5a5; font-weight: 700; text-decoration: underline; }
.event-place-info .event-adress { font-size: 20px; }

.event-shedule .program-tag { display: block; margin-bottom: 30px; font-size: 14px; }
.event-shedule p { padding-bottom: 10px; font-size: 16px; line-height: 20px; color: #a4a4a4; font-weight: 700; text-transform: uppercase; }
.event-shedule ul { list-style-type: none; margin: 0; font-size: 16px; line-height: 28px; color: #555555; }

.posts-section .loading-section { padding: 60px 0 40px; }
.posts-section .post-item { position: relative; float: left; width: 32%; min-height: 180px; box-sizing: border-box; margin-left: 2%; margin-right: -4px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #a1a1a1; }
.posts-section .post-item:nth-child(3n+1) { margin-left: 0; }
.posts-section .date { padding-bottom: 5px; font-size: 17px; line-height: 22px; color: #555555; }
.posts-section h4 { margin-bottom: 10px; font-size: 17px; line-height: 21px; color: #555555; font-weight: 400; }
.posts-section p { padding-bottom: 20px; }
.posts-section h4 a { color: inherit; }
.posts-section .more-link { position: absolute; left: 0; bottom: 15px; display: block; width: 100%; font-size: 16px; line-height: 20px; color: #cccccc; font-weight: 700; }
.posts-section .more-link:after { position: absolute; top: 50%; right: 0; display: block; content: ''; width: 19px; height: 14px; margin-top: -7px; background: url(images/sprite.png) no-repeat -59px -54px; }
.posts-section .more-link:hover { color: #22c7b9; }
.posts-section .more-link:hover:after { background-position: -59px -37px; }
.posts-section .section-actions { text-align: center; }
.posts-section .load-more-link { padding: 14px 100px; border: 3px solid #cccccc; background: #fff; color: #555555; font-size: 19px; line-height: 22px; text-transform: none; cursor: pointer; }
.posts-section .load-more-link:hover { background: #555555; color: #fff; }
.posts-section .post-img { display: block; margin-bottom: 30px; }
.posts-section .post-img img { display: block; max-width: 100%; height: auto; 
-webkit-transition: opacity 400ms;
     -o-transition: opacity 400ms;
        transition: opacity 400ms;}
.posts-section .post-img:hover img { opacity: 0.5; }
.posts-section .post-title { margin-bottom: 20px; font-size: 20px; color: #555555; }
.posts-section .post-title:hover { color: #23e3cf; }

.posts-pagination { padding-top: 20px; }

.posts-section .projects-slider .post-item { float: left; width: 370px; margin-left: 0; margin-right: 20px; }
.posts-section .projects-slider .post-item:first-child { margin-left: 0; }

.posts-section .projects-slider { position: relative; padding: 0; }
.posts-section .projects-slider .prev,
.posts-section .projects-slider .next { position: absolute; top: 50%; display: block; width: 40px; height: 40px; margin-top: -20px; background: rgba(255,255,255,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.4); border-radius: 50%; text-align: center; }
.posts-section .projects-slider .prev { left: -50px; }
.posts-section .projects-slider .next { right: -50px; }

.posts-section .projects-slider .prev i,
.posts-section .projects-slider .next i { position: relative; margin-top: 13px; }

/* ================================================================ *\
    #Single Post
\* ================================================================ */

.post + .post { padding-top: 20px; margin-top: 20px; border-top: 0px solid #ddd; }

/* Comments */
.comments { padding-top: 30px; }
.comments a { text-decoration: none; }
.comments a:hover { text-decoration: underline; }
.comments h3 { border: 1px solid #ccc; border-left: 0; border-right: 0; padding: 10px; margin-bottom: 20px; font-size: 20px; text-align: left; }
.comments ol,
.comments ul { list-style-type: none !important; }
.comments li { background: none !important; }
.comments .commentlist li { border-top: 1px solid #ccc; }
.comments .commentlist > li:first-child { border-top: 0; }
.comments .commentlist li > div { padding-bottom: 20px; padding-top: 20px; }
.comments .comment-text { padding: 10px 0 5px; margin: 10px 0; border: 1px dashed #ccc; border-left: 0; border-right: 0; }
.comments .comment-text p { padding-bottom: 5px; }
.comments .comment-meta { padding-top: 10px; }
.comments .children { padding-left: 40px; list-style-type: none !important; padding-bottom: 0; }
.comments .comment-author { margin-left: 10px; }

.comment-respond { padding-top: 20px; padding-bottom: 20px; }
.comment-respond form p { padding-bottom: 10px; }
.comment-respond .comment-reply-title { border: 1px solid #ccc; border-left: 0; border-right: 0; padding: 10px; margin-bottom: 10px; font-size: 20px; text-align: left; }
.comment-respond .comment-notes { padding: 5px 0; }
.comment-respond label { display: block; margin-top: 5px; }
.comment-respond input[type=text] { padding: 7px; width: 300px; border: 1px solid #ccc; background: #fff; }
.comment-respond textarea { width: 450px; height: 170px; padding: 7px; resize: vertical; border: 1px solid #ccc; }
.comment-respond input[type=submit] { margin-top: 10px; background: 0; border: 0; text-transform: uppercase; font-size: 15px; cursor: pointer; text-align: left; color: #23e3cf; }
.comment-respond input[type=submit]:hover { text-decoration: underline; color: #23e3cf; }

.feat-widgets .widget { display: inline-block; vertical-align: top; width: 23.5%; margin-right: -4px; margin-left: 2%; color: #555555; }
.feat-widgets .widget:nth-child(4n+1) { margin-left: 0; }
.feat-widgets .widgettitle { padding-bottom: 20px; margin-bottom: 40px; font-size: 20px; line-height: 24px; color: #555555; font-weight: 700; border-bottom: 1px solid #a1a1a1; }
.feat-widgets .widget ul { list-style-type: none; margin: 0 0 40px; }
.feat-widgets .widget li { margin-bottom: 20px; }
.feat-widgets .widget li a { color: inherit; }
.feat-widgets .widget li a:hover { color: #f26522; }

.sidebar,
.content { display: inline-block; vertical-align: top; margin-right: -4px; }
.sidebar { width: 32%; }

.sidebar { width: 32%; }

.sidebar .widgets { list-style-type: none; }
.sidebar .widgets ul { list-style-type: none; }
.sidebar .widgets li { margin-bottom: 10px; }
.sidebar .widgets .widgettitle { padding-bottom: 10px; font-size:18px;}

.sidebar .widget_search { padding-bottom: 20px; }
.sidebar .widget_search label { display: none; }
.sidebar .widget_search input[type="text"] { padding: 5px 7px; }
.sidebar .widget_search input[type="submit"] { border: 0; background: none; color: #23e3cf; text-transform: uppercase; }

.widget-submenu { border-top: 1px solid #a1a1a1; }
.widget-submenu ul { list-style-type: none; margin: 0; }
.widget-submenu li { border-bottom: 1px solid #ebebeb; }
.widget-submenu li a { position: relative; display: block; padding: 20px 0; font-size: 20px; line-height: 22px; color: #a3a3a3; font-weight: 700; }
.widget-submenu li a:after { position: absolute; top: 50%; right: 0; display: block; width: 18px; height: 14px; content: ' \279c'; margin-top: -7px; /*background: url(images/sprite.png) no-repeat -59px -54px;*/ }
.widget-submenu li.current-menu-item a:after,
.widget-submenu li a:hover:after { background-position: -59px -37px; }
.widget-submenu li a:hover,
.widget-submenu li.current-menu-item a { color: #23e3cf; }

.content { width: 65%; margin-left: 3%; }
.content.no-sidebar { width: 97%; }

.page-template-publications .content { width: 94%; -webkit-column-count: 2; -webkit-column-gap: 35px; -moz-column-count: 2; -moz-column-gap: 35px; column-count: 2; column-gap: 35px;}
.page-template-publications .content .pub-category { width: 100%; display: inline-block; }
.page-template-publications .content h2 { margin: 14px 0 8px 0;}
.page-template-publications .content a > h6 { margin: 0 0 6px 20px;}

.contacts-list { margin-bottom: 65px; }
.contacts-list:last-child { margin-bottom: 0; }
.contacts-list .contact-item { display: inline-block; vertical-align: top; width: 48%; margin-right: -4px; margin-left: 4%; font-size: 25px; line-height: 30px; }
.contacts-list .contact-item:nth-child(2n+1) { margin-left: 0; }
.contacts-list .contact-item:nth-child(n+3) { padding-top: 70px; }
.contacts-list h3 { font-size: 30px; margin-bottom: 5px; }
.contacts-list .contact-level { padding-bottom: 25px; font-size: 20px; line-height: 24px; }
.contacts-list a { color: inherit; }

.intro-actions { position: absolute; bottom: 30px; left: 0; width: 100%; box-sizing: border-box; padding: 0 30px; }
.intro-actions .social-info { display: inline-block; vertical-align: top; padding-left: 15px; }
.social-info span { display: block; font-weight: 700; font-size: 16px; line-height: 20px; color: #636363; }
.social-icons { display: block; list-style-type: none; margin: 0; }
.social-icons li { display: inline-block; vertical-align: middle; }
.social-icons li a img { display: block;
-webkit-transition: opacity 400ms;
     -o-transition: opacity 400ms;
        transition: opacity 400ms;}
.social-icons li a:hover img { opacity: 0.6; }

.page-actions a { font-size: 18px; line-height: 22px; color: #22c7b9; }
.page-actions .prev { float: left; padding-left: 5px; border-left: 1px solid #22c7b9; }
.page-actions .next { float: right; padding-right: 5px; border-right: 1px solid #22c7b9; }
.page-actions .prev i { margin-right: 15px; }
.page-actions .next i { margin-left: 15px; }

.why-section { margin-bottom: 60px; }
.why-section h6 { color: #22c7b9; }
.why-section p:empty { display: none; }
.why-section .item { margin-bottom: 40px; }
.why-section .item img { display: block; margin-bottom: 10px; }
.why-section .large-text { font-weight: 300; font-size: 30px; line-height: 43px; }

.form-project { position: relative; border-top: 1px solid #a1a1a1; }
.form-project .gform_heading { margin-bottom: 35px; padding: 18px 0; border-bottom: 1px solid #ebebeb; }
.form-project .gform_body { position: relative; }
.form-project .gform_title { font-size: 20px; line-height: 24px; color: #595959; font-weight: 400; }
.form-project .gfield { display: block; width: 48%; margin-bottom: 18px; }
.form-project .gfield input,
.form-project .gfield textarea { display: block; width: 100%; height: 62px; box-sizing: border-box; padding: 18px 20px; font-size: 14px; line-height: 18px; color: #9e9e9e; font-weight: 700; border: 1px solid #ebebeb; background: #f5f5f5; }
.form-project .gfield-checkbox .gfield_checkbox input { position: absolute; visibility: hidden; opacity: 0; -webkit-appearance: none; }
.form-project .gfield-checkbox .gfield_checkbox label { position: relative; font-size: 14px; line-height: 18px; font-weight: 700; }
.form-project .gfield-checkbox .gfield_checkbox label:before { display: inline-block; content: ''; vertical-align: middle; margin-right: 10px; width: 25px; height: 25px; border: 1px solid #ebebeb; background: #f5f5f5; }
.form-project .gfield-checkbox .gfield_checkbox label:after { position: absolute; top: 4px; left: 5px; display: block; content: ''; width: 25px; height: 25px; padding: 5px; width: 19px; height: 16px; background: url(images/sprite.png) no-repeat -59px -73px; opacity: 0; 
-webkit-transition: opacity 400ms;
     -o-transition: opacity 400ms;
        transition: opacity 400ms; }
.form-project .gfield-checkbox .gfield_checkbox input:checked + label:after { opacity: 1; }
.form-project .gfield_required { display: none; }
.form-project .gfield-textarea { position: absolute; bottom: 28px; right: 0; top: 0; display: block; }
.form-project .gfield-textarea .ginput_container { height: 100%; }
.form-project .gfield-textarea textarea { height: 100%; resize: none; }
.form-project .gform_footer { position: absolute; bottom: -6px; right: 0; width: 48%; }
.form-project .gform_footer .gform_button { display: block; width: 100%; height: 39px; font-size: 14px; line-height: 18px; font-weight: 700; text-transform: uppercase; color: #fff; text-align: center; background: #173e57; border: 0; }
.form-project .gform_footer .gform_button:hover { background: #22c7b9; }

.section-articles { padding: 55px 0; line-height: 1.5; background: #ebebeb; }
.section-articles .col:first-child { font-size: 23px; color: #555555; font-weight: 300; }

.programs-list { text-align: center; }
.programs-list .program-item { display: inline-block; width: 33.33334%; margin-right: -4px; margin-bottom: 35px; box-sizing: border-box; vertical-align: top; text-align: left; padding: 0 20px; }
.programs-list .program-title { display: block; margin-bottom: 20px; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 700; }
.programs-list .program-title img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.programs-list .more-link { position: relative; display: block; padding-bottom: 14px; font-size: 16px; font-weight: 700; color: #cccccc; border-bottom: 1px solid #a1a1a1; }
.programs-list .more-link:after { position: absolute; top: 2px; right: 0; display: block; content: ''; width: 18px; height: 14px; background: url(images/sprite.png) no-repeat -59px -54px; }
.programs-list .more-link:hover { color: #22c7b9; }
.programs-list .more-link:hover:after { background-position: -59px -37px; }

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

.footer-section { position: relative; overflow: hidden; background: #39b54a url(images/footer-bg.jpg) repeat-x 147% bottom; }
.footer-section .shell:before { position: absolute; top: 0; left: 100%; height: 100%; display: block; width: 100%; content: ''; background: #39b54a; }
.footer-section .shell { position: relative; padding-right: 330px; min-height: 290px; }
.footer-section .subscribe-form { position: absolute; top: 0; right: 0; bottom: 0; width: 330px; }
.footer-section article { padding: 40px 30px 40px 0; color: #9cfaa9; }
.footer-section article h2 { margin-bottom: 30px; font-size: 28px; line-height: 32px; color: #fff; font-weight: 700; }

.gform_wrapper ul { list-style-type: none; margin: 0; }

.subscribe-form { padding: 35px 25px; box-sizing: border-box; background: #39b54a; }
.subscribe-form .gform_title { display: none; }
.subscribe-form .gfield { margin-bottom: 18px; }
.subscribe-form .gfield label { display: block; margin-bottom: 28px; font-size: 21px; line-height: 25px; color: #fff; font-weight: 700; }
.subscribe-form .gfield .gfield_required { display: none; }
.subscribe-form .gfield input { display: block; width: 100%; height: 52px; box-sizing: border-box; padding: 14px 15px; font-size: 17px; line-height: 24px; color: #173e57; font-weight: 700; border: 0; background: #fff; }
.subscribe-form .gfield_error input { background: red; color: #fff; }
.subscribe-form .gform_button { display: block; width: 100%; height: 52px; padding: 14px 15px; color: #fff; font-size: 17px; font-weight: 700; background: #173e57 url(images/icon-mail-blue.png) no-repeat 95% center; border: 0; text-align: left; }
.subscribe-form .gform_button:hover { background-color: #f26522; }
.subscribe-form .validation_message,
.subscribe-form .validation_error { display: none; }
.subscribe-form .gform_ajax_spinner { display: block; background: url(images/ajax-loader-orange.gif) no-repeat 0 0; width: 16px; height: 11px; margin: auto; margin-top: 15px; }
.subscribe-form .gform_confirmation_message { color: #fff; }

.footer-main { padding: 35px 0 23px; background: #333333; }
.footer-main .shell { position: relative; }

.logo-footer { display: inline-block; vertical-align: bottom; width: 171px; height: 55px; background: url(images/wmsrdc-logo-white.svg) no-repeat 0 0; background-size: contain;}
.nav-footer { display: inline-block; vertical-align: bottom; }
.nav-footer li { margin-left: 16px; }
.nav-footer a { font-size: 14px; font-weight: 700; color: #39b54a; }
.nav-footer a:hover { color: #fff; }
.footer .copyrights { padding: 10px 0 0 0; font-size: 13px; color: #6b6b6b; }
.footer .copyrights a { color: inherit; }

.footer-fb-link { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

@media screen and (max-width: 1230px){

    body { min-width: 100%; }
    .shell { width: auto; padding: 0 20px; }

   	.logo { margin-left: 0; }

   	.nav li { margin-left: 20px; }

   	.intro-page h2 { padding: 37px 0 43px 103px; }

    .programs-list .program-item { width: 50%; }

    .feat-project { padding: 10px 15px 10px 60px; }
    .feat-project .project-icon { width: 45px; }
    .feat-project:hover .project-icon { width: 55px; }
    .feat-project .ico-circle { width: 30px; height: 30px; border-width: 2px; margin: -16px 0 0 -16px; }
    .feat-project .ico-circle img { max-width: 50%; max-height: 50%; width: auto; }
    .feat-project h2 { font-size: 20px; line-height: 24px; }
    .feat-project p { padding-bottom: 10px; }

    .footer-fb-link { right: 20px; }

    .widget-submenu li a { padding-right: 20px; }

    .program-tag { font-size: 13px; }
	
	.feat-event { padding-left: 74px; min-height: 112px; }
    .event-date { width: 60px; height: 90px; }
    .event-date .month { font-size: 13px; line-height: 16px; }
    .event-date .day { font-size: 28px; line-height: 32px; }
    .event-date .year { font-size: 12px; line-height: 16px; }

    .feat-widgets .widget { width: 49%; margin-bottom: 40px; }
    .feat-widgets .widget:nth-child(4n+1) { margin-left: 2%; }
    .feat-widgets .widget:nth-child(2n+1) { margin-left: 0; }
    .feat-widgets .widget:nth-last-of-type(-n+2) { margin-bottom: 0; }
	
	.event-aside { width: 40%; }
	.event-entry { width: 57%; }

	.event-shedule ul { line-height: 20px; }
	.event-shedule ul li { margin-bottom: 10px; }
	.event-shedule ul strong { display: block; }

	.why-section .large-text { font-size: 20px; line-height: 30px; }
	.contacts-list .contact-item { font-size: 20px; line-height: 25px; }

	.form-project .gfield-checkbox .gfield_checkbox label:before { float: left; margin-top: 9px; }
	.form-project .gfield-checkbox .gfield_checkbox label:after { left: -32px; top: 12px; }

    .posts-section .projects-slider .post-item { width: 280px; margin-left: 0; margin-right: 20px; }

    .posts-section .projects-slider .prev { left: -10px; }
	.posts-section .projects-slider .next { right: -10px; }
}

@media screen and (max-width: 767px){ 

	.shell { padding: 0 10px; }

	.header { position: relative; }
	.logo { display: block; margin: 0 auto 10px;}
	.header .shell:after { content: none; }
	.header .shell { padding: 20px 10px 5px; background-position: 50% bottom; }

	.header-inner { display: block; }

	.nav { position: absolute; top: 100%; left: 0; width: 100%; z-index: 99; background: #39b54a; text-align: left; box-shadow: 0 3px 3px rgba(0,0,0,0.3); opacity: 0; visibility: hidden; transform: translateY(-30px); -webkit-transform: translateY(-30px);
		-webkit-transition: all 400ms;
		     -o-transition: all 400ms;
		        transition: all 400ms;}
	.show-menu .nav { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); }
	.nav li { margin: 0; display: block; }
	.nav li a { display: block; color: #fff; padding: 10px; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }
	.nav li a:hover,
	.nav li.current-menu-item > a,
	.nav li.selected a { background: #115163; }
	.nav li a:before { content: none; }

	.nav li li a:hover { background: #39b54a; }

	.nav li ul { position: relative; top: auto; left: auto; width: auto; opacity: 1; visibility: visible; transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); background: #115163; display: none; }
	.nav li:hover ul { opacity: 1; visibility: visible; transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); }
	.nav li.selected ul { display: block; }


	.menu-trigger { display: block; }
	
	.header-search .search-form { height: 40px; width: 250px; }
	.header-search .field-wrap { width: 220px; }
	.header-search .field { height: 40px; }
	.header-search .search-trigger { padding-top: 9px; }
	.header-search .field:-moz-placeholder { line-height: 20px; }
	.header-search .field::-moz-placeholder { line-height: 20px; }
	.header-search .field:-ms-input-placeholder { line-height: 20px; }
	.header-search .field::-webkit-input-placeholder { line-height: 20px; }
	
	.intro-map::before { width: 100%; }
    .intro-map .map-embedded iframe { width: 100%; }
	.intro-map .intro-article { min-height: 10px; width: 80%; margin: 0 auto; }

	.section-head .btn { position: static; }
	.section-head h2 { margin-bottom: 10px; }
	.section-head h2:last-child { margin-bottom: 0; }

	.feat-event { display: block; width: auto; margin: 0 0 20px; }
	.feat-event:last-child { margin-bottom: 0; }

	.size-half { display: block; margin-right: 0; width: auto; margin-bottom: 30px; }
	.size-half:last-child { margin-bottom: 0; }
	.size-half + .size-half { margin-left: 0; }

	.featured-projects { height: auto; }
	.feat-project { height: auto; }

	.section:last-child { margin-bottom: 0; }
	
	.footer-section { background: #39b54a; }
	.footer-section article { padding: 0; margin-bottom: 30px; }
	.footer-section .subscribe-form { position: static; width: auto; }
	.footer-section .shell { padding: 20px; }
	.footer-section article h2 { font-size: 22px; line-height: 26px; }

	.subscribe-form { padding: 0; }
	
	.footer-main { position: relative; padding: 15px 0 20px; }
	.nav-footer li { margin-left: 5px; }
	.nav-footer a { font-size: 12px; line-height: 16px; }
	.footer-fb-link { right: 10px; top: 25px; }
	.footer-main .shell { position: static; }

	.intro-ico { left: 0; width: 40px; }
	.intro-ico img { max-width: 60%; }

	.intro-page h2 { padding: 30px 0 30px 50px; font-size: 25px; line-height: 25px; }

	.section-articles { padding: 30px 0; }
	.programs-list .program-item { width: 100%; padding: 0; }
	.sidebar, .content { width: auto; display: block; margin-right: 0; margin-bottom: 30px; }
	.content { margin-left: 0; }
	.sidebar:last-child, .content:last-child { margin-bottom: 0; }

	.posts-section .post-item { float: none; display: block; width: auto; display: block; margin: 0 0 20px; height: auto!important; }
	.posts-section .post-item:last-child { margin-bottom: 0; }
	.posts-section .loading-section:last-child { padding-bottom: 0; }

    .posts-section .projects-slider .post-item { width: 280px; margin-left: 0; margin-right: 0; }
    .posts-section .projects-slider .post-item:first-child { margin-left: 0; }

	.contacts-list .contact-item { display: block; width: auto; margin: 0 0 20px; }
	.contacts-list .contact-item:last-child { margin-bottom: 0; }
	.feat-widgets .widget { width: auto; display: block; margin: 0 0 30px; }
	.feat-widgets .widget:last-child { margin-bottom: 0; }
	.feat-widgets .widgettitle { margin-bottom: 10px; }
	.single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { width: auto; }

	.sidebar .widgets { margin-left: 0; }

	.posts-section .load-more-link { padding: 14px 30px; }
	
	.section-event { padding: 20px 0; }
	.event-main, .event-aside, .event-entry, .events-up-list { display: block; width: auto; margin: 0; }
	.event-entry,
	.events-up-list { margin-bottom: 40px; }

	.intro-project-page .prev-link { display: block; padding-bottom: 10px; border: 0; text-align: right; position: relative; right: auto; top: auto; transform: translate(0); -webkit-transform: translate(0);}
	.intro-actions { position: static; padding: 20px 0; }
	.intro-article.with-actions { padding-bottom: 20px; }
	.why-section .size-half:nth-of-type(2n) { margin: 0; }
	.why-section:last-child { margin-bottom: 0; }
	.form-project .gfield { width: 100%; }
	.form-project .gform_footer,
	.form-project .gfield-textarea { position: static; }
	.form-project .gform_footer .gform_button { display: block; width: 100%; }

	.comment-respond input[type=text],
	.comment-respond textarea { box-sizing: border-box; width: 100%; }
    .intro-map:before { width:100%; }
    .intro-map .map-embedded, .intro-map .map {  position: relative;  z-index:15;  }
    .intro-map .map-embedded iframe {  min-height: 400px;  width:100%;  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'open_sans';';
        src: url('css/fonts/opensans-bold-webfont.svg#open_sans') format('svg');
    }

    @font-face {
        font-family: 'open_sans';';
        src: url('css/fonts/opensans-light-webfont.svg#open_sans') format('svg');
    }

    @font-face {
        font-family: 'open_sans';';
        src: url('css/fonts/opensans-regular-webfont.svg#open_sans') format('svg');
    }
}