/* Enter Your Custom CSS Here */

/*
 Theme Name: Piccolo Child
 Description: Piccolo Child Theme
 Template: piccolo
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
font-family: 'wigrum-light';
    src: url('fonts/WigrumWeb-LightItalic.eot');
    src: url('fonts/WigrumWeb-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/wigrumweb-light.woff') format('woff');
}

@font-face {
font-family: 'wigrum-regular';
    src: url('fonts/WigrumWeb-Regular.eot');
    src: url('fonts/WigrumWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/wigrumweb-regular.woff') format('woff');
}

/*Header*/
#header, .header-wrap.sticky #header {padding: 15px 10px;}
.header-wrap, #tj-mobile-menu, .header-navigation ul ul {background: none!important;}
#header nav ul li a, #header nav ul li.sfHover ul a, #tj-mobile-menu ul li a, #header nav ul li ul.sub-menu li a {color: #C0B3A5!important; font-family: 'wigrum-regular', 'Karla', Helvetica, Arial, sans-serif;}
.logo {width: 81px;}
.page-template-template-home-php #header nav ul li a, .page-template-template-home-php #header nav ul li.sfHover ul a, .page-template-template-home-php #tj-mobile-menu ul li a, .page-template-template-home-php #header nav ul li ul.sub-menu li a {color: #C0B3A5!important;}

#header nav ul li a:hover, #header nav ul li.sfHover ul a:hover, #tj-mobile-menu ul li a:hover, #header nav ul li ul.sub-menu li a:hover {color: #0018ff!important; }

.page-template-template-home-php .header-wrap.sticky {
    background: none;
}
.header-wrap, #tj-mobile-menu, .header-navigation ul ul {
    background: none;
}
#tj-menu-wrapper {margin: 25px 0 0 0;}

body {
    position: relative;
    color: #2A2929;
    font-family: 'wigrum-light', 'Karla', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 2.8rem;
    line-height: 1.75;
    letter-spacing: 0;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}

.meta, .meta a, comment-metadata, .comment-metadata a, comment-author a, .comment-author, .tj-portfolio-caption, .tj-post-caption, a.comment-reply-link, h3#reply-title {color: #c0b3a5!important;}


#content { margin: 164px auto 0 auto;}

/*Home Page*/
.page-template-template-home .tj-portfolios article.portfolio {width: 50%;}
.tj-widget-portfolio-link {top: 0;}
.tj-center {padding: 0!important;}
.tj-top-wrapper {background-color: #f9f8f6!important;}
.tj-projects-wrapper {background-color: #fff!important;}
/*Footer*/
.footer-inner-wrapper {background: #fff!important;}
p.tj-footer-copyright-text, p.tj-footer-copyright-text a {color: #C0B3A5!important;}
footer-widgets {text-align: left;}
.footer-widgets .widget, .footer-widgets .widget p, .footer-widgets .widget ul li {float: left;margin: 0;clear: both;}
.footer-widgets .widget-title {font-weight: normal;font-size: 1.7rem;font-family: 'wigrum-regular', 'Karla', Helvetica, Arial, sans-serif; color: #C0B3A5!important;}
.footer-widgets .widget a {font-weight: normal; color: #C0B3A5!important;}
.footer-widgets {background: #fff;text-align: left;padding: 70px 0 0; color: #C0B3A5!important;}
.footer-inner.tj-widgets-enabled {border-top:none!important;}
.footer-column {width: 16%;padding: 0;}
.footer-column:nth-of-type(2) { border:none!important;}
.widget.widget_nav_menu ul {text-align: left;}
.widget.widget_nav_menu ul li {display: block;margin: 0;clear: both;}
.footer-copyright-column {float: left;padding: 0;width: 50%;}
.footer-widgets-wrapper {background: url("wp-content/themes/piccolo-child-theme/images/brad-griffin-photography.png");background-repeat: no-repeat;background-size: 379px 17px;padding-top: 80px;}

/*Portfolio*/
.single-portfolio #content {margin: 0 auto 0 auto;}
article.type-portfolio:hover .tj-portfolio-overlay, article.type-portfolio:focus .tj-portfolio-overlay, article.type-portfolio:active .tj-portfolio-overlay {background: rgb(192,179,165)!important;background-color: rgba(192,179,165,0.9)!important;}
.page-template-template-portfolio-php .tj-portfolios article.portfolio .entry-title {margin-top: auto!important;}
.tj-portfolio-overlay .entry-title span {color: #FFFF00; text-align: center;position: relative;bottom:0;padding:0!important;}
.header-wrap, #tj-mobile-menu, .header-navigation ul ul {background: none;}
ul.portfolio-filter-categories li a {color: #c0b3a5;font-size: 1.4rem;letter-spacing: 0;text-transform: capitalize;}
.tj-no-featured-image .tj-cpt-portfolio.tj-cpt-portfolio-type-default {margin-top: 166px;}
.post-message {padding-top: 60px;}
.single-portfolio-meta-wrapper h4 {color: #c0b3a5;font-weight: 600;font-family: wigrum-regular, Karla, Helvetica, Arial, sans-serif;}
.single-portfolio-meta-wrapper:before, .single-portfolio-meta-wrapper:after {background: #fff;}
.portfolio-filter .clearfix {margin: 220px auto 50px auto;max-width: 1120px; padding-left:15px;}
.portfolio-filter-categories {text-align: left;}
ul.portfolio-filter-categories li:after {content: "|";color: #c0b3a5;}
.tj-portfolios article.portfolio {width: 33.333333%;}
.tj-global-cta-wrapper {padding: 0;text-align: center;}
.single-portfolio .entry-content p {font-size: 18px;line-height: 32px;font-family: wigrum-regular, Karla, Helvetica, Arial, sans-serif; margin-bottom: 1.5rem;}
.single-portfolio-meta-wrapper {margin: 0 auto;padding: 0 0 2.8rem 0;}
.pagination-portfolio-left, .pagination-portfolio-right {font-size: 18px;}
.pagination-portfolio {margin: 9.8rem auto;line-height: 100%;}
.pagination-portfolio .ico {font-size: 2.1rem;font-family: 'FontAwesome';}
.single-portfolio .entry-title {color: #c0b3a5!important; margin: 80px 0 15px 0;}

/*Portfolio - Archive*/
.archive.tax-portfolio-type .tj-portfolios article.portfolio {width: 50%;}


/*Default Template*/
.page-template-default article.page {max-width: 640px;}
body.page-template-default {background-color: #C0B3A5;}
.page-template-default .entry-title {color: #FFFF00; font-size:30px;}
.page-template-default .header-wrap {background: none;}
.page-template-default #header nav ul li a {color: #2A2929!important;}
.page-template-default .page-content {text-align: center;font-family: 'wigrum-regular', 'Karla', Helvetica, Arial, sans-serif;line-height: 1.4em; font-size: 2.4rem;}
.page-template-default.tj-no-featured-image #content, .page-template-template-page-fullwidth-php.tj-no-featured-image #content, .page-template-template-contact-php.tj-no-featured-image #content {
    margin-top: 180px;
}

/*Contact*/
#contact input[type="text"], #contact input[type="email"], #contact input[type="url"], #contact textarea, #respond input[type="text"], #respond input[type="email"], #respond input[type="url"], #respond textarea, .post-password-form input[type="password"] {background: #F6F4F2!important;color: #0018FF;font-family: 'wigrum-light', 'Karla', Helvetica, Arial, sans-serif;}


/*Blog*/
.page-message h1 {font-family: 'wigrum-regular', 'Karla', Helvetica, Arial, sans-serif;font-weight: normal;text-transform: none; margin-bottom: 0rem;}
.page-message p {font-family: 'wigrum-light', 'Karla', Helvetica, Arial, sans-serif;}
.post-content img, .entry-thumbnail {margin-bottom: 30px!important;}
.post-content p {font-size: 20px;}
.comment-content p {font-size: 16px;line-height: 26px;}
#blog-footer {max-width: 740px;width: 66.666%;margin: 0 auto; padding: 0 0 60px 0;clear: both;}
#blog-footer ul {line-height: 1.25;}
#blog-footer ul a {font-size: 18px; color:#c0b3a5;}
#blog-footer ul a:hover {font-size: 18px; color:#0018ff;}
.entry-title a {color: #0018ff;}
.entry-title a:hover {color: #2A2929!important;}
body.blog #content, body.tj-has-featured-image #content { margin: 0 auto;}
.widget-title {font-size: 1.9rem;color:#c0b3a5;margin-bottom: 5px;}
.tj-pagination {padding: 20px 0 60px 0;}

/*Share On Plugin*/

.addtoany_share_save_container {text-align: center;font-size: 18px!important;}
.addtoany_list a img {width: 50%!important;}

/*Responsive*/
@media only screen and (max-width: 750px) {
.footer-column {width: 100%!important;}
.footer-copyright-column, .footer-copyright-column {width: 99%!important;}
.footer-widgets-wrapper {background-size: 370px 17px;}
.page-template-template-portfolio-php .tj-portfolios article.portfolio .entry-title {font-size: 1.5rem;margin-top: auto;}
.tj-portfolio-overlay .entry-title span {font-size: 1.3rem;}
.entry-content {padding: 0 15px;}
.portfolio-filter .clearfix {margin: 180px auto 50px auto;max-width: 1120px;padding-left: 15px;}
.tj-portfolios article.portfolio,.page-template-template-home .tj-portfolios article.portfolio {width: 100%;}
.tj-portfolio-overlay h4.entry-title {width: 90%;} .single-portfolio-meta-wrapper p {display: block;}
}

@media only screen and (max-width: 1170px) {
#footer {padding-left: 15px; background-color: #fff;}
}