/* Lanedo blue: #2c57d2 */

/* WP page & main text defaults */
body			{ font-size: 99%; color: #101010; }
body.page		{ text-align: justify; }
body.page .entry-title,
body.page .post-title 	{ text-align: left; }

#content-blog .entry-title,
#content-blog .post-title { margin-bottom: 0em !important; }
#content-blog .post-entry p { margin-bottom: 0em !important; }
#content-archive .entry-title,
#content-archive .post-title { margin-bottom: 0em !important; }
#content-archive .post-entry p { margin-bottom: 0em !important; }

/* Header & paragraph sizes */
h1              	{ margin: 0.6em 0; font-size: 2.2em; }
h2              	{ margin: 0.6em 0; font-size: 1.8em; }
h3              	{ margin: 0.6em 0; font-size: 1.5em; }
h4              	{ margin: 0.6em 0; font-size: 1.2em; }
h5              	{ margin: 0.6em 0; font-size: 1.1em; }
h6              	{ margin: .05em 0; font-size: 1.0em; }
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
      	       	     	{ font-weight: 600; page-break-after: avoid; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child		{ margin-top: 0px !important; }
p   	    	    	{ margin-top: 0.6em; }
p:last-child		{ margin-bottom: 35px; }
p:first-child		{ margin-top: 0px !important; }
p:empty 		{ display: none; }

/* Fixups for forms */
.ninja-forms-form-wrap p, .ninja-forms-form-wrap p:last-child { margin: 3px 0; }
form.ninja-forms-form					      { margin: 5px 0; }
.ninja-forms-error-msg	{ color: red; text-align: center; }

/* Page Intro Text */
.intro-text		{ color: #555555; font-size: 114%; margin-top: 1.6em; }

/* Anchor Icons */
a.icon                  { padding: 1px  0  1px 20px; background: url(./link.png) center left no-repeat; }
a.icon[href$='.pdf']    { padding: 1px  0  1px 20px; background: url(./pdf.png)  center left no-repeat; }
a.home                  { padding: 5px  0  5px 28px; background: url(./home.png) center left no-repeat; }
a.info                  { padding: 5px  0  5px 28px; background: url(./info.png) center left no-repeat; }

/* Centered Images */
img.center 		{ display: block; margin-left: auto; margin-right: auto; }

/* Google Maps Style */
.flxmap-container	{ border: 1px solid #ccc; border-radius: 2px; }

/* Twitter Tweaks */
#widgets .twiget-widget    		 { font-size: 96%; }
#widgets .twiget-widget ul 		 { margin: 0 0 1em 0; padding: 0; }
#widgets .twiget-widget li 		 { margin: 0; padding: 0; list-style: none; }
#widgets .twiget-widget li 		 { border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom: 5px; }
#widgets .twiget-widget a                { font-size: 90%; }
#widgets .twiget-widget a.tweet-rel-time { color: #555555; display: block; font-size: 90%; }

/* Page separator */
hr {
  background: #ccc;
  border: 0;
  height: 1px;
  margin: 0;
  padding: 0 20px 0 20px;
  margin-left: -20px;
  margin-right: 0px;
  margin-bottom: 20px;
}

.separator {
  clear: both;
  border-top: 1px solid #ccc;
  background: transparent; /* if linear-gradient is not supported */
  background: linear-gradient(top, #f1f1f1, rgba(255, 255, 255, 0) 40px);
  background: -moz-linear-gradient(top, #f1f1f1, rgba(255, 255, 255, 0) 40px);
  background: -webkit-linear-gradient(top, #f1f1f1, rgba(255, 255, 255, 0) 40px);
  height: 50px;
  width: 100%;
  margin-top: 1.6em;
  margin-right: 0; margin-left: -20px; padding: 0 20px 0 20px; /* extend into +20/+20 padding of #wrapper */
  margin-bottom: -25px; /* allow partial overlap with following content */
}

/* Page columns */
.page .cell-group .cell2		{ float: left; width: 47.9%; padding: 0 0 0 2%; margin: 0px; }
.page .cell-group .cell2:first-of-type	{ clear: both; padding-left: 0; padding-right: 2%; }
.page #content .cell3			{ float: left; width: 29.3%; padding: 0px 2%; margin: 0px; }
.page #content .cell3:first-of-type	{ clear: both; }
.clear					{ clear: both; }
.clear-after:after			{ clear: both; }

/* Faces */
.face h2 { margin-bottom: 0; font-size: 112%; font-weight: normal; text-align: left; }
.face h3 { margin-top: 0; font-size: 110%; font-weight: normal; text-align: left; color: #838383; }
.face img {
    float: left;
    width: 5em;
    height: 5em;
    margin: 0px 12px 12px 0px;
    border-radius: 4px;
    display: block;
}
.face p { }

/* FIXME project cell */
.project h2 { margin-bottom: 0; font-size: 112%; font-weight: normal; }
.project h3 { margin-top: 0; font-size: 110%; font-weight: normal; color: #838383; }
.project img { float: left; margin: 0px 12px 12px 0px; border-radius: 4px; display: block; }

/* Dummy separator for float flushing */
hr.flush { height: 0; } /* flushes text until after image */

/* Buttons */
.action-button {
    display: inline-block;
    background: #c5c5c5;
    background: -webkit-linear-gradient(#ededed, #c5c5c5);
    background: -moz-linear-gradient(#ededed, #c5c5c5);
    background: -ms-linear-gradient(#ededed, #c5c5c5);
    background: linear-gradient(#ededed, #c5c5c5);
    padding: 10px 20px;
    position: relative;
    border: 1px solid #999;
    border-radius: 6px;
    color: inherit;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-size: 100%;
    text-decoration: none;
    font-weight: bold;
    color: #2e3437;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    text-align: left;
    line-height: normal;
    cursor: pointer;
    margin: 10px 0;
}
.action-button.more {
    padding-right: 38px;
}
.action-button.more:after {
    content: "▶";
    position: absolute;
    right: 16px;
    font-size: 12px;
    margin-top: 3px;
}
.action-button:hover {
    background: #ededed;
    background: -webkit-linear-gradient(#f4f4f4, #dbdbdb);
    background: -moz-linear-gradient(#f4f4f4, #dbdbdb);
    background: -ms-linear-gradient(#f4f4f4, #dbdbdb);
    background: linear-gradient(#f4f4f4, #dbdbdb);
    color: #2e3437;
}
.action-button:active {
    background: #c5c5c5;
    background: -webkit-linear-gradient(#b5b5b5, #c5c5c5);
    background: -moz-linear-gradient(#b5b5b5, #c5c5c5);
    background: -ms-linear-gradient(#b5b5b5, #c5c5c5);
    background: linear-gradient(#b5b5b5, #c5c5c5);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.2);
    position: relative;
    top: 1px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.action-button.featured {
    border-color: #5b7d3c;
    background: #90D351;
    background: -webkit-linear-gradient(#90d351, #599e43);
    background: -moz-linear-gradient(#90d351, #599e43);
    background: -ms-linear-gradient(#90d351, #599e43);
    background: linear-gradient(#90d351, #599e43);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.action-button.featured:hover {
    background: #A4EB62;
    background: -webkit-linear-gradient(#a4eb62, #66af4f);
    background: -moz-linear-gradient(#a4eb62, #66af4f);
    background: -ms-linear-gradient(#a4eb62, #66af4f);
    background: linear-gradient(#a4eb62, #66af4f);
    color: #fff;
}
.action-button.featured:active,
.action-button.featured.active {
    background: #80BB48;
    background: -webkit-linear-gradient(#80bb48, #4b8b36);
    background: -moz-linear-gradient(#80bb48, #4b8b36);
    background: -ms-linear-gradient(#80bb48, #4b8b36);
    background: linear-gradient(#80bb48, #4b8b36);
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.action-button.featured.disabled,
.action-button.featured[disabled],
.action-button.featured.disabled:hover,
.action-button.featured[disabled]:hover,
.action-button.featured.disabled:active,
.action-button.featured[disabled]:active {
    box-shadow: none !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background: #86BD6B;
    border-color: #80946E;
    color: #fff;
    top: 0;
    opacity: 0.7;
    cursor: default !important;
}

/* Main Page shadow */
#wrapper		{ border-radius: 5px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); }

/* Spacing & Alignment */
dd, li			{ margin: 0.5em 0; }

/* Slide show positioning & styling */
.full-frame-width         { margin: -61px -21px 0 -21px; padding: 0; } /* extend into +20/+20 padding of #wrapper */
#layerslider_1, .ls-inner { border-top-left-radius: 5px; border-top-right-radius: 5px; }
#layerslider_1            { box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 6px 0px; margin-top: 40px !important; }
/* #post-2 h1		  { display: none; } */

/* WP Responsive Theme Ajustments */
#content,
#content-full,
#content-blog,
#content-archive,
#wrapper,
#widgets		{ margin-top: 0px; } /* sidebar */
.breadcrumb-list	{ text-align: right; float: right; font-size: 90%; margin-bottom: 1em; margin-left: 1em; }
body.single-post .breadcrumb-list	{ display: none; }
.post-data         	{ font-size: 90%; }
.post-title h1 		{ margin-bottom: 0em; }
#logo			{ margin-left: 35px; margin-top: 15px; margin-bottom: 15px; }
.main-nav    		{ float: right; margin-top: -40px; margin-right: 25px; margin-bottom: 5px; }
#top-widget		{ margin-top: 15px; margin-right: 35px; }
#wrapper		{ width: auto; padding-top: 20px; }
#container		{ margin-left: auto; margin-right: auto; }
@media only screen and (min-device-width : 1030px) { #container { max-width: 1030px; } }
@media only screen and (min-width : 320px)         { #container { width: auto; } }

/* Column plugin styling for mobile devices and small screens */
@media only screen and (max-width :   999px)	{ body div.columns-4 div.column { float: none; width: auto; margin-right: 0; } }
@media only screen and (max-width :   768px)	{ body div.columns-3 div.column { float: none; width: auto; margin-right: 0; } }
@media only screen and (max-width :   640px)	{ body div.columns-2 div.column { float: none; width: auto; margin-right: 0; } }

/* Top/Main Menu styling */
.top-menu li a          { font-size: inherit; }
.top-menu a             { font-weight: inherit; }
.top-menu               { font-size: 95%; font-weight: bold; }
#menu-main a 		{ font-size: inherit; }
.menu, .menu ul		{ background-color: transparent; background-image: none; }
.menu a	     		{ border-left: 0px; text-shadow: none; color: #444; height: 26px; line-height: 26px; }
.menu li a		{ background-color: transparent; background-image: none; border-left: 1px solid rgba(0, 0, 0, 0.2); }
.menu li:first-child a  { border-left: 0px; }
.menu .current_page_item a, .menu .current-menu-item a,
ul.menu > li:hover	{ background-color: transparent; }
.menu li a:hover				{ color: #2c57d2; background-color: transparent; background-image: none; }
ul.sub-menu .menu-item a, .menu li a		{ font-weight: bold; }

#menu-main li li				{ background-color: transparent; color: #444; min-width: none; }
#menu-main li li:hover				{ background-color: #2c57d2 !important; color: white; }
ul.sub-menu .menu-item,
ul.sub-menu .menu-item a,
ul.sub-menu .menu-item a:hover			{ background-color: transparent; border-color: rgba(0, 0, 0, 0.2); }
ul.sub-menu .menu-item:first-child,
ul.sub-menu .menu-item a:first-child,
ul.sub-menu .menu-item a:first-child:hover	{ border-top-left-radius: 6px; border-top-right-radius: 6px; }
ul.sub-menu .menu-item:last-child,
ul.sub-menu .menu-item a:last-child,
ul.sub-menu .menu-item a:last-child:hover	{ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
ul.sub-menu					{ border-radius: 6px; padding: 0; min-width: 12em;
						  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 7px 0px;
						  background-color: white;
						  background-image: linear-gradient(#fff 40%, #eee 100%); }
/* fix li>a, since a is smaller than li, hovering style colors must be left to li only */
#menu-main li li a, #menu-main li li a:hover	{ background-color: transparent !important; color: inherit !important; }
/* fix margin-top-1 on sub-menu li which would break the shadow */
ul.sub-menu li.menu-item			{ margin: 0; }
/* now move the *sub-menu* by -1 pixel instead, this is to avoid a gap between .menu>li:hover and .sub-menu:hover */
.menu li:hover > ul { margin-top: -1px; }


.menu > ul > li:hover:after {	content: '' !important;
      				display: block !important;
				width: 0 !important;
				height: 0 !important;
				position: absolute !important;
				left: 50% !important;
				bottom: 0 !important;
				border-left: 10px solid transparent !important;
				border-right: 10px solid transparent !important;
				border-bottom: 10px solid #0fa1e0 !important;
				margin-left: -10px !important; }

/* Side bar styling */
#widgets.col-300	{ /*border-left: 2px dotted #aaa;*/ width: 31.65% /*31.914893617021%*/; }
#widgets		{ text-align: left; font-size: 90%; }
.widget-wrapper    	{ background-color: #f5f5f5; border: solid #d9d9d9 1px; padding: 10px; margin: 0 0 20px 0px;
                          border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.widget-wrapper ul    	{ margin-bottom: 0; }
.widget-wrapper li    	{ margin-bottom: 7px; }
.widget_tag_cloud	{ text-align: center; }
.widget-title		{ font-weight: bold; font-size: 1.5em; color: #333; padding: 0 0 10px 0; }
body .widget-title h3,
body .widget-title-home h3 { padding: 0; }

/* Footer styling */
#footer .powered	{ display: none; }
#footer .copyright	{ display: block; text-align: center; width: 100%; text-align: center; margin-bottom: 0; }
#footer .scroll-top	{ display: block; text-align: center; width: 100%; text-align: center; margin-bottom: 0; }
#footer .social-icons ul    	   	{ margin-top: 0.6em; }
#footer .social-icons li   		{ margin-right: 15px; margin-bottom: 13px; }
#footer .social-icons img   		{ width: 32px; height: 32px; }
#footer .social-icons li:last-child 	{ margin-right : 0px; }
#footer .social-icons img:hover		{ opacity : 0.8; }
.twitter-icon img	{ content:url("http://www.lanedo.com/wp-content/uploads/2013/06/twitter.png"); }
.facebook-icon img	{ content:url("http://www.lanedo.com/wp-content/uploads/2013/06/facebook.png"); }
.google-plus-icon img	{ content:url("http://www.lanedo.com/wp-content/uploads/2013/06/google.png"); }
.linkedin-icon img	{ content:url("http://www.lanedo.com/wp-content/uploads/2013/06/linkedin.png"); }
.footer-menu * 		  { font-size: 14px !important; text-align: left; }
.footer-menu li		  { display: inline-block !important; margin: 0.1em; }
.footer-menu li a	  { font-weight: bold !important; border-left: 0px; padding-left: 0px; }
.footer-menu ul.sub-menu  { padding: 0px; }
.footer-menu ul.sub-menu li a { font-weight: normal !important; border-left: 1px solid rgba(0, 0, 0, 0.2); padding: 0 0px; }
.footer-menu ul.sub-menu li:first-child a  { border-left: 0px; }
.footer-menu ul.sub-menu  { display: inline-block; }
.footer-menu a  	  { color: #666 !important; }
.footer-menu a:hover	  { color: #2c57d2 !important; }


/* Project details */
.project-details ul {
    margin-top: -20px;
    margin-right: 0px;
    text-align : right;
}

.project-details li {
    list-style-type : none;
    display: inline-block;
    margin-left: 20px;
}

.project-details img, span {
    vertical-align: middle;
}

.project-details img {
    padding-right: 5px;
}

/* Search box. - Separate CSS file ?*/
#searchform form {
    background-clip: padding-box;
    
    border-radius:         3px;
    -moz-border-radius:    3px;
    -o-border-radius:      3px;
    -webkit-border-radius: 3px;
    
    box-shadow:         0 1px 5px #000;
    -moz-box-shadow:    0 1px 5px #000;
    -o-box-shadow:      0 1px 5px #000;
    -webkit-box-shadow: 0 1px 5px #000;
    
    margin: 50px auto;
    padding: 0;
    width: 400px;
}

#searchform input {
    background: rgba(255, 255, 255, 0.66) url(http://www.lanedo.com/wp-content/uploads/2013/06/icon-search-white.png) no-repeat 5px 50%;
    width: 17em;

    background-clip: padding-box;
    
    border: none;
    border-radius:         26px;
    -moz-border-radius:    26px;
    -o-border-radius:      26px;
    -webkit-border-radius: 26px;
    
    box-shadow:         inset 0 0 5px rgba(0, 0, 0, 0.1), 
                        0 1px 0 rgba(255, 255, 255, 0.5), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                        0 0 40px rgba(255, 255, 255, 0.3);

    -moz-box-shadow:    inset 0 0 5px rgba(0, 0, 0, 0.1), 
                        0 1px 0 rgba(255, 255, 255, 0.5), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                        0 0 40px rgba(255, 255, 255, 0.3);
    -o-box-shadow:      inset 0 0 5px rgba(0, 0, 0, 0.1), 
                        0 1px 0 rgba(255, 255, 255, 0.5), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                        0 0 40px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 
                        0 1px 0 rgba(255, 255, 255, 0.5), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                        0 0 40px rgba(255, 255, 255, 0.3);
    
    color: #333;
    height: 26px;
    outline: none;
    padding: 0 20px 0 35px;
    
    transition:         all .1s linear;
    -moz-transition:    all .1s linear;
    -o-transition:      all .1s linear;
    -webkit-transition: all .1s linear;
}

#searchform input:focus {
    background: rgba(255, 255, 255, 1.0) url(http://www.lanedo.com/wp-content/uploads/2013/06/icon-search-blue.png) no-repeat 5px 50%;

    box-shadow:         inset 0 0 5px rgba(0, 0, 0, 0.2), 
                        0 1px 0 rgba(255, 255, 255, 0.7), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(255, 255, 255, 0.5);
    -moz-box-shadow:    inset 0 0 5px rgba(0, 0, 0, 0.2), 
                        0 1px 0 rgba(255, 255, 255, 0.7), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(255, 255, 255, 0.5);
    -o-box-shadow:      inset 0 0 5px rgba(0, 0, 0, 0.2), 
                        0 1px 0 rgba(255, 255, 255, 0.7), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 
                        0 1px 0 rgba(255, 255, 255, 0.7), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(255, 255, 255, 0.5);
}

#searchform #searchsubmit {
    display: none;
}