/*
Theme Name: Konzept Child
Theme URI:
Author:
Author URI:
Description: Child theme for Konzept theme.
Template: konzept
Version:
License:
License URI:
Tags:
Text Domain:
*/

@import "//cloud.typography.com/6031692/628044/css/fonts.css";
@import url("../konzept/style.css");

body{
    background: #f3f1ed;
    font-family: 'Hoefler Text A', 'Hoefler Text B', serif;
    font-weight: 400;
    font-style: normal;
}

.site-footer{
    display:none;
}
.portfolio-loadingbar, 
.portfolio-loadinghr, 
.portfolio-indicator
{
	display: none;
}



textarea, kbd,
.site-description,
.single-meta,
.single-meta .single-tags a,
.comments-title h2,
.comment-body,
.no-comments,
#commentform textarea,
.project-slides .wp-caption-text h4,
.project-slide .description,
.site-footer,
.page-description,
.entry-meta .entry-tags a,
.project-meta-description,
.project-description,
.site-footer .copyright_notice,
.nav-menu li a,
h1, h2, h3, h4, h5, h6,
.header-back-to-blog-message,
.header-search .search-field,
.header-search .search-message,
.comment-metadata,
.comment-navigation .nav-next a:after,
.related-posts-title small,
input.wpcf7-submit,
.konzept-thumbnail .thumbnail-title,
.thumbnail-plus,
.element-text .thumbnail-link-title,
.project-slide .description h4,
.portfolio-indicator,
.back .label,
.pf_nav li a,
.nav-menu li a,
.entry-title,
.entry-meta .author,
.entry-meta .date,
.entry-meta .edit-link,
.blog-comments-value a,
.single-meta .single-date,
.navigation a,
.comments-title a,
.comment-author .fn,
.form-submit  input[type="submit"],
.related-posts-title a,
.project-meta-heading,
.sharing-icons-tooltip,
.sharing-icons-tooltip:after,
.project-title,
.menu-toggle{
    font-family: 'Hoefler Text A', 'Hoefler Text B', serif;
    font-weight: 400; 
    font-style: normal;
}

a {color:#de795b;}
a:hover{color:#438793;
}
a:visited{color:#91c1ca;
}

h1.page-title{
    margin-top: 30px;
    font-size: 50px;
    border-bottom: none;
    display: none;
}
.project-slides h4, h2.project-title{
    font-family: 'Hoefler Text A', 'Hoefler Text B', serif;
    font-weight: 400; 
	font-size: 40px !important;
	text-transform: none !important;
	font-style: italic !important;
	letter-spacing:-1px;
	
}
h3{
    font-size: 50px;
    font-style: italic;
}

.page-title,
.konzept-thumbnail .thumbnail-categories,
.konzept-thumbnail .thumbnail-plus,
.element .symbol,
.element .categories{
    font-family: 'Hoefler Text A', 'Hoefler Text B', serif;
    font-weight: 400; 
    font-style: italic;
    text-transform: capitalize;
}

#thelist div.project-slide.project-slide-image.fit.project-slide-current img.myimage {
max-width: 300px !important;
max-height: 300px !important;
margin-top: -140px !important;
margin-right: 30px !important;
}

.project-slides h5,
.project-slides h4, 
.project-slides h3, 
.project-slides p, 
.project-slides h2{
	max-width:220px !important;
	margin-left:40px;
}


.project-slides p {
	font-size: 14px;
	line-height: 20px;
	max-width:180px !important;
		
}

.project-slides h5 {
	font-size: 16px;
	line-height: 20px;	
}


div.thumbnail-plus{
    display: none;
}

img.site-logo{
    height: 84px;
    width: 126px;
    margin-top: 18px;
}
.site-header{
    height: 90px;
    background-color: rgba(243, 241, 237, 0);
}
.site-header:hover { background-color: rgba(243, 241, 237, 1); }
.site-header .site-header-inner{
    min-height: 90px;
}
.site-navigation{
    width: 70%;
}
/* Hide the link for "All Work" */
.menu-col-categories{ display:none }
/* Hide comments" */
div#comments.comments-area.clearfix{ display:none }

p{
    font-size: 18px;
}

.main-nav{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 16px;
    right: 0;
    width: 400px;
}

.nav-menu li{
    clear: none;
    width: 100px;
    height: 41px;
}

.menu-item a{
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
    background-size: 100px 41px;
    width: 100px;
    height: 41px;
}
.current-menu-item a:after{
    display: block;
    content: "";
    width: 14px;
    height: 11px;
    background-size: 14px 11px;
    background-image: url(/assets/nav/carrot.png);
    position: absolute;
    bottom: -15px;
    left: 43px;
}

/* Work */
#menu-item-47 a{
    background-image: url(/assets/nav/default/nav_01work.png);
}
#menu-item-47 a:hover,
#menu-item-47 a:active,
#menu-item-47 a:focus{
    background-image: url(/assets/nav/hover/nav_01work.png);
}
#menu-item-47.current-menu-item a{
    background-image: url(/assets/nav/selected/nav_01work.png);
}

/* About */
#menu-item-48 a{
    background-image: url(/assets/nav/default/nav_02about.png);
}
#menu-item-48 a:hover,
#menu-item-48 a:active,
#menu-item-48 a:focus{
    background-image: url(/assets/nav/hover/nav_02about.png);
}
#menu-item-48.current-menu-item a{
    background-image: url(/assets/nav/selected/nav_02about.png);
}

/* Store */
#menu-item-219 a{
    background-image: url(/assets/nav/default/nav_04store.png);
}
#menu-item-219 a:hover,
#menu-item-219 a:active,
#menu-item-219 a:focus{
    background-image: url(/assets/nav/hover/nav_04store.png);
}
#menu-item-219.current-menu-item a{
    background-image: url(/assets/nav/selected/nav_04store.png);
}

/* Blog */
#menu-item-218 a{
    background-image: url(/assets/nav/default/nav_03blog.png);
}
#menu-item-218 a:hover,
#menu-item-218 a:active,
#menu-item-218 a:focus{
    background-image: url(/assets/nav/hover/nav_03blog.png);
}
#menu-item-218.current-menu-item a{
    background-image: url(/assets/nav/selected/nav_03blog.png);
}

.element .thumbnail-meta-data-wrapper{
    height: 100%;
    padding: 0;
}

.element .symbol{
    background-repeat: no-repeat;
    background-size: 250px 125px;
    background-position: center center;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

.airtimebg{
    width: 100%;
    height: 100%;
	background-image:url(/wp-content/uploads/2014/05/seamless_launch_backdrop.png);
	background-repeat:repeat;	
}

.repeat
{
	background-color: #a5a5a5;
}

/* Selfies */
#post-470 .symbol{
    background-image: url(/assets/labels/selfies.png);
}

/* Catsquatch */
#post-28 .symbol{
    background-image: url(/assets/labels/catsquatch.png);
}
/* Stickers */
#post-121 .symbol{
    background-image: url(/assets/labels/stickers.png);
}
/* Murals */
#post-93 .symbol{
    background-image: url(/assets/labels/murals.png);
}
/* Airtime */
#post-83 .symbol{
    background-image: url(/assets/labels/airtime.png);
}
/* Portraits */
#post-42 .symbol{
    background-image: url(/assets/labels/portraits.png);
}
/* Apparel */
#post-104 .symbol{
    background-image: url(/assets/labels/apparel.png);
}
/* Rid River Nightcap */
#post-16 .symbol{
    background-image: url(/assets/labels/red-river-nightcap.png);
}
/* Covert Operation */
#post-23 .symbol{
    background-image: url(/assets/labels/dinosaurs.png);
    text-indent: -9999px;
}
/* Dinosaurs */
#post-38 .symbol{
    background-image: url(/assets/labels/dinosaurs.png);
}
/* Letterpress */
#post-110 .symbol{
    background-image: url(/assets/labels/letterpress.png);
}
/* Silkscreen */
#post-126 .symbol{
    background-image: url(/assets/labels/silkscreen.png);
}
/* Llama */
#post-78 .symbol{
    background-image: url(/assets/labels/llama.png);
}

#container{
    position: relative;
}
#about{
    margin-right: 360px;
}
#about h4{
    line-height: 30px;
}
#links{
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
}
#links ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer{
    clear: both;
    text-align: center;
}
#footer img{
    width: 33%;
}



.sticker2x2{
    margin: -290px 0 0 -400px;
    height: 600px;
    max-width: 800px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
}

.sticker{
    display: block;
	margin: 0 20px 20px 0;
    float: left;
    width: 180px;
    height: 180px;
}

.stickercenter{
	display:table-cell;
	vertical-align:middle;
    width: 170px;
    height: 170px;
}

.sticker2x2 .sticker img{
    margin:0 auto;
     max-width:100%;
}

@media (max-width: 720px) {
    .site-header{
        height: 150px;
    }
    .site-header-inner{
        min-height: 150px;
    }
    .logo{
        height: 90px;
        margin: 0;
    }
    .site-navigation{
        height: 41px;
        margin: 0 auto;
        width: 100%;
    }
    .main-nav{
        margin-left: -200px;
        top: 0;
        left: 50%;
        right: auto;
        width: 400px;
    }
    .menu-toggle{
        display: none;
    }
    ul.nav-menu, div.nav-menu > ul {
        display: block;
    }
    .nav-menu > li{
        margin: 0;
    }
    .nav-menu li{
        float: left;
    }
    #about{
        margin-right: 0;
    }
    #links{
        position: static;
        top: auto;
        right: auto;
        width: auto;
        margin: 0 0 2em 0;
    }
    .sticker2x2{
        margin: -240px 0 0 -240px;
        height: 700px;
        width: 600px;
    }
   .sticker{
       height: 90px;
       width: 90px;
        }
    .stickercenter{
      max-width: 100%;
         }
        
    .sticker2x2 .sticker img{
        margin: 0;
        max-width: 100%;
 
    }
    .element .symbol{
        background-size: 78% 39%;
    }
}


@media (max-width: 420px) {
    .site-navigation{
        height: 33px;
    }
    .main-nav{
        margin-left: -160px;
        width: 320px;
    }
    .nav-menu li{
        width: 80px;
        height: 33px;
    }
    .menu-item a{
        background-size: 80px 33px;
        width: 80px;
        height: 33px;
    }
    .element .symbol{
        background-size: 100% 50%;
    }
}