/*
Theme Name: Lyndall
Theme URI: http://underscores.me/
Author: Ben Baxter
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lyndall
Tags:
*/

/*--------------------------------------------------------------
# Framework
--------------------------------------------------------------*/

footer { width: 100%; height: 51px; position: absolute; bottom: 0; left: 0; line-height: 50px; }
footer p { margin: 0; }

#main { padding-bottom: 60px; }
#page { width: 1024px; margin: 0 auto; min-height: 100%; position: relative; }

.site-info { border-top: 1px solid #E4E4E4; color: #444; }
.site-info a { color: #444; }
.site-info span { float: right; }

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; }
body { margin: 0; }

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

a { font-family: 'Open Sans', sans-serif; outline: 0; }
a:active,
a:hover { outline: 0; }
b, strong { font-weight: bold; }

h1 { font-size: 2rem; margin: 0; }

.search .site-content h1 { margin-bottom: 20px; padding-bottom: 20px; font-size: 1.2rem; border-bottom: 1px solid #E4E4E4; }
.search h2 { margin-bottom: 6px; padding-bottom: 10px; font-size: 1.4rem; }

.nav-links { margin-bottom: 20px; }
.navigation { display: inline-block; }
.navigation p { overflow: auto; min-height: 25px; }
.prev { float: right; margin-left: 10px; }
.next { float: left; margin-right: 10px; }

small { font-size: 80%; }

img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }

button { overflow: visible; }
button, select { text-transform: none; }

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

.wpcf7-form input[type="submit"] { background: white; }

form input { border: 1px solid grey; padding: 4px 16px; }

button[disabled],
html input[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea { color: #404040; font-family: 'Open Sans', sans-serif; font-size: 0.9rem; line-height: 1.7; }

h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6 h6 a { clear: both; font-family: 'Hind', sans-serif; font-weight: 400; line-height: 1; margin: 0; }
h2 { margin-bottom: 6px; font-size: 1.5rem; }
h3 { margin-bottom: 6px; font-size: 1.2rem; }

p { font-family: 'Open Sans', sans-serif; margin: 0 0 1rem; }

dfn, cite, em, i { font-style: italic; }

.briefDescription { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E4E4E4; font-size: 1rem; }
blockquote { margin: 0; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; margin: 0; padding: 0; height: 100%; }

*,
*:before,
*:after {  box-sizing: inherit; }

body { background: #fff;  margin: 0; padding: 0; height: 100%; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }

blockquote,
q { quotes: "" ""; }

hr {     background-color: #E4E4E4;
    border: 0;
    height: 1px;
    margin: 25px 0 0;}
	
	.lcp_date {  font-size: 1.1rem;}
        .lightbox .lcp_date  { margin: 15px 0; }

ul,
ol { margin: 0 0 1.5em 3em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul,
li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 1.5em 1.5em; }

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

table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.search-submit { background: url(search.png); background: url(search.svg), linear-gradient(transparent, transparent); border: 0; background-repeat: no-repeat; font-size: 0; width: 18px; height: 18px; padding: 0; vertical-align: middle; position: absolute; right: 0; top: 5px; margin-left: 20px; outline: 0; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { border-color: #ccc #bbb #aaa; outline: 0; }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active { border-color: #aaa #bbb #bbb; outline: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; outline: 0; }

select { border: 1px solid #ccc; outline: 0; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus { color: #111; outline: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] { padding: 3px; border: 0; background: #EFEFEF; border-radius: 0; padding: 3px 8px; width: 100%; outline: 0; }

textarea { padding-left: 3px; padding: 3px 8px; width: 100%; width: 100%; background: #EFEFEF; border: 0; border-radius: 0; height: 200px; outline: 0; }

#my-menu .search-form { position: relative; width: auto; margin: 24px 20px; padding: 0; z-index: 99; display: block; }
#my-menu .search-submit { right: 18px; top: 8px; }

#my-menu > form > label > input,
#my-menu > div.mobile-search > form > label > input { padding: 6px 18px; box-sizing: border-box; border-radius: 18px; }

.mobile-search {display:none;}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: #333; text-decoration: none; font-weight: 400; }
.content-area a:hover,
.entry-content a:hover { border-bottom: 1px solid #ddd; color: #000; }

a:hover,
a:focus,
a:active { color: #333; }
a:focus { outline: none; }
a:hover,
a:active { outline: none; }

/*--------------------------------------------------------------
## Header and Menus
--------------------------------------------------------------*/
.site-header { padding: 42px 0 30px; }
.site-branding, .nav-search { display: inline-block; vertical-align: middle; }
.nav-search { float: right; height: 30px; }
.nav-search form { float: left; display: inline-block; position: relative; vertical-align: top; margin-top: 1px; }
.nav-search form label input { background: #EFEFEF; border-radius: 0; padding: 2px 6px; margin-right: 6px; width: 180px; }
.nav-search form label input { background: #ffffff; border-radius: 0; padding: 2px 6px; margin-right: 30px; width: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

#my-menu:not( .mm-menu ) { display: none; }

#hamburger { display: none; width: 40px; height: 40px; position: relative; z-index: 2; }
#hamburger:before,
#hamburger:after,
#hamburger span { background: #222; content: ''; display: block; width: 26px; height: 2px; position: absolute; left: 7px; }
#hamburger:before { top: 10px; -webkit-transition: 1s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
#hamburger span { top: 18px; opacity:1; -webkit-transition: 1s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
#hamburger:after { top: 26px; -webkit-transition: 1s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.mm-opened #hamburger:after {
    top: 19px;
    transform: rotate(45deg);
}

.mm-opened #hamburger:before {
    top: 19px;
    transform: rotate(-45deg);
}

.mm-opened #hamburger span {
	opacity:0;
}


#masthead > div.nav-search > form:hover .search-field { width: 160px; padding: 2px 6px; background: #EFEFEF; }

ul.projects-grid li:hover .button-over { display: block; opacity: 1; }

.main-navigation { display: inline-block; vertical-align: middle; }
.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; }
.main-navigation li { float: left; position: relative; margin-left: 30px; border-bottom: #fff 1px solid; }
.main-navigation li:hover a { border-bottom: #333 1px solid; }
.main-navigation a { display: block; text-decoration: none; font-size: 1.2rem; font-family: 'Hind', sans-serif; font-weight: 400; }

#mobile-menu .current-menu-item a { border-bottom: 0; }
.current-menu-item a { border-bottom: #333 1px solid; }

.main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; }
.main-navigation ul ul ul { left: -999em; top: 0; }
.main-navigation ul ul a { width: 200px; }
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul { left: auto; }
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul { left: 100%; }

#hamburger { display: none; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.projects-grid:after,
.cols:after,
.cols:before { content: ""; display: table; table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.projects-grid:after,
.cols:after { clear: both; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

ul.projects-grid { margin: 5px 0 0; padding: 0; list-style: none; position: relative; }
ul.projects-grid li { float: left; width: 31%; margin-right: 3.5%; margin-bottom: 2%; position: relative; }
ul.projects-grid li a, ul.projects-grid li a:hover { border: 0; }
ul.projects-grid li:nth-child(3n+3) { margin-right: 0; }
ul.projects-grid li img { opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
ul.projects-grid li:hover img { opacity: 0.3; }
ul.projects-grid h1 { font-size: 1.2em; text-align: center; margin: 10px 0 0; min-height: 35px; }
ul.projects-grid h1 a { font-weight: 400; }
ul.projects-grid span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.button-over { border-radius: 15px; -webkit-border-radius: 15px; position: absolute; top: 50%; left: 50%; margin-left: -61px; text-align: center; margin-top: -44px; background: rgba(255, 255, 255, 0.7); padding: 4px 20px; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
ul.projects-grid li:hover .button-over { display: block; opacity: 1; }
.wordsButton { padding: 4px 12px; border: 1px solid #888; display: inline-block; font-size: 0.8rem; }
.cvButton { padding: 4px 12px; border: 1px solid #888; display: block; font-size: 0.8rem; text-align: center; }

.entry-content .wordsButton:hover { border: 1px solid #888; }
.content-area .wordsButton:hover, .content-area .cvButton:hover { background: #FBFBFB; border-color: #B1B1B1; border: 1px solid #888; }

.cols .oneThird { width: 35%; margin-right: 4%; float: left; }
.cols .oneThird img { padding-top: 5px; padding-bottom: 1rem; }
.cols .twoThird { width: 61%; margin-right: 0; float: right; }
.cols .oneThirdWord { width: 31%; margin-right: 4%; float: left; line-height: 1; }
.cols .oneThirdWord img { padding-top: 4px; }
.cols .twoThirdWord { width: 65%; margin-right: 0; float: right; }
.colsWord { border-bottom: 1px solid #EAEAEA; padding-bottom: 2rem; margin-bottom: 2rem; }
.colsWord:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 30px; }

.single-project .menu-item-38 a { border-bottom: #333 1px solid; }
#mobile-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-38 { border-bottom: 0; }

.metaslider { padding-bottom: 40px; }

.projects-pagination { margin: 1rem 0 0.5rem; }
.projects-pagination .next, .projects-pagination .prev { float: none; }

.page-numbers { margin: 6px 3px 6px 0; border: 1px solid #BBBBBB; display: inline-block; font-size: 0.8rem; height: 30px; width: 30px; line-height: 28px; text-align: center; border-radius: 20px; color: #BBBBBB; }
.page-numbers:visited { color: #BBBBBB; }

.content-area .page-numbers:hover, .page-numbers:hover, .page-numbers:hover:visited, .content-area .page-numbers:hover:visited { background: #484848; border-color: #0E0E0E; color: #ffffff; border: 0; }

.content-area .page-numbers.page-num:hover {background:none; color: #333;}

.page-numbers.current, .page-numbers.current:hover { background: #F5F5F5; color: #989898; border: 1px solid #BBBBBB; }
.page-numbers.page-num { background: none; color: #333; width: auto; border: 0; padding: 0; margin-right: 6px; }
.project-caption { margin: 0.6rem 0; text-align: center; color: #444;; font-size: 0.8rem; }

.screen-reader-response { display: none; }
.wpcf7-response-output { margin-bottom: 20px; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.single .byline,
.group-blog .byline { display: inline; }

.page-content,
.entry-content,
.entry-summary { margin: 0 0 30px 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

embed, iframe, object { max-width: 100%; }

.miniblog-header { background: #EFEFEF; padding: 20px; display: block; line-height: 1; margin-bottom: 20px; }
.miniblog-header h1 { font-size: 1.8rem; margin: 0 0 10px 0; }
.miniblog-header p { line-height: 1.7; font-size: 1rem; }
.miniblog-header p:last-child { margin-bottom: 0; }
.miniblog-img, .miniblog-img img { display: block; line-height: 1;  min-height: 220px; object-fit: cover; }



.lcp_catlist { margin: 0; padding: 0; list-style: none; }

.single-news .site-main img {
    float: left;
    margin-top: 5px;
    margin-right: 40px;
    margin-bottom: 20px;
    width: 31%;
	min-width: 180px;
}

@media screen and (max-width: 460px) {
.single-news .site-main img {
    width:100%;
    margin: 5px 0 25px 0;
}
}
.single-news h2 {
    margin-bottom: 10px;
}

.single-news hr {
    background-color: #EFEFEF;
    border: 0;
    height: 1px;
    margin: 25px 0;
}


.single-news .singleNewsBtn {     margin-bottom: 15px; text-align:right;}



/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover { outline: none; }
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/

#slider { margin: 5px 0 0; }
#carousel { margin-bottom: 30px; }
#carousel li { cursor: pointer; overflow: hidden; }
#carousel li img { opacity: 0.5; }
#carousel li.flex-active-slide img { opacity: 1; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }

/* ====================================================================================================================
 * FLEXSIDER
 * ====================================================================================================================*/

#homeslider { margin-top: 5px; }
.flexslider { margin: 0 0 60px; background: #ffffff; border: 0; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; max-height: 650px; width: auto; margin: 0 auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { opacity: 0.4; text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 0; }

#slider .flex-direction-nav a { margin: -40px 0; }

.flex-direction-nav a:hover { border: 0; }
.flex-direction-nav a:before { font-size: 40px; display: inline-block; color: rgba(0, 0, 0, 0.8); }
.flex-direction-nav .flex-prev { left: -50px; background: transparent url(left.png) center left no-repeat; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; background: transparent url(right.png) center right no-repeat; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-disabled,
.flex-direction-nav .flex-disabled,
.flexslider:hover .flex-direction-nav .flex-disabled:hover { opacity: 0; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 8px; height: 8px; display: block; background: #E0E0E0; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #666; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (min-width: 821px) {
    .main-navigation ul { display: block; }
}


@media screen and (max-width: 1160px) {
    .flex-direction-nav .flex-next { right: -28px; }
    .flex-direction-nav .flex-prev { left: -28px; }
}

@media screen and (max-width: 1100px) {
    #page { width: auto; padding: 0 30px; }
    .site-info { width: auto; margin: 0 30px; }
    #masthead > div.nav-search > form:hover .search-field { width: 120px; }
}

@media screen and (max-width: 960px) {
	.mobile-search {display:block;}
	.search-form, .nav-search form { display:none;}
}

@media screen and (max-width: 820px) {
    #hamburger { display: inline-block; top: -4px; }
    ul.projects-grid li, ul.projects-grid li:nth-child(3n+3) { float: left; width: 48%; margin-right: 4%; margin-bottom: 3%; position: relative; }
    ul.projects-grid li:nth-child(2n+2) { margin-right: 0; }
}

@media screen and (max-width: 630px) {
    .flex-direction-nav .flex-prev { opacity: 0.6; left: 10px; }
    .flex-direction-nav .flex-next { opacity: 0.6; right: 10px; }
}

@media screen and (max-width: 620px) {
    #page { padding: 0 26px; }
}

@media screen and (max-width: 460px) {
    .site-info { line-height: 1.6; padding: 14px 0; }
    .site-info span { float: left; width: 100%; }
    footer { height: 76px; line-height: 76px; }
    .cols .oneThird { width: 100%; margin-right: 0; margin-bottom: 20px; float: none; }
    .cols .twoThird { width: 100%; margin-right: 0; float: none; margin-bottom: 20px; }
    #main { padding-bottom: 80px; }
    .flex-direction-nav { display: none; }
}


@media screen and (max-width: 430px) {
    ul.projects-grid li, ul.projects-grid li:nth-child(3n+3), ul.projects-grid li:nth-child(2n+2) { width: 100%; margin: 0 0 20px; }
    ul.projects-grid h1 { margin: 6px 0 0; min-height: 0; }
    #page { padding: 0 20px; }
    .site-info { width: auto; margin: 0 20px; }
    .cols .oneThirdWord, .cols .twoThirdWord { width: 100%; margin-right: 0; }
    .cols .oneThirdWord { text-align: center; margin-bottom: 20px; }
    .button-over { margin-top: -30px; }
}

/*Featherlight*/
@media all {
    .featherlight { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; text-align: center; white-space: nowrap; cursor: pointer; background: #333; background: rgba(0,0,0,0); }
    .featherlight:last-of-type { background: rgba(0,0,0,.6); }
    .featherlight:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; }
    .featherlight .featherlight-content { position: relative; text-align: left; vertical-align: middle; display: inline-block; overflow: auto; padding: 25px 25px 0; border-bottom: 25px solid transparent; margin-left: 5%; margin-right: 5%; max-height: 95%; background: #fff; cursor: auto; white-space: normal; }
    .featherlight .featherlight-inner { display: block; }
    .featherlight .featherlight-close-icon { position: absolute; z-index: 9999; top: 10px; right: 10px; line-height: 25px; width: 25px; cursor: pointer; text-align: center; font-family: Arial,sans-serif; background: #fff; background: rgba(255,255,255,.3); color: #000; }
    .featherlight .featherlight-image { width: 100%; }
    .featherlight-iframe .featherlight-content { border-bottom: 0; padding: 0; }
    .featherlight iframe { border: 0; }
}

@media only screen and (max-width:1024px) {
    .featherlight .featherlight-content { margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; }
}

.lightbox { display: none; }