/*
Theme Name:     Pocket Child Theme
Description:    Make your modifications to Pocket in this child theme.
Template:       pocket
*/

@import url('../pocket/style.css');


/* fix page width for Exchange portfolio page -- gallery solution */

.page-id-1591 .post .post-content ul, 
.page-id-1591 .post .post-content ol {    
	max-width: 2000px !important; 
}

.page-id-1591 .wp-block-jetpack-slideshow {
	    box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
    border: solid 1px #ddd;
    border-radius: 6px;
}

/* edit pdf embedder style for Exchange portfolio page */
.pdfemb-viewer {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	border: 1px solid #eee !important;
    border-radius: 3px;
}


.big-body-text {
	font-size: 20px;
	line-height: 33px;
}

h2 {
    letter-spacing: 0px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	/* max-width: 850px; disabled by BCR 12.17.25 */
	margin: 20px auto 15px auto;
}

.post-content a:hover {
	text-decoration: underline;
}

/* adjusted by BCR to fit more per line */
.format-quote {
font-size: 28px;
background: none;
}

article.format-quote {
}

/* better width */
.post .box {
position: relative;
width: 75%;

}
.post {
margin: 0; 
padding: 0 0 30px 0;
}

/* better quote styling */
.format-quote p {
font-family: georgia;
font-size: 25px;
letter-spacing: 0px;
line-height: 38px;
}


/* better height for quote boxes */
.format-quote .box {
padding: 120px 0 90px 0;
padding: 75px 0 40px 0;
}

.logo-text {
letter-spacing: 0 !important;
}

/* darken logo color, new font */
.logo-text a {
color: #666;
color: #9B2940;
color: #555;
font-size: 42px;
font-family: Mittelschrift, 'NovecentowideLightBold', 'Helvetica Neue', Helvetica, sans-serif;
}
.logo-text a:hover {
color: #777;
}

/* manage width for width screens */
body {
max-width: 850px;
margin: 0 auto;
padding: 50px 150px 150px 150px;
background: #fff;
}

/* spacing for normal entries */
.date-title {
color: #aaa;
font-size: 14px;
font-weight: normal;
margin-bottom: 5px;
margin-top: 35px;
}

.entry-title {
padding-bottom: 30px;
font-family: Engschrift;
font-size: 60px;
font-size: 40px;
letter-spacing: 0px;
line-height: 60px !important;
text-transform: uppercase;
margin-top: 40px !important;
}



/* fix search bar position */
.header .search-form {
top: 0px;
}

/* style nav links */
.nav a {
font-family: TransportHeavy, 'NovecentowideLightBold', 'Helvetica Neue', Helvetica, sans-serif;
font-size: 21px;
text-transform: none;
}

.nav .current-menu-item a, .nav a:hover 
 { color: #333;}

.post-160 .date-title,
.post-160 .entry-title {
display: none;
}

.post-160 .box { 
width: 100%;
/*border-bottom: 1px solid #ddd;*/
}
.post-160 { 
margin: 0; 
font-size: 18px;
font-family: georgia;
line-height: 148%;
padding-bottom: 25px;
padding-top: 50px;
/*padding-left: 60px;
padding-right: 60px;*/
}

.header {
margin-bottom: 0;
padding-top: 20px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-bottom: 5px !important;
height: auto;
}

.menu-categories-container {
clear: both;
padding: 9px 0 8px 0;
}

article.post-160 .box-wrap .box div.post-content p { 
margin: 0 0 10px 0 !important;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

.header .search-form,   
.header .search-toggle
 {display:none;}

h1 {
letter-spacing: -1px;
}

.footer2_search {
display:none;
}

@font-face
{
font-family: Engschrift;
src: url('/wp-content/type/Roadgeek2005Engschrift.otf');
}

@font-face
{
font-family: Mittelschrift;
src: url('/wp-content/type/Roadgeek2005Mittelschrift.otf');
}

@font-face
{
font-family: TransportHeavy;
src: url('/wp-content/type/Roadgeek2005TransportHeavy.otf');
}

#footer-toggle {
color: #fff;
background-color: #DD574C;
}


#footer-toggle:hover {
background-color: #E78982
}

.archive-title { 
color: #fff;
font-family: TransportHeavy, 'NovecentowideLightBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 21px;
text-transform: uppercase;
}

.archive-title,
.header-nav span.select,
#content .post-nav,
#footer-inside {
background: #444;
background: #eee;
font-size: 15px;
text-transform: uppercase;
color: #aaa;
}

#content p {
    font-weight: 200;
}

#footer-inside {
display: block !important;
text-transform: none;
font-size: 13px;
}

/* change style of quotes for archive page */
/*body.archive .format-quote {
}
body.archive .format-quote a {
}
body.archive .format-quote a:hover {
color: #222;
}
*/
.post-content blockquote {
color: #777;
text-transform: none;
font-style: italic;
font-size: 18px;
font-family: Georgia;
padding-bottom: 25px;
font-size: 29px;
line-height: 40px;

}

#cboxTitle
{
color: #666 !important;
font-family: TransportHeavy;
}

#content .post-nav a {
color: #fff !important;
font-family: TransportHeavy;
font-size: 18px;
font-weight: normal !important;
}

.imgcaption {
font-size: 13px;
font-weight: bold;
}

.header-nav span.select {
background: #444 !important;
}

.header-nav span.select:before { color: #fff !important;}

body {
    padding: 0;
    background: none;
    max-width: none;
    padding-bottom: 0px;
}

.header {
    margin-bottom: 0;
    padding: 50px;
    max-width: 850px;
    margin: 0 auto ;
    display: block;
    width: 75%;
}

article.post .box-wrap .box div.post-content p,
article.post .box-wrap .box .format-quote p {
    margin: 0 auto 10px auto !important;
    max-width: 850px;
}


.post-nav-right a,
.post-nav-left a {
    background-color: #DD574C;
    padding: 10px 25px!important;
    
}

#content .post-nav {
display: block;
max-width: 850px;
height: 30px;
background: none;
}

#footer-toggle {
    display:none;
}

#content .meta {
max-width: 850px;
display: block;
margin: 25px auto 40px auto !important;
}

.menu-primary-container {
padding-top: 6px;
}

/* sub nav styling */
ul.subnav li.menu-item a {
color: #aaa;
cursor: default;
font-size: 15px;
}
ul.subnav li.menu-item a[href] {
color: #DD574C;
cursor: pointer;
}

ul.subnav li.menu-item {
display: inline;
}

ul.subnav li.current-menu-item a[href] {
color: #777;
cursor: default;
}
.archive-title .icon-reorder {
display: none;
}

.post-content blockquote {
color: #555 !important;
text-transform: none !important;
}

/* WORK page aka project page CSS */

article.post-392 .box { width: 100%;}


.project-wrapper {
/*background: #00CE67;*/
padding-left: 10px;
max-width: 1200px;
margin: 0 auto;
}
.project {
    display: block;
    float: left;
    width: 45%;
}

.project.col1 {
    margin-left: 5%;
}

.project.col2 {
    margin-right: 5%;
}

.project img {
    margin-bottom: -9px;

}

.project-inner {
    /*padding-bottom: 12px;
    padding-right: 12px;*/
    border:2px solid #eee;
}
.project.firstrow .project-inner {
    border-top:0;
}
.project.col1 .project-inner {
    border-left:0;
}
.project.col2 .project-inner {
    border-right:0;
}
.project.lastrow .project-inner {
    border-bottom:0;
}


.project-thumb {
    position: relative;
    display: block;
}

.project-thumb a {
    display: block;
    border-style: none;
    color: #666;
}
.project-thumb img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.project-thumb span {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(240, 241, 238, .85);
opacity: 0;
text-align: center;
-webkit-transition: all 0.10s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: all 0.10s cubic-bezier(0, 0, 0.25, 1);
-o-transition: all 0.10s cubic-bezier(0, 0, 0.25, 1);
-ms-transition: all 0.10s linear;
transition: all 0.10s cubic-bezier(0, 0, 0.25, 1);
padding-bottom: 1px;
}

.project-thumb:hover span {
    opacity: 0.94;

}

.project-thumb:hover .project-info {
    padding-top:24%;
}

.project-info {
    padding-top:23.0%;
    -webkit-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-o-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-ms-transition: all 0.16s linear;
transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
padding-right: 10px;
padding-left: 10px;
}


/*--------------------------------------------*/
/* start media query                          */
/*--------------------------------------------*/
@media only screen and (max-width: 755px) {
.header {
margin-bottom: 0 !important;
width: 92%;
}

.entry-title {
letter-spacing: 0px !important;
font-size: 28px;
padding-bottom: 25px !important;
}

.page .entry-title {
margin-top: 0px !important;
}


h1.entry-title a {
font-size: 40px !important;
padding-bottom: 0px !important;
}

.project-info h2 {
    font-size: 25px
}

.project {
width: 100%;
padding-bottom: 30px;
}

.project.col1 {
    margin-left: 0%;
}

.project.col2 {
    margin-right: 0%;
}
.project-inner {
    /*padding-bottom: 12px;
    padding-right: 12px;*/
    border:0;
}


.project-thumb span {
position: relative;
opacity: 1.0;
}

.project-info,
.project-thumb:hover .project-info {
padding: 15px 15px;
}

.post-160 { 
padding-left: 20px;
padding-right: 20px;
}

.post-160 .box-wrap {
padding: 10px !important;
}

.post-160 .entry-title {
display: none !important;
}
.post-160 p {
word-spacing: 5px;
line-height: 30px;
}
#content .post-nav-inside {
padding: 0;
}
body { padding: 0px !important;}

.header-nav {
margin: 10px 0 10px 0 !important;
}

.header-nav .menu-primary-container {
width: 100%;
}



.format-quote .box {
padding: 30px 0 30px 0 !important;
}

.format-quote p { font-size: 20px !important;}

}
/*--------------------------------------------*/
/* end media query                          */
/*--------------------------------------------*/



/* Tweaking for Tablet Portrait */
@media only screen and (min-width:755px) and (max-width:768px) {
    
    body {
        padding: 0 !important;
    }
    
    .header .search-form {
        top: -45px;
    }
    
    .post .box, .comments-wrap {
        width: 75%;
    }
    
    blockquote {
        margin: 0 0 30px 0 !important;
    }
}


/* Tweaking for iPad Landscape */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    body {
        padding: 0 !important;
    }
    
    .post .box, .comments-wrap {
        width: 80%;
    }
    
    .header .search-form {
        top: -45px;
    }}


/* --------------- */
/* Quote Colors    */
/* --------------- */

/* default */
article.format-quote {background: #777;}

article.format-quote.post-261 {background: #FFA062;}
article.format-quote.post-261 p {color: #444;}

article.format-quote.post-168 {background: #C05949;}

article.format-quote.post-134 {background: #FFDF71;}
article.format-quote.post-134 p {color: #444;}

article.format-quote.post-117 {background: #B23F3B;}

article.format-quote.post-102 {background: #E1E6D0;}
article.format-quote.post-102 p {color: #444;}

article.format-quote.post-83 {background: #029875;}

article.format-quote.post-90 {background: #9D4A56;}

article.format-quote.post-24 {background: #29462A;}

article.format-quote.post-9 {background: #F0B7B9;}
article.format-quote.post-9 p {color: #444;}

article.format-quote.post-31 {background: #333;}

article.format-quote.post-45{background: #665C53;}

/* big data quote */
article.format-quote.post-1021 {background: #aaa;}
article.format-quote.post-1021 p {color: #222;}

/* take the sh out of IT */
article.format-quote.post-1060 {background: #59B94B;}
article.format-quote.post-1060 p {color: #fff;}

/* beer is proof */

article.format-quote.post-1161 {background: #8B4513;}
article.format-quote.post-1161 p {color: #fff;}

/* two goblets */

article.format-quote.post-1277 {background: #800020;}
article.format-quote.post-1277 p {color: #fff;}

/* Russell Westbrook */

article.format-quote.post-1311 {background: #D4694C;}

/* two goblets */

article.format-quote.post-1313 {background: #333;}
article.format-quote.post-1313 p {color: #fff;}



/* design between the lines */
.wp-image-1189:hover {
/*content: url(https://briancreyes.com/wp-content/uploads/2014/10/orig_small.png);*/
}




.flexslider {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
max-width: 750px;
margin: 0 auto !important;
}



/* PB blog page */

.blogthumb {
float:left;
margin: 40px 0px 0 0;
width: 44%;
max-width: 380px;
min-width: 250px;
}
.thumbcontainer {
margin: 0 auto;
}
.blogthumb h3 {
text-align: center;
line-height: 0px;
color: #999;
font-size: 19px;
margin-bottom: 15px;
}
.blogthumb img {
border: 4px solid #bbb;
opacity: 0.91;
width: 100%;
}
.blogthumb:hover img {
opacity: 1.0;
}
.blogthumb:hover h3 {
color: #666;
}
a.blogthumb:hover img {
border-color: #999;
}

.blogthumb:hover img,
.blogthumb:hover h3,
a.blogthumb:hover {
-webkit-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-o-transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
-ms-transition: all 0.16s linear;
transition: all 0.16s cubic-bezier(0, 0, 0.25, 1);
}

@media only screen and (max-width: 755px) {
.blogthumb {
min-width: 380px;
}
}

h2.smalltitle {
font-family: Engschrift;
text-transform: none;
max-width: 850px;
}

h3 {
    letter-spacing: 0px;
    margin: 0 0 10px 0;
}

.post-container {
max-width: 850px;
width: 100%;
margin: 0 auto;
}

.border-image {
border: 4px solid #bbb;
margin-top: 10px;
margin-bottom: 25px;
}

.wp-caption {
margin-top: 25px;
margin-bottom: 5px;
}


.wp-caption p.wp-caption-text {
font-size: 13px !important;
margin: 0 !important;
padding: 3px 0 0 0!important;
color: #444;
font-weight: 600;
line-height: 21px;
text-transform: none;
}

.shadowdemo {
background: url(http://briancreyes.com/wp-content/uploads/2013/10/datagrid.png);
width:963px;
height: 522px;
margin: 0 auto;
}

.shadowdemo:hover {
background: url(http://briancreyes.com/wp-content/uploads/2013/10/datagrid-hover2.png);
}

img.mobiledemo {
margin: 125px auto 20px auto !important;
box-shadow: 0 0 15px rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.3);
-o-box-shadow: 0 0 15px rgba(0,0,0,.3);
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 23px;

font-family: Engschrift;
font-size: 25px;
color: #333;
}

#footer-inside,
.subnav {
font-family: Merriweather, Georgia;
	font-family: 'Work Sans';
}

#menu-categories {
display: none;
}

.post .post-content ul, .post .post-content ol {
    margin: 0 auto 10px auto !important;
    padding-left: 25px;
    max-width: 850px;
}

tableauPlaceholder iframe {
margin: 0 auto;
}

.comment-form-comment label {
display: none;
}

#respond label.subscribe-label {
    left: 9px;
    margin-top: 3px;
    color: #666;
    display: block;

}

.sd-social-icon .sd-content ul li a[title*=Permalink] {
    display: none;
}