/*
Theme Name: PortfolioMe
Version: 1.0.0
Author: Nathan Sumner
Author URI: http://www.nathansumner.com/
Theme URI: http://www.portfoliome.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:	 one-column, two-columns, three-columns, right-sidebar, fluid-layout,responsive-layout, custom-colors, editor-style, full-width-template, theme-options,threaded-comments
Description:	PortfolioMe is the perfect WordPress theme for people in the creative arts fields. Web Designers, Graphic Artists, and Photographers can easily create a one-page professional portfolio website without coding knowledge. This theme indludes an options panel to edit each section of your site and is build responsively.
*/
/***** Setup *****/
h1,h2,h3 {letter-spacing:-3px;}
a:hover {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
nav {height:80px;padding:10px 0;}
p {line-height: 2rem;}
blockquote {border-left: 5px solid #1565c0;}
.icon-block {padding: 0 15px;}
.icon-block .material-icons {font-size: inherit;}
.entry {margin-top:15px;}
/***** WordPress Core *****/
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption-text {}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.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;}
.sticky {}
.gallery-caption {}
/***** Content Width *****/
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {max-width: 100%;height: auto;}
/***** Images *****/
img .img,.column img {width:100%;height:auto;}
.img-circle {border-radius: 50%;}
/***** Videos *****/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.entry-content img,.entry-content iframe,.entry-content object,.entry-content embed {max-width: 100%;}
/***** Parallax *****/
.parallax-container {min-height: 380px;line-height: 0;height: auto;color: rgba(255,255,255,.9);}
.parallax-container .section {width: 100%;}
@media only screen and (max-width : 992px) {.parallax-container .section {position: absolute;top: 40%;}#index-banner .section {top: 10%;}}
@media only screen and (max-width : 600px) {#index-banner .section {top: 0;}}
.parallax-container-2 {min-height:168.688px;padding:20px 0;position: relative;overflow: hidden;}
.parallax-container-2 .section {padding:0;}
.parallax-container-2 .section .page-subtitle {color:#ffffff;}
/***** Footer *****/
footer.page-footer {margin: 0;}
.footer-copyright .container {margin: none;text-align:center;}
.page-footer h5,.page-footer h5 a {color:#ffffff;}
.page-footer a {color:rgba(255, 255, 255, 0.8);}
.social {display:table;margin:0 auto;}
.social ul {list-style-type: none;margin-top:0;}
.social li {color:#ebebeb;list-style-type: none;display:block;float:left;display:table-cell;padding: 0 5px 5px;}
.social a:hover {color:#ffffff;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
/***** Forms *****/
.error{padding: 5px 9px;border: 1px solid red;color: red;border-radius: 3px;}
.success{padding: 5px 9px;border: 1px solid green;color: green;border-radius: 3px;}
form span{color: red;}
label {font-size:15px;color:rgba(0, 0, 0, 0.870588);}
input,textarea {border:none;border-bottom:1px solid #9E9E9E;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {color:#9E9E9E;}
.button-collapse {color:#ffffff;margin-right:20px;}
#math-input{width: 60px;}
/***** Blog *****/
.meta-box {width:100%;height:auto;background-color:#f0f6fb;border:1px solid #dbe9f6;padding:15px;;font-size:80%;}
.meta-box a {color:#59afe1;}
.meta-box a:hover, .meta-box a:focus {color:#205081;}
.meta-box .row {margin:0;}
.nav-next,.nav-previous {margin-top:20px;}
.comment {margin-top:20px;padding:10px;}
.blog .entry {margin-bottom:40px;}
/***** Sections *****/
#about-me .col img {width:100%;height:auto;margin:auto;}
.slider .indicators .indicator-item.active {background-color: #1565c0;}
.slider .slides {background-color: #ffffff;}
#portfolio .col .s12 img,#portfolio .col .m4 img {width:100%;height:auto;;}
#portfolio .responsive-img {margin-bottom:20px;}
.progress {height:10px;}
#testimonial {width:60%;margin:auto;}
#contact .row .col{float:none;}
#contact .row .col.m6 {margin:0 auto;}
#fixed-button .fixed-action-btn {bottom: 20px; right: 20px;}
/***** 404 *****/
#404{display:block; width:100%; padding:60px 0; line-height:1.6em; text-align:center;}
#404 .hgroup{margin-bottom:15px;}
#404 .hgroup h1, #404 .hgroup h2{margin:0; padding:0; text-transform:uppercase;}
#404 .hgroup h1{margin-bottom:15px;}
#404 .hgroup h1{display:inline-block;padding:10px 0;text-transform:uppercase;font-size:6rem;line-height:6rem;border-top:3px solid #e0e0e0;border-bottom:3px solid #e0e0e0;letter-spacing:-4px;}
#404 p{display:block; margin:15px 0 0 0; padding:0;}
#404 p:first-child{margin-top:0;}
#404 a {color:#3b5998;}
#404 a:hover {color:#021321;}
/***** Comment Form *****/
.bypostauthor {background-color: #ebebeb;}
.form-submit {display: none;}